@charset "utf-8";

body{opacity: 0;transition: .3s opacity;}
body.started{opacity: 1;}

section#content{position: relative;}

.highcharts-data-labels *{
	font-family: 'Noto Sans' !important;
	font-size: 13px !important;
	font-weight: 500 !important;
}

.topPop{display: inline-block;width: 100%;height: 88px;text-align:center;float: left;overflow:hidden;background: #474cf3;}
.topPop::before,
.topPop::after{display: inline-block;content:"";position: absolute;height: 88px;top: 0;}
.topPop::before{width: 151px;background: url(../images/topPop01_bg.png) no-repeat center;left: 0;}
.topPop::after{width: 130px;background: url(../images/topPop02_bg.png) no-repeat center;right: 0;}

.topPop #topPoptxt{display: inline-block;position: relative;width:100%;max-width:875px;height: 100%;line-height:1.3;float:none;text-align: center;color:#fff;font-size: 18px;font-weight: 500;cursor: pointer;padding: 28px 0;box-sizing: border-box}
.topPop #topPoptxt::before{display: inline-block;position: absolute;content: "";width: 86px;height: 88px;background: url(../images/spker_bg.png) no-repeat center;left: -114px;bottom: 0;}
.topPop .topPopWrap{display:inline-block;position:relative;width: 1440px;height:100%;box-sizing: border-box;padding: 0 0;}


.topPop #topPoptxt b{color: #f5f50a;font-size: inherit;font-weight: inherit;}
.topPop #topPoptxt .ppznList{width: auto;color: #fff;font-size: 18px;font-weight: 500;word-break: break-all;overflow: hidden;/*text-overflow: ellipsis;white-space: nowrap;*/}
.topPop #topPoptxt .ppznTxt{width:100%;color:#fff;font-size: 14px;word-break: break-all;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.topPop #topPoptxt .ppznTxt p {color:#fff;}
.topPop #topPoptxt .ppznShow{display: inline-block;}
.topPop #topPoptxt .ppznHide{display: none;}
.topPop .chkBox{display:inline-block;position: absolute;right: 0;bottom: 10px;}
.topPop .chkBox input[type="checkbox"]{width: 16px;height: 16px;margin: 0 4px 2px 0;vertical-align: middle;}
.topPop .chkBox span{color:#fff;}
.topPop .mob-set{display: inline-block;position: absolute;width: 80px;left: 1170px;bottom: 36px;}
.topPop .mob-set > *{float: left;}
.topPop .mob-set button{width: 14px;height:15px;font-size: 0;float: left;}
.topPop .mob-set ul{display: inline-block;width: auto;padding: 0 14px 0 0;margin: 0 16px 0 0;border: 1px solid #fff;border-width: 0 1px 0 0;}
.topPop .mob-set ul li{float: left;}
.topPop .mob-set .prev{background:url(../images/topPopPrev_btn.png) no-repeat center;margin: 0 4px 0 0;}
.topPop .mob-set .next{background:url(../images/topPopNext_btn.png) no-repeat center;}
.topPop .mob-set .clse{display: inline-block;font-size: 0;width: 15px;height: 15px;background: url(../images/topPopClose_btn.png) no-repeat center;}

.bodywrapper{width:100%;float: left;}

.wrap{ width:100%; margin:0 auto; }
.header_top{ display: block; height:122px; position: relative;}
.con_container{ max-width:1440px; min-height: 672px; margin:0 auto; display:flex; }

.board_type1 th,
.board_type1 td{white-space: nowrap;}
table{border-collapse: collapse;border-spacing: 0;}

#wayHerePop{display:none;}
.started #wayHerePop{display:inline-block;}


/* selectBox */
.selecBox{position:relative;width: 200px;height: 28px;margin: 0 0 20px;background:#fff;border:1px solid #ccc; border-radius: 4px;}
.selecBox > span{display:inline-block;width: 100%;height: 100%;}
.selecBox > span a{position:relative;width:100%;line-height: 28px;color:#8e8e93;padding:0 28px 0 10px;box-sizing: border-box;}
.selecBox > span a::after{content:"";width: 28px;height: 28px;background: url(../images/selecArrw_bg.png) no-repeat center;border:1px solid #ccc;border-width:0 0 0 1px;box-sizing: border-box;top: 0;right: 0;}
.selecBox ul{display:none;position: absolute;width: 100%;background:#fff;padding:10px;left: 0;top: calc(100% + 4px);border:1px solid #ccc; border-radius: 4px;z-index: 1;}
.selecBox ul li{width: 100%;}
.selecBox ul li.pick{display: none;}
.selecBox ul li a{width:100%;line-height:28px;color: #8e8e93}


/* 로고,유틸 */
.header_top .util{ position: relative; width:1440px;height: 72px;margin:0 auto;/* padding:20px 0; */ display:flex; justify-content:space-between; align-items:center;}
.header_top .util .logo{ width: auto; display:inline-block;}
.header_top .util .logo a.mainLogo {text-align:center; font-size:24px; font-weight:600; line-height:30px;}
.header_top .util .logo a.mainLogo::before{content:''; display:inline-block; width: 210px; height:36px; background: url(../images/logoAdmin_bg.png) no-repeat center; background-size: contain; margin-right:10px; vertical-align: bottom;}
.header_top .util .logo a.homeBtn { display:none; }
.header_top .util .subTitle { display:none; }
.header_top .util .util_wrap{display:flex; align-items: center;}
.header_top .util .util_wrap ul{display:flex;  width: auto;}
.header_top .util .util_wrap ul li{margin: 0 10px 0 0;}
.header_top .util .util_wrap ul li a{color:#fff;height: 34px;font-size: 14px;padding: 7px 14px 7px 34px;background: #4876ef url(../images/chart_bg.svg) 10px center no-repeat;background-size:16px; border-radius:20px; display:inline-block;box-sizing: border-box;}
.header_top .util .util_wrap .headerbtnlst {display:flex;}
.header_top .util .util_wrap .headerbtnlst #en_btn{height: 34px;color:#fff;font-weight:600; font-size:14px;padding: 0px 16px 0px 35px;margin: 5px 30px 5px 0;background: #5255b9 url(../images/language_bg.png) 10px center no-repeat; background-size:14px;border-radius: 16px;}
.header_top .util .util_wrap .headerbtnlst #search_btn{display:none;background:#4876ef url(../images/search_bg.svg)no-repeat center; background-size:14px;border-radius:20px; width:40px; height:40px;}
.header_top .util .util_wrap .headerbtnlst #menu_btn{background:#505c78 url(../images/nav_bg.svg)no-repeat center; background-size:14px; border-radius:20px; width:40px; height:40px;}


/*상단검색바*/
.srchBar{display: inline-block;position:relative;width: 300px;height: 40px;overflow: hidden;padding: 0;margin: 0 10px 0 0;background: #fff;box-sizing: border-box;transition: .3s all;}
.srchBar .srchTab{display: inline-block;position:relative;width: 200px;height: 40px;float: left;overflow:hidden;background:#f5f6fa;box-sizing: border-box;border: 1px solid #ccc;border-radius: 20px;}
.srchBar .srchTab button{position:relative;width: 50%;height: 100%;float: left;font-size: 16px;font-weight: 500;background: transparent;transition: .3s all;z-index: 1;}
.srchBar .srchTab.rht button:nth-child(1),
.srchBar .srchTab.lft button:nth-child(2){color:#fff}
.srchBar .srchTab::after{display: inline-block;position: absolute;content:"";width: 50%;height: 100%;border-radius: 20px;background: #4876ef;top: 0;transition: .3s all;z-index: 0;}
.srchBar .srchTab.lft::after{left: 50%;}
.srchBar .srchTab.rht::after{left: 0;}
.srchBar .barArea{display:inline-block;position:relative;width:300px;height: 40px;float: left;overflow: hidden;margin:0 10px 0 0;box-sizing: border-box;}
.srchBar .barArea input[type="text"]{width: 100%;height: 100%;border: 1px solid #4876ef;padding: 8px 12px;box-sizing: border-box;border-radius: 20px;}
.srchBar .barArea input[type="text"]+button{position:absolute;width: 32px;height: 32px;background:#4876ef url(../images/search_bg.svg)no-repeat center; background-size:14px;border-radius:16px;top:4px;right: 4px;}
.srchBar .srchClose{display:none;}



/** Header **/
#header #nav #gnb,
#header #nav #gnb ul li a span:after,
#header #nav #gnb ul li ul {transition :all 0.4s ease; -webkit-transition :all 0.4s ease;} 
#header {position:absolute; left:0; top:72px !important; width:100%; z-index:100;} 
#header .headerWrap {position:relative; width:100%; min-width:1440px; margin:0 auto;}

/* 1차메뉴 */
#header #nav {position:relative; width:auto; height:50px; overflow:hidden; background-color: #00223f;}
#header #nav #blind {position:absolute; left:0; top:50px; width:100%; height:100%; z-index:1; background:#fff;}
#header #nav #gnb {position:relative; max-width:1440px; margin:0 auto; z-index:10;  border-bottom:1px solid #ccc;}
#header #nav #gnb > ul { position: relative; width: 100%; height: auto; margin-right: 50px;  box-sizing: border-box;}
#header #nav #gnb ul:after {content:""; display:block; clear:both;}
#header #nav #gnb > ul > li {width:16.666%; float:left;}
#header #nav #gnb ul li a {position:relative; display:block; height:50px; line-height:50px; text-align:center; font-weight:500; font-size: 18px; letter-spacing:-1px;}
#header #nav #gnb ul li a span { display:block; position:relative; font-weight:500; font-size:18px; height:50px; line-height:50px; color:#fff;}
#header #nav #gnb ul li a span::before{content:""; position: absolute; left:0; top:50%; width:2px; height:18px; margin-top:-9px; }
#header #nav #gnb ul li:first-child a span::before{display:none;}
#header #nav #gnb > ul > li a:hover {background:#4876ef;}
#header #nav #gnb ul li a span:hover,focus,active {background:#4876ef;}
#header #nav #gnb > ul > li > ul a:hover {background:#ffffff;}
#header #nav #gnb ul li a span:after {content:""; display:block; position:absolute; bottom:0; left:50%; width:0px; height:3px; }

/* 2차메뉴 */
#header #nav #gnb > ul > li > ul {position: relative; padding:10px 0; border-left:1px solid #ccc;}
#header #nav #gnb > ul > li:first-child > ul{border-left:0;}
#header #nav #gnb > ul > li > ul:before {content:""; display:block; clear:both; position:absolute; left:0; top:0; width:1px; height:100%; background:rgba(225,225,225,0.1);}
#header #nav #gnb ul li ul.ov {background:#eceffb;}
#header #nav #gnb ul li ul.ov li a{color:#000;}
#header #nav #gnb ul li ul li:last-child {display:block;}
#header #nav #gnb ul li ul li {float:none; width:100%; margin:1px 0 0; position: relative;}
#header #nav #gnb ul li ul li a {display:block; font-size:15px; line-height:20px; height:auto; padding:10px 45px 10px 20px; color:#333; text-align:left;} 
#header #nav #gnb > ul > li > ul > li > a > strong {font-weight:normal;font-size: 15px;font-weight: 500;}
#header #nav #gnb > ul > li > ul > li:hover > a,
#header #nav #gnb > ul > li > ul > li > a:active, 
#header #nav #gnb > ul > li > ul > li.ov > a,
#header #nav #gnb > ul > li > ul > li.ov > a > strong {color: #fff; background:#00223f;}
#header #nav #gnb > ul > li > ul > li:hover > a > strong {color: #fff}

/* 3차메뉴 */
#header #nav #gnb ul li ul > li.dep:before{content:""; position: absolute; width:11px; height:1px; right:25px; top:20px; background:#333; z-index:2;}
#header #nav #gnb ul li ul > li.dep:after{content:""; position: absolute; width:1px; height:11px; right:30px; top:15px; background:#333; transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -webkit-transition:all .2s ease; z-index:2;}
#header #nav #gnb ul li ul > li.dep.ov:before,
#header #nav #gnb ul li ul > li.dep.ov:after,
#header #nav #gnb ul li ul > li.dep:hover::before, 
#header #nav #gnb ul li ul > li.dep:hover::after{background:#fff;}
#header #nav #gnb ul li ul > li.dep.ov:after{ transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);}
#header #nav #gnb ul li ul li ul.group{display:none; position: relative; left:auto; top:auto; padding:10px 20px; background:#fff;box-sizing: border-box;}
#header #nav #gnb ul li ul li ul.group li{ }
#header #nav #gnb ul li ul li ul.group li a {position:relative; padding:4px 0 4px 10px; line-height:20px; font-size: 14px;}
#header #nav #gnb ul li ul li ul.group li a:before{content:""; width:2px; height:2px; position: absolute; left:0; top:14px; background:#999;}
#header #nav #gnb ul li ul li ul.group li a:hover {text-decoration:underline;}


#all_menu{display: none;position: fixed;width: 100%;height: 100%;min-height: 100vh;top: 0;left: 0;z-index: 200;overflow: auto;}
#all_menu.open{display: inline-block;}
#all_menu #m_gnb{display: inline-block;width: 100%;height: auto;min-height: 100%;padding: 0 calc((100% - 1440px)/2);box-sizing: border-box;background: #fff;float: left;overflow: hidden;}
#all_menu #m_gnb > div{position: relative;float: left;width: 100%;height: 68px;padding: 20px 14px;background: #fff;box-sizing: border-box;}
#all_menu #m_gnb > div strong{display: inline-block;position: relative;font-size: 20px;font-weight: 600;}
#all_menu #m_gnb > div strong::before{display: inline-block;position: absolute;content: "";width: 3px;height: 13px;background: #4876ef;left: -7px;top: 10px;}
#all_menu #m_gnb .close{display: inline-block;position: absolute;width: 68px;height: 68px;font-size: 0;float: right;background: #fff;top: 0;right: 0;}
#all_menu #m_gnb .close::before,
#all_menu #m_gnb .close::after{display: inline-block;position: absolute;content: "";width: 2px;height: 32px;background: #191919;top: 20px;left: 34px;transform-origin: center center;}
#all_menu #m_gnb .close::before{transform: rotate(-45deg);}
#all_menu #m_gnb .close::after{transform: rotate(45deg);}
#all_menu #m_gnb ul,
#all_menu #m_gnb ul li,
#all_menu #m_gnb ul li a{display: inline-block;}
#all_menu #m_gnb > ul{position: relative;height: 100%;float: left;background: #fff;}
#all_menu #m_gnb > ul > li{position: relative;width: calc(100% / 6);min-height: 646px;height: 100%;float: left;box-sizing: border-box;}
#all_menu #m_gnb > ul > li::after{display: inline-block;position: absolute;content:"";width: 1px;height: 2560px;background: #ccc;top: 0;right: 0;}
#all_menu #m_gnb > ul > li:last-child::after{display: none;}
/* #all_menu #m_gnb > ul > li:nth-child(5n){clear: left;} */
#all_menu #m_gnb > ul > li > a{width: 100%;text-align: left;color: #fff;padding: 10px 14px;background: #00223f;box-sizing: border-box;}
#all_menu #m_gnb > ul > li > a span{color: inherit;font-size: 19px;font-weight: 500;}
#all_menu #m_gnb > ul > li > ul{padding: 10px 0 0;}
#all_menu #m_gnb > ul > li > ul > li{width: 100%;float: left;}
#all_menu #m_gnb > ul > li > ul > li > a{position: relative;width: 100%;padding: 7px 5px 7px 25px;background: #eceffb;box-sizing: border-box;}
#all_menu #m_gnb > ul > li > ul > li > a::before{display: none;position: absolute;content: "";width: 6px;height: 2px;background: #191919;left: 15px;top: 17px;}
#all_menu #m_gnb > ul > li > ul > li > a strong{font-size: 17px;font-weight: 500;}
#all_menu #m_gnb > ul > li > ul > li > ul{padding: 10px 0;box-sizing: border-box;}
#all_menu #m_gnb > ul > li > ul > li > ul > li{width: 100%;}
#all_menu #m_gnb > ul > li > ul > li > ul > li > a{position:relative;width: 100%;padding: 1px 5px 1px 37px;box-sizing: border-box;}
#all_menu #m_gnb > ul > li > ul > li > ul > li > a::before{display: inline-block;position: absolute;content: "";width: 3px;height: 3px;background: #191919;border-radius: 100%;left: 28px;top: 11px;}
#all_menu #m_gnb > ul > li > ul > li > ul > li > a strong{font-size: 14px;font-weight: 400;}
#all_menu #m_gnb > ul > li > ul > li > ul > li > ul{}
#all_menu #m_gnb > ul > li > ul > li > ul > li > ul > li{}
#all_menu #m_gnb > ul > li > ul > li > ul > li > ul > li > a{}
#all_menu #m_gnb > ul > li > ul > li > ul > li > ul > li > a strong{font-size: 16px;font-weight: 500;}
#all_menu .etc{display: none;width: 100%;}
#all_menu .etc a{width: 140px;color:#fff;height: 30px;float:left;padding: 7px 14px 7px 35px;margin: 0 10px 10px 0;background: #4876ef url(../images/chart_bg.svg) 10px center no-repeat;background-size: 16px;border-radius:20px; display:inline-block;box-sizing: border-box;}
#all_menu .etc #en_btn2{width:80px;height: 30px;color:#fff;font-weight:600; font-size:14px;text-align:left;padding: 0 16px 0 35px;margin: 0;background: #5255b9 url(../images/language_bg.png) 10px center no-repeat; background-size:14px;border-radius: 16px;}


.dim{ width:100%; height:100vh; position:fixed; left:0; top:0;background-color:rgba(0, 0, 0, 0.5); display:none; z-index: 1;}


html.allOpen{height: 100vh;overflow: hidden;}

/* 1.수출입통계 :시작******************************************************************* */

/* 로케이션 */
.location {  width: 100%;  border-bottom:1px solid #d5d5d5; margin:0 auto; }
.location .location_in{ display:flex;justify-content: space-between;padding: 25px 0 14px;}
.location .location_in .loc_tit { display:flex; justify-content: flex-start; align-items:center; }
.location .location_in .loc_tit h3{ font-size:16px; display:inline-block; font-weight:500; }
.location .location_in .loc_tit .fil_tit_btnlst { display:flex; justify-content: flex-start; align-items:center; padding-left:10px;}
.location .location_in .loc_nav > ul{display:flex; align-items: center;}
.location .location_in .loc_nav > ul > li{position: relative; margin-right: 10px;}
.location .location_in .loc_nav > ul > li::before{content:''; width:1px;height: 10px; display:inline-block; background-color:#dddddd;margin-right: 10px;vertical-align: middle;}
.location .location_in .loc_nav > ul > li:first-child::before{content:''; display:none;}
.location .location_in .loc_nav > ul > li:first-child {margin-right:0;}
.location .location_in .loc_nav > ul > li:last-child {margin-right:0;}
.location .location_in .loc_nav > ul > li > a { display:inline-block;vertical-align: middle;font-size: 13px;line-height: 30px;}
.location .location_in .loc_nav > ul > li > a > p {width:1px; height:10px; display:inline-block; background-color:#dddddd;margin-left: 7px;margin-right: 7px;}
.location .location_in .loc_nav > ul > li > a.on { color: #4876ef;}
.location .location_in .loc_nav > ul > li > a.hm{width:30px; height:30px; background: url(../images/homeB_bg.svg)no-repeat center; background-size: 14px; display:inline-block; vertical-align: middle;}
.location .location_in .loc_nav > ul > li i { width:30px; height:13px; display:inline-block; vertical-align: middle; background:url(../images/arrow_down_bg.svg)no-repeat center; background-size:10px; cursor: pointer;}
.location .location_in .loc_nav > ul > li > ul{display: none; position: absolute;background: #fff;border: 1px solid #ccc;border-radius: 4px;left:0;top: calc(100% + 4px);z-index: 1;box-shadow: 5px 8px 20px 0 rgb(0 0 0 / 18%); min-width: 140px;max-width: 180px;}
.location .location_in .loc_nav > ul > li > ul li{width: 100%;padding: 6px 8px;box-sizing: border-box;}
.location .location_in .loc_nav > ul > li > ul li:hover {background:#f5f5f5;}


/* 검색항목 열기,닫기*/
.con_container .left-col { width:280px; margin-right:20px;border: 1px solid #d5d5d5;border-width:0 1px 0 1px; box-sizing:border-box; transition: .3s width; }
.con_container .right-col { width:calc(100% - 300px); box-sizing:border-box; padding: 0 10px; transition: .3s width;}
/* .con_container .left-col .filter_wrapper {transition: .3s width; } */
.filter_area .left_close{width:40px; height:40px; border-radius:20px; background:#fff url(../images/left_bg.png)no-repeat center; background-size:14px; border:1px solid #d5d5d5; position:absolute; right:-20px; top: calc(33px - 20px); box-shadow: 5px 8px 20px 0 rgba(0,0,0,0.1);}
.con_container.folded .right-col { width:100% !important;}
.con_container.folded .left-col {width: 15px !important; margin-right:30px;background-color: #ECEFFB;border-left: none;}
.con_container.folded .left-col .filter_wrapper {transition: .3s width; width:1px !important; border-left: 1px solid #d5d5d5;}
.con_container.folded .left-col .filter_area .left_close{background:#fff url(../images/right_bg.png)no-repeat center; background-size:14px;}
.con_container.folded .left-col .filter_area { width:1px !important; border-left: 1px solid #d5d5d5;}
.con_container.folded .left-col .filter_area .filter_con, .con_container.folded .left-col .filter_area .filter_tit{ display: none;}

/* Left Menu */
.con_container .left-col .lnb{display:inline-block;width: 100%;height: 100%;}
.con_container .left-col .lnb h6{display:inline-block;width:100%;min-height: 67px;float:left;text-align:center;color:#000;font-size:20px;font-weight:600;padding: 18px 5px;background: #dae1e8;box-sizing: border-box;}
.con_container .left-col .lnb ul,
.con_container .left-col .lnb li{display:inline-block;width: 100%;float: left;box-sizing:border-box;}
.con_container .left-col .lnb li a{display:inline-block;position:relative;width: 100%;height: 100%;box-sizing:border-box;transition: .3s all;}
.con_container .left-col li a span{display:inline-block;width:100%;height:100%;color:inherit;font-size: inherit;font-weight: inherit;}
.con_container .left-col li.deco > a span::before,
.con_container .left-col li.deco > a span::after{display: inline-block;position: absolute;content:"";transform-origin:center;transition: .3s all;}
.con_container .left-col li a span::before{width: 12px;height: 2px;background: #6e6e71;right: 26px;top:23px;}
.con_container .left-col li a span::after{width: 2px;height: 12px;background: #6e6e71;right: 31px;top: 18px;}
.con_container .left-col li.on > a > span::before{background:#fff; opacity: 0;transform: rotate(90deg);transform-origin:center;}
.con_container .left-col li.on > a > span::after{background: #fff;transform: rotate(90deg);right: 30px;}
.con_container .left-col .lnb > ul > li > ul > li.on > a > span::after,
.con_container .left-col .lnb > ul > li > ul > li.on > a > span::before{background: #6e6e71;}


.con_container .left-col li a::before{display: inline-block;position: absolute;content:"";transition: .3s all;}
.con_container .left-col .lnb > ul{width: 100%;border: 1px solid #ccc;border-width: 1px 0 0 0;}
.con_container .left-col .lnb > ul > li{border-bottom: 1px solid #ccc;}
.con_container .left-col .lnb > ul li:last-child,
.con_container .left-col .lnb > ul li.on{border-bottom: 0}
.con_container .left-col .lnb > ul > li:last-child{border-bottom: 1px solid #ccc;}
.con_container .left-col .lnb > ul > li.on:last-child{border-bottom: 0;}
.con_container .left-col .lnb > ul > li > a{font-size:16px;font-weight:500;padding: 10px 10px 10px 32px;background: #fff;}
.con_container .left-col .lnb > ul > li.on > a{color:#fff;background: #4876ef;}
.con_container .left-col .lnb > ul > li > a::before{width: 5px;height: 5px;background: #4876ef;border-radius: 100%;top:50%;left:19px;transform: translateY(-50%);}
.con_container .left-col .lnb > ul > li.on > a::before{background: #fff;}
.con_container .left-col .lnb > ul > li > ul{display: none;}
.con_container .left-col .lnb > ul > li > ul > li > a{font-size:16px;font-weight:400;padding: 12px 10px 12px 47px;background: #fff;border-bottom: 1px solid #ccc}
.con_container .left-col .lnb > ul > li > ul > li > a::before{width: 3px;height: 3px;background: #000;border-radius: 100%;top:50%;left:34px;transform: translateY(-50%);}
.con_container .left-col .lnb > ul > li > ul > li.on > a{background: #eceffb;}
.con_container .left-col .lnb > ul > li > ul > li >  ul{display: none;padding: 12px 0;border-bottom: 1px solid #ccc;}
.con_container .left-col .lnb > ul > li > ul > li >  ul > li{}
.con_container .left-col .lnb > ul > li > ul > li >  ul > li > a{padding: 6px 10px 6px 53px;font-size: 14px;font-weight: 400;}
.con_container .left-col .lnb > ul > li > ul > li >  ul > li > a::before{width: 6px;height: 1px;background: #000;top:50%;left:44px;transform: translateY(-50%);}
.con_container .left-col .lnb > ul > li > ul > li >  ul > li.on > a{text-decoration: underline;}


/* 검색항목 */
.filter_area {height: 100%; position: relative;}
.filter_area .filter_tit { border:1px solid #d5d5d5; border-width: 0 0 1px; background-color:#dae1e8;  box-sizing:border-box;}
.filter_area .filter_tit h3{height: 100%;font-size:20px; font-weight:600; text-align:center; width:100%; color: #191919; box-sizing:border-box; padding:18px 10px;}
.filter_area .filter_tit .fil_tit_btnlst {display:flex; justify-content:center; }
/* .filter_area .filter_tit h3::before{content:''; width:3px; height: 16px; border-radius:5px; display:inline-block; background-color:#4876ef; margin-right: 4px;} */
.filter_area .filter_con{background-color:#fff;height: calc(100% - 97px); box-sizing:border-box;padding: 0 20px;}
.filter_area .filter_con .filter_box{display:inline-block;width:100%;border-bottom:1px solid #d5d5d5;padding: 12px 0;}
.filter_area .filter_con .filter_box h4{display:inline-block;/* height: 28px; *//* line-height: 28px; */float: left;font-size:14px;margin: 0 0 12px; font-weight:600;padding-left: 4px;}
.filter_area .filter_con .filter_box h4::before{content:''; width:4px; height: 4px; border-radius:4px; display:inline-block; background-color:#4876ef; margin-right: 4px; transform: translate(-50%, -50%)}
.filter_area .filter_con .filter_box .cate_btn_box {margin-top: 14px; display:flex; justify-content: center;}
.filter_area .filter_con .filter_box .cate_btn_box > button {width:calc(50% - 4px); box-sizing:border-box;}
.filter_area .filter_con .filter_box .cate_btn_box > button:first-child {margin-right:8px;}
.filter_area .filter_con .filter_box select{width: 100%;/* margin: 10px 0 0 0; */ height:32px;}
.filter_area .filter_con .filter_box .date_box {width: 100%; display:flex;}
.filter_area .filter_con .filter_box .date_box span{margin:0 4px 0 0; line-height:32px;}
.filter_area .filter_con .filter_box .date_box select.date {width:calc((100% - 6px)/2); box-sizing:border-box;margin: 0 6px 0px 0}
.filter_area .filter_con .filter_box .date_box select.date:only-child{width:100%}
.filter_area .filter_con .filter_box .date_box select.date:last-of-type{margin:0 auto;}
.filter_area .filter_con .filter_box input{box-sizing: border-box;width: calc(100% - 36px);float: left;border-radius: 4px;margin-right: 4px;}
.filter_area .filter_con .filter_box input[type="date"]{width: 100%;}
.filter_area .filter_con .filter_box .input2 {display:flex;}
.filter_area .filter_con .filter_box .input2 {display:flex;}
.filter_area .filter_con .filter_box .pick_box input{border: 0; padding-left: 2px; padding-right: 2px}
.filter_area .filter_con .filter_box .radiolst {text-align:center;display: inline-block;margin: 0 auto 10px;float: left;border: 1px solid #e5e5e5;border-width: 1px 0 0 1px;}
.filter_area .filter_con .filter_box .radiolst:only-child{margin: 0 auto;}
.filter_area .filter_con .filter_box .radiolst li{width:50%; float:left; box-sizing:border-box;text-align:center; border:1px solid #e5e5e5;border-width: 0px 1px 1px 0px;}
.filter_area .filter_con .filter_box .radiolst.swiches li{border:none;}
.filter_area .filter_con .filter_box .radiolst li:first-child{border-width: 0px 1px 1px 0px;}
.filter_area .filter_con .filter_box .radiolst li input{position:absolute; left:-1e+47px;}
.filter_area .filter_con .filter_box .radiolst li input[type="radio"]:checked+label {color:#191919; background-color: #dedef2; cursor: pointer;}
.filter_area .filter_con .filter_box .radiolst li label{line-height:1.4; display:block; /* border:1px solid #e5e5e5; */background-color:#fff; font-size:13px; position:relative; padding:8px 0; cursor:pointer;}
.filter_area .filter_con .filter_box .radiolst li.height40 label {padding:10px 0;}
.filter_area .filter_con .filter_box .radiolst.swiches li label{line-height:31px;padding: 0;}
.filter_area .filter_con .filter_box .radiolst3 {width:100%; text-align:center; display: inline-block; margin:0 auto;border: 1px solid #e5e5e5;border-width: 1px 0 0 1px;}
.filter_area .filter_con .filter_box .radiolst3 li{width: 33.333%; float:left; box-sizing:border-box;text-align:center;border: 1px solid #e5e5e5;border-width: 0px 1px 1px 0;}
.filter_area .filter_con .filter_box .radiolst3 li:first-child{border-width: 0px 1px 1px 0px;}
.filter_area .filter_con .filter_box .radiolst3 li input{position:absolute; left:-1e+47px;}
.filter_area .filter_con .filter_box .radiolst3 li input[type="radio"]:checked+label {color:#191919;background-color: #dedef2; cursor: pointer;}
.filter_area .filter_con .filter_box .radiolst3 li label{line-height:1.4; display:block;/* border:1px solid #e5e5e5; *//* border-width: 1px 1px 1px 0; */background-color:#fff; font-size:13px; position:relative; padding:8px 0;cursor: pointer;}
.filter_area .filter_con .filter_box .radiolst4 {width:100%; text-align:center; display: inline-block; margin:0 auto;border: 1px solid #e5e5e5;border-width: 1px 0 0 1px;}
.filter_area .filter_con .filter_box .radiolst4 li{width: 25%; float:left;/* margin:-1px; */ box-sizing:border-box;text-align:center;border: 1px solid #e5e5e5;border-width: 0px 1px 1px 0;}
.filter_area .filter_con .filter_box .radiolst4 li:first-child{border-width: 0px 1px 1px 0px;}
.filter_area .filter_con .filter_box .radiolst4 li input{position:absolute; left:-1e+47px;}
.filter_area .filter_con .filter_box .radiolst4 li input[type="radio"]:checked+label {color:#191919;background-color: #dedef2; cursor: pointer;}
.filter_area .filter_con .filter_box .radiolst4 li label{line-height:1.4; display:block; /* border:1px solid #e5e5e5; */ background-color:#fff; font-size:13px; position:relative; padding:8px 0; cursor: pointer;}

.filter_area .filter_box .filterTop+ul{margin: 0 auto 10px !important;}

.filter_area .filter_con .filter_box .filterTop {display:flex;justify-content:space-between;}
.filter_area .filter_con .filter_box .filterTop .radiolst.swiches {width: 120px;height: 26px;border-radius: 20px;border: 1px solid #e5e5e5; margin:0;background-color: #f5f6fa;margin:0 auto;float: left;}
.filter_area .filter_con .filter_box .filterTop .radiolst.swiches li {margin: 0;}
.filter_area .filter_con .filter_box .filterTop .radiolst.swiches li input{}
.filter_area .filter_con .filter_box .filterTop .radiolst.swiches li input[type="radio"]:checked+label{color:#191919; background-color: #dedef2; margin-top:0px;}
.filter_area .filter_con .filter_box .filterTop .radiolst.swiches li label{border-radius: 20px; font-size: 12px; color: #999; line-height: 26px; border-radius: 20px; background-color: transparent; border:none;  cursor: pointer; margin-top:0px;}
.filter_area .filter_con .filter_box .cateNumBox {display:flex; justify-content: space-between; align-items: center;}
.filter_area .filter_con .filter_box .cateNumBox input{box-sizing: border-box;width: calc(100% - 36px);float: left;border-radius: 4px;margin-right: 4px;}
.filter_area .filter_con .filter_box .cateNumBox .cateNumBtn{border-radius: 4px;color: #191919;word-break: keep-all;height: 32px;width: 32px;background: #707070 url(../images/cateNumBtn.svg) no-repeat center;background-size: 14px;}
.filter_area .filter_con .filter_box .swichesBox{margin: -3px 0 0;}

.filter_box .searchCateBox{display: inline-block;width: 100%;}
.filter_box .searchCateBox .cateResult {margin-top: 10px;}
.filter_box .searchCateBox .cateResult .cateResultIn {display: flex; justify-content: space-between; align-items: center;}
.filter_box .searchCateBox .cateResult .cateResultIn .result {padding-left: 4px;line-height: 15px;vertical-align: middle;display: inline-block;}
.filter_box .searchCateBox .cateResult .cateResultIn .result span:after {width: 1px;height: 11px; content:''; background:#d5d5d5;display: inline-block;vertical-align: middle;margin-left: 6px;margin-right: 2px;margin-bottom: 2px;}
.filter_box .searchCateBox .cateResult .cateResultIn .result span:after {width: 1px;height: 11px; content:''; background:#d5d5d5;display: inline-block;vertical-align: middle;margin-left: 6px;margin-right: 2px;margin-bottom: 2px;}
.filter_box .searchCateBox .cateResult .cateResultIn {display: flex; width: 100%; justify-content: space-between; align-items: center;}
.filter_box .searchCateBox .cateResult .cateResultIn p {padding-left: 6px;}
.filter_box .searchCateBox .cateResult .cateResultIn .allDel {padding: 2px 4px; color: #999;border: 1px solid #d5d5d5; border-radius:4px;}
.filter_box .searchCateBox .detail_chk{display: inline-block;}
.filter_box .searchCateBox .detail_chk input[type="checkbox"]{width: 14px;height: 14px;margin: 4px 2px 0 0;}
.filter_box .searchCateBox .detail_chk span{}

.filter_box .searchCateBox .pick_list{background-color:#fff; border-radius:4px; border:1px solid #d5d5d5; margin: 8px 0; width:100%; overflow:hidden; box-sizing: border-box}
.filter_box .searchCateBox .pick_list ul {max-height: 170px; overflow:hidden;}
.filter_box .searchCateBox .pick_list ul li {width:100%;padding: 0 10px; line-height:36px; text-align:left;box-sizing: border-box;position: relative;}
.filter_box .searchCateBox .pick_list ul.pick_scroll {overflow-y:auto; width:100%;}
.filter_box .searchCateBox .pick_list ul::-webkit-scrollbar {width:4px;}
.filter_box .searchCateBox .pick_list ul::-webkit-scrollbar-thumb {border-radius: 5px; background-color:#c2c2c2;}
.filter_box .searchCateBox .pick_list ul::-webkit-scrollbar-track {background-color:transparent;}
.filter_box .searchCateBox .pick_list ul::-webkit-scrollbar-button {width:0; height:10px;}
.filter_box .searchCateBox .pick_list li:hover {background:#f5f5f5;}
.filter_box .searchCateBox .pick_list ul li .itemDel1 {display:inline-block; margin-right:4px;vertical-align: middle;background-color: #dedef2;padding: 0px 4px;border-radius: 3px;}
.filter_box .searchCateBox .pick_list ul li .itemDel2 {display:inline-block;line-height: 36px;max-width: 124px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle; margin-right:2px}
.filter_box .searchCateBox .pick_list ul li .itemDel3 {text-indent:-9999px; display:inline-block;width: 16px;height: 16px;background: #b5b5b5 url(../images/closeW_btn.svg)no-repeat center;background-size: 8px; vertical-align:middle;border-radius: 3px;position: absolute;right: 5px;top: 50%;margin-top: -8px;}

.filter_box .searchCateBox .subLvCheck{display:inline-block;}
.filter_box .searchCateBox .subLvCheck input[type="checkbox"]{width:14px; height:14px; margin:4px 3px 0 0;}
.filter_box .searchCateBox .subLvCheck span{}

.filter_box.oil #yearMonthDivPc{margin: 0 0 10px;}
.filter_area .filter_con .filter_box.oil .radiolst{margin: 0;}

.filter_area .filter_con .filter_end{/* margin:40px 0; */ display:flex; box-sizing:border-box;/* padding:0 10px; */width: 100%;margin: 16px 0 40px;}
.filter_area .filter_con .filter_end .btnReset2 { color: #fff; font-size: 14px;padding: 10px 20px; background-color:#707070; border-radius:4px;  vertical-align:middle; font-weight:500;}
.filter_area .filter_con .filter_end .btnReset2 img { margin-top:-2px; width:14px; margin-right: 2px;}
.filter_area .filter_con .filter_end .btnSearch { font-size: 14px;padding: 10px 20px; background-color:#4876ef; border-radius:4px; color:#fff; }
.filter_area .filter_con .filter_end .btnSearch img {margin-right:4px; width:13px;}
.filter_area .filter_con .selected_wrap {position:relative;}


/* 전체,단위 */
.table_tit {padding: 20px 0; display:flex;justify-content: space-between; align-items:center;}
.table_tit p {/* margin: 12px 0 0px; */}
.table_tit p strong,
.table_tit p span{}



.table_tit p strong{font-weight: 600; color:#4876ef;}
.table_tit p span{font-weight: 600; color:#4876ef;}
.table_btnlst > *{float:left}
.table_tit .table_btnlst > *{margin: 0 4px 0 0;}
.table_tit .table_btnlst > *:last-child{margin: 0;}
.table_tit .table_btnlst select{width:80px; height:32px;}
.table_tit .table_btnlst > button.on{background-color:#4876ef;}
.table_tit .table_btnlst .chart_btn{padding: 6px 16px 6px 30px;height: 32px;background: #707070 url(../images/chart_bg.svg) 10px center no-repeat; background-size:16px; border-radius:4px;}
.table_tit .table_btnlst .chart_btn.hrzn{position: relative;;background: #707070}
.table_tit .table_btnlst .chart_btn.hrzn.on{background-color: #4876ef;}
.table_tit .table_btnlst .chart_btn.hrzn::before{position: absolute;content:"";width: 16px;height: 16px;background: url(../images/chart_bg.svg) center no-repeat;transform: rotate(90deg);top: 8px;left: 12px;}
.table_tit .table_btnlst .table_btn{padding:6px 16px 6px 30px; height: 32px; background: #707070 url(../images/table_chart_bg.png) 10px center no-repeat; background-size:16px; border-radius:4px; }
.table_tit .table_btnlst .piechart_btn{padding:6px 16px 6px 30px; height: 32px; background: #707070 url(../images/pie_chart_bg.png) 10px center no-repeat; background-size:16px; border-radius:4px; }
.table_tit .table_btnlst .linechart_btn{padding:6px 16px 6px 30px; height: 32px; background: #707070 url(../images/line_chart_bg.png) 10px center no-repeat; background-size:16px; border-radius:4px; }
.table_tit .table_btnlst .bubble_btn{padding:6px 16px 6px 30px; height: 32px; background: #707070 url(../images/btn_bubble_bg.svg) 10px center no-repeat; background-size:16px; border-radius:4px; }
.table_tit .table_btnlst button span{display:inline-block; color:#fff; font-size: 14px; padding-left:4px;}
.table_tit .table_btnlst .print_btn{padding:6px;width: 32px;height: 32px;background: #707070 url(../images/print_bg.svg)no-repeat center; background-size:16px; border-radius:4px; text-indent:-9999px;}
.table_tit .table_btnlst .down_btn{padding:6px; width:32px; height: 32px; background:#707070 url(../images/down_bg.svg)no-repeat center; background-size:16px; border-radius:4px; text-indent:-9999px;}
.table_tit .table_btnlst .custom_select{display:inline-block;position:relative;width:120px;height: 32px;vertical-align: middle;}
.table_tit .table_btnlst .custom_select.wide{width: 160px;}
.table_tit .table_btnlst .custom_select::after{display: inline-block;position: absolute;content:"";width: 28px;height: 28px;background: url(../images/select_bg.png) no-repeat center;right: 1px;top: 1px;}
.table_tit .table_btnlst .custom_select ul{position: absolute;width: 100%;height:28px;overflow: hidden;padding: 28px 0 0;background: #fff;border:1px solid #ccc;border-radius: 4px 0 0 4px;box-sizing: border-box;top: 0;left: 0;}
.table_tit .table_btnlst .custom_select ul.on{height: auto;border-radius: 4px 0 4px 4px;}
.table_tit .table_btnlst .custom_select ul li{width: 100%;line-height: 24px;padding: 0 0 0 10px;}
.table_tit .table_btnlst .custom_select ul li.on{position: absolute;line-height: 28px;top: 0;left: 0;}
.table_tit .table_btnlst .srchBar{display:inline-block;position:relative;width:258px;height:32px;vertical-align: middle;top: unset;right: unset;}
.table_tit .table_btnlst .srchBar input[type="text"]{width: calc(100% - 57px);height: 100%;float:left;border-radius: 4px 0 0 4px;}
.table_tit .table_btnlst .srchBar button{width: 57px;height:100%;float:left;color:#fff;font-size:14px;font-weight:500;background: #4876ef;border: 1px solid #ccc;border-width: 1px 1px 1px 0;border-radius: 0 4px 4px 0;}

/* 셀렉트박스 */
.selectbox {display:inline-block; background-color:#fff; width:100%; height:32px; position:relative;}
#cntyCdbox .selectbox{height: auto;min-height: 32px;}
.selectbox .selectBtn {height:32px; display:inline-block; min-width:100%; padding: 0 30px 0 10px; text-align:left; vertical-align: middle; border: 1px solid #d5d5d5; border-radius:4px; line-height:1.2; background-size:8px; background: #fff url('../images/arrow_down_bg.svg')no-repeat; background-position-x: calc(100% - 10px) !important; background-position-y: center !important; background-size:10px;}
.selectbox .selectBtn:focus {border: 1px solid #4867ef;}
.selectbox .selectBtn p {font-size:13px;}

/* 레이어팝업 */
.popBody .option_list li:hover {background:#f5f5f5;}
.popBody .option_list{background-color:#fff; border-radius:4px; border:1px solid #d5d5d5; position:absolute; left:0; top: auto; margin: 8px 0; width:100%; box-shadow: 5px 8px 20px 0 rgba(0,0,0,0.1); overflow:hidden; display:none;}
.popBody .option_list ul { max-height:202px; overflow:hidden;}
.popBody .option_list ul li {width:100%; padding:0 14px; line-height:36px; text-align:left; box-sizing: border-box;}
.popBody .option_list ul.option_scroll {overflow-y:auto; width:97%;}
.popBody .option_list ul::-webkit-scrollbar {width:4px;}
.popBody .option_list ul::-webkit-scrollbar-track {background-color:transparent;}
.popBody .option_list ul::-webkit-scrollbar-button {width:0; height:10px;}
.popBody .option_list li:hover {background:#f5f5f5;}


#boardAreaPopup{width: 100%;}

/* 수출입실적 품목별 테이블 */
.board_area .board_type1{ width:100%; border-top: 1px solid #2f343e; border-bottom: 1px solid #2f343e; border-collapse: collapse; border-spacing:0px;}
.board_area .board_type1 thead {background-color: #F9FAFB; border-top: 1px solid #2f343e;}
.board_area .board_type1 thead th{background-color: #F9FAFB; border-bottom: 1px solid #e0dfe1; border-left: 1px solid #e0dfe1; text-align:center; padding: 9px 10px; border-top: 1px solid #e0dfe1; font-weight:600; font-size: 14px;}
.board_area .board_type1 thead th.borderL_0,
.board_area .board_type1 tbody td.borderL_0 {border-left: none;}
#tradeTableTbody tr td:first-child{border-left: none;}
.board_area .board_type1 thead th:last-child {border-left: 1px solid #e0dfe1;}
.board_area .board_type1 thead tr:first-child th {border-top: 1px solid #2f343e;}
.board_area .board_type1 tbody tr td:first-child,
#chartTableArea #chart_table tr th:first-child,
#chartTableArea #chart_table tr td:first-child{border-left: none;}
.board_area .board_type1 tbody td{padding: 6px 10px; border-bottom: 1px solid #e0dfe1; border-left: 1px solid #e0dfe1; border-top: 1px solid #e0dfe1; text-align:right; font-size: 14px; max-width:600px; text-overflow: ellipsis;word-break: break-all; overflow: hidden;}
.board_area .board_type1 tbody td div{font-size: 14px;}
.board_area .board_type1 tbody.txt_center td {text-align: center;}
.board_area .board_type1 tbody.pd10 tr td {padding:10px 0;}
.board_area .board_type1 tbody.bgNone tr td {word-break: break-word;white-space:normal;}
.board_area .board_type1 tbody tr td:last-child {border-left: 1px solid #e0dfe1;}
.board_area .board_type1 tbody tr:last-child td {border-bottom: 1px solid #2f343e;}
.board_area .board_type1 tbody td.borderL_1 {border-left: 1px solid #e0dfe1 !important;}
.board_area .board_type1 tbody td.borderB_1 {border-bottom: 1px solid #2f343e !important;}
.board_area .board_type1 tbody .sum td {color:#191919;background-color:#e7eaf9; font-weight:600;}
.board_area .board_type1 tbody tr:not(.sum):nth-child(2n) td{background: #fff;}
.board_area .board_type1 tbody tr:not(.sum):nth-child(2n-1) td{background: #ECEFFB;}
.board_area .board_type1 tbody.bgNone tr:not(.sum):nth-child(2n-1) td{background: #ffffff;}
.board_area .board_type1 th,
.board_area .board_type1 td{transition: .3s all;}
.board_area .board_type1 td .elips{display: inline-block;position:relative;width: auto;max-width: 320px;height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; vertical-align: middle;}
.board_area .board_type1 td:nth-child(3) .elips{max-width: 220px;}
.board_area .board_type1 tbody tr:not(.sum):hover td{background-color: #d2defe;}
.board_area .board_type1 tbody.bgNone tr:not(.sum):hover td{background-color: transparent;}
.board_area .board_type1 th *,
.board_area .board_type1 td *{color: inherit;}
.board_area .board_type1 td .toolTip{display:none;position:absolute;white-space: pre-line;color:#000;padding: 3px 7px;background:#eceffb;border: 1px solid #4876ef;border-radius:4px;box-shadow:4px 4px 4px rgba(0,0,0,.1);left: 8px;top: calc(100% - 2px);z-index: 1;}
.board_area .board_type1 td:hover .toolTip{display: inline-block;}
.board_area .board_type1 td .toolTip::before{display: inline-block;position:absolute;content:"";width: 13px;height: 10px;background: url(../images/toolarrw_icon.png) no-repeat center;left: 17px;top: -10px;}
.board_area table tbody td.noResult{height: 100px;}
.board_area table tbody#tradeTableTbody td.noResult{height: 100px; background: #ECEFFB !important;}


/* 농축수산물,원규평균수입 전용 */
.board_area.lfpoil .board_type1 tbody tr:nth-child(2n-1) td:nth-child(1){background: #fff !important;}
.board_area.lfpoil .board_type1 tbody tr:nth-child(2n-1) td:nth-child(2){background: #fff !important;}
.board_area.lfpoil .board_type1 tbody tr:not(.sum):nth-child(2n-1):hover td{background-color: #ECEFFB;}
.board_area.lfpoil .board_type1 tbody tr:not(.sum):nth-child(2n):hover td{background-color: #fff;}
.board_area.lfpoil .board_type1 tbody tr td.on.hover{background-color: #dedefe !important;}
.board_area.lfpoil .board_type1 tbody tr td.on.hover{background-color: #d2defe !important;}

.board_area table .sort{display: inline-block;width: 20px;height: 16px;line-height: 18px;margin: -3px  0 0;background: url(../images/sort_dft_btn.png) no-repeat center;background-size: 16px;vertical-align: middle;}
.board_area table .sort.up{background: url(../images/sort_up_btn.png) no-repeat center;background-size: 16px;}
.board_area table .sort.down{background: url(../images/sort_down_btn.png) no-repeat center;background-size: 16px;}
.board_area table .sort span{font-size: 0;}


/* 품목검색: HS코드로 찾기 */
.board_area .board_type2{ width:100%; border-collapse: collapse; border-spacing:0; box-shadow: 0px 1px #fff;}
.board_area .board_type2 thead {width: calc(100% - 4px); display:table;}
.board_area .board_type2 thead tr {width:100%;}
.board_area .board_type2 thead th{background-color: #f6f7f8;border-bottom: 1px solid #e0dfe1;border-left: 1px solid #e0dfe1; text-align:center;padding: 8px 8px;border-top: 1px solid #e0dfe1; font-weight:600; display:table-cell; box-sizing:border-box;}
.board_area .board_type2 thead th.borderL_0 {border-left: none;}
.board_area .board_type2 thead tr:first-child th {border-top: 1px solid #2f343e;}
.board_area .board_type2 thead tr:nth-child(2) th:nth-child(1) {width:30px;}
.board_area .board_type2 thead tr:nth-child(2) th:nth-child(2) {width:60px;}
.board_area .board_type2 thead tr:nth-child(2) th:nth-child(3) {width: calc(100% - 90px);}
.board_area .board_type2 tbody {overflow-y:scroll; overflow-x:hidden;width: 100%; float:left; max-height:calc(100vh - 330px); width:100%;}
.board_area .board_type2 tbody tr {display:table; width:100%;}
.board_area .board_type2 tbody td{padding:8px;border-bottom: 1px solid #e0dfe1;border-left: 1px solid #e0dfe1; text-align:center; display:table-cell;box-sizing: border-box; word-break: break-all; box-sizing:border-box;}
.board_area .board_type2 tbody tr td:nth-child(1) {border-left: none; width:30px;}
.board_area .board_type2 tbody tr td:nth-child(2) {width: 60px;}
.board_area .board_type2 tbody tr td:nth-child(3) {width:calc(100% - 90px);text-align: left;}
.board_area .board_type2 tbody tr.chkOn td{background: #ECEFFB;}/*#d2defe*/
.board_area .board_type2 tbody tr:last-child td {border-bottom: 1px solid #2f343e;}
.board_area .board_type2 .down_btn{padding:0 0 0 32px; width:100px;height: 28px;text-align:left;background: #707070 url(../images/down_bg.svg) no-repeat 12px center;background-size: 13px; border-radius:4px;}
.board_area .board_type2 .down_btn span{color: #fff;font-size: 14px;}
.board_area .board_type2 .sort_btn{height: 100%;font-size:inherit;font-weight:inherit;padding:0 12px 0 0;background:url(../images/sort_btn.png) no-repeat right center;box-sizing: border-box;}
.board_area .board_type2 tbody::-webkit-scrollbar {width:4px;}
.board_area .board_type2 tbody::-webkit-scrollbar-thumb {border-radius: 5px; background-color:#c2c2c2;}
.board_area .board_type2 tbody::-webkit-scrollbar-track {background-color:transparent;}
.board_area .board_type2 tbody::-webkit-scrollbar-button {width:0; height:10px;}
.board_area .board_type2.result thead tr th{background-color:#ECEFFB; }
.board_area .board_type2.result thead tr:nth-child(2) th:nth-child(1){width:60px;}
.board_area .board_type2.result thead tr:nth-child(2) th:nth-child(2){width: calc(100% - 106px);}
.board_area .board_type2.result thead tr:nth-child(2) th:nth-child(3){width:46px;}
.board_area .board_type2.result tbody {max-height:calc(100vh - 404px);}
.board_area .board_type2.result tbody tr td:nth-child(1) {border-left: none; width:60px;}
.board_area .board_type2.result tbody tr td:nth-child(2) {width:calc(100% - 104px);text-align: left;}
.board_area .board_type2.result tbody tr td:nth-child(3) {width:46px; text-align: center;}
.board_area .board_type2.expresult thead tr th{background-color:#ECEFFB;}
.board_area .board_type2.expresult thead tr:nth-child(2) th:nth-child(1){width:60px;}
.board_area .board_type2.expresult thead tr:nth-child(2) th:nth-child(2){width: calc(100% - 106px);}
.board_area .board_type2.expresult thead tr:nth-child(2) th:nth-child(3){width:46px;}
.board_area .board_type2.expresult tbody {max-height:422px;}
.board_area .board_type2.expresult tbody tr td:nth-child(1) {border-left: none; width:54px;}
.board_area .board_type2.expresult tbody tr td:nth-child(2) {width:calc(100% - 104px);}
.board_area .board_type2.expresult tbody tr td:nth-child(3) {width:46px;}
.popupExpTmpr3 td:last-child{width: 28px;}
#expTmprStep4 td:last-child{width: 28px;}
.popupImpTmpr3 td:last-child{width: 28px;}
#impTmprStep4 td:last-child{width: 28px;}
.popupImexTmpr4 td:last-child{width: 28px;}
#imexTmprStep5 td:last-child{width: 28px;}

/* (영문) 품목검색:HS코드로 찾기 */
.board_area .board_type2.resultEng thead tr th{background-color:#ECEFFB; }
.board_area .board_type2.resultEng thead tr:nth-child(2) th:nth-child(1){width:60px;}
.board_area .board_type2.resultEng thead tr:nth-child(2) th:nth-child(2){width: calc(100% - 106px);}
.board_area .board_type2.resultEng thead tr:nth-child(2) th:nth-child(3){width: 58px;}
.board_area .board_type2.resultEng tbody {max-height:calc(100vh - 404px);}
.board_area .board_type2.resultEng tbody tr td:nth-child(1) {border-left: none; width:60px;}
.board_area .board_type2.resultEng tbody tr td:nth-child(2) {width:calc(100% - 104px);text-align: left;}
.board_area .board_type2.resultEng tbody tr td:nth-child(3) {width: 58px;text-align: center;}

/* 성질별: 성질로 찾기 */
.board_area .board_type7{ width:100%; border-collapse: collapse; border-spacing:0; }
.board_area .board_type7 thead {width: calc(100% - 4px); display:table;}
.board_area .board_type7 thead tr {width:100%;}
.board_area .board_type7 thead th{background-color: #f6f7f8;border-bottom: 1px solid #e0dfe1;border-left: 1px solid #e0dfe1; text-align:center;padding: 8px 10px;border-top: 1px solid #e0dfe1; font-weight:600; display:table-cell; box-sizing:border-box;}
.board_area .board_type7 thead th.borderL_0 {border-left: none;}
.board_area .board_type7 thead tr:first-child th {border-top: 1px solid #2f343e;}
.board_area .board_type7 tbody {overflow-y:scroll; overflow-x:hidden;width: 100%; float:left;max-height: 420px;min-height: 420px; width:100%;}
.board_area .board_type7 tbody tr {display:table; width:100%;}
.board_area .board_type7 tbody td{padding:10px;border-bottom: 1px solid #e0dfe1;border-left: 1px solid #e0dfe1; text-align:center; display:table-cell;box-sizing: border-box; word-break: break-all; box-sizing:border-box;}
.board_area .board_type7 tbody::-webkit-scrollbar {width:4px;}
.board_area .board_type7 tbody::-webkit-scrollbar-thumb {border-radius: 5px; background-color:#c2c2c2;}
.board_area .board_type7 tbody::-webkit-scrollbar-track {background-color:transparent;}
.board_area .board_type7 tbody::-webkit-scrollbar-button {width:0; height:10px;}
.board_area .board_type7 thead tr:nth-child(2) th:nth-child(1){width:30px;}
.board_area .board_type7 thead tr:nth-child(2) th:nth-child(2){width: calc(100% - 30px);}
.board_area .board_type7 tbody {max-height:422px;}
.board_area .board_type7 tbody tr td:nth-child(1) {border-left: none; width:30px;}
.board_area .board_type7 tbody tr td:nth-child(3) {width:calc(100% - 30px); text-align:left;}
.board_area .board_type7.result thead tr th{background-color:#ECEFFB; }
.board_area .board_type7.result thead tr:nth-child(2) th:nth-child(1){width:calc(100% - 46px);}
.board_area .board_type7.result thead tr:nth-child(2) th:nth-child(2){width: 46px !important;}
.board_area .board_type7.result tbody tr td:nth-child(2) {width: calc(100% - 46px);border-left: none; text-align: left;}
.board_area .board_type7.result tbody tr td:nth-child(3) {width:46px;text-align: center;}
.board_type7 td .itemDel { text-indent:-9999px; display:inline-block;width: 16px;height: 16px;background: #c7c7c7 url(../images/closeW_btn.svg)no-repeat center;background-size: 8px; vertical-align:middle;border-radius: 3px;}

/* 일반게시판 테이블 */
.board_area .board_type3 { width:100%; border-top: 1px solid #2f343e;  border-collapse: collapse; border-spacing:0; }
.board_area .board_type3 thead {background-color: #ECEFFB; border-top: 1px solid #2f343e;}
.board_area .board_type3 thead th{background-color: #ECEFFB; border-bottom: 1px solid #e0dfe1; border-left: 1px solid #e0dfe1; text-align:center; padding: 9px 10px;  border-top: 1px solid #e0dfe1; font-size:14px;font-weight:600;}
.board_area .board_type3 thead th.borderL_0 {border-left: none;}
.board_area .board_type3 thead tr:first-child th {border-top: 1px solid #2f343e;}
.board_area .board_type3 tbody td{padding: 9px 8px;border-bottom: 1px solid #e0dfe1;border-left: 1px solid #e0dfe1;border-top: 1px solid #e0dfe1; text-align:center;font-size: 14px;}
.board_area .board_type3 tbody tr td:first-child {border-left: none;}
.board_area .board_type3 tbody tr:last-child td {border-bottom: 1px solid #2f343e;}
.board_area .board_type3 .title{}
.board_area .board_type3 td.title a{display:inline-block;width:100%;text-align: left;font-size: 14px;}
.board_area .board_type3 .down_btn{width: 16px;height: 16px;background: url(../images/down_btn_icon.svg) no-repeat center; display:inline-block; vertical-align: middle; cursor: pointer;}
.board_area .board_type3 .down_btn span{color: #fff;font-size: 14px;}
.board_area .board_type3 .sort_btn{height: 100%;font-size:inherit;font-weight:inherit;padding:0 12px 0 0;background:url(../images/sort_btn.png) no-repeat right center;box-sizing: border-box;}

/* 품목검색: 품목명으로 찾기 */
.board_area .board_type4{ width:100%; border-collapse: collapse; border-spacing:0; }
.board_area .board_type4 thead {width: calc(100% - 4px);display:table;}
.board_area .board_type4 thead tr {width:100%;}
.board_area .board_type4 thead th{background-color: #f5f6f7; border-bottom: 1px solid #e0dfe1; border-left: 1px solid #e0dfe1; text-align:center; padding: 8px 10px;  border-top: 1px solid #e0dfe1; font-weight:600; display:table-cell; box-sizing:border-box;}
.board_area .board_type4 thead th.borderL_0 {border-left: none;}
.board_area .board_type4 thead tr:nth-child(1) th {border-top: 1px solid #2f343e;}
.board_area .board_type4 thead tr:nth-child(1) th:nth-child(1) {width:50px;}
.board_area .board_type4 thead tr:nth-child(1) th:nth-child(2) {width:calc(100% - 50px);}
/* .board_area .board_type4 thead tr:nth-child(1) th:nth-child(3) {width:100px;} */
.board_area .board_type4 thead tr:nth-child(2) th:nth-child(1) {width:186px;}
.board_area .board_type4 thead tr:nth-child(2) th:nth-child(2) {width:calc(100% - 240px);}
.board_area .board_type4 tbody {overflow-y: scroll; overflow-x:hidden;width: 100%; float:left; max-height:calc(100vh - 404px);}
.board_area .board_type4 tbody tr {display:table; width:100%;}
.board_area .board_type4 tbody td{padding:10px;border-bottom: 1px solid #e0dfe1;border-left: 1px solid #e0dfe1; text-align:center; display:table-cell; box-sizing: border-box; word-break: break-all;}
.board_area .board_type4 tbody tr td:nth-child(1) {border-left: none; width:50px;}
.board_area .board_type4 tbody tr td:nth-child(2) {width:44px;}
.board_area .board_type4 tbody tr td:nth-child(3) {width:44px;}
.board_area .board_type4 tbody tr td:nth-child(4) {width:44px;}
.board_area .board_type4 tbody tr td:nth-child(5) {width:54px;}
.board_area .board_type4 tbody tr td:nth-child(6) {width:calc(100% - 240px); text-align:left;}
/* .board_area .board_type4 tbody tr td:nth-child(7) {width:100px;} */
.board_area .board_type4 tbody tr:last-child td {border-bottom: 1px solid #2f343e;}
.board_area .board_type4 .down_btn{padding:0 0 0 32px; width:100px;height: 28px;text-align:left;background: #707070 url(../images/down_bg.svg) no-repeat 12px center;background-size: 13px; border-radius:4px;}
.board_area .board_type4 .down_btn span{color: #fff;font-size: 14px;}
.board_area .board_type4 .sort_btn{height: 100%;font-size:inherit;font-weight:inherit;padding:0 12px 0 0;background:url(../images/sort_btn.png) no-repeat right center;box-sizing: border-box;}
.board_area .board_type4 tbody::-webkit-scrollbar {width:4px;}
.board_area .board_type4 tbody::-webkit-scrollbar-thumb {border-radius: 5px; background-color:#c2c2c2;}
.board_area .board_type4 tbody::-webkit-scrollbar-track {background-color:transparent;}
.board_area .board_type4 tbody::-webkit-scrollbar-button {width:0; height:10px;}
.board_area .board_type4.exptmp thead tr:nth-child(1) th:nth-child(1) {width:54px;}
.board_area .board_type4.exptmp thead tr:nth-child(1) th:nth-child(2) {width:calc(100% - 54px);}
.board_area .board_type4.exptmp thead tr:nth-child(2) th:nth-child(1) {width:150px;}
.board_area .board_type4.exptmp tbody tr td:nth-child(1) {width: 54px;}
.board_area .board_type4.exptmp tbody tr td:nth-child(2) {width: 150px;}
.board_area .board_type4.exptmp tbody tr td:nth-child(3) {width:calc(100% - 54px); text-align:left;}
.board_area .board_type4.exptmp tbody tr td:nth-child(4) {width:54px; border-left:none;}
.board_area .board_type4.exptmpresult thead tr th{background-color:#ECEFFB;}
.board_area .board_type4.exptmpresult thead tr:nth-child(2) th:nth-child(1) {width:calc(100% - 54px);}
.board_area .board_type4.exptmpresult thead tr:nth-child(2) th:nth-child(2) {width:54px;}
.board_area .board_type4.exptmpresult tbody tr td:nth-child(2) {width:calc(100% - 54px); border-left: none; text-align:left;}
.board_area .board_type4.exptmpresult tbody tr td:nth-child(3) {width:54px;}

.board_area .board_type4.region thead tr:nth-child(1) th:nth-child(1) {width:56px;}
.board_area .board_type4.region thead tr:nth-child(1) th:nth-child(2) {width:calc(100% - 50px);}
.board_area .board_type4.region thead tr:nth-child(2) th:nth-child(1) {width:132px;}
.board_area .board_type4.region thead tr:nth-child(2) th:nth-child(2) {width:calc(100% - 182px);}
.board_area .board_type4.region tbody tr td:nth-child(1) {width:56px;}
.board_area .board_type4.region tbody tr td:nth-child(2) {width: calc(132px / 3);}
.board_area .board_type4.region tbody tr td:nth-child(3) {width: calc(132px / 3);}
.board_area .board_type4.region tbody tr td:nth-child(4) {width: calc(132px / 3);}
.board_area .board_type4.region tbody tr td:nth-child(5) {width: calc(100% - 182px); text-align:left;}

.board_area .board_type4.nsTrade thead tr:nth-child(1) th:nth-child(1) {width:56px;}
.board_area .board_type4.nsTrade thead tr:nth-child(1) th:nth-child(2) {width:calc(100% - 56px);}
.board_area .board_type4.nsTrade thead tr:nth-child(2) th:nth-child(1) {width:88px;}
.board_area .board_type4.nsTrade thead tr:nth-child(2) th:nth-child(2) {width:calc(100% - 144px);}
.board_area .board_type4.nsTrade tbody tr td:nth-child(1) {width:56px;}
.board_area .board_type4.nsTrade tbody tr td:nth-child(2) {width: calc(88px / 2);}
.board_area .board_type4.nsTrade tbody tr td:nth-child(3) {width: calc(88px / 2);}
.board_area .board_type4.nsTrade tbody tr td:nth-child(4) {width: calc(100% - 144px);}
.board_type4 td .itemDel { text-indent:-9999px; display:inline-block;width: 16px;height: 16px;background: #c7c7c7 url(../images/closeW_btn.svg)no-repeat center;background-size: 8px; vertical-align:middle;border-radius: 3px;}

/* (영문)품목검색: 품목명으로 찾기 */
.board_area .board_type4.Eng thead tr:nth-child(1) th:nth-child(1) {width:56px;}
.board_area .board_type4.Eng thead tr:nth-child(1) th:nth-child(2) {width:calc(100% - 56px);}
.board_area .board_type4.Eng thead tr:nth-child(1) th:nth-child(3) {width:100px;}
.board_area .board_type4.Eng thead tr:nth-child(2) th:nth-child(1) {width:132px;}
.board_area .board_type4.Eng thead tr:nth-child(2) th:nth-child(2) {width:calc(100% - 188px);}
.board_area .board_type4.Eng tbody tr td:nth-child(1) {width: 56px;}
.board_area .board_type4.Eng tbody tr td:nth-child(2) {width: 44px;}
.board_area .board_type4.Eng tbody tr td:nth-child(3) {width: 44px; }
.board_area .board_type4.Eng tbody tr td:nth-child(4) {width: 44px;}
.board_area .board_type4.Eng tbody tr td:nth-child(5) {width: calc(100% - 188px); text-align:left;}

/* 국가조회 */
.board_area .board_type5 { width:100%; border-collapse: collapse; border-spacing:0; }
.board_area .board_type5 thead {width: 100%;display:table;margin: 0;}
.board_area .board_type5 thead tr {width:100%;}
.board_area .board_type5 thead th{background-color: #ECEFFB; border-bottom: 1px solid #e0dfe1; border-left: 1px solid #e0dfe1; text-align:center; padding: 8px 10px;  border-top: 1px solid #e0dfe1; font-weight:600; display:table-cell; box-sizing:border-box;}
.board_area .board_type5 thead th.borderL_0 {border-left: none;}
.board_area .board_type5 thead tr:first-child th {border-top: 1px solid #2f343e;}
.board_area .board_type5 tbody {overflow-y:scroll; overflow-x:hidden;width:100%; float:left; max-height:484px;}
.board_area .board_type5 tbody tr { display:table; width:100%;}
.board_area .board_type5 tbody td{padding:10px;border-bottom: 1px solid #e0dfe1;border-left: 1px solid #e0dfe1; text-align:center; display:table-cell;box-sizing: border-box; word-break: break-all;}
.board_area .board_type5 tbody tr.sum {width: calc(100% - 4px);}
.board_area .board_type5 tbody tr.sum td:nth-child(1){width:365px;}
.board_area .board_type5 tbody tr.sum td:nth-child(2){width:143px;}
.board_area .board_type5 tbody tr.sum td:nth-child(3){width:143px;}
.board_area .board_type5 tbody tr.sum td:nth-child(4){width:143px;}
.board_area .board_type5 tbody tr.sum td:nth-child(5){width:143px;}
.board_area .board_type5 tbody tr.sum td:nth-child(6){width: 215px;}
.board_area .board_type5 tbody tr td:nth-child(1) {border-left: none;width:50px;}
.board_area .board_type5 tbody tr td:nth-child(2) {width:100px;}
.board_area .board_type5 tbody tr td:nth-child(3) {width: 215px;}
.board_area .board_type5 tbody tr td:nth-child(4) {width: 143px;}
.board_area .board_type5 tbody tr td:nth-child(5) {width: 143px;}
.board_area .board_type5 tbody tr td:nth-child(6) {width:143px;}
.board_area .board_type5 tbody tr td:nth-child(7) {width:143px;}
#tradePopupTableTbody tr td {width: auto;}
.board_area .board_type5 tbody tr td:nth-child(8) {width: 219px;}
.board_area .board_type5 tbody tr:last-child td {border-bottom: 1px solid #2f343e;}
.board_area .board_type5 .down_btn{padding:0 0 0 32px; width:100px;height: 28px;text-align:left;background: #707070 url(../images/down_bg.svg) no-repeat 12px center;background-size: 13px; border-radius:4px;}
.board_area .board_type5 .down_btn span{color: #fff;font-size: 14px;}
.board_area .board_type5 .sort_btn{height: 100%;font-size:inherit;font-weight:inherit;padding:0 12px 0 0;background:url(../images/sort_btn.png) no-repeat right center;box-sizing: border-box;}
.board_area .board_type5 tbody::-webkit-scrollbar {width:4px;}
.board_area .board_type5 tbody::-webkit-scrollbar-thumb {border-radius: 5px; background-color:#c2c2c2;}
.board_area .board_type5 tbody::-webkit-scrollbar-track {background-color:transparent;}
.board_area .board_type5 tbody::-webkit-scrollbar-button {width:0; height:10px;}

#tmprHsPopupTable tbody{/* width: calc(100% - 4px); */}
#tmprHsPopupTable *{box-sizing: border-box;}
#tmprHsPopupTable thead{/* width: 760px !important; */}
#tmprHsPopupTable th:nth-child(1){width: 104px;}
#tmprHsPopupTable td:nth-child(1){width: 105px;}
#tmprHsPopupTable th:nth-child(2){width: 218px;}
#tmprHsPopupTable td:nth-child(2){width: 219px;}
#tmprHsPopupTable th:nth-child(3){width: 218px;}
#tmprHsPopupTable td:nth-child(3){width: 220px;}
#tmprHsPopupTable td:nth-child(3){text-align: left;}
#tmprHsPopupTable th:nth-child(4){width: 218px;}
#tmprHsPopupTable td:nth-child(4){width: 215px;}

#ebkCntyPopupTbody td:nth-child(2){width: auto;}




/* 항구,공항 검색 */
.board_area .board_type6{ width:100%; border-collapse: collapse; border-spacing:0; }
.board_area .board_type6 thead {width: calc(100% - 4px); display:table;}
.board_area .board_type6 thead tr {width:100%;}
.board_area .board_type6 thead th{background-color: #ECEFFB; border-bottom: 1px solid #e0dfe1; border-left: 1px solid #e0dfe1; text-align:center; padding: 8px 10px;  border-top: 1px solid #e0dfe1; font-weight:600; display:table-cell; box-sizing:border-box;}
.board_area .board_type6 thead th.borderL_0 {border-left: none;}
.board_area .board_type6 thead tr:first-child th {border-top: 1px solid #2f343e;}
.board_area .board_type6 tbody {overflow-y:scroll; overflow-x:hidden; width: 100%; float:left; max-height:calc(100vh - 388px); min-height:calc(100vh - 388px); width:100%;}
.board_area .board_type6 tbody tr {display:table; width:100%;}
.board_area .board_type6 tbody td{padding:10px;border-bottom: 1px solid #e0dfe1;border-left: 1px solid #e0dfe1; text-align:center; display:table-cell;box-sizing: border-box; word-break: break-all; box-sizing:border-box;}
.board_area .board_type6 tbody tr:last-child td {border-bottom: 1px solid #2f343e;}
.board_area .board_type6 tbody tr.chkOn td{color:#fff;background: #00223f;}
.board_area .board_type6 tbody tr td:first-child {border-left: none;}
.board_area .board_type6 .down_btn{padding:0 0 0 32px; width:100px;height: 28px;text-align:left;background: #707070 url(../images/down_bg.svg) no-repeat 12px center;background-size: 13px; border-radius:4px;}
.board_area .board_type6 .down_btn span{color: #fff;font-size: 14px;}
.board_area .board_type6 .sort_btn{height: 100%;font-size:inherit;font-weight:inherit;padding:0 12px 0 0;background:url(../images/sort_btn.png) no-repeat right center;box-sizing: border-box;}
.board_area .board_type6 tbody::-webkit-scrollbar {width:4px;}
.board_area .board_type6 tbody::-webkit-scrollbar-thumb {border-radius: 5px; background-color:#c2c2c2;}
.board_area .board_type6 tbody::-webkit-scrollbar-track {background-color:transparent;}
.board_area .board_type6 tbody::-webkit-scrollbar-button {width:0; height:10px;}
.board_area .board_type6.air2 tbody tr td:nth-child(1) {width:75px;}
.board_area .board_type6.air2 tbody tr td:nth-child(2) {width: 160px;}
.board_area .board_type6.air2 tbody tr td:nth-child(3) {width: 139px;}
.board_area .board_type6.air3 tbody tr td:nth-child(1) {width:158px;}
.board_area .board_type6.air3 tbody tr td:nth-child(2) {width:139px}
.board_area .board_type6.air3 tbody tr td:nth-child(3) {width:75px;}
.board_area .board_type6.air3 tbody {max-height:calc(100vh - 366px); min-height:calc(100vh - 366px);}
.board_area .board_type6.air4 tbody tr td:nth-child(1) {width: 70px;}
.board_area .board_type6.air4 tbody tr td:nth-child(2) {width: 90px;}
.board_area .board_type6.air4 tbody tr td:nth-child(3) {width: 110px;}
.board_area .board_type6.air4 tbody tr td:nth-child(4) {width: 230px;}
.board_type6 td .itemDel { text-indent:-9999px; display:inline-block;width: 16px;height: 16px;background: #c7c7c7 url(../images/closeW_btn.svg)no-repeat center;background-size: 8px; vertical-align:middle;border-radius: 3px;}

/* 찾아오시는길 테이블*/
.board_area_foot .board_type1{ width:100%; border-top: 1px solid #2f343e; border-bottom: 1px solid #2f343e; border-collapse: collapse; border-spacing:0px;}
.board_area_foot .board_type1 thead {background-color: #F9FAFB; border-top: 1px solid #2f343e;}
.board_area_foot .board_type1 thead th{background-color: #F9FAFB; border-bottom: 1px solid #e0dfe1; border-left: 1px solid #e0dfe1; text-align:center; padding: 9px 10px; border-top: 1px solid #e0dfe1; font-weight:600; font-size: 14px;}
.board_area_foot .board_type1 thead th:last-child {border-left: 1px solid #e0dfe1;}
.board_area_foot .board_type1 thead tr:first-child th {border-top: 1px solid #2f343e;}
.board_area_foot .board_type1 thead tr th:first-child,
.board_area_foot .board_type1 tbody tr td:first-child {border-left:none;}
.board_area_foot .board_type1 tbody td{padding: 6px 10px; border-bottom: 1px solid #e0dfe1; border-left: 1px solid #e0dfe1; border-top: 1px solid #e0dfe1; text-align:right; font-size: 14px; max-width:600px; text-overflow: ellipsis;word-break: break-all; overflow: hidden;}
.board_area_foot .board_type1 tbody td {text-align: center;}
.board_area_foot .board_type1 tbody.bgNone tr td {word-break: break-word; white-space:normal;}
.board_area_foot .board_type1 tbody tr:last-child td {border-bottom: 1px solid #2f343e;}
.board_area_foot .pop_board_scroll {overflow-x:scroll; position:relative;}


/* 페이징 */
.pagination_area{margin-top: 20px; display:flex; justify-content:center;}
.pagination_area .pagination_wrap{display:flex;}
.pagination_area .pagination_wrap .page_prev{display:flex;}
.pagination_area .pagination_wrap .page_next{display:flex;}
.pagination_area .pagination_wrap .page_prev .left{display: inline-block; background: #eef1fe url(../images/left_bg.png)no-repeat center; background-size: 12px; border-radius: 20px; width: 28px; height: 28px; cursor: pointer;}
.pagination_area .pagination_wrap .page_prev .left_more{display: inline-block; background: #eef1fe url(../images/left_more_bg.png)no-repeat center; background-size: 12px; border-radius: 20px; width: 28px; height: 28px; margin-right:4px; cursor: pointer;}
.pagination_area .pagination_wrap .page_next .right{display: inline-block; background: #eef1fe url(../images/right_bg.png)no-repeat center; background-size: 12px; border-radius: 20px; width: 28px; height: 28px; cursor: pointer;}
.pagination_area .pagination_wrap .page_next .right_more{display: inline-block; background: #eef1fe url(../images/right_more_bg.png)no-repeat center; background-size: 12px; border-radius: 20px; width: 28px; height: 28px;margin-left:4px; cursor: pointer;}
.pagination_area .pagination_wrap .page_prev .left:hover, .pagination_area .pagination_wrap .page_prev .left:focus {background-color: #4876ef; background-image: url(../images/leftW_bg.png);}
.pagination_area .pagination_wrap .page_prev .left_more:hover, .pagination_area .pagination_wrap .page_prev .left_more:focus {background-color: #4876ef; background-image: url(../images/leftW_more_bg.png);}
.pagination_area .pagination_wrap .page_next .right:hover, .pagination_area .pagination_wrap .page_next .right:focus {background-color: #4876ef; background-image: url(../images/rightW_bg.png);}
.pagination_area .pagination_wrap .page_next .right_more:hover, .pagination_area .pagination_wrap .page_next .right_more:focus {background-color: #4876ef; background-image: url(../images/rightW_more_bg.png);}
.pagination_area .pagination_wrap .pagination_lst {display:flex; margin:0 10px;}
.pagination_area .pagination_wrap .pagination_lst li a{cursor: pointer;}
.pagination_area .pagination_wrap .pagination_lst li a.active{text-decoration:underline; color:#2f343e;font-weight: 600;}
.pagination_area .pagination_wrap .pagination_lst li .page{display:block; padding:4px 8px; color:#999999;font-size: 15px;}


/* 팝업페이징 */
.pagination_area_popup{margin-top: 20px; display:flex; justify-content:center;}
.pagination_area_popup .pagination_wrap_popup{display:flex;}
.pagination_area_popup .pagination_wrap_popup .page_prev{display:flex;}
.pagination_area_popup .pagination_wrap_popup .page_next{display:flex;}
.pagination_area_popup .pagination_wrap_popup .page_prev .left{display: inline-block; background: #eef1fe url(../images/left_bg.png)no-repeat center; background-size: 12px; border-radius: 20px; width: 28px; height: 28px; cursor: pointer;}
.pagination_area_popup .pagination_wrap_popup .page_prev .left_more{display: inline-block; background: #eef1fe url(../images/left_more_bg.png)no-repeat center; background-size: 12px; border-radius: 20px; width: 28px; height: 28px; margin-right:4px; cursor: pointer;}
.pagination_area_popup .pagination_wrap_popup .page_next .right{display: inline-block; background: #eef1fe url(../images/right_bg.png)no-repeat center; background-size: 12px; border-radius: 20px; width: 28px; height: 28px; cursor: pointer;}
.pagination_area_popup .pagination_wrap_popup .page_next .right_more{display: inline-block; background: #eef1fe url(../images/right_more_bg.png)no-repeat center; background-size: 12px; border-radius: 20px; width: 28px; height: 28px;margin-left:4px; cursor: pointer;}
.pagination_area_popup .pagination_wrap_popup .page_prev .left:hover, .pagination_area .pagination_wrap .page_prev .left:focus {background-color: #4876ef; background-image: url(../images/leftW_bg.png);}
.pagination_area_popup .pagination_wrap_popup .page_prev .left_more:hover, .pagination_area .pagination_wrap .page_prev .left_more:focus {background-color: #4876ef; background-image: url(../images/leftW_more_bg.png);}
.pagination_area_popup .pagination_wrap_popup .page_next .right:hover, .pagination_area .pagination_wrap .page_next .right:focus {background-color: #4876ef; background-image: url(../images/rightW_bg.png);}
.pagination_area_popup .pagination_wrap_popup .page_next .right_more:hover, .pagination_area .pagination_wrap .page_next .right_more:focus {background-color: #4876ef; background-image: url(../images/rightW_more_bg.png);}
.pagination_area_popup .pagination_wrap_popup .pagination_lst {display:flex; margin:0 10px;}
.pagination_area_popup .pagination_wrap_popup .pagination_lst li a{cursor: pointer;}
.pagination_area_popup .pagination_wrap_popup .pagination_lst li a.active{text-decoration:underline; color:#2f343e;}
.pagination_area_popup .pagination_wrap_popup .pagination_lst li .page{display:block; padding:4px 8px; color:#999999; font-size:14px;}


/* 통합검색 결과 페이지 */
.ttsrch .srchTab{display:inline-block;width: 80px;float: left;margin: 0 10px 0 0;background: #d2d2fe;border-radius: 4px;}
.ttsrch .srchTab.on{background: #002b50;}
.ttsrch .srchTab a{display: inline-block;width: 100%;height: 100%;text-align: center;padding:6px 10px;box-sizing: border-box;}
.ttsrch .srchTab.on a{color: #fff;}
.ttsrch .table_btnlst{display: inline-block;float: left;}
.totalSrch{display:inline-block;width: 100%;padding: 30px 0 0;border-top: 1px solid #ccc;}
.totalSrch .srchWrap{display:inline-block;width: 100%;min-height: 450px;}
.totalSrch .srchWrap .srchCon{display:inline-block;width: 100%;}
.totalSrch .srchWrap .srchCon > p{display:inline-block;width: 100%;font-size: 17px;font-weight:600;margin: 0 0 12px;}
.totalSrch .srchWrap .srchCon .spotRed{color: #dc143c;font-size: inherit;}
.totalSrch .srchWrap .srchCon .spotBlue{color: #4876ef;font-size: inherit;}
.totalSrch .srchWrap .srchCon > div > p{display:inline-block;width: 100%;font-size: 16px;padding: 0 0 12px;box-sizing: border-box;border-bottom: 1px solid #ccc;}
.totalSrch .srchWrap .srchCon ul{display:inline-block;width: 100%;}
.totalSrch .srchWrap .srchCon ul > li{display:inline-block;width: 100%;padding: 12px 0;box-sizing: border-box;border-bottom: 1px dotted #ccc;}
.totalSrch .srchWrap .srchCon ul > li a{line-height: 1.2;font-size: 16px;}
.totalSrch .srchWrap .srchCon ul > li a strong{line-height: inherit;font-size: inherit;font-weight: 500;}
.totalSrch .srchWrap .srchCon .result_menu{margin: 0 0 46px;}
.totalSrch .srchWrap .srchCon .result_data{}





/* FTA바로가기 */
.ftaLnk{display:flex; align-items: center; margin-top:20px;}
.ftaLnk p{margin-right: 10px;}
.ftaLnk .ftalnk_btn{padding:3px 8px; border: 1px solid #d5d5d5; border-radius:4px; background-color: #fff;}
.ftaLnk .ftalnk_btn:hover{background-color: #f4f4f4; color:#2f343e;}

/* 국가조회 버튼 */
.table_end {display:flex; justify-content:flex-end; margin-top:10px;}
.table_end .country_scbtn {padding:5px 10px; background-color:#f3f6fd; border:1px solid #bdc7e0; border-radius:4px;  width:auto !important; color:#365ec3;}
.table_end .country_scbtn:hover {color:#00223f;}

/* 만족도조사 */
.info_area {margin:15px 0 30px 0;display: flex;/* min-height: 138px; */}
.info_area .info_img { background-color:#F9FAFB;border:1px solid #e9e9e9; padding: 14px 18px; box-sizing:border-box; width: auto;min-height: 138px;}
.info_area .info_img p {margin: 5px 0 10px;}
.info_area .info_img img {display:block; margin:0 auto;}
.info_area .satisfaction_wrap {width: calc(100% - 274px); box-sizing:border-box;margin-right: 10px;min-height: 138px;padding: 14px 18px;background-color:#F9FAFB;border:1px solid #e9e9e9; box-sizing:border-box; display:flex; align-items:center;}
.info_area .satisfaction_wrap.wide{width: 100%;margin: 0;}
.info_area .satisfaction_wrap .satis_box {width: 100%;}
.info_area .satisfaction_wrap .satis_box .satis_survey {display:block; align-items:center; margin-top:10px;}
.info_area .satisfaction_wrap .satis_box .satis_survey p {margin-right:10px;}
.info_area .satisfaction_wrap .satis_box .satis_survey ul {display:flex; width:auto; flex-wrap:wrap; margin-bottom:10px;}
.info_area .satisfaction_wrap .satis_box .satis_survey ul li {height:30px; margin-right:30px;}
.info_area .satisfaction_wrap .satis_box .satis_survey ul li:first-child {margin-left:0;}
.info_area .satisfaction_wrap .satis_box .satis_survey ul li input{
    height: 40px;
    line-height: 40px;
    float: left;
}
.info_area .satisfaction_wrap .satis_box .satis_survey ul li input::placeholder{}
.info_area .satisfaction_wrap .satis_box .satis_survey ul li label{margin-left:8px;display: inline-block;height: 40px;line-height: 40px;float:left;}
.info_area .satisfaction_wrap .satis_box .satis_opinion {margin-top:20px; display:flex; flex-wrap: wrap;}
.info_area .satisfaction_wrap .satis_box .satis_opinion input {width: calc(100% - 77px); padding:4px 10px; box-sizing:border-box;border-radius: 4px 0 0 4px; height:32px;}
.info_area .satisfaction_wrap .satis_box .satis_opinion {margin-top:10px; margin-bottom:10px;}


/* 푸터 */
footer{display:inline-block;width: 100%;height: 50px;float: left;}
footer .foot_menu_wrap {background-color:#2f343e; width:100%;height: 100%;padding:10px 0;box-sizing: border-box;}
footer .foot_menu_wrap .foot_menu_in{display: flex;padding: 0 calc((100% - 1420px)/2);box-sizing: border-box;justify-content: space-between;align-items: center;}
footer .foot_menu_wrap .foot_menu_in ul {display: flex;width: auto;height: 28px;}
footer .foot_menu_wrap .foot_menu_in ul li{display:inline-block;float:left;line-height: 28px;padding: 0 14px 0 0;}
footer .foot_menu_wrap .foot_menu_in ul li a{color:#fff; font-size:16px;}
footer .foot_menu_wrap .foot_menu_in ul li a::after{content: ''; width: 2px; height: 14px; border-radius: 5px; display: inline-block; background-color: #fff; margin-left: 14px;}
footer .foot_menu_wrap .foot_menu_in ul li a.del::after {content: ''; display:none;}
footer .foot_menu_wrap .footer_lst {display: block;}
footer .foot_menu_wrap .footer_lst select{width:200px;height:28px;padding: 3px 32px 3px 10px;box-sizing: border-box;}

footer .foot_con_wrap{width:100%;padding: 34px 0;}
footer .foot_con_wrap .foot_con_in{max-width:1440px; margin: 0 auto; display:flex; align-items:center; justify-content:space-between;}
footer .foot_con_wrap .foot_con_in .foot_item {display:flex; align-items:center;}
footer .foot_con_wrap .foot_con_in .foot_item .footer_logo img{ max-width:144px;}
footer .foot_con_wrap .foot_con_in .foot_item > ul{display:inline-block;width: 100%;}
footer .foot_con_wrap .foot_con_in .foot_item > ul > li{display: inline-block;position:relative;float: left;text-align:center;padding: 0 36px;box-sizing: border-box;}
footer .foot_con_wrap .foot_con_in .foot_item > ul > li::after{display: inline-block;position: absolute;content:"";width: 2px;height: 31px;background: #ccc;right: 0;top:50%;transform: translateY(-50%);}
footer .foot_con_wrap .foot_con_in .foot_item > ul > li:last-child::after{display: none;}
footer .foot_con_wrap .foot_con_in .foot_item > ul > li.ft_as1 > p,
footer .foot_con_wrap .foot_con_in .foot_item > ul > li.ft_as2 > p{margin: -8px 0 4px;}
footer .foot_con_wrap .foot_con_in .foot_item > ul > li > p+span{display:inline-block;box-sizing: border-box;}
footer .foot_con_wrap .foot_con_in .foot_item > ul > li.ft_as1 > p+span{padding: 0 0 0 43px;background: url(../images/ft_as1_icon.png) no-repeat center left;}
footer .foot_con_wrap .foot_con_in .foot_item > ul > li.ft_as2 > p+span{padding: 0 0 0 38px;background: url(../images/ft_as2_icon.png) no-repeat center left;}


footer .foot_con_wrap .foot_con_in .foot_item > ul > li > p+span a{display: inline-block;height:28px;line-height:27px;text-align:center;color:#191919;font-size:16px;font-weight:500;padding: 0 20px;background: #d2d2fe;border-radius: 14px;}


/* 버튼 */
.s_btn{font-weight: 500;padding:3px 8px;border: 1px solid #d5d5d5; border-radius:4px; background-color: #ECEFFB;}
.s_btn:hover{ background-color: #3865dc; border: 1px solid #d5d5d5; color:#fff;}
.gray_btn {word-break: keep-all;padding: 0px 16px;background-color: #dedef2;border-radius: 0 4px 4px 0;color: #191919;word-break: keep-all;height: 32px;}
.gray_btn:hover { }
.blue_btn {padding:6px 16px; background-color:#4876ef; border-radius:4px; color:#fff; }
.hs_btn {padding:5px 10px; background-color:#f4f4f4; border-radius:4px; color:#4f4f4f; box-sizing:border-box; border:1px solid #d5d5d5; width:auto !important;  }
.cate_btn {height: 26px;padding: 0px 15px; background-color:#f3f6fd; border:1px solid #bdc7e0; border-radius:4px; color:#fff; color:#365ec3; line-height: 26px;vertical-align: middle; position:relative;}
.cate_btn .tooltip{position:absolute; left:-50%; top:-42px; display:none;width: 150px; height:28px; background:#fff; border:1px solid #4876ef; padding:0 4px; vertical-align:middle; line-height:28px; color:#4876ef; border-radius:4px;}
.cate_btn .tooltip:before{content:''; width:14px; height:8px; background:url(../images/tooltip_bg.svg) no-repeat center; background-size:14px 8px; position:absolute; left: 50%; margin-left:-7px; bottom:-8px;}
.cate_btn:hover .tooltip {display:block;}
.btn_download{display: inline-block;padding:6px; width:30px;height: 30px;background: #707070 url(../images/down_bg.svg)no-repeat center; background-size:14px; border-radius:4px;box-sizing: border-box;vertical-align:middle;margin: 0 1px;}
.btn_download span{font-size: 0;}

.survey_btn{max-width: 80px;width: 100%;padding: 4px 10px; background-color:#707070; border-radius:4px; color:#fff;border-radius: 0 4px 4px 0;margin-left: -3px;height: 32px;}
.filter_btn{padding:4px 8px; border:1px solid #E5E5E5; border-radius:4px; background-color:#fff; font-size:14px; display: inline-block; white-space: nowrap;}
.filter_btn.active { border:1px solid #4876ef; color:#4876ef; font-weight:bold;}
.search_mbox_in .filter_btn{pointer-events: none;}

/* PC팝업창 */
.p_search-layer { width:260px; box-sizing:border-box; border-radius:5px; background-color:#fff;  position:absolute; z-index:11; left:-10px; top:-28px; border: 1px solid #d5d5d5;  box-shadow: 5px 8px 20px 0 rgba(0,0,0,0.18); display:none; }
.p_search-layer .popHeader { display:flex; justify-content:space-between; align-items:center; background-color:#f7f7f7; border-radius:5px; padding:10px;}
.p_search-layer .popHeader h2 {font-size:18px; font-weight:600; display:block;  color: #000000;}
.p_search-layer .popHeader h2::before{content:''; width:3px; height: 16px; border-radius:5px; display:inline-block; background-color:#4876ef; margin-right: 6px;}
.p_search-layer .popHeader .layer-close {width:20px; height:20px; background:url(../images/close_bg.svg)no-repeat center ; background-size: 14px 14px;}
.p_search-layer .popBody { display: inline-block;width:100%; height:auto; margin:0 auto; box-sizing:border-box; padding:10px 10px; position:relative;}
.p_search-layer .popBody h3 {font-size:16px; color:#4876ef; font-weight:600; margin-bottom:10px; }
.p_search-layer .popBody .cou {font-size:14px; color:#333333; font-weight:600; margin-bottom:8px; }
.p_search-layer .popBody .pick_cou {width:100%; padding-bottom: 10px; }
.p_search-layer .popBody .pick_cou p.cou_not {font-size:12px; color:#888888;}
.p_search-layer .popBody .pick_cou .cou_btn {display:none; height:24px; line-height:20px; background-color:#f3f3f3; border:1px solid #d5d5d5; box-sizing:border-box; padding:2px 6px; border-radius:2px; font-size:12px; margin: 0 4px 4px 0;}
.p_search-layer .popBody .pick_cou .cou_btn i{width:12px; height:12px; display:inline-block; background:url(../images/close_bg.svg)no-repeat center; background-size:8px; margin:0 0 -1px 4px;}
.p_search-layer .popBody .pick_box{width:100%; height:36px; background-color:#fff; border:1px solid #d5d5d5; border-radius:4px; padding: 0 32px 0 10px; line-height:36px; position:relative;}
.p_search-layer .popBody .pick_box span{ display:block; background: url(../images/search_black_icon.svg)no-repeat center; background-size:12px; height:36px; width:36px;line-height:36px; position:absolute; right:0; top:0px;}
.p_search-layer .popBody .pick_box p{ text-align:left; font-size:13px;}
.p_search-layer .popBody .radiolst {width:100%; text-align:center; display: inline-block; margin:0 auto;}
.p_search-layer .popBody .radiolst li{width:50%; float:left; margin:-1px; box-sizing:border-box;text-align:center;}
.p_search-layer .popBody .radiolst li input{position:absolute; left:-1e+47px;}
.p_search-layer .popBody .radiolst li input[type="radio"]:checked+label {background-color:#eceffb;}
.p_search-layer .popBody .radiolst li label{line-height:38px; display:block; border:1px solid #e5e5e5; background-color:#fff; font-size:13px; position:relative; padding: 10px 0 !important;}
.p_search-layer .popBody .mdate_box select {width:40%;}
.p_search-layer .popBody .cateResult {margin-top: 10px;}
.p_search-layer .popBody .cateResult p{padding-left: 6px;}
.p_search-layer .popBody .pick_list{background-color:#fff; border-radius:4px; border:1px solid #d5d5d5; margin: 8px 0; width:100%; overflow:hidden;}
.p_search-layer .popBody .pick_list ul { max-height:202px; overflow:hidden;}
.p_search-layer .popBody .pick_list ul li {width:100%; padding:0 14px; line-height:36px; text-align:left; box-sizing: border-box;}
.p_search-layer .popBody .pick_list ul li input {width: 14px; height:14px; margin-right: 10px; margin-top: 12px}
.p_search-layer .popBody .pick_list ul li span {display:inline-block; vertical-align:middle; line-height:36px;width: 160px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}
.p_search-layer .popBody .pick_list ul.pick_scroll {overflow-y:auto; width:97%;}
.p_search-layer .popBody .pick_list ul::-webkit-scrollbar {width:4px;}
.p_search-layer .popBody .pick_list ul::-webkit-scrollbar-thumb {border-radius: 5px; background-color:#c2c2c2;}
.p_search-layer .popBody .pick_list ul::-webkit-scrollbar-track {background-color:transparent;}
.p_search-layer .popBody .pick_list ul::-webkit-scrollbar-button {width:0; height:10px;}
.p_search-layer .popBody .pick_list li:hover {background:#f5f5f5;}
.p_search-layer .popFoot {width:100%; margin:0 auto; padding: 0 0 14px 0; text-align:center;}
.p_search-layer .popFoot .foot_btn_reset{padding:6px 16px; width:90px; background-color:#777; border-radius:4px; color:#fff;}
.p_search-layer .popFoot .foot_btn_app{padding:6px 16px; width:90px; background-color:#4876ef; border-radius:4px; color:#fff;}

.productPop { width:1200px; position:fixed; z-index:110; left:50%; top:50%; transform:translate(-50% , -50%); background-color:#fff; box-sizing:border-box; border-radius:10px; padding:20px;max-height:calc(100vh - 40px);min-height:calc(100vh - 40px);}
.productPop .popHeader { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #d5d5d5; padding:0 0 15px 0;}
.productPop .popHeader h2 {font-size:18px; font-weight:600; display:block;  color: #000000;}
.productPop .popHeader h2::before{content:''; width:3px; height: 16px; border-radius:5px; display:inline-block; background-color:#4876ef; margin-right: 6px;}
.productPop .popHeader .layer-close {width:20px; height:20px; background:url(../images/close_bg.svg)no-repeat center ; background-size: 14px 14px;}
.productPop .popHeader .layer-close-popup {width:20px; height:20px; background:url(../images/close_bg.svg)no-repeat center ; background-size: 14px 14px;}

.productPop .popBody { width:100%; height: 100%; margin:0 auto; box-sizing:border-box; padding:15px 0 0 0 ; }
.productPop .popBody .pop_container {height:100%;}
.productPop .popFoot {width:100%; margin:0 auto; padding:0; text-align:center;}
#imexTemprPopup {width:1300px;}
#ebkCntyPopup{width: 600px;}
#countrySearchPopup .table_tit{padding: 10px 0;}
#chartViewAreaPopup{width: 100%}

.flexBox { display:flex; justify-content:space-between; box-sizing:border-box; padding:8px 0; height:100%; }
.yScroll { overflow-y:auto; min-height:calc(100vh - 160px); max-height:calc(100vh - 160px); padding: 0 6px 0 0;}
.yScroll::-webkit-scrollbar {width:4px;}
.yScroll::-webkit-scrollbar-thumb {border-radius: 5px; background-color:#c2c2c2;}
.yScroll::-webkit-scrollbar-track {background-color:transparent;}
.yScroll::-webkit-scrollbar-button {width:0; height:10px;}
ul.tabs { display:flex; justify-content:flex-start;   position:relative; }
ul.tabs li { box-sizing:border-box; text-align:center; padding:10px 20px; border:1px solid #d5d5d5; }
ul.tabs li.active { border:1px solid #00223F; border-bottom:0px; background-color:#00223F;}
ul.tabs li.active a { color:#fff; }
ul.tabs li:first-child { border-radius:4px 0 0 4px; }
ul.tabs li:last-child { border-radius:0 4px 4px 0; }

.btnBox { display:flex; align-items:center; justify-content:center; margin-top:10px;border-top: 1px solid  #d5d5d5;padding: 10px;}
.btnBox .btnReset { box-sizing:border-box;padding: 8px 16px; text-align:center;color: #fff;background-color: #707070; border-radius:4px;}
.btnBox .btnReset img { margin-top: -3px; width:14px; margin-right: 4px;}
.btnBox .btnSelect { box-sizing:border-box; padding:8px 16px; text-align:center; color:#fff; background-color:#4876ef; border-radius:4px; }
.btnBox .btnSelect img { margin-top: -2px; width:14px; margin-right: 4px;}
.board_type2 td .itemDel { text-indent:-9999px; display:inline-block;width: 16px;height: 16px;background: #c7c7c7 url(../images/closeW_btn.svg)no-repeat center;background-size: 8px; vertical-align:middle;border-radius: 3px;}


/* PC팝업창: 다운로드 */
.downBtnBox {position:relative;}
.downBtnBox .downPopst{position:absolute; left:0; top:38px;}
.downBtnBox .downBtnLst .downItem{height:30px; width:80px; border-radius:4px; line-height:30px; padding:0 10px; background-color:#fff;color: #191919; font-weight:500; border: 1px solid #d5d5d5; text-align:center;margin-bottom: 4px; display:block; margin:0 auto 4px;}
.downPopst { width:112px; box-sizing:border-box; border-radius:5px; background-color:#fff;  position:absolute; z-index:11; left:-10px; top:-28px; border: 1px solid #d5d5d5;  box-shadow: 5px 8px 20px 0 rgba(0,0,0,0.18); display:none; }
.downPopst .downPopHeader { display:flex; justify-content:space-between; align-items:center; background-color:#f7f7f7; border-radius:5px; padding:10px;}
/* .downPopst .downPopBody h3 {font-size:16px; color:#4876ef; font-weight:600; margin-bottom:10px; } */
.downPopst .downPopHeader h2 {font-size:14px; font-weight:600; display:block;  color: #000000; display:inline-block;vertical-align: middle;line-height: 14px;}
.downPopst .downPopBody {display: inline-block;width:100%;height: auto !important; margin:0 auto; box-sizing:border-box; padding:10px 10px; position:relative;}
.downPopst .downPopHeader .layer-close {width:20px; height:20px; background:url(../images/close_bg.svg)no-repeat right ; background-size: 10px;}
.downPopst .downPopHeader .layer-close-popup {width:20px; height:20px; background:url(../images/close_bg.svg)no-repeat right ; background-size: 10px;}
.downPopst .downPopHeader {padding:10px;}

.downBtnBox .downBtnLst .downItem.btnXls {color: #00a078; border-color: #b5cfc7;}
.downBtnBox .downBtnLst .downItem.btnXls:hover {border-color:#00a078;}
.downBtnBox .downBtnLst .downItem.btnJson {color: #8a74e0;border-color: #d1c8f5;}
.downBtnBox .downBtnLst .downItem.btnJson:hover {border-color:#8a74e0;}
.downBtnBox .downBtnLst .downItem.btnCsv {color: #4876ef;border-color: #cdd7f1;}
.downBtnBox .downBtnLst .downItem.btnCsv:hover {border-color:#4876ef;}

/* PC팝업창: 통계설명 */
.pop_txt dl {padding:20px 0 0; border-bottom:1px solid #b2b7c7;}
.pop_txt dl:last-child {border-bottom:none;}
.pop_txt dl dt {position:relative; padding-bottom:10px; font-size:17px; font-family:'NotoM'; color:#000;}
.pop_txt dl dt:before {content:""; display:block; position:absolute; bottom:0; left:0; width:30px; height:2px; background:#000;}
.pop_txt dl dd {padding:10px 0; border-bottom:1px dashed #d8dfe7;}
.pop_txt dl dd:last-child {border-bottom:none;}
.pop_txt dl dd ul li {position:relative; padding:3px 0 3px 50px; line-height:22px; font-size:14px; }
.pop_txt dl dd ul li:before {content:""; display:block; position:absolute; top:12px; left:0; width:3px; height:3px; background:#666;}
.pop_txt dl dd ul li span {position:absolute; top:3px; left:10px; font-family:'NotoM'; color:#053863;}

.mrfn_rlnm {overflow:hidden;}
.mrfn_rlnm > li {position:relative; width:calc(50% - 18px); padding:25px 4% 10px 0; float:left; font-size:16px; color:#333;}
.mrfn_rlnm > li:before {content:""; display:block; clear:both; position:absolute;right: -3px; top:50%;width: 22px;height: 12px; margin-top:-9px; background:url('../images/bg_arr_w_bg.svg') no-repeat left top;}
.mrfn_rlnm > li:first-child {margin-right:10px;}
.mrfn_rlnm > li.last {padding-right:0;}
.mrfn_rlnm > li.last:before {display:none;}
.mrfn_rlnm > li > dl {position:relative; padding:35px 15px 15px; font-size:15px;  text-align:center; word-break:keep-all; border:1px solid #d3d3d3;}
.mrfn_rlnm > li > dl dt {position:relative; margin-bottom:10px; padding:0 15px 10px; font-weight:500; color:#053963; font-size:16px; letter-spacing:-1px; border-bottom:1px dashed #d3d3d3;}
.mrfn_rlnm > li > dl dt span {position:absolute; left:50%; top:-60px; display:block; width:50px; height:50px; margin-left:-25px; line-height:50px; color:#fff; text-align:center; font-weight:600; z-index:2;}
.mrfn_rlnm > li > dl dt span.num_navy {background:#053963 url('../images/bg_numBox_bg.png') no-repeat center;}
.mrfn_rlnm > li > dl dt span.num_red {background:#f5012a url('../images/bg_numBox_bg.png') no-repeat center;}
.mrfn_rlnm > li > dl dd {position:relative; min-height:130px; text-align:left; background:#fbfbfb; padding:15px}
.mrfn_rlnm > li > dl dd .clearfix {display:flex;}

/* 검색항목 */
.filter_area { width:100%;}
.filter_area table.filter_table { width:100%; border-top: 1px solid #000;  border-collapse: collapse; border-spacing:0;}
.filter_area table.filter_table tbody{}
.filter_area table.filter_table tbody th{background-color: #f4f4f4;border-bottom: 1px solid #e0dfe1; text-align:right;padding: 8px 10px;/* width:10%; */border-top: 1px solid #e0dfe1; font-weight:600;}
.filter_area table.filter_table tbody td{padding: 8px 10px; border-bottom: 1px solid #e0dfe1; border-top: 1px solid #e0dfe1; text-align:center; text-align:left;}

.filterTableBox {width:100%; background-color:#f5f6f7; border:1px solid #e5e5e5; padding:10px 20px; display:flex; justify-content:space-between; align-items:center; border-radius: 4px; margin-bottom:10px; box-sizing: border-box;}
.filterTableBox .filterBoxLeft ul {display:flex;}
.filterTableBox .filterBoxLeft ul li {margin-right:20px;}
.filterTableBox .filterBoxLeft ul li label{margin-right:8px; vertical-align: middle;}
.filterTableBox .filterBoxLeft ul li span{ line-height: 32px; display: inline-block; vertical-align: middle; margin-right: 4px;}
.filterTableBox .filterBoxLeft ul li select {width:120px;}
.filterTableBox .filterBoxLeft ul li input[type='date']{width: 130px;}
.filterTableBox .filterBoxLeft ul li input[type='radio']{margin-right: 4px;}
.filterTableBox .filterBoxLeft ul li input[type='text'] {width: 200px;height: 32px;}
.filterTableBox .btnBoxRight .btnReset { box-sizing:border-box; padding:5px 15px 5px 27px; text-align:center; color:#fff; background:#707070 url(../images/history_black.png) no-repeat 8px center;background-size:14px; border:1px solid #d5d5d5; border-radius:5px; }
.filterTableBox .btnBoxRight .btnSelect { box-sizing:border-box; padding:5px 15px 5px 27px; text-align:center; color:#fff; background:#4876ef url(../images/search.svg) no-repeat 8px center; background-size:13px; border:1px solid #4876ef; border-radius:5px; }

.filter_mobile { display:none; }
.black-bg {  width:100%; height:100%; position:fixed; left:0; top:0; z-index:100; background-color:rgba(0, 0, 0, 0.5); display:none;  }
.m-black-bg {width:100%; height:100%; position:fixed; left:0; top:0; z-index:49; background-color:rgba(0, 0, 0, 0.5); display:none;}
.p-black-bg {  width:100%; height:100%; position:fixed; left:0; top:0; z-index:100; background-color:rgba(0, 0, 0, 0.5); display:none;}
.m-black-down-bg {width:100%; height:100%; position:fixed; left:0; top:0; z-index:49; background-color:rgba(0, 0, 0, 0.5); display:none;}
.m-search-layer  { display:none;  }
.optionChangeLayer { display:none; }
.m-search-layer {display:none;}
.mobile-menu {display:none;}
.mProductSearchLayer {display:none;}
.optionChangeLayer {display:none;}

/*HS부호*/
.board_type2 #selectdHsSgnList {}
.board_type2 #selectdHsSgnList tr{box-sizing:border-box; padding:2px 10px; margin-bottom: 4px;}
.board_type2 #selectdHsSgnList tr td{font-size:12px; line-height: 20px; vertical-align: middle; color:#191919;}
.board_type2 #selectdHsSgnList tr td:nth-child(2) p{color:#191919; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100px; height: 20px; font-size:12px;}
/* 1.수출입통계 :끝******************************************************************* */


/* 무역통계소개 */
#cntntsView {padding:10px 0 80px 0;}

.MiVi_box  {position:relative; margin:25px 0px 0px; padding:5px; font-size:16px; letter-spacing:-1px; word-break:keep-all;  background:url("../images/pt_diagonalG_bg.png") repeat;}
.MiVi_box .inner {position:relative; padding:20px 45px; background:#fff;}
.MiVi_box .inner h3 {position:absolute; left:45px; top:-30px; width:100px; height:100px; line-height:100px; font-size:20px; font-weight:500; color:#fff; text-align:center; }
.MiVi_box .inner h3.mivi_titB {background:#053863 url('../images/bg_numBox_bg.png') no-repeat center;}
.MiVi_box .inner h3.mivi_titR {background:#e40a2e url('../images/bg_numBox_bg.png') no-repeat center;}
.MiVi_box .inner h3.mivi_titG {background:#2F343E url('../images/bg_numBox_bg.png') no-repeat center;}
.MiVi_box .inner h3.mivi_titG2 {height:50px; padding:25px 0; line-height:25px; background:#2F343E url('../images/bg_numBox_bg.png') no-repeat center;}
.MiVi_box .inner h3.mivi_titG3 {height:75px; padding:13px 0; line-height:25px; background:#2F343E url('../images/bg_numBox_bg.png') no-repeat center;}
.MiVi_box .mivi_top {min-height:55px; padding:0 0 20px 0; text-align:center; border-bottom:1px dashed #b2b7c7;}
.MiVi_box .mivi_top p { font-size:16px; color:#111;}
.MiVi_box .mivi_top p span {position:relative; display:inline-block; padding:0 10px; font-size:26px; font-weight:500; color:#111;}
.MiVi_box .mivi_top p span.mivi_b:before {content:""; display:block; clear:both; position:absolute; left:0; bottom:0; width:100%; height:15px; background:rgba(5,56,99,0.15);}
.MiVi_box .mivi_top p span.mivi_r:before {content:""; display:block; clear:both; position:absolute; left:0; bottom:0; width:100%; height:15px; background:rgba(228,10,46,0.15);}
.MiVi_box .mivi_top p span.mivi_s:before {content:""; display:block; clear:both; position:absolute; left:0; bottom:0; width:100%; height:15px; background:rgba(11, 11, 222, 0.15);}
.MiVi_box .mivi_top p.txt1 {font-size:17px; color:#222; text-align:center; line-height:1.6; word-break:keep-all; margin-top:10px;}
.MiVi_box .mivi_top i.mivi_mark {display:block; width:80px; height:80px; background: url(../images/nationalMark_bg.png) no-repeat center; background-size: 80px; }

.cntBetween {display: flex; justify-content:space-between; align-items:center;}

.MiVi_box .mivi_con1 {position:relative; padding:30px 0 30px 150px; text-align:center; overflow:hidden;}
.MiVi_box .mivi_con1 dt {position:absolute; left:0; top:30px; width:100px; padding-right:50px; font-size:18px; font-weight:500; color:#111; text-align:center; background:url('../images/bg_arr_w_bg.png') no-repeat right center;}

.MiVi_box .mivi_li1 {overflow:hidden; margin-bottom:60px;}
.MiVi_box .mivi_li1 li {width:32%; margin:0 0.5%; float:left; font-size:15px; text-align:center; border-radius:30px; }
.MiVi_box .mivi_li1 li strong {display:block; height:60px; margin-bottom:15px; line-height:60px; font-size:18px; font-weight:500; color:#fff; border-radius:30px; background:#0a589a;}
.MiVi_box .mivi_li1 li + li strong{ background:#555;}
.MiVi_box .mivi_li1 li + li + li strong { background:#4876ef;}

.MiVi_box .mivi_con2 {position:relative; padding:0 0 10px 120px; text-align:center; overflow:hidden;}
.MiVi_box .mivi_con2 dt {position:absolute; left:0; top:0; width:100px; height:100px; line-height:100px; font-size:18px; font-weight:500; color:#fff; text-align:center; border-radius:50px;}
.MiVi_box .mivi_con2 dt:before {content:""; display:block; clear:both; position:absolute; right:-25px; top:50%; width:25px; height:10px; margin-top:-5px; }
.MiVi_box .mivi_con2 dd {margin:10px 0; height:76px; line-height:76px; font-size:16px; font-weight:500; color:#111; border-radius:40px;}
    
.MiVi_box .mivi_con2.mivi_dlB dt {background:#0a589a;}
.MiVi_box .mivi_con2.mivi_dlB dt:before {background:url('../images/bg_mivi_con4.png') no-repeat center;}
.MiVi_box .mivi_con2.mivi_dlB dd {border:2px solid #0a589a; background:#f9fcff;}

.MiVi_box .mivi_con2.mivi_dlR dt {background: #4876ef;}
.MiVi_box .mivi_con2.mivi_dlR dt:before {background:url('../images/bg_mivi_con5.png') no-repeat center;}
.MiVi_box .mivi_con2.mivi_dlR dd {border:2px solid #4876ef; background:#f9fcff;}
.MiVi_box .mivi_con2.mivi_dlR dd span {font-size:16px; }

.MiVi_box .mivi_con1 .mivi_li2 {overflow:hidden; }
.MiVi_box .mivi_con1 .mivi_li2 li {position:relative; width:18%; float:left; padding:0 1%; font-size:20px;}
.MiVi_box .mivi_con1 .mivi_li2 li:before {content:""; display:block; clear:both; position:absolute; left:-2px; top:0; height:100%; border-left:2px dotted #b2b7c7;}
.MiVi_box .mivi_con1 .mivi_li2 li strong {display:inline-block; width:30px; height:30px; margin-right:3px; color:#fff; border-radius:15px;}
.MiVi_box .mivi_con1 .mivi_li2 li strong.bgB {background:#053863;}
.MiVi_box .mivi_con1 .mivi_li2 li strong.bgR {background:#e40a2e;}
.MiVi_box .mivi_con1 .mivi_li2 li strong.bgG {background:#555;}
.MiVi_box .mivi_con1 .mivi_li2 li span {display:block; margin-top:5px; font-size:15px;}

.MiVi_box .mivi_con1 dd.mivi_txt {line-height:60px; font-size:18px; border-top:1px solid #000; border-bottom:1px solid #000; }

.MiVi_box .mivi_con1 .mivi_li3 {overflow:hidden; }
.MiVi_box .mivi_con1 .mivi_li3 li {position:relative; width:23%; float:left; padding:0 1%; font-size:18px;}
.MiVi_box .mivi_con1 .mivi_li3 li:before {content:""; display:block; clear:both; position:absolute; left:-2px; top:0; height:100%; border-left:2px dotted #b2b7c7;}
.mivi_full {width:100%;}
.mivi_full h4{ font-size:15px; font-weight:600; padding: 20px 0 0 0;}
.mivi_full p{ font-size:14px; font-weight:400;  padding: 10px 0 20px 0;}
.mivi_full p strong{ }
.mivi_full ul{ font-size:14px; font-weight:400;  padding: 15px 0;}
.mivi_full ul li{ font-size:14px; font-weight:400; padding: 5px 0 5px 14px;}
.mivi_full .mivi_quarter{display:flex; margin-top:20px;}
.mivi_full .mivi_quarter .quarterBox {padding:18px 20px; width: calc(50% - 5px); }
.mivi_full .mivi_quarter .quarterBox:first-child {margin-right:10px;}
.mivi_full .mivi_quarter .quarterBox li{text-indent:-5px;}
.mivi_full .mivi_quarter .quarterBox li:first-child{font-weight:600;}

/* 타이틀(블릿 타입) */
.tit1 {margin:32px 0 12px 0;padding-left: 28px;font-size: 19px; line-height:1.3; font-weight:500; color:#191919; letter-spacing:-1px;background: url("../images/bu_tit1_bg.png") no-repeat left 3px;background-size: 20px;}  
.tit2 {margin-left:10px; margin-bottom:6px; padding-left:22px; font-size:15px; line-height:1.5; font-weight:400; color:#191919; letter-spacing:-1px; background:url("../images/bu_tit2_bg.svg") no-repeat left 2px; background-size: 17px;}
.tit2 strong{font-size:16px; line-height:1.3; font-weight:400; color:#256ed5;}
.tit3 {margin-left:35px; margin-bottom:8px; font-size:18px; line-height:1.3; font-weight:500; color:#053863; letter-spacing:-1px;}
.tit4 {margin-bottom:10px; font-size:15px; line-height:1.3; font-weight:500; color:#191919; letter-spacing:-1px;}

/* 박스 : 박스 기본 타입 */
.box_st1 {position:relative; padding:15px 25px; border:1px solid #bfbfbf; background:#fff; margin:10px 0;}
.box_st1 img {margin: 0 auto; display: block;}
.box_st2 {position:relative; padding:15px 25px; border:1px solid #bfbfbf; background:#fbfbfb; margin-left:10px;}
.box_st3 {padding:5px; background:url("../images/pt_diagonalG_bg.png") repeat;}
.box_st3 .inner {position:relative; padding:15px 25px; background:#fff;}
.box_st4 {position:relative; padding:15px 25px; border-top:2px solid #000; border-bottom:1px solid #000;}
.box_st5 {position:relative; padding:15px 25px; border:2px solid #dfe6ee; background:#fff;}
.box_st5:before {content:''; position:absolute; top:-2px; left:-2px; width:50px; height:50px; border-top:4px solid #f5012a; border-left:4px solid #f5012a;}
.box_st5:after {content:''; position:absolute; bottom:-2px; right:-2px; width:50px; height:50px; border-bottom:4px solid #053863; border-right:4px solid #053863;}
.box_st_ico {position:relative; min-height:70px; padding-left:90px;}
.box_st_ico .ico_boxImg {position:absolute; left:0; top:0;}

/* 리스트 : 블릿 타입 */
.list_st1 {box-sizing: border-box;padding-left: 20px;}
.list_st1.ml20{width: calc(100% - 20px);}
.list_st1.ml30{width: calc(100% - 30px);}
.list_st1 > li {position:relative; padding:5px 0 5px 12px; font-size:14px; line-height:1.4; color:#444;}
.list_st1 > li > strong {font-size:14px;}
.list_st1 > li:before {content:''; position:absolute; top:13px; left:0; width:5px; height:5px; background:#4a4e59;}
.list_st1 > li ul li.arr {padding-bottom:36px; background:url('../images/bg_arr_w3_bg.svg') no-repeat center; background-position-y:24px;}
.list_st2 {padding-left: 20px; box-sizing:border-box;}
.list_st2 > li {position:relative; padding:4px 0 4px 12px; font-size:14px; line-height:1.4; color:#444;}
.list_st2 > li:before {content:''; position:absolute; top:13px; left:0; width:4px; height:4px; background:#646a7d; border-radius:2px;}
.list_st2 > li > strong {font-size:14px;}
.list_st3.ml20{width: calc(100% - 20px);}
.list_st3.ml30{width: calc(100% - 30px);}
.list_st3 > li {position:relative; padding:3px 0 3px 12px; font-size:14px; line-height:1.4; color:#444;}
.list_st3 > li:before {content:''; position:absolute; top:13px; left:0; width:5px; height:2px; background:#646a7d;}
.list_st3 > li > strong {font-size:14px;}
.list_st4 > li{position:relative; padding:3px 0 3px 10px; font-size:14px; line-height:1.4; color:#555;}
.list_st4 > li:before {content:''; position:absolute; top:13px; left:0; width:2px; height:2px; background:#646a7d;}
.list_st4 > li > strong {font-size:14px;}
.list_st5 > li{position:relative; padding:3px 0; font-size:14px; line-height:1.4; color:#555;}
.list_st5 > li > strong {font-size:14px;}
.list_st5 > li > strong.num {color:#00223f; font-weight: 600;}
li.bu_none:before {display:none;}

table .list_st1 {margin-left:0;}
table .bu_st1{margin-left:0;}

/* 블릿 */
.bu_st1 {position:relative; margin-left:20px; padding-left:12px; font-size:14px; line-height:1.4; color:#444;}
.bu_st1:before {content:''; position:absolute; top:8px; left:0; width:5px; height:5px; background:#4a4e59;}
.bu_st2 {position:relative; padding-left:12px; font-size:14px; line-height:1.4; color:#444;}
.bu_st2:before {content:''; position:absolute; top:8px; left:0; width:4px; height:4px; background:#646a7d; border-radius:2px;}
.bu_st2B {position:relative; padding-left:12px; font-size:14px; line-height:1.4; color:#444;}
.bu_st2B:before {content:''; position:absolute; top:8px; left:0; width:4px; height:4px; background:#266ed4; border-radius:2px;}
.bu_st3 {position:relative; padding-left:12px; font-size:14px; line-height:1.4; color:#444;}
.bu_st3:before {content:''; position:absolute; top:10px; left:0; width:5px; height:2px; background:#646a7d;}
.bu_st4{position:relative; padding-left:12px; font-size:14px; line-height:1.4; color:#555;}
.bu_st4:before {content:''; position:absolute; top:10px; left:0; width:2px; height:2px; background:#646a7d;}
/* 폰트크기 */
.cntP {font-size: 14px; line-height: 1.6;}
.cntP strong {font-size: 14px; line-height: 1.6;}

/* 텍스트 요소 : 강조 타입 */
.f_weightB {font-weight:600;}

/* 텍스트 요소 : 경고&말풍선 타입 */
.bu_atteT {margin-bottom:10px; padding-left:30px; font-size:18px; font-weight:500; color:#222; background:url("../images/bu_atteT.png") no-repeat left top;}

/* 라인 */
.line_dot {margin-bottom:10px; padding-top:10px; border-bottom:1px dotted #d2d2d2;}
.line_dot_B {border-bottom:1px dotted #555;}
/* 리스트 : 순차적 리스트 타입 */
.list_ol1 li {position:relative; margin-bottom:5px; padding:3px 0 2px 30px; line-height:1.4; font-size:14px;color: #191919;}
.list_ol1 li>ul {padding:8px 0;}
.list_ol1 li>ul>li {padding:2px 0;}
.list_ol1 li span.num {position:absolute; left:0; top:0; width:25px; height:25px; line-height:25px; font-weight:500; color:#fff; text-align:center; background:#636363; border-radius:13px;}
.list_ol2 li {position:relative; margin-bottom:5px; padding:3px 0 2px 30px; line-height:1.4; font-size:14px;}
.list_ol2 li span.num {position:absolute; left:0; top:0; width:25px; height:25px; line-height:25px; font-weight:500; color:#fff; text-align:center; background:#2b3949; border-radius:13px;}
.list_ol2 li:nth-child(even) span.num {background:#256ed5;}

/* 리스트 : 텍스트 타입 */
.list_stT1 > li {padding:3px 0; font-size:15px; line-height:1.4; color:#191919;}
.list_stT1 > li> ul {padding:5px 0 5px 15px; box-sizing:border-box;}
.list_stT1 > li ul > li {padding:1px 0; color:#191919; font-size:14px;}
.list_stT1 > li ul > li > ul > li {padding:1px 0 1px 10px; color:#191919; font-size:14px;}
.list_stT2 > li {font-size:14px; line-height:1.4; color:#444;}
.list_stT2 > li ul {margin:5px 0 5px 15px; color:#555;}


/*찾아오시는길 지도 */
.map_box {position:relative; overflow:hidden;}
.map_box .root_daum_roughmap {width:100% !important; margin: 0; border-radius:0;}
.address_box {position:relative; margin-top:-12px; padding:20px; color:#fff; border:1px solid #c8d1db; background:#555; }
.address_box p {color:#fff; }

/* 이미지 사이즈 : 확대보기 */
.rsp_img {position:relative; width:auto; max-width:100%;}
.rsp_img img {max-width:100%; cursor:zoom-in;}
.rsp_img .zoom {width:100%;}
.rsp_img .btn-zoom {position:absolute; bottom:0; right:0; width:45px; height:45px; display:block; z-index:1; background:url("/images/web/kcs/con_com/ico_rsp_img.png") no-repeat;}

/* 버튼 : 기본 */
.btn_bl {padding:10px 15px; color:#fff; background:#155eb6; display:inline-block;}
.btn_bl:hover, .btn_bl:focus {background:#0f4e99;}
.btn_blL {padding:9px 14px; color:#155eb6; border:1px solid #155eb6; background:#fff;}
.btn_blL:hover, .btn_blL:focus {color:#0f4e99; border:1px solid #0f4e99;}

/* 버튼 : 기본 + 아이콘 */
.btn_gr.ico_w, .btn_bl.ico_w {position:relative; padding:10px 50px 10px 15px;}
.btn_grL.ico_g, .btn_blL.ico_g {position:relative; padding:9px 49px 9px 14px;}
.ico_w span, .ico_g span {position:absolute; right:15px; top:50%; display:block; width:18px; height:18px; margin-top:-9px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.ico_w:hover span, .ico_w:focus span, .ico_g:hover span, .ico_g:focus span {right:20px;}

.ico_w span.link {background:url("../images/btn_linkW.png") no-repeat;}

.bu_mentT {margin-bottom:5px; padding:4px 0 4px 40px; font-size:18px; font-weight:500; color:#222; background:url("../images/bu_mentT.png") no-repeat left top;}
.bu_mentT2 {margin-bottom:5px; padding:17px 0 0 15px; font-size:18px; font-weight:500; color:#222; background:url("../images/bu_mentT2.png") no-repeat left top;}

.btn_bl.mini {padding:5px 10px; color:#fff; background:#155eb6;}
.btn_blL.mini {padding:4px 9px; color:#155eb6; border:1px solid #155eb6; display:inline-block;}

.btn_bl:hover, .btn_bl:focus {background:#0f4e99;}
.btn_blL:hover, .btn_blL:focus {color:#0f4e99; border:1px solid #0f4e99;}

/* 텍스트 요소 : 링크 타입 */
a.bu_link {padding-left:30px; color:#155eb6; text-decoration:underline; background:url("../images/bu_link.png") no-repeat left top;}
a.bu_linkL {padding-left:20px; color:#155eb6; text-decoration:underline; background:url("../images//bu_link_line_icon.png") no-repeat left 4px;}
a.bu_mail {padding-left:30px; color:#155eb6; text-decoration:underline; background:url("../images/bu_mail.png") no-repeat left top;}
a.bu_mailL {padding-left:20px; color:#155eb6; text-decoration:underline; background:url("../images/bu_mail_line_icon.png") no-repeat left 3px;}
a.bu_tel{padding-left:20px; color:#155eb6; text-decoration:underline; background:url("../images/imgIcon_tel_blue.png") no-repeat left 0px;}

/* 청사안내도 */
.plot_plan_box {overflow:hidden;}
.plot_plan_box li {position:relative; width:48%; float:left; margin:0 0 20px 4%;}
.plot_plan_box li.first {margin-left:0;}
.plot_plan_box li div {padding-left:85px; text-align:right; border:1px solid #d3d3d3;}
.plot_plan_box li div p img {max-width:100%;}
.plot_plan_box li div p.plot_plan_tit {position:absolute; left:0; top:0;width: 68px;height: 68px;padding-top: 2px; color:#fff;font-size: 15px;line-height: 32px; text-align:center; background:#053863; z-index:2;}
.plot_plan_box li div p.plot_plan_tit span {position:relative; display:block;font-size: 18px;color: #fff; padding-top: 3px;}
.plot_plan_box li div p.plot_plan_tit span:before {content:""; display:block; clear:both; position:absolute; left:50%; top:0; width:14px; height:1px;margin-left: -7px;background:#fff;}


/* 게시판 상세 */
.detail_area{padding: 20px 0;}
.detail_m_etc{display: none;} /* 모바일 반응형 게시판 상세의 작성자,등록일,담당부서그룹 */
.detail_area .detail_table{width: 100%;border: 2px solid #a8aebc; border-width: 0 0 2px 0;}
.detail_area .detail_table tbody tr:first-child{border-top: 2px solid #a8aebc}
.detail_area .detail_table th,
.detail_area .detail_table td{font-size: 14px;padding: 8px 10px 8px 25px;}
.detail_area .detail_table th{font-weight: 500;text-align:left;background: #F9FAFB;}
.detail_area .detail_table td{font-weight: 400;}

.detail_area .detail_table tr:first-child td h5{font-size: inherit;font-weight: inherit;}
.detail_area .detail_table tr:first-child td h5 span{font-size:inherit;font-weight: inherit;margin: 0 5px 0 0;}


.detail_area .detail_table tbody tr th{border-right: 1px solid#dcdcdc;border-bottom: 1px solid #dcdcdc;}
.detail_area .detail_table tbody tr td{border-bottom: 1px solid #dcdcdc;}
.detail_area .detail_table tbody tr:first-child td:nth-of-type(1),
.detail_area .detail_table tbody tr:nth-child(2) td:nth-of-type(1){border-right: 1px solid#dcdcdc;}

.detail_area .detail_table .detail_con{min-height: 250px;}
.detail_area .detail_table .detail_con p{font-size: 14px;}

.detail_area .detail_table .down_btn{margin: 0 4px 0 0; width: 16px;height: 16px;background: url(../images/down_btn_icon.svg) no-repeat center; display:inline-block; vertical-align: middle; cursor:pointer;}
.detail_area .detail_table .ms-2{color:#4876ef; cursor:pointer;}

.detail_area .detail_bottom{display:inline-block;width: 100%;margin: 10px 0 0;}
.detail_area .detail_bottom .go-List{float: right;height: 36px;box-sizing: border-box;}
.detail_area .detail_bottom .go-List a{display:inline-block;width: 30px;height: 100%;line-height:36px;text-align: center;color:#fff;font-size: 14px;font-weight: 400;background: #707070 url(../images/go_list_icon.png) no-repeat 10px center;border-radius: 4px;padding: 0 12px 0 30px;}



/* FAQ */
.faqWrap{display: inline-block;width: 100%;box-sizing: border-box;}
.faqWrap *{display: inline-block;width: 100%;box-sizing: border-box;}
.faqWrap .faqList{margin: 0 0 20px;}
.faqWrap .faqList > ul{border: 2px solid #d5d5d5;border-width: 2px 0 2px 0;}
.faqWrap .faqList > ul > .faq_Q{position:relative;height: auto;border-bottom: 1px solid #d5d5d5;}
.faqWrap .faqList > ul > .faq_Q:last-child{border:0;}
.faqWrap .faqList > ul > .faq_Q.on{}
.faqWrap .faqList > ul > .faq_Q a{}
.faqWrap .faqList > ul > .faq_Q strong{position:absolute;width: 28px;height: 28px;line-height:28px;text-align: center;font-size: 14px;font-weight:500;background:#0b4d93;border-radius:6px 0;top: 8px;left: 30px;}
.faqWrap .faqList > ul > .faq_Q a strong{color:#fff;}
.faqWrap .faqList > ul > .faq_Q a p{position:relative;font-size: 16px;padding: 10px 76px 10px 87px;}
.faqWrap .faqList > ul > .faq_Q > a > p::after{display: inline-block;position:absolute;content:"";width: 20px;height: 20px;background: url(../images/faq_arrw_icon.png) no-repeat center;top:50%;right:28px;transform: translateY(-50%);transition: .3s all;}
.faqWrap .faqList > ul > .faq_Q.on > a > p::after{transform: translateY(-50%) rotate(180deg);}
.faqWrap .faqList > ul > .faq_Q .faq_A{display: none;position:relative;background: #f1f2f7;border-top: 1px solid #d5d5d5;}
.faqWrap .faqList > ul > .faq_Q .faq_A > strong{color:#fff;background: #00a078;left: 47px;}
.faqWrap .faqList > ul > .faq_Q .faq_A.on{}
.faqWrap .faqList > ul > .faq_Q .faq_A p{font-size: 16px;padding: 10px 8px 10px 102px;}
/* .faqWrap .faqList > ul > .faq_Q .faq_A p::before{display: inline-block;position:absolute;content:"";border-top: 5px solid transparent;border-right: 1px solid transparent;border-bottom: 5px solid transparent;border-left: 8px solid #ffa500;left:115px;top:16px;} */

.faqWrap .faqList > ul > .faq_Q .faq_A .bxs-file{width: auto;min-width: 16px;height: 20px;background: url(../images/down_btn_icon.svg) no-repeat 0px center; display:inline-block;vertical-align: middle;color: #4876ef;font-style: normal;cursor:pointer;float: left;clear: both;padding: 0 0 0 18px;}

.faqWrap .faq_opens{width: 140px;height: 32px;line-height: 32px;float:right;}
.faqWrap .faq_opens a{width: 100%;height: 100%;font-size: inherit;line-height: inherit;text-align: center;color:#fff;background: #707070;}


/*로딩페이지  */
.loadingWrap{width:100%; height:100%; background-color:#fff; background-size:100px; position:absolute; left:0; top:0; display:none;}
.loadingImg{width:100%; height:100dvh; background:url(../images/loading4_bg.gif) no-repeat center; background-size:100px; justify-content:center; align-items:center; position:fixed; top:0; bottom:0}

#chartViewArea{width: 100%;min-height: 610px;}
#chartArea{width: 100%;}

.oil .location{margin: 0 auto 20px;}
.oil #chartViewArea{height: 400px;min-height: 400px;}

/* 사용자지원 상단고정 */
#assistImportant span{ position: relative; display: inline-block; color:#fff;}
#assistImportant span::after{display: inline-block;position: absolute;content:"";width: 48px;height: 24px;background: #1c83de;border-radius: 15px;top:50%;left:50%;transform: translate(-50%,-50%);z-index: -1;}

.screenTouch {display:none;}
#statsPopup {display:none;}

@media (max-width:1720px){
    .topPop::before,
    .topPop::after{display: none;}
}
@media (max-width:1450px){
    .topPop{/* display:none; */width: 100%;padding: 0 10px; box-sizing: border-box;overflow: hidden;}
    .topPop .topPopWrap{width: 100%;}
    .header_top .util{padding: 0 10px;box-sizing: border-box;}
    footer .foot_menu_wrap{padding: 10px;}
    footer .foot_menu_wrap .foot_menu_in{padding: 0;}
    footer .foot_con_wrap{padding: 34px 10px;box-sizing: border-box;}
}
@media (max-width:1440px){
    #chartHScrollArea{overflow-x: scroll; clear: both}
    .board_area .board_scroll{overflow-x: auto;}
}
@media (max-width:1439px){
    .header_top .util{width: 100%;}
    #header .headerWrap{min-width: 100%;}
}

@media (max-width:1340px){
    #all_menu #m_gnb > div{padding: 20px 24px;}
    #all_menu #m_gnb > ul > li{width: 100%;min-height: auto;padding: 0 0 12px;margin: 0 0 12px;border-bottom: 1px solid #ccc;}
    #all_menu #m_gnb > ul > li > a{width: 158px;float: left;margin: 0 0 0 16px;}
    #all_menu #m_gnb > ul > li > ul{width: calc(100% - 174px);float: left;padding: 0;}
    #all_menu #m_gnb > ul > li > ul > li{width: 25%;}
    #all_menu #m_gnb > ul > li > ul > li > a{padding: 12px 5px 0px 25px;background: #fff;}
    #all_menu #m_gnb > ul > li > ul > li.dep > a{/* pointer-events: none; */}
    #all_menu #m_gnb > ul > li > ul > li > a::before{top: 23px;display: none;}
    #all_menu #m_gnb > ul > li > ul > li > ul{padding: 0;}    
}
@media (max-width:1320px){
    .topPop .mob-set{left: unset;right: 26px;}
}
@media (max-width:1260px){
    .detail_area .detail_table th, 
    .detail_area .detail_table td{padding: 8px 10px;}
}
@media (max-width:1220px){
    .productPop{width: 100vw;max-width:100vw;height:100vh;max-height:100vh;min-height:0;border-radius: 0;top: 50%;left: 50%;padding-top:35px; transform: translate(-50%,-50%);}
    .productPop .popBody{height: calc(100vh - 83px);}
    .productPop #popBody .flexBox:nth-child(2) .board_area{height: calc(100vh - 163px);}
    .productPop #popBody .flexBox:nth-child(2) .board_area .board_scroll{height: 100%;}
    .productPop .flexBox{height: auto;}

    .productPop .flexBox:only-child{height: 100%;}
    .productPop#countrySearchPopup .flexBox{height: auto;}
    .productPop .board_area{width: 100%;height: calc(100vh - 272px);}
    .productPop .board_area .board_type5 tbody{height: calc(100% - 75px);max-height: unset;}
    .productPop .board_area .board_scroll{width:100%;height: calc(100% - 100px);overflow-x:auto}
    .board_area .board_type5{display:inline-block;width: 1160px;height: 100%;float: left;}
}
@media (max-width:1200px){
    #trade_table_popup.board_type5{width: 100%;min-width: 630px;}
    #trade_table_popup.board_type5 .w215{width: 75px !important;}
    #trade_table_popup.board_type5 .w215{width: 115px !important;}
    #trade_table_popup.board_type5 .w143{width: 84px !important;text-align: right;}
    #trade_table_popup.board_type5 th.w143{text-align: center;}
    #trade_table_popup.board_type5 .w100{width: 65px !important;}
    #trade_table_popup.board_type5 tr th:last-child,
    #trade_table_popup.board_type5 tr td:last-child{width: 84px;text-align: right;}
    #trade_table_popup.board_type5 tr th:last-child{text-align: center;}

}
@media (max-width:1080px){
    .topPop #topPoptxt::before{display: none;}
}
@media (min-width:1025px){
    .mProductSearchLayer{display: none !important;}

}
@media (max-width:1025px){
    .topPop{/* height: 142px; */padding: 30px 28px;}
    .topPop #topPoptxt{padding: 0;}
    .topPop .mob-set{right:0;bottom: -20px;}
}
@media (max-width:1024px){
    .topPop #topPoptxt{width: 100%;max-width: 100%;box-sizing: border-box;}
    .topPop #topPoptxt .ppznList{
    width: 100%;
}

    
    .root_daum_roughmap.root_daum_roughmap_landing{height: 300px !important;}

    #all_menu{width: 88vw;left: unset;right:0;box-shadow: -12vw 0 0 rgb(0 0 0 / 60%);}

    .black-bg {display:none; z-index:49;}
    #all_menu .etc,
    .dim.on{display: inline-block;}
    #all_menu .etc{background: #fff !important;}
    
    #all_menu #m_gnb .etc{width: auto;padding: 14px 24px;float: right;clear: both;}
    #all_menu .etc a,
    #all_menu .etc #en_btn2{height: 36px;border-radius: 18px;}
    #all_menu .etc a{width: 170px;/* padding: 8px 14px; */}

    #all_menu #m_gnb > ul > li > ul > li > a strong{font-weight: 500;}
    #all_menu #m_gnb > ul > li > ul > li > ul > li > a strong{font-size: 15px;}

    .header_top { box-sizing:border-box; padding:10px;background-color:#00223F; height: 60px; display: flex; justify-content: space-between; align-items: center; z-index: 2;}
    .header_top .util { width:100%;height: 100%;padding: 8px 0;display: block;}
    .header_top .util .logo {width: auto; position: absolute; left: 10px; display: flex; align-items: center; z-index: 1;}
    .header_top .util .logo a { color:#fff;}
    .header_top .util .logo a.mainLogo {display: none;}
    .header_top .util .logo a.homeBtn { display:block;width: 100%;height: 100%;background: transparent url(../images/logoAdmin2_bg.png)no-repeat center;background-size: 142px;width: 142px; height:24px;}
    .header_top .util .subTitle { display: none; font-size: 17px; font-weight: 600;color: #fff; position: relative; align-items: center; justify-content: center; -webkit-box-pack: center;}
    .header_top .util .util_wrap {display: flex; align-items: center; position: absolute; right: 0; top: 0; }
    .header_top .util .util_wrap #en_btn { display:none; }
    .header_top .util .util_wrap ul { display:none; }
    .header_top .util .util_wrap .headerbtnlst #search_btn{ background-color:transparent; background-size:20px; }
    .header_top .util .util_wrap .headerbtnlst #menu_btn{ background-color:transparent; background-size:20px; }
    
    .header_top .util .util_wrap .headerbtnlst{z-index: 0;}
    .header_top .util .util_wrap .headerbtnlst #search_btn{display: inline-block;}
    

    .srchBar{width: 100vw;height: 0;overflow: hidden;padding:0;margin:0;top: 46px;right: -90px;}
    .srchBar.on{height: auto;padding: 50px 16px 100px 16px;}
    .srchBar .barArea{width: 100%;}
    .srchBar .barArea input[type="text"]{}
    .srchBar .barArea input[type="text"]+button{}

    .srchBar .srchClose{display:inline-block;position:absolute;width: 100%;height: 50px;line-height:50px;float:left;left: 0;bottom: 0;}
    .srchBar .srchClose a{display: block;height: 100%;line-height: inherit;text-align: center;font-size:16px;background: #eceffb;}

    .header_top .menu { display:none; }
    .header_top .menu .menu_in { width:100%; }
    
    #header {display:none;border-top: 2px solid #ccc;top:50px !important;}
    #header.open {display:inline-block;}
    #header #nav{height: auto;}
    #header #nav #blind{display: none;}
    #header #nav #gnb{width: 100%;}
    #header #nav #gnb > ul{margin: 0;}
    #header #nav #gnb > ul > li{width: 100%;}

    .location {display:none;}
    .location .location_in{padding: 5px 0;}
    .location .loc_nav{display: none;}
    .table_tit{padding: 0 0 10px;}
    
    .con_container { width:100%; display:block;}
    .con_container .left-col { width:100%; margin-right:0px;  background-color:#fff; border: none;}
    .con_container .left-col .lnb{display: none;}
    .con_container .right-col { width:100%; margin-top: 10px;padding: 0 16px;}
    
    /* 모바일 : 검색필터영역 */
    .popBody { display:block; }  
    .p_search-layer {width:300px;}
    .p_search-layer {left: 50%; top:50%; transform: translate(-50%, -50%); position: fixed; z-index:50;}  
    .p_search-layer .popBody{display: inline-block;}
    .p_search-layer .popBody .radiolst li label {height: 42px;line-height: 42px !important;font-size: 15px !important;padding: 0 !important;}
    .p_search-layer .popBody .pick_box {height:40px; line-height:40px;}
    .filter_area { display:block;height: calc(100% - 115px);}
    .filter_area .filter_tit {display:none;}
    .filter_area .filter_con {padding:10px;overflow-y: auto;overflow-x: hidden;height: 100%;}
    .filter_area .left_close {display:none;}
    .filter_area .filter_con .filter_box:nth-last-child(2) {border-bottom: none;}
    .filter_mobile {width:100%; margin:0 auto; display:block; }
    .filter_mtxt {padding: 10px; display:flex; justify-content: space-between; align-items:center; border-bottom: 1px solid #d5d5d5;}
    
    .loc_mtit { display:flex; justify-content: flex-start; align-items:center;}
    
    .filter_area .filter_con .filter_end {padding: 10px; margin: 0; position:fixed; bottom: 0; left:0; z-index: 11; background-color:#fff; width:100%; box-sizing:border-box; border-top: 1px solid #d5d5d5; box-shadow: 0 -4px 10px -5px rgb(115, 115, 115, 0.4);}
    .filter_area .filter_con .filter_end .btnReset2 {font-size:15px;}
    .filter_area .filter_con .filter_end .btnSearch {font-size:15px;}
	.filter_area .filter_con .filter_box .cateNumBox .cateNumBtn {height:38px; width:38px;}
	.filter_area .filter_con .filter_box .cateNumBox input {height:38px; font-size: 14px;}
	.filter_area .filter_con .filter_box select {height: 40px; font-size: 14px;}
	.filter_area .filter_con .filter_box .radiolst li label {padding: 10px 0; font-size:14px;}
	.selectbox .selectBtn {height: 38px;}
	.selectbox .selectBtn p {font-size:14px;}

	.filter_area .filter_con .filter_box .filterTop .radiolst.swiches li label {font-size:14px;}
	
    .filter_btn{font-size: 15px;float: left; margin: 0 8px 0 0;}
	
	.search_area{display:flex;padding: 0 10px;justify-content: space-between;}
	.search_area .optionChange { background:url(../images/optionChangeBtnIcon.png) no-repeat center;background-size: 15px;background-position-x: 10px;padding-left: 30px;font-size: 15px; color:#4876df;box-sizing: border-box;white-space: nowrap;line-height: 1;}
    .search_cate {font-weight:500; font-size:17px; color:#000;}
    .search_mbox {width: 100%;height: 48.5px;overflow-x: auto;overflow-y: hidden;padding: 8px 0;box-sizing: border-box;}
    .search_mbox .search_mbox_in {width: 100%;}
    
    .downBtnBox .downPopst {transform: none; top: 44px;}
    
    .table_tit { padding:0 0 10px 0; }
    .table_tit p {font-size: 14px;}
    .table_tit p strong {font-size: 15px;}
    .table_tit p span {font-size: 14px;}
    .table_tit .table_btnlst button span {display:none;}
    .table_tit .table_btnlst select {height:38px;}
    .table_tit .table_btnlst .chart_btn,
    .table_tit .table_btnlst .piechart_btn,
    .table_tit .table_btnlst .linechart_btn,
    .table_tit .table_btnlst .bubble_btn,
    .table_tit .table_btnlst .table_btn {height:38px; width: 38px;padding: 0;background-position: center;}
    .table_tit .table_btnlst .down_btn,
    .table_tit .table_btnlst .print_btn{width: 38px; height: 38px;}
    /* .table_tit .table_btnlst button:nth-child(1) { display:none; }
    .table_tit .table_btnlst button:nth-child(2) { display:none;} */
    .table_tit .table_btnlst .srchBar button{display: inline-block;}
    .table_tit .table_btnlst .chart_btn.hrzn::before{top: 11px;}
    
    .board_area .board_scroll { overflow-x:scroll; position:relative;}
    .board_area .pop_board_scroll {overflow-x:scroll; position:relative;}
    .board_area .board_type1 {width: 100%;}
    .board_area .board_type2 { width:1200px;}
    
    .board_area .board_scroll .screenTouch {display:none; position:absolute; left:50%; top:80%; transform:translate(-50%, -50%); }
    .board_area .board_scroll .screenTouch .screenTouchBtn {background-color: #555;padding: 8px 10px 8px 36px; color:#fff;border-radius: 4px;white-space: nowrap;background: #707070 url(../images/screenTouchBtn.png) no-repeat 8px;background-size: 20px;}
    /* .board_area .board_type1 tbody tr.sum.Pboard{display:none;}
    .board_area .board_type1 tbody tr.sum.Mboard{display:block;} */
    
    .pagination_area {margin: 20px 0;}
    
    .info_area {display: block; margin: 0 0 18px;}
    .info_area .satisfaction_wrap {width:100%; min-height: 0; padding: 8px 18px 16px; min-height:0;margin: 0 0 16px;}
    .info_area .satisfaction_wrap.satisfaction_wrap .satis_box {}

    .info_area .satisfaction_wrap .satis_box .satis_survey ul li {margin-left:0 ;margin-right: 8%; }
    .info_area .satisfaction_wrap .satis_box .satis_survey ul li:last-child {margin-right: 0px;}
    .info_area .satisfaction_wrap .satis_box .satis_survey ul li  label{margin-left: 4px;}
    .info_area .satisfaction_wrap .satis_box .satis_opinion input {height: 38px;}
    .survey_btn {height:38px;}
    .info_area .info_img {margin-top:10px; width:100%; min-height:0; padding: 17px 18px}
    .info_area .info_img p {text-align:center; margin: 0 0 5px; }
        
    
    .mobile-menu { width:250px; height:100vh; top:0; right:0; background-color:#fff; position:fixed; z-index:11; display:none; }
    
    /* 모바일: 사용자지원 */
    .table_tit .table_btnlst .srchBar {height: 38px;}
    
    
    
    /* 모바일전용팝업*/
    .m-search-layer { width:320px; box-sizing:border-box; border-radius:5px; display:none; background-color:#fff;  position:absolute; z-index:11; left:calc(50% - 160px); top:100px;}
    .m-search-layer .popHeader { display:flex; justify-content:space-between; align-items:center; background-color:#f7f7f7; border-radius:5px; padding:10px;}
    .m-search-layer .popHeader h2 {font-size:18px; font-weight:600; display:block;  color: #000000;}
    .m-search-layer .popHeader h2::before{content:''; width:3px; height: 16px; border-radius:5px; display:inline-block; background-color:#4876ef; margin-right: 6px;}
    .m-search-layer .popHeader .m-layer-close {width:20px; height:20px; background:url(../images/close_bg.svg)no-repeat center ; background-size: 14px 14px;}
    .m-search-layer .popBody { width:100%; margin:0 auto; box-sizing:border-box; padding:10px 10px 0 10px;}
    .m-search-layer .popBody h3 {font-size:16px; color:#4876ef; font-weight:600; margin-bottom:10px; }
    .m-search-layer .popBody .m_radiolst {width:100%; text-align:center; display: inline-block; margin:0 auto;}
    .m-search-layer .popBody .m_radiolst li{width:33.3%; float:left; margin:-1px; box-sizing:border-box;text-align:center;}
    .m-search-layer .popBody .m_radiolst li input{position:absolute; left:-1e+47px;}
    .m-search-layer .popBody .m_radiolst li input[type="radio"]:checked+label {background-color:#eceffb;}
    .m-search-layer .popBody .m_radiolst li label{line-height:38px; display:block; border:1px solid #e5e5e5; background-color:#fff; font-size:13px; position:relative;}
    .m-search-layer .popBody .mdate_box select {width:40%;}
    .m-search-layer .popFoot {width:100%; margin:0 auto; padding:14px 0; text-align:center;}
    .m-search-layer .popFoot .foot_btn{padding:6px 16px; width:90px; background-color:#4876ef; border-radius:4px; color:#fff;}
    
    .block {display:block;}
    
	/* 모바일팝업 : 조건변경전체 */
    .optionChangeLayer { display:inline-block; width:100%;height: calc(100% - 109px); left:0;top: 109px; z-index:11; background-color:#fff;position: fixed; box-sizing:border-box;padding: 0 10px 10px;box-shadow: 0 -100px 0 rgb(0 0 0 / 40%);border-radius: 16px 16px 0 0;}

    
    .optionChangeLayer .optionHeader {width:100%; height:50px; text-align:center; border-bottom:1px solid #d5d5d5; display:flex;align-items:center;justify-content: space-between;}
    .optionChangeLayer .optionHeader .optiontit {font-size:17px;font-weight: 600;}
    .optionChangeLayer .optionHeader .optionLayerClose {width:20px; height:20px; background:url(../images/close_bg.svg)no-repeat center;background-size: 14px 14px;}
    
    .optionChangeLayer .optionBody .productStep1 {  height:calc(100vh - 120px); overflow-y:auto; box-sizing:border-box; padding-top:10px; }
    .optionChangeLayer .optionBody { box-sizing:border-box; width:100%; margin:0 auto; position:relative; height:calc(100vh - 120px); border-bottom:1px solid #d5d5d5;}
    .optionChangeLayer .optionBody .optionCon { border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; padding-left:1px;}
    .optionChangeLayer .optionBody .optionCon:last-child { border-bottom: none;}
    .optionChangeLayer .optionBody .optionCon .optionTit {font-size:15px; font-weight:600; display:block;  color: #000000; margin: 10px 0; padding-left: 4px;}
    .optionChangeLayer .optionBody .optionCon .optionTit::before{content: '';width: 4px;height: 4px;border-radius: 4px;display: inline-block;background-color: #3865DC;margin-right: 4px;transform: translate(-50%, -50%);}
    .optionChangeLayer .optionBody .optionCon .radiolst {width:100%; text-align:center; display: inline-block; margin:0 auto;}
    .optionChangeLayer .optionBody .optionCon .radiolst li{width:50%; float:left; margin:-1px; box-sizing:border-box;text-align:center;}
    .optionChangeLayer .optionBody .optionCon .radiolst.op3 li{width:33.3333%;}
    .optionChangeLayer .optionBody .optionCon .radiolst li input {position:absolute; left:-1e+47px;}
    .optionChangeLayer .optionBody .optionCon .radiolst li input[type="radio"]:checked+label {background-color:#eceffb;}
    .optionChangeLayer .optionBody .optionCon .radiolst li label { display:block; border:1px solid #e5e5e5; background-color:#fff; font-size:13px; position:relative; box-sizing:border-box; padding:8px 10px;}
    .optionChangeLayer .optionBody .optionCon:last-child{border-bottom: none;}
    .optionChangeLayer .optionFoot {position:fixed; bottom: 0; left:0; z-index: 11; background-color:#fff; padding:10px; width:100%; box-sizing:border-box; border-top: 1px solid #d5d5d5; }
    .optionChangeLayer .optionFoot .optionFootBtnlst{display:flex; align-items:center; justify-content: center; }
    .optionChangeLayer .optionFoot .optionFootBtnlst .btnReset2{padding: 10px 40px; background-color:#ebebeb; border-radius:4px; color:#4f4f4f;  vertical-align:middle; font-weight:500;}
    .optionChangeLayer .optionFoot .optionFootBtnlst .btnReset2 img{ margin-top:-2px; width:14px;}
    .optionChangeLayer .optionFoot .optionFootBtnlst .btnSearch {padding: 10px 40px; background-color:#3865dc; border-radius:4px; color:#fff;}
    .optionChangeLayer .optionFoot .optionFootBtnlst .btnSearch img {margin-right:4px; width:13px;}
    
    .optionFoot .off{opacity: .5;pointer-events: none;}

    .cate_btn .tooltip {position:absolute;left: -172px;top: 0; display:block;}
    .cate_btn .tooltip:before {left: 165px;top: 50%;margin-top: -7px;background: url(../images/tooltip2_bg.svg) no-repeat center;width: 8px;height: 14px;}
    /* .cate_btn .tooltip span{width:14px; height:14px; background:url(../images/close_bg.svg)no-repeat center ; background-size: 10px 10px; display:inline-block; position:absolute; right:0; top:50%; margin-top:-7px; cursor:pointer;} */
    
    /* 모바일팝업 : 품목검색 */
    .mProductSearchLayer { display:none; width:100%;height: 100%; left:0; top:0; z-index:11; background-color:#fff;position: fixed; box-sizing:border-box; padding:10px; }
    .mProductSearchLayer .optionHeader {width:100%; height:50px; text-align:center; border-bottom:1px solid #d5d5d5; display:flex;align-items:center;justify-content: space-between;}
    .mProductSearchLayer .optionHeader .optiontit {font-size:17px;font-weight: 600;}
    .mProductSearchLayer .optionHeader .optionLayerClose {width:20px; height:20px; background:url(../images/close_bg.svg)no-repeat center;background-size: 14px 14px;}
    .btnBox {border-top:none; padding:0px;}

	/* 모바일팝업 : HSCODE, 성질, 신성질 */
    .mProductSearchLayer .optionHeader .optionLayerPopupClose {width:20px; height:20px; background:url(../images/close_bg.svg)no-repeat center;background-size: 14px 14px;}

    .mProductSearchLayer .optionBody {height: calc(100vh - 120px);}
    .mProductSearchLayer .optionBody .xScroll { width:100%; overflow-x:scroll; box-sizing:border-box; padding:5px; }
    .mProductSearchLayer .optionBody .optionSelectBox { width:1000px; overflow:auto; box-sizing:border-box; display:flex; justify-content: flex-start; align-items: center;}
    .mProductSearchLayer .optionBody .optionSelectBox div { display: flex; justify-content: space-between; align-items: center;box-sizing:border-box; padding:5px;font-size:13px; border-radius:5px; border:1px solid #d5d5d5; margin-right:5px;}
    .mProductSearchLayer .optionBody .optionSelectBox div button { margin-left:10px; width: 10px; height: 10px; background: url(../images/close_bg.svg)no-repeat center; background-size: 10px 10px;}
    .mProductSearchLayer .optionBody .optionSelectBox span { font-size:13px; }
    .mProductSearchLayer .optionBody { padding:10px 0; border-bottom:0px;}
    .mProductSearchLayer .optionBody ul.tabsMobile { display:flex; justify-content: center;   position:relative; }
    .mProductSearchLayer .optionBody ul.tabsMobile li { box-sizing:border-box; text-align:center; padding:8px 10px; border:1px solid #d5d5d5; }
    .mProductSearchLayer .optionBody ul.tabsMobile li.active { border:1px solid #00223F; border-bottom:0px; background-color:#00223F;}
    .mProductSearchLayer .optionBody ul.tabsMobile li.active a { color:#fff; }
    .mProductSearchLayer .optionBody ul.tabsMobile li:first-child { border-radius:4px 0 0 4px; }
    .mProductSearchLayer .optionBody ul.tabsMobile li:last-child { border-radius:0 4px 4px 0px; }
    
    .mProductSearchLayer .optionBody .optionCon { box-sizing:border-box; padding:10px 0; border-bottom:0px;}
    .mProductSearchLayer .optionBody .optionCon .optionTit {font-size:15px; font-weight:600; display:block;  color: #000000; margin: 10px 0; padding-left: 4px;}
    .mProductSearchLayer .optionBody .optionCon .optionTit::before{content: '';width: 4px;height: 4px;border-radius: 4px;display: inline-block;background-color: #3865DC;margin-right: 4px;transform: translate(-50%, -50%);}
    .mProductSearchLayer .optionBody .optionCon .radiolst {width:100%; text-align:center; display: inline-block; margin:0 auto;}
    .mProductSearchLayer .optionBody .optionCon .radiolst li{width:50%; float:left; margin:-1px; box-sizing:border-box;text-align:center;}
    .mProductSearchLayer .optionBody .optionCon .radiolst.op3 li{width:33.3333%;}
    .mProductSearchLayer .optionBody .optionCon .radiolst.op4 li{width:25%;}
    .mProductSearchLayer .optionBody .optionCon .radiolst li input {position:absolute; left:-1e+47px;}
    .mProductSearchLayer .optionBody .optionCon .radiolst li input[type="radio"]:checked+label {background-color:#eceffb;}
    .mProductSearchLayer .optionBody .optionCon .radiolst li label { display:block; border:1px solid #e5e5e5; background-color:#fff; font-size:13px; position:relative; box-sizing:border-box; padding:5px 10px;}
    .mProductSearchLayer .optionBody .productStep1 {  height:calc(100vh - 184px); box-sizing:border-box; padding-top:10px; }
    .mProductSearchLayer .optionBody .productStep2 {  height:calc(100vh - 410px); box-sizing:border-box;}
    .mProductSearchLayer .optionBody .tab_container .table_tit {padding:0;}
    .mProductSearchLayer .optionBody .tab_container .table_tit p {font-size: 15px;}
    .mProductSearchLayer .optionBody .tab_container .table_tit p  strong{font-weight:500; color:#4876ef;}

    .mProductSearchLayer .optionFoot {position:fixed;bottom: 0; left:0;z-index: 11;background-color: #fff;padding: 10px; width:100%; box-sizing:border-box;border-top: 1px solid #d5d5d5;box-shadow: 0 -4px 10px -5px rgb(115, 115, 115, 0.4); }
    .mProductSearchLayer .optionFoot .optionFootBtnlst{/* display:flex; *//* align-items:center; *//* justify-content: center; */}
    .mProductSearchLayer .optionFoot .optionFootBtnlst .btnReset2{padding: 10px 40px; background-color:#ebebeb; border-radius:4px; color:#4f4f4f;  vertical-align:middle; font-weight:500;}
    .mProductSearchLayer .optionFoot .optionFootBtnlst .btnReset2 img{ margin-top:-2px; width:14px;}
    .mProductSearchLayer .optionFoot .optionFootBtnlst .btnSearch {padding: 10px 40px; background-color:#3865dc; border-radius:4px; color:#fff;}
    .mProductSearchLayer .optionFoot .optionFootBtnlst .btnSearch img {margin-right:4px; width:13px;}
    .mProductSearchLayer .optionFoot .optionFootBtnlst .btnStepPrev {padding: 10px 0px;background-color: #d1d1d1;border-radius: 4px;color: 4a4a4a;width: calc(50% - 6px);margin-right: 6px;box-sizing: border-box; font-size:15px;}
    .mProductSearchLayer .optionFoot .optionFootBtnlst .btnStepNext {padding: 10px 0px; background-color:#3865dc;border-radius: 4px; color:#fff;width: calc(50% - 6px);box-sizing: border-box;font-size:15px;}
    .mProductSearchLayer .optionFoot .optionFootBtnlst .btnStepHScode {padding: 10px 20px;background-color: #fff;border-radius: 4px;color: #3865dc;width: 100%;margin-bottom: 8px;border: 1px solid #3865dc;text-align: left;background: #fff url(../images/right_bg.png) no-repeat;background-position: 96% 50%;background-size: 18px; font-size:15px;}
    .mProductSearchLayer .optionFoot .optionFootBtnlst .btnStepSelectedHScode {padding: 10px 20px;background-color: #fff;border-radius: 4px;color: #3865dc;width: 100%;margin-bottom: 8px;border: 1px solid #3865dc;text-align: left;background: #fff url(../images/left_bg.png) no-repeat;background-position: 96% 50%;background-size: 18px; font-size:15px;}
    .mProductSearchLayer .optionFoot .optionFootBtnlst .btnStepReset {padding: 10px 0px; background-color:#fff;border-radius: 4px; color:#191919; width: calc(50% - 6px); box-sizing: border-box; border:1px solid #d5d5d5; font-size:15px;}
    .mProductSearchLayer .optionFoot .optionFootBtnlst .btnStepApply {padding: 10px 0px; background-color:#3865dc;border-radius: 4px; color:#fff;width: calc(50% - 6px);box-sizing: border-box; font-size:15px;}
    .mProductSearchLayer .optionFoot .optionFootBtnlst .btnStepPrev.divi {width: calc(33.3333% - 6px);margin-right: 4px;}
    .mProductSearchLayer .optionFoot .optionFootBtnlst .btnStepReset.divi {width: calc(33.3333% - 6px);margin-right: 4px;}
    .mProductSearchLayer .optionFoot .optionFootBtnlst .btnStepApply.divi {width: calc(33.3333% - 6px);} 

    .mtable{ width:100%; border-collapse: collapse; border-spacing:0; }
    .mtable thead {width: calc(100% - 4px); display:table;}
    .mtable thead tr {width:100%;}
    .mtable thead th{background-color: #f6f7f8;border-bottom: 1px solid #e0dfe1;border-left: 1px solid #e0dfe1; text-align:center;padding: 8px 10px;border-top: 1px solid #e0dfe1; font-weight:600; display:table-cell; box-sizing:border-box;}
    .mtable thead th.borderL_0 {border-left: none;}
    .mtable thead tr:first-child th {border-top: 1px solid #2f343e;}
    .mtable tbody {overflow-y:scroll; overflow-x:hidden;width: 100%; float:left; width:100%; height: calc(100vh - 313px);}
    .mtable tbody {overflow-y:scroll; overflow-x:hidden;width: 100%; float:left; width:100%;}
    .mtable tbody tr {display:table; width:100%;}
    .mtable tbody td{padding: 10px 8px;border-bottom: 1px solid #e0dfe1;border-left: 1px solid #e0dfe1; text-align:center; display:table-cell;box-sizing: border-box;word-break: break-all; box-sizing:border-box;}
    .mtable tbody tr td:first-child {border-left: none;}
    .mtable tbody tr:last-child td {border-bottom: 1px solid #2f343e;}
    .mtable tbody::-webkit-scrollbar {width:4px;}
    .mtable tbody::-webkit-scrollbar-thumb {border-radius: 5px; background-color:#c2c2c2;}
    .mtable tbody::-webkit-scrollbar-track {background-color:transparent;}
    .mtable tbody::-webkit-scrollbar-button {width:0; height:10px;}
    .mtable th.borderB_0 {border-bottom: none;}
    .mtable th.borderL_0 {border-left: none;}

    .mtable.hscodeNomal thead tr th:nth-child(1) {width: 40px;}
    .mtable.hscodeNomal thead tr th:nth-child(2) {width: 90px;}
    .mtable.hscodeNomal thead tr th:nth-child(3) {width: calc(100% - 130px);}
    .mtable.hscodeNomal tbody tr td:nth-child(1) {width: 40px;}
    .mtable.hscodeNomal tbody tr td:nth-child(2) {width: 90px;}
    .mtable.hscodeNomal tbody tr td:nth-child(3) {width: calc(100% - 130px); text-align: left;}
    .mtable td .itemDel { text-indent:-9999px; display:inline-block;width: 16px;height: 16px;background: #c7c7c7 url(../images/closeW_btn.svg)no-repeat center;background-size: 8px; vertical-align:middle;border-radius: 3px;}
	
    .mtable.hscodeResult thead tr th {background-color:#ECEFFB;}
    .mtable.hscodeResult thead tr th:nth-child(1) {width: 90px;}
    .mtable.hscodeResult thead tr th:nth-child(2) {width: calc(100% - 140px);}
    .mtable.hscodeResult thead tr th:nth-child(3) {width: 50px;}
  	.mtable.hscodeResult tbody {height: calc(100vh - 266px);}
    .mtable.hscodeResult tbody tr td:nth-child(1) {width: 90px;}
    .mtable.hscodeResult tbody tr td:nth-child(2) {width: calc(100% - 140px); text-align: left;}
    .mtable.hscodeResult tbody tr td:nth-child(3) {width: 50px;}
    
    .mtable.hscodeSearchResult thead tr th {background-color:#ECEFFB;}
    .mtable.hscodeSearchResult thead tr th:nth-child(1) {width: 90px;}
    .mtable.hscodeSearchResult thead tr th:nth-child(2) {width: calc(100% - 140px);}
    .mtable.hscodeSearchResult thead tr th:nth-child(3) {width: 50px;}
  	.mtable.hscodeSearchResult tbody {height: calc(100vh - 438px);}
    .mtable.hscodeSearchResult tbody tr td:nth-child(1) {width: 90px;}
    .mtable.hscodeSearchResult tbody tr td:nth-child(2) {width: calc(100% - 140px); text-align: left;}
    .mtable.hscodeSearchResult tbody tr td:nth-child(3) {width: 50px;}
    
    .mtable.cate thead tr:nth-child(1) th:nth-child(1) {width: 46px;}
    .mtable.cate thead tr:nth-child(2) th:nth-child(1) {width: 156px;}
    .mtable.cate thead tr:nth-child(2) th:nth-child(2) {width: calc(100% - 202px);}
    .mtable.cate.type2 thead tr:nth-child(2) th:nth-child(2) {width: calc(100% - 154px);}
    .mtable.cate.type3 thead tr:nth-child(2) th:nth-child(2) {width: calc(100% - 120px);}

    .mtable.cate.type2 thead tr:nth-child(2) th:nth-child(1){width: 108px;}
    .mtable.cate.type3 thead tr:nth-child(2) th:nth-child(1){width: 74px;}

    .mtable.cate tbody {height: calc(100vh - 490px);}
    .mtable.cate tbody tr td:nth-child(1) {width: 46px;}
    .mtable.cate tbody tr td:nth-child(2) {width: 36px;}
    .mtable.cate tbody tr td:nth-child(3) {width: 36px;}
    .mtable.cate tbody tr td:nth-child(4) {width: 36px;}
    .mtable.cate tbody tr td:nth-child(5) {width: 48px;}

    .mtable.cate.type2 tbody tr td:nth-child(2),
    .mtable.cate.type2 tbody tr td:nth-child(3),
    .mtable.cate.type2 tbody tr td:nth-child(4){width: 36px;}
    
    .mtable.cate.type3 tbody tr td:nth-child(2),
    .mtable.cate.type3 tbody tr td:nth-child(3){width: 37px;}
    
    .mtable.cate tbody tr td:nth-child(6) {width: calc(100% - 202px); text-align: left;}
    .mtable.cate.type2 tbody tr td:nth-child(5) {width: calc(100% - 154px); text-align: left;}
    .mtable.cate.type3 tbody tr td:nth-child(4) {width: calc(100% - 120px);text-align: left;}

    .mtableSearch {width:100%; border-collapse: collapse; border-spacing:0;}
    .mtableSearch tbody tr{}
    .mtableSearch tbody tr th{width:90px; background-color:#f6f7f8;padding: 8px 10px; border-top:1px solid #e0dfe1; font-weight: 600; }
    .mtableSearch tbody tr td{padding: 8px 10px; border-top:1px solid #e0dfe1; border-left:1px solid #e0dfe1;}
    .mtableSearch tbody tr:first-child th{border-top:1px solid #c6c6c6;}
    .mtableSearch tbody tr:first-child td{border-top:1px solid #c6c6c6;}
    .mtableSearch tbody tr:last-child th{border-bottom:1px solid #c6c6c6;}
    .mtableSearch tbody tr:last-child td{border-bottom:1px solid #c6c6c6;}
    
    .mtable.expTmprNomal thead tr th:nth-child(1) {border-left: none;}
    .mtable.expTmprNomal thead tr:nth-child(2) th:nth-child(1) {width: 44px; border-left:none;}
    .mtable.expTmprNomal thead tr:nth-child(2) th:nth-child(2) {width: 90px;}
    .mtable.expTmprNomal thead tr:nth-child(2) th:nth-child(3) {width: calc(100% - 44px);}
    .mtable.expTmprNomal tbody {height: calc(100vh - 318px);}
    .mtable.expTmprNomal tbody tr td:nth-child(1) {width: 44px;}
    .mtable.expTmprNomal tbody tr td:nth-child(2) {width: 90px;}
    .mtable.expTmprNomal tbody tr td:nth-child(3) {width: calc(100% - 134px); text-align: left;}
    
    .mtable.expTmprSearchNomal thead tr th:nth-child(1) {border-left: none;}
    .mtable.expTmprSearchNomal thead tr:nth-child(2) th:nth-child(1) {width: 44px; border-left:none;}
    .mtable.expTmprSearchNomal thead tr:nth-child(2) th:nth-child(2) {width: 90px;}
    .mtable.expTmprSearchNomal thead tr:nth-child(2) th:nth-child(3) {width: calc(100% - 44px);}
    .mtable.expTmprSearchNomal tbody {height: calc(100vh - 440px);}
    .mtable.expTmprSearchNomal tbody tr td:nth-child(1) {width: 44px;}
    .mtable.expTmprSearchNomal tbody tr td:nth-child(2) {width: 90px;}
    .mtable.expTmprSearchNomal tbody tr td:nth-child(3) {width: calc(100% - 178px); text-align: left;}
    .mtable.expTmprSearchNomal tbody tr td:nth-child(4) {width: 44px; border-left:none; }
    
    .mtable.expTmprSearchResult thead tr th {background-color:#ECEFFB;}
    .mtable.expTmprSearchResult thead tr th:nth-child(1) {border-left: none;}
    .mtable.expTmprSearchResult thead tr:nth-child(2) th:nth-child(1) {width: 90px;}
    .mtable.expTmprSearchResult thead tr:nth-child(2) th:nth-child(2) {width: calc(100% - 140px);}
    .mtable.expTmprSearchResult thead tr:nth-child(2) th:nth-child(3) {width: 50px;}
    .mtable.expTmprSearchResult tbody {height: calc(100vh - 388px);}
    .mtable.expTmprSearchResult tbody tr td:nth-child(1) {width: 90px;}
    .mtable.expTmprSearchResult tbody tr td:nth-child(2) {width: calc(100% - 140px); text-align: left; }
    .mtable.expTmprSearchResult tbody tr td:nth-child(3) {width: 50px;}
    
	.mtable.expTmprResult thead tr th {background-color:#ECEFFB;}
    .mtable.expTmprResult thead tr th:nth-child(1) {border-left: none;}
    .mtable.expTmprResult thead tr:nth-child(2) th:nth-child(1) {width: 90px;}
    .mtable.expTmprResult thead tr:nth-child(2) th:nth-child(2) {width: calc(100% - 140px);}
    .mtable.expTmprResult thead tr:nth-child(2) th:nth-child(3) {width: 50px;}
    .mtable.expTmprResult tbody {height: calc(100vh - 266px);}
    .mtable.expTmprResult tbody tr td:nth-child(1) {width: 90px;}
    .mtable.expTmprResult tbody tr td:nth-child(2) {width: calc(100% - 140px); text-align: left;}
    .mtable.expTmprResult tbody tr td:nth-child(3) {width: 50px;}
	
	.mtable.hscodeEngResult thead tr th {background-color:#ECEFFB;}
    .mtable.hscodeEngResult thead tr:nth-child(2) th:nth-child(1) {width: 90px;}
    .mtable.hscodeEngResult thead tr:nth-child(2) th:nth-child(2) {width: calc(100% - 150px);}
    .mtable.hscodeEngResult thead tr:nth-child(2) th:nth-child(3) {width: 60px;}
    .mtable.hscodeEngResult tbody {height: calc(100vh - 438px);}
    .mtable.hscodeEngResult tbody tr td:nth-child(1) {width: 90px;}
    .mtable.hscodeEngResult tbody tr td:nth-child(2) {width: calc(100% - 150px); text-align: left;}
    .mtable.hscodeEngResult tbody tr td:nth-child(3) {width: 60px;}
    
    .mtable.cateEng thead tr:nth-child(1) th:nth-child(1) {width: 56px;}
    .mtable.cateEng thead tr:nth-child(2) th:nth-child(1) {width: 108px;}
    .mtable.cateEng tbody {height: calc(100vh - 490px);}
    .mtable.cateEng tbody tr td:nth-child(1) {width: 58px;}
    .mtable.cateEng tbody tr td:nth-child(2) {width: 36px;}
    .mtable.cateEng tbody tr td:nth-child(3) {width: 36px;}
    .mtable.cateEng tbody tr td:nth-child(4) {width: 36px;}
    .mtable.cateEng tbody tr td:nth-child(5) {/* width: 48px; */}
    .mtable.cateEng tbody tr td:nth-child(6) {text-align: left;}
    
    .mtable.countryNomal thead tr th:nth-child(1) {width: 40px; border-left:none;}
    .mtable.countryNomal thead tr th:nth-child(2) {width: 90px;}
    .mtable.countryNomal thead tr th:nth-child(3) {width: calc(100% - 130px);}
    .mtable.countryNomal tbody {height: calc(100vh - 242px);}
    .mtable.countryNomal tbody tr td:nth-child(1) {width: 40px;}
    .mtable.countryNomal tbody tr td:nth-child(2) {width: 90px;}
    .mtable.countryNomal tbody tr td:nth-child(3) {width: calc(100% - 130px); text-align: left;}
    
    .mtable.portAirNomal thead tr th:nth-child(1) {width: 60px; border-left:none;}
    .mtable.portAirNomal thead tr th:nth-child(2) {width: 130px;}
    .mtable.portAirNomal thead tr th:nth-child(3) {width: calc(100% - 190px);}
    .mtable.portAirNomal tbody {height: calc(100vh - 296px);}
    .mtable.portAirNomal tbody tr td:nth-child(1) {width: 60px;}
    .mtable.portAirNomal tbody tr td:nth-child(2) {width: 130px;}
    .mtable.portAirNomal tbody tr td:nth-child(3) {width: calc(100% - 190px); text-align: left;}
    
    .mtable.portAirResult thead tr th {background-color:#ECEFFB;}
    .mtable.portAirResult thead tr th:nth-child(1) {width: 100px;}
    .mtable.portAirResult thead tr th:nth-child(2) {width: calc(100% - 150px);}
    .mtable.portAirResult thead tr th:nth-child(3) {width: 50px;}
  	.mtable.portAirResult tbody {height: calc(100vh - 224px);}
    .mtable.portAirResult tbody tr td:nth-child(1) {width: 100px;}
    .mtable.portAirResult tbody tr td:nth-child(2) {width: calc(100% - 150px); text-align: left;}
    .mtable.portAirResult tbody tr td:nth-child(3) {width: 50px;}

    .minH623 {min-height: 623px !important;}
    .maxH578 {max-height: 578px !important;}
    
    footer .foot_menu_wrap {padding:10px;}
    footer .foot_menu_wrap .foot_menu_in ul li {padding-right:12px;}
    footer .foot_menu_wrap .foot_menu_in ul li:last-child {padding-right: 0px;}
    footer .foot_menu_wrap .foot_menu_in ul li a {font-size: 15px;}
    footer .foot_menu_wrap .foot_menu_in ul li a::after {margin-left: 12px;}
    footer .foot_con_wrap .foot_con_in {display: block;}
    footer .foot_con_wrap .foot_con_in .foot_item {}
    footer .foot_con_wrap .foot_con_in .foot_item .footer_logo {}
    footer .foot_con_wrap .foot_con_in .foot_item .footer_info {margin-left: 0px; padding-left:10px;}
    footer .foot_con_wrap .foot_con_in .foot_item .footer_service {margin-left: 0px; padding:20px 10px;}
    footer .foot_con_wrap .foot_con_in .footer_lst {margin-left: 0px; padding: 0 10px;}
    footer .foot_con_wrap .foot_con_in .footer_lst select{width:100%; margin-bottom: 10px;}
    footer .foot_con_wrap .foot_con_in .footer_lst select option a{cursor:pointer;}

    .mobileNone { display:none; }

    /* 모바일 : 무역통계소개, 통계설명, 찾아오시는길 */
    #cntntsView {padding:10px 0 20px 0;}
    #cntntsView .tit1:first-child {margin: 0px 0 12px 0;}
    .MiVi_box {margin:0;}
    .MiVi_box .inner {padding:10px 12px;}
    .MiVi_box .inner h3{position:absolute; left: 50%; top:-50px; margin-left: -50px;}
    .MiVi_box .mivi_top {padding:14px 0 10px 0; min-height: 0; }
    .MiVi_box .mivi_top img {display:none;}
    .MiVi_box .mivi_top p span {font-size: 22px; }
    .MiVi_box .mivi_top i.mivi_mark {width: 0; height:0; background-image: none;}
    .mivi_full ul{ font-size:14px; font-weight:400;  padding: 15px 0;}
    .MiVi_box .mivi_li1 li {width:100%; margin:0;}
    .MiVi_box .mivi_con2 {padding: 108px 0 0 0;}
    .MiVi_box .mivi_con2 dt { position: absolute; left: 50%; top: 0; transform: translateX(-50%); margin-top:10px;}
    .MiVi_box .mivi_con2 dd {margin: 20px 0 10px 0 ;}
    .MiVi_box .mivi_con2 dt:before {position: absolute; right: 50%; top: 112%; margin-top: -5px; transform: rotate(90deg) translateY(-100%)}
    .MiVi_box .mivi_con2.mivi_dlB dd { height:auto; line-height: 1.4; padding: 18px;}
    .MiVi_box .mivi_con2.mivi_dlR dd {height:auto; line-height: 1.4; padding: 18px;}
    .mivi_full .mivi_quarter {display:block;}
    .mivi_full .mivi_quarter .quarterBox {width:auto;}
    .mivi_full .mivi_quarter .quarterBox:first-child {margin-right:0; margin-bottom:10px;}
    
    .ftaLnk{margin-bottom: 20px;}
    
    #statsPopup {width: 100% !important; height: 100% !important; max-height: 100%; min-height: 100%; border-radius: 0; display:none;}
    #statsPopup .yScroll {min-height: calc(100% - 30px); max-height: calc(100% - 30px); height: 100%;}
    #personalInfoPop {width: 100% !important; height: 100% !important; max-height: 100%; min-height: 100%; border-radius: 0;}
    #personalInfoPopContent .yScroll {min-height: calc(100% - 30px); max-height: calc(100% - 30px); height: 100%;}
    #copyrightProPop {width: 100% !important; height: 100% !important; max-height: 100%; min-height: 100%; border-radius: 0;}
    #copyrightProPopContent .yScroll {min-height: calc(100% - 30px); max-height: calc(100% - 30px); height: 100%;}
    #wayHerePop {width: 100% !important; height: 100% !important; max-height: 100%; min-height: 100%; border-radius: 0;}
    #wayHerePopContent .yScroll {min-height: calc(100% - 30px); max-height: calc(100% - 30px); height: 100%;}
    .plot_plan_box li {width: 100%; margin: 10px 0;}
    
    .flexBox {padding:0;}
    .MiVi_box .mivi_top i.mivi_mark {background:none;}
    .list_st2 {margin-left:0 !important;}
    .tit1 {margin: 26px 0 12px 0; font-size: 17px;}
    .box_st2 {padding: 10px 14px;}
    
    .mrfn_rlnm > li{width: 100%;padding: 25px 0 54px;}
    .mrfn_rlnm > li:first-child{margin-right: 0;}
    .mrfn_rlnm > li:before{margin-top: 0;right: 50%;top: calc(100% - 30px);transform: translate(50%,0) rotate(90deg);}
    .mrfn_rlnm > li.last:before {display:inline-block;}
    .core_valu_box+.core_valu_box .mrfn_rlnm > li.last:before {display:none;}


    /* 테이블표 최우측의 조회수 숨김*/
    .board_area .board_type3 colgroup col:last-child{display: none;}
    .board_area .board_type3 thead tr:first-child th:last-child{display:none}
    .board_area .board_type3 tbody tr td:last-child{display:none}
    .board_area .board_type3 tbody tr td:only-of-type{display:inline-block;} 
    
    .box_st1{padding:8px;}

    .productPop .flexBox{margin: 0 0 20px;}
}
@media (max-width:1023px){
    .table_tit .table_btnlst .print_btn{display: none;}
}
@media (max-width:919px){
    .foot_item > ul > li.addr_copy{width: 100%; margin: 0 0 12px;}
    .foot_item > ul > li.addr_copy p{text-align: left;}
    footer .foot_con_wrap .foot_con_in .foot_item > ul > li{text-align: left; margin: 0 0 12px;}
}
@media (max-width:900px){
    .board_area .board_type3{width: 900px;}
}
@media (max-width:890px){
    #filterArea colgroup col:nth-child(2n){width: auto !important;}
    #filterArea colgroup col:last-child{width: 110px !important;}
    #filterArea colgroup col:nth-child(2n-1){width: 100px !important;}
    .filter_area table.filter_table tbody th{width: auto; box-sizing: border-box;}
}
@media (max-width:830px){
    #all_menu #m_gnb > ul > li > a{width: 146px;}
    #all_menu #m_gnb > ul > li > a span{font-size: 18px;}
    #all_menu #m_gnb > ul > li > ul{width: calc(100% - 162px);}
    #all_menu #m_gnb > ul > li > ul > li{width: 33.333%;}
}
@media (max-width:780px){
    footer{height:auto;min-height: 50px;}

    footer .foot_con_wrap{padding: 10px;}
    footer .foot_con_wrap .foot_con_in .foot_item > ul > li::after{display: none;}
    footer .foot_con_wrap .foot_con_in .foot_item > ul > li.ft_as1 > p, 
    footer .foot_con_wrap .foot_con_in .foot_item > ul > li.ft_as2 > p{display:inline-block;margin: 0 10px 0 0;}
    footer .foot_menu_wrap .foot_menu_in {display:block;}
    footer .foot_menu_wrap .foot_menu_in ul {display:flex; justify-content:center;align-items:center;padding: 0 0 16px;}
    footer .foot_menu_wrap .footer_lst {display: flex; justify-content:center;align-items:center;padding: 0 0 10px;}
    
    footer .foot_menu_wrap .foot_menu_in ul li a{font-size: 13px;}
    footer .foot_menu_wrap .foot_menu_in ul li a::after{height: 12px;}
    footer .foot_con_wrap{padding: 20px 10px;}
    footer .foot_con_wrap .foot_con_in .foot_item{display: inline-block;width: 100%;}
    footer .foot_con_wrap .foot_con_in .foot_item .footer_logo{width: 100%;text-align: center;margin: 0 0 20px;}
    footer .foot_con_wrap .foot_con_in .foot_item > ul{text-align: center;}
    .foot_item > ul > li.addr_copy p,
    footer .foot_con_wrap .foot_con_in .foot_item > ul > li{width:100%;text-align: center;float: unset;padding: 0;}
    footer .foot_con_wrap .foot_con_in .foot_item > ul > li.ft_as1{width: 117px;margin: 0 28px 0 0;}
    footer .foot_con_wrap .foot_con_in .foot_item > ul > li.ft_as1::after{display:inline-block;content:"";width: 2px;height: 30px;background: #ccc;top:50%;right: -18px;transform: translateY(-50%);}
    footer .foot_con_wrap .foot_con_in .foot_item > ul > li.ft_as2{width: 150px;}
    footer .foot_con_wrap .foot_con_in .foot_item > ul > li.ft_as1 > p,
    footer .foot_con_wrap .foot_con_in .foot_item > ul > li.ft_as2 > p{width: 100%;margin: 0 0 4px;}
    footer .foot_con_wrap .foot_con_in .foot_item > ul > li.ft_as1 > p+span,
    footer .foot_con_wrap .foot_con_in .foot_item > ul > li.ft_as2 > p+span{width: 100%;}
    
}
@media (max-width:760px){
    .table_tit{display: inline-block;width: 100%;padding: 0 0 14px;}
    .table_tit > p{display:inline-block;line-height: 40px;padding: 0 0 4px;}
    .table_tit #searchForm{width: 100%;}
    /* .table_tit .table_btnlst{display: inline-block;float: right; vertical-align: middle; margin: 0;} */
    .table_tit .table_btnlst .srchBar{float: right;}
}
@media (max-width:750px){

    .topPop #topPoptxt::before,
    .topPop #topPoptxt::after{display: none}

    .board_area .board_type1{max-width: 850px;/* min-width: 100%; */width: 100%;}
    .board_area .board_type1 th,
    .board_area .board_type1 td{width: auto !important;}
    .board_area .board_type3.t1,
    .board_area .board_type3.t2,
    .board_area .board_type3.t1 tbody,
    .board_area .board_type3.t2 tbody{width: 100%;}
    .board_area .board_type3.t1 *,
    .board_area .board_type3.t2 *{display:inline-block;float: left;border:0;padding:0;margin:0;}
    .board_area .board_type3.t1 thead,
    .board_area .board_type3.t2 thead{display: none;}

    .board_area .board_type3.t1 tbody tr,
    .board_area .board_type3.t2 tbody tr{position:relative;width: 100%;height:50px;padding:6px 0 6px 42px;;box-sizing:border-box;border-bottom: 1px solid #e0dfe1;}

    .board_area .board_type3.t1 tbody tr td:nth-child(2),
    .board_area .board_type3.t1 tbody tr td:nth-child(4),
    .board_area .board_type3.t2 tbody tr td:nth-child(3){display: none;}

    .board_area .board_type3.t1 tbody tr td:first-child,
    .board_area .board_type3.t2 tbody tr td:first-child{position: absolute;width: 30px;height: 30px;line-height:30px;text-align: center;font-size: 15px;font-weight: 500;left: 4px;top: 10px;}
    .board_area .board_type3.t1 tbody tr td:nth-child(3),
    .board_area .board_type3.t2 tbody tr td:nth-child(2){width:100%;}
    .board_area .board_type3.t1 tbody tr td:nth-child(3) > p,
    .board_area .board_type3.t2 tbody tr td:nth-child(2) > p{display: inline-block;width: calc(100% - 78px);height:23px;}
    .board_area .board_type3.t1 tbody tr td:nth-child(3) a,
    .board_area .board_type3.t2 tbody tr td:nth-child(2) a{font-size: 15px;font-weight: 500;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    .board_area .board_type3.t1 tbody tr td:nth-child(5),
    .board_area .board_type3.t2 tbody tr td:nth-child(4){font-size: 13px;margin: 0 5px 0 0;}
    .board_area .board_type3.t1 tbody tr td:nth-child(6),
    .board_area .board_type3.t2 tbody tr td:nth-child(5){position:absolute;color: #4876ef;font-size: 14px;float: right;right: 4px;top:10px}

    .board_area .board_type3.t1 tbody tr:last-child td,
    .board_area .board_type3.t2 tbody tr:last-child td{border: 0;}
    .board_area .board_type3.t1 tbody tr td.noResult{/* position: relative; */width: 100%;height: auto;/* top:unset; *//* left:unset; */}
    .board_area .board_type3.t2 tbody tr td.noResult{/* position: relative; */width: 100%;height: auto;/* top:unset; *//* left:unset; */}

    #chartViewArea{width: calc(100vw + 120px);}
	#showPagingLine{}

    #assistImportant span{float: none;}
    #assistImportant span::after{width: 30px;height: 22px;border-radius: 3px;}

}
@media (max-width:749px){

    #chartArea{/* padding: 50px 0 0; */}
    .chartButtons{/* position: absolute; *//* top: 189px; *//* right: 16px; */}

    #chartViewArea,
    #chartViewArea.vtclChart{height: 50vh;min-height: unset;}
    #chartViewArea.hrznChart{width: calc(100vw - 32px);height: auto;min-height: auto;}
    #chartViewArea.hrznChart.pie{width: 150vw;}

}

@media (max-width:714px){

    .table_tit{flex-wrap: wrap;}
    .table_tit p,
    .table_btnlst{width: auto;}
    .table_tit p strong,
    .table_tit p span{}
    .table_tit p span{font-size: 15px;}
    .table_tit .table_btnlst .srchBar{float: right;}

    .board_area .board_type3{width: 790px;}

    .detail_area.t1 .detail_table{display: inline-block;}
    .detail_area.t1 .detail_table *{display:inline-block;float: left;border:0 !important;padding:0;margin:0;}
    .detail_area.t1 .detail_table tbody{width: 100%;}
    .detail_area.t1 .detail_table tr{}
    .detail_area.t1 .detail_table tbody tr:first-child{width: 100%;padding: 4px 0;}
    .detail_area.t1 .detail_table tbody tr th{display: none}
    .detail_area.t1 .detail_table tbody tr td{margin: 0 2px 2px 0;}
    .detail_area.t1 .detail_table tbody tr:nth-child(3){margin: 0 0 6px;}
    .detail_area.t1 .detail_table tbody tr:first-child td:nth-of-type(1){width:100%;font-size: 17px;font-weight: 500;margin: 0 0 3px;}
    .detail_area.t1 .detail_table tbody tr:first-child td:nth-of-type(2){display: none;}
    .detail_area.t1 .detail_table tbody tr:nth-child(2),
    .detail_area.t1 .detail_table tbody tr:nth-child(3) th{display: none;}
    .detail_area.t1 .detail_table tbody tr:nth-child(3) td{font-size: 0;}
    .detail_area.t1 .detail_table tbody tr:nth-child(4){width: 100%;}

    .detail_area.t1 .detail_table tbody tr:nth-child(3) td .detail_m_etc li{position:relative;font-size: 14px; padding: 0 16px 4px 0;}
    .detail_area.t1 .detail_table tbody tr:nth-child(3) td .detail_m_etc li::after{content:"";position: absolute;width: 2px;height: 11px;background: #e0dfe1;right: 7px;top: 6px;}
    .detail_area.t1 .detail_table tbody tr:nth-child(3) td .detail_m_etc li:last-child::after{display: none;}
    .detail_area.t1 .detail_table tbody tr:nth-child(4) td,
    .detail_area.t1 .detail_table tbody tr:nth-child(4) td .detail_con{width: 100%;}
    .detail_area.t1 .detail_table .btn_download_detl,
    .detail_area.t1 .detail_table span{float: unset;}
    .detail_area.t1 .detail_table .btn_download_detl{width: 100%;}

    .detail_m_etc{display: inline-block;}
    
    .downBtnBox .downPopst {width:180px; transform:translate( -50%, -50%); position:fixed; top:50%; left:50%; z-index:50;}
    .downPopst .downPopBody{padding:20px 10px;}
    .downBtnBox .downBtnLst .downItem {margin: 0 auto 6px;height: 40px;width: 100px;font-size: 14px; vertical-align: middle;}
    .downPopst .downPopHeader h2 {font-size:16px;}
    .downPopst .downPopHeader .layer-close {background-size:12px;}
	.downPopst .downPopHeader .layer-close-popup {background-size:12px;}

}
@media (max-width: 696px){

}
@media (max-width:674px){
    #all_menu #m_gnb > div{height: 60px;padding: 16px;background: #00223f;}
    #all_menu #m_gnb .etc{width:auto;height: 67px;float: right;padding: 16px;}
    #all_menu .etc a{width: 166px;height: 34px;text-align: center;font-size: 14px;padding: 7px 14px 7px 29px;}
    #all_menu .etc #en_btn2{width: 88px;height: 34px;background: #5255b9 url(../images/language_bg.png) 15px center no-repeat;background-size: 14px;}
    #all_menu #m_gnb > div strong{color:#fff;}
    #all_menu #m_gnb > div strong::before{display:none}
    #all_menu #m_gnb .close{background: #4876ef;width: 60px;height: 60px;}
    #all_menu #m_gnb .close::before, 
    #all_menu #m_gnb .close::after{top: 14px;left: 30px;background: #fff;}

    #all_menu #m_gnb > ul{padding: 0 16px 70px;box-sizing: border-box;}
    #all_menu #m_gnb > ul > li{border:0;padding:0;margin: 0;}
    #all_menu #m_gnb > ul > li::after{display: none;}
    #all_menu #m_gnb > ul > li > a{position:relative;width:100%;color:#191919;background: #fff;margin: 0;border-bottom: 1px solid #ccc;}
    #all_menu #m_gnb > ul > li.on > a{color: #fff;background: #4876ef;}
    #all_menu #m_gnb > ul > li > a::before,
    #all_menu #m_gnb > ul > li > a::after{display: inline-block;position: absolute;content:'';background: #4e4e4f;top:50%;transition: .3s all;}
    #all_menu #m_gnb > ul > li > a::before{width: 2px;height: 12px;transform: translateY(-50%);left: unset;right: 23px;transform-origin: center;}
    #all_menu #m_gnb > ul > li > a::after{width: 12px;height: 2px;transform: translateY(-50%);right: 18px;}
    #all_menu #m_gnb > ul > li.on > a::before,
    #all_menu #m_gnb > ul > li.on > a::after{background: #fff;}
    #all_menu #m_gnb > ul > li.on > a::before{transform: translateY(-50%) rotate(90deg);}
    #all_menu #m_gnb > ul > li.on > a::after{opacity: 0;}

    #all_menu #m_gnb > ul li.dep > a::before,
    #all_menu #m_gnb > ul li.dep > a::after{display: inline-block;position: absolute;content:'';background: #4e4e4f;top:50%;transition: .3s all;}
    #all_menu #m_gnb > ul li.dep > a::before{width: 2px;height: 12px;transform: translateY(-50%);left: unset;right: 23px;transform-origin: center;}
    #all_menu #m_gnb > ul li.dep > a::after{width: 12px;height: 2px;transform: translateY(-50%);right: 18px;}
    #all_menu #m_gnb > ul > li.dep.on > a::before,
    #all_menu #m_gnb > ul > li.dep.on > a::after{background: #fff;}
    
    #all_menu #m_gnb > ul li.dep.on > a::before{transform: translateY(-50%) rotate(90deg);}
    #all_menu #m_gnb > ul li.dep.on > a::after{opacity: 0;}
    #all_menu #m_gnb > ul > li > ul > li > a::before{display: none;}
    #all_menu #m_gnb > ul > li > ul > li > a strong{display: inline-block;position: relative;}
    #all_menu #m_gnb > ul > li > ul > li > a strong::before{display:inline-block;position:absolute;content:"";width: 3px;height:3px;background: #bfbfbf;top: 10px;left: -9px;}
    #all_menu #m_gnb > ul > li > a span{float: left;}
    #all_menu #m_gnb > ul > li > ul{display:none;width: 100%;}
    #all_menu #m_gnb > ul > li > ul > li{width: 100%;}
    #all_menu #m_gnb > ul > li > ul > li > a{padding: 10px 5px 10px 25px;background: #eceffb;border-bottom: 1px solid #ccc;}
    #all_menu #m_gnb > ul > li > ul > li > a strong{font-size: 16px;}
    #all_menu #m_gnb > ul > li > ul > li > ul{display: none;}
    #all_menu #m_gnb > ul > li > ul > li > ul > li > a{padding: 9px 5px 9px 37px;}
    #all_menu #m_gnb > ul > li > ul > li > ul > li > a::before{top: 18px;}
    #all_menu #m_gnb > ul > li > ul > li > ul > li > a strong{font-size: 16px;}
}
@media (max-width: 621px){
    .table_tit .table_btnlst > *{margin: 0 4px 4px 0;}
}
@media (max-width:609px){
    .table_tit .table_btnlst > *{/* margin: 0 4px 4px 0; */}
    .table_tit .table_btnlst .srchBar{width: 100%;}


    .asst .table_btnlst{width: 100%;}

}

@media (max-width:570px){
    footer .foot_menu_wrap .foot_menu_in ul{width: 100%;}
    .ftaLnk {flex-wrap: wrap; margin-bottom:20px;}
    .ftaLnk p {width:100%; padding-bottom:4px; text-align:center;}
    .ftaLnk .ftalnk_btn{margin: 0 auto;}
}

@media (max-width: 555px){
    .chartButtons{/* top: 204px; */}
}
@media (max-width: 520px){


    .topPop{padding: 15px 15px 34px;}
    .topPop .topPopWrap{}
    .topPop #topPoptxt{width: 100%;padding: 0;box-sizing: border-box;}
    .topPop #topPoptxt .ppznList{/* margin: 0 0 4px; */}
    .topPop #topPoptxt .ppznTxt{height: 62px;text-overflow: unset;white-space: unset;}
    .topPop .mob-set{bottom: -24px;}


    input[type="radio"]{width: 13px;height: 13px;}

    .con_container{min-height: 608px;}


    .filter_area table.filter_table{display: inline-block;width: 100%;}
    .filter_area table.filter_table tbody{display: inline-block;width: 100%;}
    .filter_area table.filter_table tbody tr{display: flex;width: 100%;flex-wrap: wrap;}
    .filter_area table.filter_table tbody th{display: inline-block;width: 100px;float: left;}
    .filter_area table.filter_table tbody td{display: inline-block;width: calc(100% - 100px);float: left;box-sizing: border-box;}

    #boardArea{width: 100vw;margin: 0 0 0 -16px}
    .board_area .board_scroll{padding: 0 16px;}


    .faqWrap .faqList > ul > .faq_Q a p{padding: 10px 46px 10px 57px;}
    .faqWrap .faqList > ul > .faq_Q > a > p::after{right: 13px;}
    .faqWrap .faqList > ul > .faq_Q strong{left: 15px;}
    
    .faqWrap .faqList > ul > .faq_Q .faq_A p{padding: 10px 8px 10px 72px;}
    .faqWrap .faqList > ul > .faq_Q .faq_A > strong{left: 32px;}

    footer .foot_menu_wrap .footer_lst,
    footer .foot_menu_wrap .footer_lst select{width: 100%; height: 38px;}
    .info_area .satisfaction_wrap .satis_box .satis_survey ul li {margin-right: 4%;}

    .table_tit > p{/* line-height: 40px; */vertical-align: middle;}  

    .productPop .board_area{height: calc(100vh - 348px);}
    
    .q_mark > span {white-space: normal;}
    .q_mark:hover > span {min-width: 175px; left: 0; top: 22px;white-space: pre-line;}

    .mrfn_rlnm > li > dl dd{padding: 0;}
    .core_valu_box .clearfix > ul{padding-left: 8px;margin: 0 !important;}
}
@media (max-width: 475px){
    .q_mark > span{white-space: pre-line;}
}
@media (max-width: 414px){
	.info_area .satisfaction_wrap .satis_box .satis_opinion input {width:100%; margin-bottom:8px;}
	.survey_btn {width:100%;max-width: unset;border-radius: 4px; margin-left:0;}
}

@media (max-width: 380px){
	.productPop .board_area{height: calc(100vh - 410px);}
}
@media (max-width: 379px){
    .productPop{height: auto;max-height: auto;}
}
@media (max-width: 375px) { 
    .table_tit {padding: 10px 0; display:flex;justify-content: space-between; align-items:center;}
    .table_tit > p{width: 100%;margin: 0 0 4px 0;}
    .table_tit .table_btnlst{width: 100%;/* margin-top: 6px; */}
    

    .table_tit.asst .table_btnlst select{width: 100% !important;margin: 0 0 4px;}

    .chartButtons{/* top: 217px; */}
    
    
}
@media (max-width:352px){
    .table_tit .table_btnlst > select{width: 100% !important;margin: 0 0 10px;}
    .table_tit .table_btnlst > button{margin: 0 4px 4px 0;display: inline-block;}
    .table_tit .table_btnlst > .print_btn{width: 32px !important;}

    .productPop .flexBox{margin: 0 0 10px;}
    .productPop .board_area{height: calc(100vh - 462px);}

    .chartButtons{/* top: 259px; */}
    
}
@media (max-width:350px){
    .search_cate{}
    .s_btn{font-size: 12px;}

    footer .foot_menu_wrap .foot_menu_in ul{height: auto}
    footer .foot_menu_wrap .foot_menu_in ul li{}
}
@media (max-width:320px){
    footer .foot_con_wrap .foot_con_in .foot_item > ul > li.ft_as1{margin: 0 30px 0 0;}

    html{width: 320px;}
}

/* 팝업*/
.popupCursor{cursor: pointer;}

/* 팝업 데이터 */
.popBody .filter_con .filter_box_sub h4{font-size:14px; margin-bottom: 8px; font-weight:600; padding-left: 4px;}
.popBody .filter_con .filter_box_sub h4::before{content:''; width:4px; height: 4px; border-radius:4px; display:inline-block; background-color:#4876ef; margin-right: 4px; transform: translate(-50%, -50%)}
.popBody .filter_con .filter_box_sub .radiolst {width:25%; text-align:center; display: inline-block; margin:0 auto;}
.popBody .filter_con .filter_box_sub .radiolst li{width:25%; float:left; margin:-1px; box-sizing:border-box;text-align:center;}
.popBody .filter_con .filter_box_sub .radiolst li input{position:absolute; left:-1e+47px;}
.popBody .filter_con .filter_box_sub .radiolst li input[type="radio"]:checked+label {background-color:#eceffb;}
.popBody .filter_con .filter_box_sub .radiolst li label{line-height:30px; display:block; border:1px solid #e5e5e5; background-color:#fff; font-size:13px; position:relative;}


/* 차트 버튼 */
.chartButtons {width: auto;max-width:calc(100vw - 32px);display: inline-block;margin-bottom: 5px;font-size: 0;border: 1px solid #ddd;border-width: 1px 0 0 1px;overflow: hidden;float: right;}
.chartButtons button {cursor: pointer;border: 1px solid #ddd;border-width: 0 1px 1px 0;background-color: #fff;color: #666;font-size: 12px;padding: 10px 15px;letter-spacing: -.035em;transition-duration: 0.3s;margin: 0;}
.chartButtons button:last-child{}
/* .chartButtons button:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.chartButtons button:last-child {border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right-width: 1px;} */
.chartButtons button:hover {color: #000; background-color: #eee; outline: none;}
.chartButtons button.active { background-color: #3867ff; color: #fff;border-color: #3867ff}
.chartButtons select{height: 39px;padding: 0px 29px 0px 6px;border: none;float: left;border: 1px solid #d5d5d5; border-width: 0 1px 1px 0;border-radius: 0;}


.q_mark{display:inline-block;position:relative;width: 20px;height: 20px;font-size: 0;vertical-align:text-top;background: url(../images/qMark_icon.png) no-repeat center;border-radius: 100%;box-sizing: border-box;margin: 0 0 0 4px;}
.q_mark.a_mark{background: url(../images/aMark_icon.png) no-repeat center;}
.q_mark > span{display: none;position: absolute;text-align:left;padding:4px 6px;background:#fff;border:1px solid #000;border-radius: 4px;top: 8px;left: 10px;word-break: keep-all;white-space:nowrap;z-index: 2;}
.q_mark:hover > span{display: inline-block;}

/* 성질별 검색 말풍선 */
.trade_mark{display:inline-block;position:relative;width: 20px;height: 20px;font-size: 0;vertical-align:text-top;background: url(../images/qMark_icon.png) no-repeat center;border-radius: 100%;box-sizing: border-box;margin: 0 0 0 4px;}
.trade_mark.a_mark{background:#d5d5d5 url(../images/plus_icon.svg) no-repeat center; background-size: 10px;}
.trade_mark > span{display: none;position: absolute;text-align:left;padding:4px 6px;background:#fff;border:1px solid #000;border-radius: 4px;top: 8px; right: 10px;word-break: keep-all;white-space:nowrap;z-index: 2;}
.trade_mark:hover > span{display: inline-block;}


/* 네비게이션 선택  */
.slctNav{color: #191919; background-color: #dedef2; cursor: pointer;}
/* 검색 하이라이트처리  */
.srchHighlight{color: #f5012a; background-color: #f5f50a;}
/* 신성질 팝업 맨앞으로 보내기  */
#tmprHsPopup{width: 800px;z-index: 999;box-shadow: 0px 0px 0px 100vw rgba(0,0,0,.5);}
#tmprHsPopupTbody{max-height: calc(100vh - 255px);}

/* 항구,공항 검색  추가 */
.portAirptCndyTableWidth{flex-basis: 220px; height:auto;}
.portAirptTableWidth{ flex-basis: 480px; height:auto;}
.portAirptSelectTableWidth{flex-basis: 378px; height:auto;}



/* 웹접근성 관련 수정 */
.pagination_area .pagination_wrap .pagination_lst li a:focus {    outline: 1px solid #4876ef;}

.filter_area .filter_con .filter_box .radiolst li input:focus
{
    outline: 0 !important;
    outline-offset: 0 !important;
    box-shadow: inset 0 0 0 0px #fff;
}


.filter_area .filter_con .filter_box .radiolst li input {
    position: absolute;
    /* left: -1e+47px; */
    width: 100%;
    left: 0;
    height: 100%;
}

.filter_area .filter_con .filter_box .radiolst li input[type="radio"]:focus+label {
    border: 3px solid #000;
    padding: 5px;
}

.filter_area .filter_con .filter_box .filterTop .radiolst.swiches li input[type="radio"]:focus+label {
    padding: 0;
    border: 1px solid #4876ef;
}

.filter_area .filter_con .filter_box .radiolst li { position : relative; }


.filter_area .filter_con .filter_box .filterTop .radiolst.swiches li label {     background-color: #f5f6fa;}

.filter_area .filter_con .filter_box .radiolst3 li input:focus
{
    outline: 0 !important;
    outline-offset: 0 !important;
    box-shadow: inset 0 0 0 0px #fff;
}


.filter_area .filter_con .filter_box .radiolst3 li input {
    position: absolute;
    /* left: -1e+47px; */
    width: 100%;
    left: 0;
    height: 100%;
}

.filter_area .filter_con .filter_box .radiolst3 li input[type="radio"]:focus+label {
    border: 3px solid #000;
    padding: 5px;
}

.filter_area .filter_con .filter_box .filterTop .radiolst3.swiches li input[type="radio"]:focus+label {
    padding: 0;
    border: 1px solid #4876ef;
}

.filter_area .filter_con .filter_box .radiolst3 li { position : relative; }


.filter_area .filter_con .filter_box .filterTop .radiolst3.swiches li label {     background-color: #f5f6fa;}

.pagination_area .pagination_wrap .pagination_lst li a:focus {    outline: 1px solid #4876ef;}