/* 서브비주얼 */
#subvisual{width:100%; height:600px; position:relative; overflow:hidden;background:url(../img/main/m_img01.png) no-repeat center top;}
#subvisual .slogan{width:600px; text-align:center; margin:30px auto;}
#subvisual.a{background:url(../img/main/m_img01.png) no-repeat center 66%;}
#subvisual.b{background:url(../img/main/m_img02.png) no-repeat center 57%;}
#subvisual.c{background:url(../img/main/m_img03.png) no-repeat center 64%;}
#subvisual.d{background:url(../img/main/m_img03.png) no-repeat center 37%;}
#subvisual .slogan{text-align:center; top:50px;}
#subvisual .slogan p img{width:auto; height:40px;}
#subvisual .slogan span{font-size:1.3em;}
@media (max-width: 991px) {
#subvisual{height:200px !important; background-size:cover !important;}
#subvisual .visual_img{height:100px;}
#subvisual .slogan{top:30px;}
}
/*서브-상단메인*/
#sub_main{width:100%; min-width:1100px; height:356px; opacity:0}
#subvisual .sub_main_in{width:1100px; margin:0 auto; text-align:center; position:relative; color: #fff;}
#subvisual .sub_main_in .s_text h2{position:absolute; top:40px; left:50%; margin-left:-219px; opacity:0;font-size: 2.2em; letter-spacing: 0.5em;}
#sub_main .sub_main_in .s_text p{position:absolute; top:90px; left:50%; margin-left:-218px; opacity:0;font-size:5em;font-family: 'Nanum Myeongjo', serif; letter-spacing:
0.1em; }
#subvisual{width:100%; height:300px; position:relative; overflow:hidden;}
#subvisual .slogan{width:300px; text-align:center; margin:30px auto;}
@media (max-width: 991px) {
#sub_main{width:100%; min-width:100%; height:200px !important; opacity:0; background-size:cover;}
#sub_main .sub_main_in{width:100%;}
#sub_main .sub_main_in .s_text h2{ display:none;}
#sub_main .sub_main_in .s_text p{ display:none; }
}
/*내용공통*/
.contents{ display: inline-block; word-break: keep-all;width: 100%; }
.contents .imgs{padding: 0; margin: 0 auto;display: inherit;}
.contents h1{ background: url(../img/common/c_icon3.gif) no-repeat left center; padding-left: 30px; font-size: 2em; font-weight: bold; margin-bottom: 15px; color: #434343}
.contents h2{ font-size: 1.7em; margin-bottom: 15px; margin-top: 15px; color: #1fa3de; font-weight: bold; line-height: 1.6em;}
.contents h3{ font-size: 1.5em; margin-bottom: 15px; margin-top: 15px; font-weight: bold;}
.contents h4{ background: url(../img/common/arrow4.gif) no-repeat left center; padding-left: 20px; font-size: 1.3em; margin-bottom: 8px; margin-top: 15px; font-weight: bold;color: #0064a4;}
.contents .dot{ font-size: 1.2em; line-height:2em; background:url(../img/common/arrow.jpg) no-repeat left 9px; padding-left: 8px; color: #666; word-break: keep-all;}
.contents p{ font-size: 1.2em; line-height:2em; color: #666; word-break: keep-all;}
.contents .point{color:#1fa3de}
.contents .red{color:#E01014}
@media (max-width: 991px) {
.contents h2{ font-size: 1.5em;}
.contents .imgs{width: 100%; padding: 0; margin: 0 auto 15px;}
}
/*해상화물운송 탭*/
.business{ width: 99%;/*border:1px solid #1fa3de;*/margin-top: 30px;}
.business ul.tab li{width:33.3333%; height:55px; line-height:55px; float:left; text-align:center;}
/*.business ul.tab li a:first-child{ border-left: 0px ;}*/
.business ul.tab li a{display:block; background:#f1f1f1; color:#333; text-decoration:none; border:1px solid #1fa3de;/*border-left: 1px solid #1fa3de; border-bottom: 1px solid #1fa3de; */font-size: 1.4em;letter-spacing: 0.1em;border-top: 0; border-bottom: 0;}
.business ul.tab li a.selected{border-bottom:none; background:#FFF; color:#1fa3de; font-weight:bold;/* border:1px solid #1fa3de;*/ border-bottom:0;}
.business ul.panel{clear:both; border-top:none; width:100%;box-shadow: none;}
.business ul.panel li{padding:44px 0;}
@media (max-width: 991px) {
.business ul.tab li a{ font-size: 1em;letter-spacing: 0em; word-break: keep-all; height: 41px;}
.business ul.tab li{height:41px; line-height:20px; }
.business ul.panel li{padding:15px;}
}
/*검역 탭*/
.info06 ul.tab li{width:25%; height:55px; line-height:55px; float:left; text-align:center;}
/*.info06 ul.tab li a:first-child{ border-left: 0px ;}*/
.info06 ul.tab li a{display:block; background:#f1f1f1; color:#333; text-decoration:none; border:1px solid #1fa3de;/* border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; */font-size: 1.4em;letter-spacing: 0.1em;border-top: 0; border-bottom: 0;}
.info06 ul.tab li a.selected{border-bottom:none; background:#FFF; color:#1fa3de; font-weight:bold;border:1px solid #ddd; border-bottom:0; }
.info06 ul.panel{clear:both; border-top:none; width:100%;box-shadow: none;}
.info06 ul.panel li{padding:44px 0;}
.info06 img{margin: 0 auto 15px;display: inherit;width: 100%;}
@media (max-width: 991px) {
.info06 ul.tab li a{ font-size: 0.95em;letter-spacing: 0em; word-break: keep-all; height: 41px;}
.info06 ul.tab li{height:41px; line-height:41px; }
.info06 ul.panel li{padding:15px;}
}
/*수출통관*/
dl.basic{margin-bottom:20px;}
dl.basic dt{font-size:1.2em; font-weight:600; margin-top:20px; margin-bottom:5px; background:url(../img/common/c_icon4.gif) no-repeat 0 50%; padding-left:23px; color:#00A8AB;}
/* 절차 */
.step{position:relative; width:100%; margin:30px auto;}
.step dl{background:#F3F3F3; padding:30px 15px; margin-top:20px; position:relative; border-radius:30px; border-bottom:3px solid #CCC; width:100%; box-sizing:border-box;}
.step dt{text-align:center; font-size:1.8em; line-height:30px; margin-bottom:10px; color:#000; text-shadow:2px 2px 0px #fff;}
.step dt span{ display:inline-block; color:#64B5BF; font-weight:bold; margin-right:3px;}
.step dd{line-height:3em;text-align: center; font-size: 1.2em;}
.step span.arrow{display:block; background:url(../img/common/step_arrow.png) no-repeat 50%/auto 100%; width:100%; height:30px;}
.step p{ font-size: 0.95em; line-height: 1.5em; color: #888;}
/*지도*/
.map{z-index:0; margin-top:50px; margin-bottom:80px;}
.map_table{width:100%; border-collapse:separate; border-spacing:0px; margin-top:33px;}
.map_table th{width:95px; color:#333; text-align:left; padding:10px 0 10px 0; border-bottom:1px dashed #d4d4d4; vertical-align:top; font-size:16px;}
.map_table td{border-bottom:1px dashed #d4d4d4; padding:8px 0 8px 10px; font-size:15px; color:#666;}
@media (max-width: 991px) {
.map_table td{font-size:13px; }
}
/*사이트맵*/
#sitemap{width:90%; margin:10px auto;}
#sitemap .stm_1dli:before{content:""; display:block; width:15px; height:2px; background:#337AC4; margin-bottom:10px;}
#sitemap .stm_1dli{display:inline-block; width:48%; vertical-align:top; margin:20px 0; text-align: left;}
#sitemap .stm_1dli .stm_1da{display:block; font-size:1.2em; margin-bottom:5px; font-weight:600;}
#sitemap .stm_2dli .stm_2da:before{content:"-"; display:inline-block; margin-right:3px;}
#sitemap .stm_2dli .stm_2da{display:block; width:90%; line-height:1.8em;}
/*표*/
.cancel_table strong{ text-align: center;}
.cancel_table{width:100%; border-top:2px solid #1fa3de; background:#ffffff; margin:10px 0 10px 0; font-size:1.2em;line-height:1.2em;text-align:center; border-collapse:collapse; }
.cancel_table caption{display:none;}
.cancel_table th{font-weight:bold; border:1px solid #e1e1e1; background:#f2f2f2; padding:14px; font-size:1em;text-align: center;}
.cancel_table td{border:1px solid #e1e1e1; padding:12px; color:#666; font-size:0.9em;}
.cancel_table tr.color td{background:#f5fafb;}
.cancel_table .br{display:none;}
@media (max-width: 767px) {
.con_size{ overflow-x:scroll;}
.cancel_table{font-size:1em; white-space: nowrap; overflow: hidden;}
.cancel_table thead tr th{padding:5px 0px; font-size:0.8em;}
.cancel_table td{padding:5px 0px; font-size:0.7em;}
.cancel_table .br{display:block;}
}
/*인사말 및 오시는 길*/
.greet{ background:url(../img/sub/greet_bg.jpg) no-repeat right 30px;}
.greet .info{font-size:21px; line-height:1.4em; color:#333; margin-bottom:20px;}
.greet .point{color:#33548a;}
.greet .point2{color:#3498b5; font-weight:bold;}
.greet div{font-size:16px; line-height:2em; color:#333;}
@media (max-width: 767px) {
.greet{ background:none}
.greet .info{font-size:16px;}
.greet div{font-size:12px; }
}
/*조직도*/
.greet02_p{display:block;}
.greet02_m{display:none;}
.greeet02_bg{background: #eee; padding: 15px 0;}
.greeet02_2 h1{ text-align: center; font-size: 2.6em;padding: 15px 0 35px;}
.greeet02_2 h1 span{ font-size: 0.6em; padding-left: 10px; }
@media (max-width: 767px) {
.greet02_p{display:none;}
.greet02_m{display:block;}
.greeet02_2 h1 span{ font-size: 0.5em; padding-left: 0; display: block; line-height: 2em; }
}
/*물류사이트*/
.information05 a{ margin-bottom: 15px; display: block;}
.information05 img{ border: 1px solid #eee; box-shadow: 2px 2px 2px #ddd; display: block; margin-bottom: 15px;}
.information05 p{text-align: center; }
.information05 a:hover p{font-weight: bold; }
.information05 .border{font-weight: bold; color: #343434; text-align: center; font-size:1.8em; border:1px solid #eee; box-shadow: 2px 2px 2px #ddd; height: 99px;padding: 31px 0;}
.information05 a:hover .border{color: #AFAFAF; transition: 0.6s;}
@media (max-width: 767px) {
.information05 p{font-size: 0.8em;}
.information05 img{ height: 62px;}
.information05 .border{font-size:0.8em; border:1px solid #eee; box-shadow: 2px 2px 2px #ddd;padding: 21px 0; height: 62px;}
}