﻿.srch_main {margin-top:210px; height:152px; text-align:center; position:relative;}

/*.srch_main_box {width:350px; z-index:2; box-shadow:rgba(0, 0, 0, 0.8) 0px 0px 10px; position:absolute; top:100px; left:50%; margin-left:-175px;}
.srch_main_box input {display:block; float:left; color:#333; width:calc(100% - 52px); height:52px; line-height:44px; border:4px solid #00a0e9; border-right:none; box-sizing:border-box; font-size:1rem; padding:0 10px;}
.srch_main_box button {display:block; float:left; background:#00a0e9 url('../images/btn/btn_srch_wh.png') no-repeat center center; background-size:40px; width:52px; height:52px; transition:all ease 0.1s;}
.srch_main_box button:hover {cursor:pointer; transition:all ease 0.1s;}
.srch_main_box:hover {opacity:1; filter:blur(0px); -webkit-filter:blur(0px); transition:all ease 0.1s;}

.srch_img_main {display:block; width:350px; z-index:1; box-shadow:rgba(0, 0, 0, 0.8) 0px 0px 10px; position:absolute; background:#fff; border:4px solid #3e6bff; border-right:52px solid #3e6bff; height:52px; line-height:44px; 
                 left:50%; margin-left:-145px; top:140px; padding:0 10px; box-sizing:border-box; text-align:left; opacity:0.6; transition:all ease 0.1s; filter:blur(1px); -webkit-filter:blur(1px);}
.srch_img_main span {color:#333; font-size:1rem;}
.srch_img_main img {float:right; margin-right:-56px; width:40px; margin-top:2px;}
.srch_img_main:hover {cursor:pointer; opacity:1; filter:blur(0px); -webkit-filter:blur(0px); transition:all ease 0.1s;}

.srch_popup { width:350px; left:50%; margin-left:-175px; z-index:3; top:152px; border:4px solid #00a0e9; border-top:none; display:none; border-radius:0 0 3px 3px;}
.srch_popup_inner {padding:15px; height:200px; overflow-y:auto;}
.srch_popup .tit {font-size:1rem;}
.srch_popup .cont {margin-top:10px; font-size:0.8rem; }
.srch_popup li {display:block;}
.srch_popup a {display:inline-block; font-size:0.8rem; word-break:break-word; padding:5px 0 5px 17px; color:#888; background:url('/images/btn/rdo_off.png') no-repeat left top 8px; background-size:0.8rem;}
.srch_popup a:hover {background:url('/images/btn/rdo_on.png') no-repeat left top 8px; background-size:0.8rem; color:#333;}
.srch_popup a:last-child {padding-bottom:0;}*/


/*.srch_main_box {width:250px; z-index:2; box-shadow:rgba(0, 0, 0, 0.8) 0px 0px 10px; position:absolute; top:100px; left:50%; margin-left:-254px;}
.srch_main_box input {display:block; float:left; color:#333; width:calc(100% - 52px); height:52px; line-height:44px; border:4px solid #00a0e9; border-right:none; box-sizing:border-box; font-size:1rem; padding:0 10px;}
.srch_main_box button {display:block; float:left; background:#00a0e9 url('../images/btn/btn_srch_wh.png') no-repeat center center; background-size:40px; width:52px; height:52px;}
.srch_main_box button:hover {cursor:pointer; transition:all ease 0.1s;}*/

.srch_main_box {z-index:2; position:absolute; top:-60px; left:50%; margin-left:-200px; opacity:0;}
.srch_main_box input {float:left; color:#333; width:400px; height:50px; line-height:48px; border:1px solid #1e6fd2; box-sizing:border-box; font-size:15px; padding:0 34px 0 15px; vertical-align:top; background:rgba(255,255,255,1);}
.srch_main_box button {float:left; background:url('../images/btn/btn_srch.png') no-repeat center center; background-size:22px; width:50px; height:50px; margin-left:-50px;}
.srch_main_box button:hover {cursor:pointer; transition:all ease 0.1s;}

/*.srch_img_main {display:block; width:250px; z-index:1; box-shadow:rgba(0, 0, 0, 0.8) 0px 0px 10px; position:absolute; background:#fff; border:4px solid #3e6bff; border-right:52px solid #3e6bff; height:52px; line-height:44px; 
                 left:50%; margin-left:4px; top:100px; padding:0 10px; box-sizing:border-box; text-align:left;}
.srch_img_main span {color:#333; font-size:1rem;}
.srch_img_main img {float:right; margin-right:-56px; width:40px; margin-top:2px;}
.srch_img_main:hover {cursor:pointer;}*/

.srch_img_main {width:400px; z-index:1; position:absolute; background:#2b4ee2 url('/images/btn/btn_srch_img.png') no-repeat right 10px center; height:50px; line-height:48px; left:50%; margin-left:-200px; top:-60px; padding:0 20px; 
                box-sizing:border-box; text-align:left; background-size:32px; opacity:0; overflow:hidden;}
.srch_img_main span {color:#fff; font-size:14px;}
.srch_img_main:hover {cursor:pointer; background:#1f42d7 url('/images/btn/btn_srch_img.png') no-repeat right 10px center; background-size:32px;}
.shining {position:absolute; top:0; right:-100px; opacity:0.5;}

.srch_popup { width:510px; left:50%; margin-left:-255px; z-index:5; top:160px; border:1px solid #999; display:none; border-radius:3px;}
.srch_popup_inner {padding:15px 20px; height:190px; overflow-y:auto;}
.srch_popup .tit {font-size:1rem;}
.srch_popup .cont {margin-top:10px; font-size:0.8rem; }
.srch_popup li {display:block;}
.srch_popup a {display:inline-block; font-size:14px; word-break:break-word; padding:5px 0 5px 19px; color:#333; background:url('/images/btn/rdo_off.png') no-repeat left top 9px;}
.srch_popup a:hover {background:url('/images/btn/rdo_on.png') no-repeat left top 9px; opacity:0.7;}
.srch_popup a:last-child {padding-bottom:0;}


.expl_main {transition:all ease 0.1s; color:#fff;}
.expl_main p {font-weight:bold;}
.expl_main .copy_1 {margin-top:105px; opacity:0; text-shadow:rgba(26,56,112,0.5) 0 0 10px;}
.expl_main .copy_2 {margin-top:55px; opacity:0; text-shadow:rgba(26,56,112,0.5) 0 0 10px;}
.expl_main .copy_3 {margin-top:55px; opacity:0; text-shadow:rgba(26,56,112,0.5) 0 0 10px;}
.expl_main .copy_4 {margin-top:55px; opacity:0; text-shadow:rgba(26,56,112,0.5) 0 0 10px;}

.expl_sub {display:none; margin-top:55px; color:#fff; text-shadow:rgba(26,56,112,0.5) 0 0 10px;}


.bn_point {padding-top:80px; }
.point_box:first-child {margin:0;}
.point_box {display:block; width:402px; border-radius:3px; border:1px solid #b1b1b1; overflow:hidden; float:left; vertical-align:top; margin:0 37px; box-sizing:border-box; transition:all ease 0.1s;}
.point_box:last-child {margin:0;}
/*.point_box:hover {border:1px solid #00a0e9; transition:all ease 0.1s;}
.point_box:hover .point_img_1 {background-size:auto 110%; transition:all ease 0.2s;}
.point_box:hover .point_img_2 {background-size:auto 110%; transition:all ease 0.2s;}
.point_box:hover .point_img_3 {background-size:auto 110%; transition:all ease 0.2s;}*/
.point_img {width:100%; height:177px; overflow:hidden;}
.point_img_1 {background:url('../images/bn/point_1.jpg') no-repeat center center; background-size:auto 102%; transition:all ease 0.2s;}
.point_img_2 {background:url('../images/bn/point_2.jpg') no-repeat center center; background-size:auto 102%; transition:all ease 0.2s;}
.point_img_3 {background:url('../images/bn/point_3.jpg') no-repeat center center; background-size:auto 102%; transition:all ease 0.2s;}

.point_cont {min-height:140px; padding:20px; text-align:left;}
.point_cont .tit {font-size:1.3rem; font-weight:bold; }
.point_cont .cont {margin-top:27px; font-size:1rem;}


@media screen and (max-width:1280px) {
.bn_point_inner {width:100%; padding:0 20px;}
.point_box {width:calc((100% - 40px) / 3); margin:0 20px;}
}

/*통관체크 배너 (가로 100%일때 디자인)*/
/*.bn_customscheck {margin-top:50px;}
.bg_image {background:url('../images/bn/bn_customs_bg.jpg') no-repeat center center; background-position-y:-400px; height:254px; border:1px solid #d0dce9; overflow:hidden; }
.bn_customscheck > img.left { left:50px; margin-top:-14px;}
.bn_customscheck > img.right { right:10px; margin-top:-37px;}

.bn_customscheck .cont_box {margin-left:270px;}
.bn_customscheck .cont_box .tit1 {font-size:1.6rem; margin-top:48px;}
.bn_customscheck .cont_box .tit2 {font-size:1.6rem; margin-top:20px; margin-left:30px;}
.bn_customscheck .cont_box .q_left {margin-top:-3px;}
.bn_customscheck .cont_box .q_right {margin-top:20px;}
.bn_customscheck .cont_box .tit2 a {height:1.5rem; font-size:0.9rem; padding:0 6px; color:#333; background:rgba(0,0,0,0.1); border:1px solid #333; border-radius:3px;}
.bn_customscheck .cont_box .tit2 a:hover {background:rgba(0,0,0,0.2);}
.bn_customscheck .cont_box .cont {margin-left:30px; margin-top:10px; font-size:1rem;}

@media screen and (max-width:1280px) {
.bn_customscheck .cont_box {margin-left:230px;}
.bn_customscheck .cont_box .tit1 {font-size:1.2rem; margin-top:48px;}
.bn_customscheck .cont_box .tit2 {font-size:1.2rem; margin-top:20px; margin-left:30px;}
}*/

/*통관체크 배너 (공지사항 우측에 배치했을때 디자인)*/
/*.bn_customscheck {width:840px; margin-top:50px; float:right;}
.bg_image {width:100%; background:url('../images/bn/bn_customs_bg.jpg') no-repeat center center; background-position-y:-400px; height:263px; border:1px solid #d0dce9; overflow:hidden; }
.bn_customscheck > img.left { left:20px; margin-top:-14px;}
.bn_customscheck > img.right { right:-30px; margin-top:-28px;}

.bn_customscheck .cont_box {margin-left:185px;}
.bn_customscheck .cont_box .tit1 {font-size:1.2rem; margin-top:48px;}
.bn_customscheck .cont_box .tit2 {font-size:1.2rem; margin-top:10px; margin-left:10px;}
.bn_customscheck .cont_box .q_left {height:14px; margin-top:-3px;}
.bn_customscheck .cont_box .q_right {height:14px; margin-top:20px;}
.bn_customscheck .cont_box .tit2 a {height:1.5rem; font-size:0.9rem; padding:0 6px; color:#333; background:rgba(0,0,0,0.1); border:1px solid #333; border-radius:3px;}
.bn_customscheck .cont_box .tit2 a:hover {background:rgba(0,0,0,0.2);}
.bn_customscheck .cont_box .cont {margin-left:10px; margin-top:10px; font-size:0.9rem; width:400px; word-break:break-all;}
.bn_customscheck .cont_box .cont br {display:none;}*/

/*통관체크 배너 (공지사항 우측 단일이미지)*/
.bn_customscheck {width:840px; height:293px; margin-top:28px; float:right; background:url('/images/bn/bn_customs_kr.png') no-repeat center center; transition:all ease 0.1s;}
.bn_customscheck:hover {background:url('/images/bn/bn_customs_kr_on.png') no-repeat center center; transition:all ease 0.1s;}
.bn_customscheck .cont_box {margin-left:185px;}
.bn_customscheck .cont_box .tit1 {font-size:1.2rem; margin-top:48px;}
.bn_customscheck .cont_box .tit2 {font-size:1.2rem; margin-top:10px; margin-left:10px;}
.bn_customscheck .cont_box .q_left {height:14px; margin-top:-3px;}
.bn_customscheck .cont_box .q_right {height:14px; margin-top:20px;}
.bn_customscheck .cont_box .tit2 .go_chk {height:1.5rem; font-size:0.9rem; padding:0 6px; color:#333; background:rgba(0,0,0,0.1); border:1px solid #333; border-radius:3px;}
.bn_customscheck .cont_box .cont {margin-left:10px; margin-top:10px; font-size:0.9rem; width:400px; word-break:break-all;}
.bn_customscheck .cont_box .cont br {display:none;}



/*게시판 (가로 100%일때 디자인)*/
/*.board_box {width:625px; height:263px; border:1px solid #b1b1b1; display:block; float:left; border-radius:3px; box-sizing:border-box; margin-top:50px;}
.board_box a {color:#333;}
.board_box.b_notice {margin-right:30px;}
.board_box .tit {height:59px; border-bottom:1px solid #b1b1b1; box-sizing:border-box; }
.board_box .tit ul {float:left; height:59px; padding:17px; box-sizing:border-box;}
.board_box .tit li {display:inline-block; font-size:1.1rem; margin-right:30px;}
.board_box .tit li:last-child:after {content:""}
.board_box .tit li a {color:#666;}
.board_box .tit li a:not(.clicked):hover {color:#333;}
.board_box .tit li a.clicked {color:#00a0e9; font-weight:bold;}
.board_box .tit > a {display:block; float:right; width:60px; height:100%; border-left:1px solid #b1b1b1; box-sizing:border-box; }
.board_box .tit > a img {margin-top:17px;}
.board_box .tit > a:hover img {transform:rotate( 180deg ); transition:all ease 0.3s;}

.board_box .cont {text-align:left; box-sizing:border-box; padding:20px 20px 10px;}
.board_box .cont li {margin-bottom:10px;}
.board_box .cont li a {width:100%; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_box .cont li a:hover {color:#00a0e9;}
.board_box .cont li a span { vertical-align:middle; line-height:16px;}
.board_box .cont li a span.icon_notice {margin-top:3px;}

@media screen and (max-width:1280px) {
.board_box_outer {width:100%; padding:0 20px;}
.board_box {width:calc((100% - 20px) / 2);}
.board_box.b_notice {margin-right:20px;}
}*/

/*게시판*/
.board_box {width:400px; height:263px; border:1px solid #b1b1b1; display:block; float:left; border-radius:3px; box-sizing:border-box; margin-top:50px;}
.board_box a {color:#333;}
.board_box.b_notice {margin-right:30px;}
.board_box .tit {height:59px; border-bottom:1px solid #b1b1b1; box-sizing:border-box; }
.board_box .tit ul {float:left; height:59px; padding:17px; box-sizing:border-box;}
.board_box .tit li {display:inline-block; font-size:1.1rem; margin-right:30px;}
.board_box .tit li:last-child:after {content:""}
.board_box .tit li a {color:#666;}
.board_box .tit li a:not(.clicked):hover {color:#333;}
.board_box .tit li a.clicked {color:#00a0e9; font-weight:bold; cursor:default; }
.board_box .tit > a {display:block; float:right; width:60px; height:100%; border-left:1px solid #b1b1b1; box-sizing:border-box; }
.board_box .tit > a img {margin-top:17px;}
.board_box .tit > a:hover img {transform:rotate( 180deg ); transition:all ease 0.3s;}

.board_box .cont {text-align:left; box-sizing:border-box; padding:20px 20px 10px;}
.board_box .cont li {margin-bottom:10px;}
.board_box .cont li a {width:100%; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_box .cont li a:hover {color:#00a0e9;}
.board_box .cont li a span { vertical-align:middle; /*line-height:16px;*/}
.board_box .cont li a span.icon_notice {margin-top:3px;}

/*@media screen and (max-width:1280px) {
.board_box_outer {width:100%; padding:0 20px;}
.board_box {width:calc((100% - 20px) / 2);}
.board_box.b_notice {margin-right:20px;}
}*/

.cgm_list_main {margin-top:50px; height:515px; background:#f7f7f7; border-top:1px solid #d5d7da; border-bottom:1px solid #d5d7da; padding:70px 0; }
.tit_cgm {background:url('../images/bn/bn_cgm_bg.jpg') no-repeat center; height:164px; overflow:hidden; background-position-y:-415px; padding:30px 49px; text-align:left; position:relative;}
.tit_cgm .tit {color:#fff; font-size:1.8rem; width:800px;}
.tit_cgm .cont {color:#fff; font-size:1rem; margin-top:10px; width:800px;}
/*.tit_cgm .btn_go_cgm {background:url('../images/btn/btn_cgm_more.png') no-repeat center center; display:inline-block; width:138px; height:100%; right:0; top:0; position:absolute; transition:all ease 0.3s;}
.tit_cgm .btn_go_cgm:hover {transform:rotate( 180deg ); transition:all ease 0.3s;}*/

.btn_more_cgt {position:absolute; right:40px; top:50px;}
.btn_more_cgt a {display:block; height:30px; padding:0 20px; line-height:30px; color:#fff; border:1px solid #fff; text-align:center; margin-bottom:10px; border-radius:3px;}
.btn_more_cgt a:hover {cursor:pointer; background:rgba(255,255,255,0.3);}

.cgm_list {margin-top:7px;}
.cgm_list > li {display:block; float:left; width:calc((100% - 32px) / 5); height:352px; border:1px solid #b1b1b1; border-radius:3px; background:#fff; box-sizing:border-box; padding:18px; margin-right:8px; text-align:left; transition:all ease 0.2s;}
.cgm_list > li:hover {border:1px solid #00a0e9; transition:all ease 0.1s;}
.cgm_list > li:first-child {}
.cgm_list > li:last-child {margin-right:0px; }
.cgm_list > li a {color:#333; display:block; width:100%; height:100%;}
.cgm_list > li > a > ul {/*margin-left:-6px;*/}
.cgm_list > li > a > ul > li {margin-top:10px; padding-left:8px; background:url('../images/blt/blt_li.png') no-repeat left center; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cgm_list > li > a > ul > li.company_name {font-weight:bold;}


/*하단 CGM Top5*/
.cgm_list li {position: relative;}
.cgm_list li .logo_box img {width: 82px;height: 82px;top: 50%;margin-top: -41px;left: 50%;margin-left: -41px;position: absolute;transition: all ease 0.1s;}
.cgm_list li .logo_box img :hover {width: 86px;height: 86px;margin-top: -43px;margin-left: -43px;transition: all ease 0.1s;}
img.cgm_li_flag {width:30px; height:20px; border:1px solid #999; box-sizing:border-box; display:block;}
.cgm_list li .logo_box {width: 80px;height: 80px;border: 1px solid #999;border-radius: 3px;box-sizing: border-box;overflow: hidden;position: relative;display: inline-block;}
.cgm_list li .nat_info {display:inline-block;margin-left: 10px;vertical-align: top;margin-top: 6px;width: calc(100% - 90px);}
.cgm_list li .nat_info span {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.cgm_list li .nat_info span.nat_name {display:block; margin-top:10px;}
.cgm_list li .nat_info span.nat_area {display:block;}
.cgm_list .consult_info {border-top: 1px solid #ccc;padding-top: 20px;margin-top: 20px;width: 100%;box-sizing: border-box;}




.bn_api .api_bg .cont .more_btn {color:#fff; left:350px; bottom:30px;}
.section_wrap {width:100%; border-bottom: none;position: relative}
.section_wrap .section-title {margin-top:30px;}
.m_tit_s {color: #333; margin-bottom:10px;text-align: initial; padding-left:10px; background:url('/images/blt/blt_input_tit.png') no-repeat left center;}
.mainta2 {width:100%; border:1px solid #999; overflow:hidden; border-radius:3px;}
.mainta2 th { background: #fff;color: #333;font-size:1rem; text-align: left;font-weight:normal; padding:10px}
.mainta2 td {padding: 20px; border-right:1px solid #ccc; text-align: center}
.mainta2 td a {cursor:default;}
.mainta2 ul {margin-left: 20px;}
.mainta2 ul li {line-height: 30px;color: #000}
.mainta2 ul li.tblue {line-height: 30px;color: #0066cc}


@media screen and (max-width:1280px) {
.cgm_list {width:100%; padding:0 10px;}
.cgm_list > li { width:calc((100% - 32px) / 5); padding:15px; }
}

.bn_api {margin-top:50px;}
.bn_api:hover {cursor:pointer; opacity:0.8;}
.bn_api .api_bg {background:url('../images/bn/bn_api_bg.jpg') no-repeat center center; height:164px; width:100%; overflow:hidden;}
.bn_api .api_bg .cont {display:inline-block; height:164px; width:calc(100% - 300px); padding-left:170px; background:url('../images/bn/bn_api_left.png') no-repeat left center; background-position-x:38px; }
.bn_api .api_bg .right {display:inline-block; position:absolute; right:0; top:0; opacity:0.36;}

.bn_api .api_bg .cont .api_text {color:#fff; position:absolute; font-size:1rem; margin-top:30px; width:calc(100% - 300px);}
.bn_api .api_bg .cont .mail_address {color:#ffe400; bottom:30px;}

/*긴급공지 팝업*/
.em_noti {width:280px; height:250px; padding:45px 15px 15px; position:absolute !important; top:150px; left:calc(50% + 350px); background:#fff7d1; z-index:19; box-sizing:border-box; box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 10px; 
          text-align:left; border-radius:0 0 50px 0; border:1px solid #ad8e51;}
.em_noti:hover {cursor:move; background:#f7edc0;}
.em_noti .close_pop {top:7px; right:7px;}
.em_noti img.em_noti_pin {position:absolute; top:2px; left:5px; height:40px;}
.em_noti img.em_noti_corner {position:absolute; bottom:0; right:0;}
.em_noti a:hover p {text-decoration:underline; font-size:14px;}
.em_noti #em_noti_tit {font-weight:bold; font-size:1rem; text-overflow:ellipsis; white-space:nowrap; width:248px; overflow:hidden; word-break:break-all;}
.em_noti #em_noti_cont {margin-top:10px; font-weight:normal; font-size:1rem; word-break:break-all; max-height:150px; overflow-y:hidden;}