@charset "UTF-8";

body{opacity: 0;transition: .3s opacity;}
body.started{opacity: 1;}
section#content{overflow: hidden;}

table{border-collapse: collapse;border-spacing:0;padding: 0;margin: 0;}
caption{position: absolute;width: 0;height: 0;overflow: hidden;}

.browChk{position: absolute;padding: 10px 16px;border-radius: 8px;background: #fff;box-shadow: 5px 5px 5px rgba(0,0,0,.5);border: 1px solid #4876ef;top: 210px;left:50%;transform: translateX(-50%);z-index: 200;}
.browChk span{display:inline-block;font-size: 18px;float: left;margin: 0 8px 0 0;}
.browChk a{display: inline-block;width: 20px;height: 20px;font-size: 0;float: left;margin: 4px 0 0;background: url(../images/close_bg.svg) no-repeat center;background-size: 14px 14px;}
.browChk #op-Chrome{display: inline-block;background: #4876ef;border-radius: 4px;color: #fff;border: 1px solid #888;padding: 2px 9px;margin: 13px 0 0;}

.con_container.main{display:inline-block;position:relative;max-width: 100%;width:100%;float:left;margin: 0;box-sizing: border-box;}
.con_container.main > div{position:relative;width: 100%;}

.mainWrapper{width: 100%;height: 100%;padding: 35px calc((100% - 1440px)/2);}

.con_container.main div,
.con_container.main ul,
.con_container.main li,
.con_container.main a{display: inline-block;float: left;box-sizing: border-box;}
ul{width: 100%;}

.con_container.main ::before,
.con_container.main ::after{display:inline-block;position: absolute;}

.highcharts-axis-labels{z-index: -1;}

/* 메인 상단 */
.mainTop{height: 682px;overflow:hidden;background: url(../images/mainBg90.jpg) no-repeat center;background-size: cover;}
.mainTop .topTab{width: 100%;height: 100%;}
.mainTop .topTab > ul{position: relative;height: 100%;}
.mainTop .topTab > ul > li{width: 260px;height: 65px;line-height: 65px;}
.mainTop .topTab > ul > li:first-child{margin: 0 20px 0 30px;}
.mainTop .topTab > ul > li > a{position:relative;width: 100%;height: 100%;line-height:inherit;text-align:center;color:#fff;background: #8e8e8e;border-radius: 0 0 10px 10px;transition: .3s all;z-index: 1;box-shadow: 5px 5px 8px rgb(0 0 0 / 20%);}
.mainTop .topTab > ul > li > a::after{content:"";width: 0;height: 0;border-left:6px solid #c2c2c2;border-top: 10px solid transparent;border-right: 6px solid transparent;border-bottom:10px solid #c2c2c2;top: 0;right: -12px;}
.mainTop .topTab > ul > li > a strong{display:inline-block;position:relative;line-height: inherit;color:inherit;font-size: 22px;font-weight: 600;transition: .3s all;}
.mainTop .topTab > ul > li.on > a strong{padding: 0 34px 0 0;}
.mainTop .topTab > ul > li.on > a strong::after{content:"";width: 24px;height: 24px;background: url(../images/topTab_on_bg.png) no-repeat center;top: 21px;right: 0;}
.mainTop .topTab > ul > li > a:hover,
.mainTop .topTab > ul > li.on > a{background: #0b2a55;}
.mainTop .topTab > ul > li .topBox{display:none;position: absolute;width:100%;height: 592px;background: #fff;padding: 50px 30px 20px 30px;border-radius: 16px;box-shadow: 0 2px 3px rgba(0,0,0,.16);left: 0;top: 20px;}


.mainTop .topTab > ul > li.on .topBox{display: inline-block;}

.mainTop .topTab > ul > li .topBox .upArea{position: relative;width:100%;padding: 4px 0 10px;margin: 0;/* border: 1px solid #ededed; */border-width: 0 0 1px 0;box-sizing: border-box;}

.mainTop .btnGrp{position: absolute;right: 0;top: 3px;}
.mainTop .topTab > ul > li .btnGrp > div{position: relative;width: auto;height: 35px;margin: 0 5px 0 0;border-radius: 18px;border: 1px solid #d2d2d2}
.mainTop .topTab > ul > li .topBox .ccpBtn{width: auto;}
.mainTop .topTab > ul > li .btnGrp > div:last-of-type{margin: 0;}
.mainTop .topTab > ul > li .btnGrp > div > a{width: 100%;height: 100%;line-height:1.2;font-size: 14px;padding: 8px 13px 8px 36px;box-sizing: border-box;}

.mainTop .topTab > ul > li .btnGrp .ccpBtn > a{font-size: 14px;padding: 8px 13px 8px 36px;background: url(../images/up_btn_ccp.png) no-repeat 15px center;}
.mainTop .topTab > ul > li .btnGrp .imgDown a{background: url(../images/up_btn_img.png) no-repeat 15px center;}
.mainTop .topTab > ul > li .btnGrp .pdfDown a{background: url(../images/up_btn_pdf.png) no-repeat 15px center;}
.mainTop .topTab > ul > li .btnGrp > div .waitPlz{display:inline-block; position:absolute; white-space:nowrap; pointer-events:none; top:40px; right:0; padding:8px 13px; background:#fff; border:1px solid #d2d2d2; opacity:0; transition:.3s;box-shadow: 1px 1px 4px rgb(0 0 0 / 20%);}
.mainTop .topTab > ul > li .btnGrp > div .waitPlz.on{opacity: 1;}

.mainTop .topTab > ul > li .topBox .ccpBtn .ccpPop{display: none;position: absolute;width:320px;height: 359px;background:#fff;border: 1px solid #ccc;border-radius: 4px;z-index: 2;top: 44px;right: 0;box-shadow: 5px 5px 10px rgb(0 0 0 / 20%);}
.mainTop .topTab > ul > li .topBox .ccpBtn .ccpPop.on{display: inline-block;}
.mainTop .ccpPop .ccpTitle{width: 100%;height:40px;text-align: center;background: #ccc;}
.mainTop .ccpPop .ccpTitle span{line-height:40px;color: #00223f;font-size: 18px;}
.mainTop .ccpPop .ccpTitle a{display: inline-block;position: absolute;width: 16px;height: 16px;font-size: 0;background: url(../images/ccpX_icon.png) no-repeat center;right: 12px;top:12px;}
.mainTop .ccpPop .ccpCntWrap{width: 100%;height: calc(100% - 40px);padding: 11px;/*20230705 통관실적 팝업 padding 축소*/}
.mainTop .ccpPop .ccpCnt{width:100%;height: 100%;box-sizing: border-box;}
.mainTop .ccpPop .ccpCnt > p{color: #00223f;font-size: 16px;font-weight:500;letter-spacing:-1px;margin: 0 0 15px;}
.mainTop .ccpPop .ccpCnt .values{margin: 0 0 13px;}
.mainTop .ccpPop .ccpCnt .values > li{width: 100%;border-bottom: 1px dashed #ccc;}
.mainTop .ccpPop .ccpCnt .values > li:first-child{padding: 16px 0 10px;border-bottom: 0;}
.mainTop .ccpPop .ccpCnt .values > li:last-child{padding: 0 0 16px;}
.mainTop .ccpPop .ccpCnt .values > li > span{display: inline-block;width: 84px;line-height: 1.2;font-size: 14px;text-align: center;float: left;margin: 6px 22px 0 0;vertical-align: middle;}
.mainTop .ccpPop .ccpCnt .values > li > ul{display: inline-block;width: calc(100% - 106px);}
.mainTop .ccpPop .ccpCnt .values > li > ul > li{width: 100%;margin: 0 0 4px;}
.mainTop .ccpPop .ccpCnt .values > li > ul > li:last-child{margin: 0;}
.mainTop .ccpPop .ccpCnt .values > li > ul > li span{display:inline-block;width: 50px;height: 20px;line-height:20px;float: left;text-align:center;color: #fff;font-size:13px;border-radius: 10px;}
.mainTop .ccpPop .ccpCnt .values > li > ul > .ex span{background: #4876ef;}
.mainTop .ccpPop .ccpCnt .values > li > ul > .im span{background: #dc143c;}
.mainTop .ccpPop .ccpCnt .values > li > ul > li p{display:inline-block;width: calc(100% - 90px);float: left;text-align: center;font-weight: 600;}
.mainTop .ccpPop .ccpCnt .values > li > ul > li strong{display:inline-block;width: 40px;height: 20px;line-height: 20px;float: left;text-align:center;font-size: 13px;font-weight: 600;background: #d2d2fe;border-radius: 10px;}

.mainTop .ccpPop .ccpCnt .valEtc{
    margin: 0 0 6px;
}
.mainTop .ccpPop .ccpCnt .valEtc li{position: relative;width: 100%;font-size: 14px;font-weight: 500;padding: 0 0 0 16px;margin: 0 0 2px;}
.mainTop .ccpPop .ccpCnt .valEtc li::before{content:"";width: 3px;height: 3px;background: #a9a9a9;left: 7px;top: 9px;}

.mainTop .ccpPop .ccpCnt .moreInfo{float:right;}
.mainTop .ccpPop .ccpCnt .moreInfo a{position:relative;width:80px;line-height:30px;text-align:center;color:#fff;padding:0 20px 0 0;background: #666;box-sizing:border-box;border-radius: 4px;}
.mainTop .ccpPop .ccpCnt .moreInfo a::after{content:"";width: 12px;height: 12px;background: url(../images/more_icon.png) no-repeat center;top:9px;right: 10px;}


.mainTop .topTab > ul > li .topBox .upArea > p{width: auto;font-weight: 500;letter-spacing: -1px;}
.mainTop .topTab > ul > li .topBox .upArea > p b{display: inline-block; position: relative;font-size: 22px;font-weight: 600;letter-spacing: inherit;padding:0 0 0 32px;}
.mainTop .topTab > ul > li .topBox .upArea > p b::before{content:"";width: 20px;height: 22px;background: url(../images/cal_icon.png) no-repeat center;left: 0;top: 7px}

.mainTop .topTab > ul > li .topBox > p u{font-size: inherit;font-weight: inherit;letter-spacing: inherit;}
.mainTop .topTab > ul > li .topBox > p strong{line-height: inherit;font-size: inherit;font-weight: 600;letter-spacing:inherit;}
.mainTop .topTab > ul > li .topBox > p span{line-height: inherit;font-size: inherit;font-weight: 600;letter-spacing:inherit;}
.mainTop .topTab > ul > li .topBox > p span.fwi{font-weight: inherit;}
.mainTop .topTab > ul > li .topBox > p span.arrwAdd{display: inline-block;position: relative;}
.mainTop .topTab > ul > li .topBox > p span.arrwAdd::after{content:"";width: 20px;height: 13px;bottom: 10px;}
.mainTop .topTab > ul > li .topBox > p span.arrwAdd.arrwL{padding: 0 0 0 23px;}
.mainTop .topTab > ul > li .topBox > p span.arrwAdd.arrwR{padding: 0 23px 0 0;}
.mainTop .topTab > ul > li .topBox > p span.arrwAdd.arrwL::after{left: 0;}
.mainTop .topTab > ul > li .topBox > p span.arrwAdd.arrwR::after{right: 0;}
.mainTop .topTab > ul > li .topBox > p span.arrwAdd.up::after{background: url(../images/arrow_upL1x2_bg.png) no-repeat center;background-size: contain;}
.mainTop .topTab > ul > li .topBox > p span.arrwAdd.down::after{background: url(../images/arrow_downL1x2_bg.png) no-repeat center;background-size: contain;}
.mainTop .topTab > ul > li .topBox > p br.br2{display: none;}

.mainTop .topTab > ul > li .topBox > ul{width: 100%;height: 131px;margin: 0 0 22px;}
.mainTop .topTab > ul > li .topBox > ul > li{width: calc((100% - 10px)/2);height:100%;overflow:hidden;border-radius: 10px;}
.mainTop .topTab > ul > li .topBox > ul > li:first-child{margin: 0 10px 0 0;}

.mainTop .topTab > ul > li .topBox > ul .im{border: 1px solid #aed5ff;}
.mainTop .topTab > ul > li .topBox > ul .ex{border: 1px solid #ffabdb;}

.mainTop .topTab > ul > li .topBox > ul .illuBox{width: 170px;height: 100%;}
.mainTop .topTab > ul > li.definitStat .topBox > ul .im .illuBox{background: url(../images/im_illu_bg1.jpg) no-repeat center;background-size: 115px;}
.mainTop .topTab > ul > li.definitStat .topBox > ul .ex .illuBox{background: url(../images/ex_illu_bg1.jpg) no-repeat center;background-size: 115px;}
.mainTop .topTab > ul > li.provisStat .topBox > ul .im .illuBox{background: url(../images/im_illu_bg2.jpg) no-repeat center;background-size: 115px;}
.mainTop .topTab > ul > li.provisStat .topBox > ul .ex .illuBox{background: url(../images/ex_illu_bg2.jpg) no-repeat center;background-size: 115px;}
.mainTop .topTab > ul > li .topBox > ul .im .txtBox{background: #eef1fe;}
.mainTop .topTab > ul > li .topBox > ul .ex .txtBox{background: #feeeee;}
.mainTop .topTab > ul > li .topBox > ul .txtBox{width: calc(100% - 170px);height: 100%;padding: 25px 44px;box-sizing: border-box;}
.mainTop .topTab > ul > li .topBox > ul .txtBox strong{display: block;line-height:1.2;font-size: 30px;font-weight: 600;margin: 0 0 10px;}
.mainTop .topTab > ul > li .topBox > ul .txtBox p{line-height:1.2;color:#494949;font-size: 22px;font-weight: 500;}


.mainTop .topTab ul li .topBox .exColor{color:#4876ef;line-height:inherit;font-style:normal;font-weight: inherit;font-size: inherit;}
.mainTop .topTab ul li .topBox .imColor{color:#dc143c;line-height:inherit;font-style:normal;font-weight: inherit;font-size: inherit;}

.mainTop .topTab ul li .topBox .responWrap{/*border: 1px solid #d5d5d5*/}
.mainTop .topTab > ul > li:nth-child(1) > .topBox .responWrap{border: 0;}
.mainTop .topTab ul li .topBox .respon{width: 100%;height: 100%;padding: 16px;}
.mainTop .topTab ul li .topBox .chartGrp{justify-content:center;}
.mainTop .topTab ul li .topBox .chartGrp.fst{/* padding: 0 42px; */}
.mainTop .topTab ul li .topBox .chartGrp.scnd{height: 294px;/* padding: 0 108px; */}
.mainTop .topTab ul li .topBox .chartGrp > li{width: 100%;}

.mainTop .topTab ul li .topBox .chartGrp.fst > li{width: calc((100% - 24px)/2);margin: 0 12px 0 0;padding: 0 12px 0 0;border-right: 1px dashed #d5d5d5;}
.mainTop .topTab ul li .topBox .chartGrp.fst > li:last-child{margin: 0;padding: 0;padding: 0;border-right: none;}

.mainTop .topTab ul li .topBox .chartGrp.scnd > li{width: calc((100% - 12px)/2);height: 100%;padding: 0 12px 0 0;border-right: 1px dashed #d5d5d5;}
.mainTop .topTab ul li .topBox .chartGrp.scnd > li:nth-child(1){margin: 0 12px 0 0;}
.mainTop .topTab ul li .topBox .chartGrp.scnd > li:nth-child(2){padding: 0;border-right: none;}


.mainTop .topTab ul li .topBox .chartGrp > li figure{position:relative;display: inline-block;width: 100%;height: 100%;}
.mainTop .topTab ul li .topBox .chartGrp > li figure .twoColor{display:inline-block;position:absolute;height: 21px;top: 36px;right: 0;}
.mainTop .topTab ul li .topBox .chartGrp > li figure .twoColor span{display:inline-block;position:relative;text-align:left;color:#000;font-size: 14px;padding: 0 0 0 20px;}
.mainTop .topTab ul li .topBox .chartGrp > li figure .twoColor span:nth-child(1){margin: 0 28px 0 0;}
.mainTop .topTab ul li .topBox .chartGrp > li figure .twoColor span:nth-child(2){}

.mainTop .topTab ul li .topBox .chartGrp > li figure .twoColor span::before{content:"";width: 15px;height: 15px;box-sizing: border-box;border-radius: 2px;left: 0;top: 3px;}
.mainTop .topTab ul li .topBox .chartGrp > li figure .twoColor span.exColor::before{background: #4876ef;}
.mainTop .topTab ul li .topBox .chartGrp > li figure .twoColor span.imColor::before{background: #dc143c;}
.mainTop .topTab ul li .topBox .chartGrp > li figure .twoColor span.gray::before{background: #8e8e93;}
.mainTop .topTab ul li .topBox .chartGrp > li figure .twoColor span.gray1::before{background: #c6d0fc;}
.mainTop .topTab ul li .topBox .chartGrp > li figure .twoColor span.gray2::before{background: #ffb6c1;}

.mainTop .topTab ul li .topBox .chartGrp > li figure .twoColor.t1 span::before{background: #fff;border-radius: 100%;}
.mainTop .topTab ul li .topBox .chartGrp > li figure .twoColor.t1 span.exColor::before{border: 3px solid #4876ef}
.mainTop .topTab ul li .topBox .chartGrp > li figure .twoColor.t1 span.imColor::before{border: 3px solid #dc143c}

.mainTop .topTab ul li .topBox .chartGrp > li figure .twoColor.t2 span::before{border-radius: 100%;}
.mainTop .topTab ul li .topBox .chartGrp > li figure .twoColor.t2 span.exColor::before{}
.mainTop .topTab ul li .topBox .chartGrp > li figure .twoColor.t2 span.imColor::before{}


.mainTop .topTab ul li .topBox .chartGrp > li figure .dollar{position:relative;width: 100%;padding: 0 20px;margin: 10px 0 0;}
.mainTop .topTab ul li .topBox .chartGrp > li figure .dollar::after{content:'';width: 2px;height: 32px;background: #707070;top:55%;left:50%;transform: translate(-50%,-50%) rotate(20deg);}
.mainTop .topTab ul li .topBox .chartGrp > li figure .dollar li{width:50%;letter-spacing: -1px;text-align: center;font-size: 20px;font-weight: 600;}
.mainTop .topTab ul li .topBox .chartGrp > li figure .dollar li strong{font-size: 26px;font-weight: 600;}
.mainTop .topTab ul li .topBox .chartGrp > li figure .dollar li span{font-size: inherit;font-weight: inherit;}
.mainTop .topTab ul li .topBox .chartGrp > li figure .dollar li .exColor{color:#4876ef;}
.mainTop .topTab ul li .topBox .chartGrp > li figure .dollar li .imColor{color:#dc143c;}
.mainTop .topTab ul li .topBox .chartGrp > li figure > div{width: 100%;clear: both;}
.mainTop .topTab ul li .topBox .chartGrp > li figure > div+p{display: inline-block;width:100%;text-align:center;font-size: 14px;font-weight: 500;}
.mainTop .topTab ul li .topBox .chartGrp.fst figure h5{width:100%;float: none;}
.mainTop .topTab ul li .topBox .chartGrp.fst figure h5{}
.mainTop .topTab ul li .topBox .chartGrp > li figure #container4,
.mainTop .topTab ul li .topBox .chartGrp > li figure #container4_b{clear: right;}
.mainTop .topTab ul li .topBox .chartGrp > li figure h5{display: inline-block;position:relative;float: left;font-size: 20px;font-weight:500;padding: 0 0 0 14px;margin: 0 0 16px;box-sizing: border-box;}
.mainTop .topTab ul li .topBox .chartGrp > li figure h5::before{content:"";width: 4px;height: 14px;background: #000;border-radius: 4px;left: 0;top: 8px}
.mainTop .topTab ul li .topBox .chartGrp > li figure h5 > span{letter-spacing:-2px;}
.mainTop .topTab ul li .topBox .chartGrp > li.ex figure h5::before{background: #4876ef;}
.mainTop .topTab ul li .topBox .chartGrp > li.im figure h5::before{background: #db2929;}
.mainTop .topTab ul li .topBox .chartGrp > li figure h5+span{display: inline-block;position: absolute;right: 0;top: 10px;}
.mainTop .topTab ul li .topBox .chartGrp > li figure .extra{display: none;position:absolute;height: 22px;line-height: 22px;text-align: center;color:#191919;font-size: 14px;font-weight:500;background: #d2d2fe;padding: 0 12px;border-radius: 11px;right: 0;top: 36px;}


.mainTop .topTab ul li .topBox .ex_imTab1{position: relative;z-index: 1;}
.mainTop .topTab ul li .topBox .ex_imTab1 ul{overflow: hidden;border-radius: 4px 4px 0 0;border: 1px solid #d5d5d5;border-width: 1px 1px 0px 1px;}
.mainTop .topTab ul li .topBox .ex_imTab1 ul li{width: 136px;line-height: 38px;text-align:center;color:#494949;font-size: 18px;font-weight: 600;letter-spacing: 5px;background: #fff;cursor:pointer;transition: .3s all}
.mainTop .topTab ul li .topBox .ex_imTab1 ul li:nth-child(1){/* margin: 0 10px 0 0; */}
.mainTop .topTab ul li .topBox .ex_imTab1 ul li.on:nth-child(1){background: #4876ef;}
.mainTop .topTab ul li .topBox .ex_imTab1 ul li.on:nth-child(2){background: #db2929;}
.mainTop .topTab ul li .topBox .ex_imTab1 ul li.on{color: #fff}

.mainTop .topTab ul li .topBox .unitWrap{position: absolute;width:100%;padding: 0 30px;top: 257px;left: 0;z-index: 0;}
.mainTop .topTab ul li .topBox .unitWrap .unit{font-size: 16px;float: right;}

.mainTop .topTab ul li .topBox .respon .ex_imTabBox1{width: 100%;height: 100%;}
.mainTop .topTab ul li .topBox .respon .ex_imTabBox1 > li{display: none;width:100%;height: 100%;}
.mainTop .topTab ul li .topBox .respon .ex_imTabBox1 > li.on{display: inline-block;}


.mainTop .topTab ul li .topBox .chartGrp > li #container1{height: 249px;}
.mainTop .topTab ul li .topBox .chartGrp > li #container2{height: 199px;}
.mainTop .topTab ul li .topBox .chartGrp > li #container3,
.mainTop .topTab ul li .topBox .chartGrp > li #container3_b,
.mainTop .topTab ul li .topBox .chartGrp > li #container4,
.mainTop .topTab ul li .topBox .chartGrp > li #container4_b{width:50%;height: 260px;}
.mainTop .topTab ul li .topBox .chartGrp > li #container5{height: 260px;}
.mainTop .topTab ul li .topBox .chartGrp > li #container5_b{height: 260px;}
.mainTop .topTab ul li .topBox .chartGrp > li #container6,
.mainTop .topTab ul li .topBox .chartGrp > li #container6_b{width: 400px;/* margin: 14px 0 0; */}


.chartGrp.fst .highcharts-data-label text{fill:#000; text-shadow: 1px 1px #fff, 1px -1px #fff, -1px -1px #fff, -1px 1px #fff}
.chartGrp.fst #container5 .highcharts-data-label text,
.chartGrp.fst #container5_b .highcharts-data-label text{fill:#000; text-shadow: 1px 1px #000, 1px -1px #000, -1px -1px #000, -1px 1px #000}
.chartGrp.scnd .highcharts-data-label text{fill:#000 !important; text-shadow: 1px 1px #fff, 1px -1px #fff, -1px -1px #fff, -1px 1px #fff}

.chartTab .highcharts-data-label text{fill:#fff; text-shadow: 1px 1px #fff, 1px -1px #fff, -1px -1px #fff, -1px 1px #fff}

.nationTable{width: 100%;height: 100%;}
.nationTable th,
.nationTable td{text-align: center;}
.nationTable thead{background: #707070;border: 1px solid #b7b7b7;}
.nationTable thead tr{}
.nationTable thead tr th{color:#fff;font-size:14px;padding: 9px 0;}
.nationTable tbody{}
.nationTable tbody tr{}
.nationTable tbody tr td{font-size: 14px;padding: 10px 0;border: 1px dashed #707070;border-width: 0 0 1px;}
.nationTable tbody tr td span{display: inline-block;position:relative;width: 100%;text-align: left;font-weight:500;padding: 0 0 0 80px;box-sizing: border-box;}
.nationTable tbody tr td:first-child span::before{content:"";width: 37px;height: 25px;top:50%;right: 94px;transform: translateY(-50%);}

.nationTable tbody tr td span.CN::before{background: url(../images/country1x1.png) no-repeat;} /* 중국 */
.nationTable tbody tr td span.US::before{background: url(../images/country2x1.png) no-repeat;} /* 미국 */
.nationTable tbody tr td span.VN::before{background: url(../images/country3x1.png) no-repeat;} /* 베트남 */
.nationTable tbody tr td span.EU::before{background: url(../images/country4x1.png) no-repeat;} /* 유럽연합 */
.nationTable tbody tr td span.JP::before{background: url(../images/country5x1.png) no-repeat;} /* 일본 */
.nationTable tbody tr td span.SA::before{background: url(../images/flag/CNTY_SA.png) no-repeat;} /* 사우디아라비아 */
.nationTable tbody tr td span.TW::before{background: url(../images/flag/CNTY_TW.png) no-repeat;} /* 대만 이미지추가필요*/
.nationTable tbody tr td span.RU::before{background: url(../images/flag/CNTY_RU.png) no-repeat;} /* 러시아 */
.nationTable tbody tr td span.MY::before{background: url(../images/flag/CNTY_MY.png) no-repeat;} /* 말레이시아 */
.nationTable tbody tr td span.SG::before{background: url(../images/flag/CNTY_SG.png) no-repeat;} /* 싱가포르 */
.nationTable tbody tr td span.IN::before{background: url(../images/flag/CNTY_IN.png) no-repeat;} /* 인도 */
.nationTable tbody tr td span.AU::before{background: url(../images/flag/CNTY_AU.png) no-repeat;} /* 호주 */
.nationTable tbody tr td span.HK::before{background: url(../images/flag/CNTY_HK.png) no-repeat;} /* 홍콩 이미지추가필요*/

.nationTable tbody tr td:last-child span::before{content:"";width: 10px;height: 7px;top:50%;left: 0;transform: translateY(-50%);}
.nationTable tbody tr td span.inc{display: inline-block;position: relative;width: auto;color:#dc143c;padding: 0 0 0 20px;}
.nationTable tbody tr td span.dec{display: inline-block;position: relative;width: auto;color:#4876ef;padding: 0 0 0 20px;}
.nationTable tbody tr td span.inc::before{background: url(../images/arrow_upx1_icon.png) no-repeat center;}
.nationTable tbody tr td span.dec::before{background: url(../images/arrow_downx1_icon.png) no-repeat center;}


.main .buttons {display: inline-block;text-align: left;margin: 0 0 16px;font-size: 0;}
.main .buttons button {cursor: pointer;border: 1px solid #b7b7b7;border-width: 1px 1px 1px 0;background-color: #fff;color: #666;font-size: 12px;padding: 2px 28px;letter-spacing: -.035em;transition-duration: 0.3s;margin: 0;}
.main .buttons button:first-child {border-radius: 5px 0 0 5px;border-width: 1px;}
.main .buttons button:last-child {border-radius: 0 5px 5px 0;}
.main .buttons button:hover {color: #000;background-color: #eee;outline: none;}
.main .buttons button.active {background-color: #4876ef;border: 1px solid #4876ef;color: #fff;}


/* 메인 중단 */
.mainMid{background: #e7effd;}
.mainMid .mainWrapper{width: 100%;padding: 0px calc((100% - 1440px)/2);}
.mainMid .midtabWrapper{width: 100%;}
.mainMid .midTab{width: 100%;}
.mainMid .midTab ul{width: 100%;}
.mainMid .midTab ul li{position:relative;width:calc(100% / 6);height:120px;background: #e7effd;}
.mainMid .midTab ul li::after{content:"";width: 2px;height: 32px;background:#ccc;top:50%;right:0;transform: translateY(-50%);}
.mainMid .midTab ul li:last-child{margin: 0;}
.mainMid .midTab ul li:last-child::after{display:none;}
.mainMid .midTab ul li.art1{}

.mainMid .midTab ul li a{width:100%;height:100%;text-align: center;padding: 36px 0;}
.mainMid .midTab ul li a span{display:inline-block;position:relative;width:auto;height:100%;line-height: 1.4;text-align:left;font-size: 16px;font-weight:400;box-sizing: border-box;padding: 0 0 0 82px;transition: .3s all;}
.mainMid .midTab ul li.on a span{color:#4876ef;}
.mainMid .midTab ul li a span::after{content:"";width:0;height:0;background: #2057c8;left:50%;transform: translateX(-50%);opacity: 0;transform-origin: center center;}
.mainMid .midTab ul li.on a span::after{animation: widing1 .6s ease-in normal 1 forwards;} 

@keyframes widing1 {
    0% {width: 4px;height: 4px;bottom: 15px;border-radius: 2px;opacity: .15;}
    40% {width: 4px;height: 4px;border-radius: 2px;transform: translateX(-50%) scale(1);bottom: -18px;opacity: 1;}
    70% {width: 4px;height: 4px;border-radius: 2px;transform: translateX(-50%) scale(2.5);bottom: -18px;opacity: 1;}
    80% {width: 2px;height: 2px;border-radius: 2px;transform: translateX(-50%) scale(1);bottom: -18px;opacity: 1;}
    100% {width: 100%;height: 2px;border-radius: 2px;transform: translateX(-50%) scale(1);bottom: -18px;opacity: 1;}
}

.mainMid .midTab ul li a span br{}

.mainMid .midTab ul li span::before{content:"";width: 68px;height: 62px;left: 0;top: 50%;transform: translateY(-50%);}
.mainMid .midTab ul li.art1 span::before{content:"";background: url(../images/lnk1x1_bg.png) no-repeat center; background-size: cover;}
.mainMid .midTab ul li.art2 span::before{content:"";background: url(../images/lnk2x1_bg.png) no-repeat center; background-size: cover;}
.mainMid .midTab ul li.art3 span::before{content:"";background: url(../images/lnk3x1_bg.png) no-repeat center; background-size: cover;}
.mainMid .midTab ul li.art4 span::before{content:"";background: url(../images/lnk4x1_bg.png) no-repeat center; background-size: cover;}
.mainMid .midTab ul li.art5 span::before{content:"";background: url(../images/lnk5x1_bg.png) no-repeat center; background-size: cover;}
.mainMid .midTab ul li.art6 span::before{content:"";background: url(../images/lnk6x1_bg.png) no-repeat center; background-size: cover;}



/* 메인 하단 */
.mainBttm{background: linear-gradient(#fff,#c7d1fc);}


/* 메인 하단 - 차트 */
.mainBttm .chartTab{position:relative;height: 771px;margin: 0 0 30px;}
.mainBttm .chartTab > .responWrap{display: none;}
.mainBttm .chartTab ul{}
.mainBttm .chartTab ul li{}
.mainBttm .chartTab ul li:last-child .tabHead{margin: 0;}
.mainBttm .chartTab ul li .tabHead{position:relative;width:342px;height: 233px;margin:0 24px 0 0;background: #fff;border:2px solid #4876ef;border-width:2px 2px 0px 2px;border-radius: 14px 14px 0 0;transform: scale(.98);transition: .3s all;transform-origin: center bottom;}
.mainBttm .chartTab ul li:first-child .tabHead{transform-origin: center bottom;}
.mainBttm .chartTab ul li:last-child .tabHead{transform-origin: center bottom;}
.mainBttm .chartTab ul li.on .tabHead{border-width: 3px 3px 0px 3px;z-index: 3;transform: scale(1);}

.mainBttm .chartTab ul li .tabHead a{width: 100%;height: 100%;}
.mainBttm .chartTab ul li .tabHead a.more{position:absolute;width: 34px;height: 34px;line-height: 26px;color: #8e8e93;font-size: 34px;text-align: center;right: 10px;top: 18px;z-index: 1;}

.mainBttm .chartTab ul li .tabHeadWrap{position:relative;width: 100%;height: 100%;padding: 22px 21px;}
.mainBttm .chartTab ul li .tabHeadWrap span{display: inline-block;position:relative;width: 100%;font-size: 18px;font-weight: 500;}
.mainBttm .chartTab ul li .tabHeadWrap > span{box-sizing: border-box;padding: 0 0 0 14px;margin: 0 0 8px;}
.mainBttm .chartTab ul li .tabHeadWrap > span::before{content:"";width: 4px;height: 14px;background: #000;border-radius: 4px;left: 0;top: 7px}
.mainBttm .chartTab ul li .tabHeadWrap > span b{color: #4876ef;font-size: inherit; font-weight: 500;}
.mainBttm .chartTab ul li .tabHeadWrap .objBox{position:relative;width: 100%;}
.mainBttm .chartTab ul li .tabHeadWrap > span > i{margin: 14px 0 0 45px;}
.mainBttm .chartTab ul li .tabHeadWrap i{display: inline-block;position: relative;float: right;font-style:normal;padding: 0 0 0 46px;margin: 14px 0 0;background: transparent;}
.mainBttm .chartTab ul li .tabHeadWrap i::before{content:"";width: 35px;height: 22px;top:-1px;left: 0;background-size: cover !important;}
.mainBttm .chartTab ul li .tabHeadWrap i.CNTY_US::before{background: url(../images/country2x1.png) no-repeat center;}
.mainBttm .chartTab ul li .tabHeadWrap i.CNTY_CN::before{background: url(../images/country1x1.png) no-repeat center;}
.mainBttm .chartTab ul li .tabHeadWrap i.CNTY_VN::before{background: url(../images/country3x1.png) no-repeat center;}
.mainBttm .chartTab ul li .tabHeadWrap i.CNTY_EU::before{background: url(../images/country4x1.png) no-repeat center;}
.mainBttm .chartTab ul li .tabHeadWrap i.CNTY_JP::before{background: url(../images/country5x1.png) no-repeat center;}

.mainBttm .chartTab ul li .tabHeadWrap .objBox .artObj{position: absolute;width: 111px;height: 61px;top:-10px;left:0;}

.mainBttm .chartTab ul li .tabHeadWrap .objBox .artObj.farm{background: url(../images/tab_btn1x1.png) no-repeat center;background-size: contain;}
.mainBttm .chartTab ul li .tabHeadWrap .objBox .artObj.plane{background: url(../images/tab_btn2x1.png) no-repeat center;background-size: contain;}
.mainBttm .chartTab ul li .tabHeadWrap .objBox .artObj.ship{background: url(../images/tab_btn3x1.png) no-repeat center;background-size: contain;}
.mainBttm .chartTab ul li .tabHeadWrap .objBox .artObj.oil{background: url(../images/tab_btn4x1.png) no-repeat center;background-size: contain;}

.mainBttm .chartTab ul li .tabHeadWrap .objBox > span{text-align: right;font-size: 40px;box-sizing: border-box;}
.mainBttm .chartTab ul li .tabHeadWrap .objBox .artObj+span{height: 50px;font-weight: 600;padding: 0;margin: 0 0 16px;}
.mainBttm .chartTab ul li .tabHeadWrap .objBox .artObj+span br{display: none;}
/* .mainBttm .chartTab ul li .tabHeadWrap .objBox .artObj+span::after{content:"";width:27px;height:18px;right: 0;bottom: 1px;} */
.mainBttm .chartTab ul li .tabHeadWrap .objBox .crrncy b{color: inherit;font-size: 20px;margin: 0 0 0 4px;}
.mainBttm .chartTab ul li .tabHeadWrap .objBox .costUp{color:#dc143c;}
.mainBttm .chartTab ul li .tabHeadWrap .objBox .costDown{color: #4876ef}



.mainBttm .chartTab ul li .tabHeadWrap .objBox .costTxt{width: 100%;line-height: 1;text-align: center;font-size: 18px;font-weight: 400;
padding: 15px 0;border-radius: 4px;transition: .3s all;}
.mainBttm .chartTab ul li .tabHeadWrap .objBox .costTxt i{position:relative;display:inline-block;float: none;font-size: inherit;font-style: normal;font-weight:600;padding: 0 0 0 23px;margin: 0;}
.mainBttm .chartTab ul li .tabHeadWrap .objBox .costTxt i::before{display: none;}
.mainBttm .chartTab ul li .tabHeadWrap .objBox .costTxt i::after{content:"";width: 20px;height: 13px;left: 0;bottom: 5px;}
.mainBttm .chartTab ul li .tabHeadWrap .objBox .costUp+.costTxt i::after{background: url(../images/arrow_upL1x2_bg.png) no-repeat center;background-size: contain;}
.mainBttm .chartTab ul li .tabHeadWrap .objBox .costDown+.costTxt i::after{background: url(../images/arrow_downL1x2_bg.png) no-repeat center;background-size: contain;}
.mainBttm .chartTab ul li:hover .tabHeadWrap .objBox .costUp+.costTxt i::after{animation: costUps .6s infinite ease-in;}
.mainBttm .chartTab ul li:hover .tabHeadWrap .objBox .costDown+.costTxt i::after{animation: costDowns .6s infinite ease-in;}

/* 메인 이미지다운로드 스타일*/

#imgDownDiv{width: 570px;height: auto;padding: 0 16px;box-sizing: border-box;}
#imgDownDiv .chartGrp > li{width: 100%;}

#imgDownDiv > p{display:inline-block;width: 100%;font-weight: 500;letter-spacing: -1px;margin: 0 0 6px;}
#imgDownDiv > p b{display: inline-block; position: relative;font-size: 22px;font-weight: 600;letter-spacing: inherit;padding:0 0 0 32px;}
#imgDownDiv > p b::before{content:"";width: 20px;height: 22px;background: url(../images/cal_icon.png) no-repeat center;left: 0;top: 7px}

#imgDownDiv ul.topWrap{width: 100%;margin: 0 0 20px;}
#imgDownDiv ul.topWrap > li{width: 100%;height: 131px;overflow:hidden;border-radius: 10px;}
#imgDownDiv ul.topWrap > li:first-child{margin: 0 0 10px;}

#imgDownDiv ul.topWrap .im{border: 1px solid #aed5ff;}
#imgDownDiv ul.topWrap .ex{border: 1px solid #ffabdb;}

#imgDownDiv ul.topWrap .illuBox{width: 170px;height: 100%;}
#imgDownDiv ul.topWrap.definitStat .im .illuBox{background: url(../images/im_illu_bg1.jpg) no-repeat center;background-size: 90px;}
#imgDownDiv ul.topWrap.definitStat .ex .illuBox{background: url(../images/ex_illu_bg1.jpg) no-repeat center;background-size: 90px;}
#imgDownDiv ul.topWrap.provisStat .im .illuBox{background: url(../images/im_illu_bg2.jpg) no-repeat center;background-size: 90px;}
#imgDownDiv ul.topWrap.provisStat .ex .illuBox{background: url(../images/ex_illu_bg2.jpg) no-repeat center;background-size: 90px;}
#imgDownDiv ul.topWrap .im .txtBox{background: #eef1fe;}
#imgDownDiv ul.topWrap .ex .txtBox{background: #feeeee;}
#imgDownDiv ul.topWrap .txtBox{width: calc(100% - 170px);height: 100%;padding: 25px 30px;box-sizing: border-box;}
#imgDownDiv ul.topWrap .txtBox strong{display: block;line-height:1.2;font-size: 26px;font-weight: 600;margin: 0 0 10px;}
#imgDownDiv ul.topWrap .txtBox p{line-height:1.2;color:#494949;font-size: 20px;font-weight: 500;}


#imgDownDiv .exColor{color:#4876ef;line-height:inherit;font-style:normal;font-weight: inherit;font-size: inherit;}
#imgDownDiv .imColor{color:#dc143c;line-height:inherit;font-style:normal;font-weight: inherit;font-size: inherit;}

#imgDownDiv .responWrap{border: 1px solid #d5d5d5}
#imgDownDiv .topTab > ul > li:nth-child(2) > .topBox .responWrap{border: 0;}
#imgDownDiv .respon{width: 100%;height: 100%;padding: 16px;}
#imgDownDiv .chartGrp{justify-content:center;}
#imgDownDiv .chartGrp.fst{/* padding: 0 42px; */}
#imgDownDiv .chartGrp.scnd{/* padding: 0 108px; */}
#imgDownDiv .chartGrp > li{width: 100%;}

#imgDownDiv .chartGrp.fst > li{width: 100%;margin: 0 0 12px;}
#imgDownDiv .chartGrp.fst > li:last-child{margin: 0;padding: 0;}

#imgDownDiv .chartGrp.scnd > li{width: 100%;height: 100%;}
#imgDownDiv .chartGrp.scnd > li:nth-child(1){margin: 0 0 12px;}
#imgDownDiv .chartGrp.scnd > li:nth-child(2){padding: 0;}


#imgDownDiv .chartGrp > li figure{position:relative;display: inline-block;width: 100%;height: 100%;}
#imgDownDiv .chartGrp > li figure > div{width: 100%;}

#imgDownDiv .chartGrp > li figure h5{display: inline-block;position:relative;float: left;font-size: 20px;font-weight:500;padding: 0 0 0 14px;margin: 0 0 16px;box-sizing: border-box;}
#imgDownDiv .chartGrp > li figure h5::before{content:"";width: 4px;height: 14px;background: #000;border-radius: 4px;left: 0;top: 8px}
#imgDownDiv .chartGrp > li figure h5 > span{letter-spacing:-2px;}
#imgDownDiv .exTab .chartGrp > li figure h5::before{background: #4876ef;}
#imgDownDiv .imTab .chartGrp > li figure h5::before{background: #db2929;}

#imgDownDiv figure .twoColor{display:inline-block;position:absolute;height: 21px;top: 36px;right: 0;}
#imgDownDiv figure .twoColor span{display:inline-block;position:relative;text-align:left;color:#000;font-size: 14px;padding: 0 0 0 20px;}
#imgDownDiv figure .twoColor span:nth-child(1){margin: 0 28px 0 0;}
#imgDownDiv figure .twoColor span:nth-child(2){}

#imgDownDiv figure .twoColor span::before{content:"";width: 15px;height: 15px;box-sizing: border-box;border-radius: 2px;left: 0;top: 3px;}
#imgDownDiv figure .twoColor span.exColor::before{background: #4876ef;}
#imgDownDiv figure .twoColor span.imColor::before{background: #dc143c;}
#imgDownDiv figure .twoColor span.gray::before{background: #8e8e93;}
#imgDownDiv figure .twoColor span.gray1::before{background: #c6d0fc;}
#imgDownDiv figure .twoColor span.gray2::before{background: #ffb6c1;}

#imgDownDiv figure .twoColor.t1 span::before{background: #fff;border-radius: 100%;}
#imgDownDiv figure .twoColor.t1 span.exColor::before{border: 3px solid #4876ef}
#imgDownDiv figure .twoColor.t1 span.imColor::before{border: 3px solid #dc143c}

#imgDownDiv figure .twoColor.t2 span::before{border-radius: 100%;}
#imgDownDiv figure .twoColor.t2 span.exColor::before{}
#imgDownDiv figure .twoColor.t2 span.imColor::before{}


#imgDownDiv figure .dollar{position:relative;width: 100%;padding: 0 20px;margin: 10px 0 0;}
#imgDownDiv figure .dollar::after{content:'';width: 2px;height: 32px;background: #707070;top:55%;left:50%;transform: translate(-50%,-50%) rotate(20deg);}
#imgDownDiv figure .dollar li{width:50%;letter-spacing: -1px;text-align: center;font-size: 20px;font-weight: 600;}
#imgDownDiv figure .dollar li strong{font-size: 26px;font-weight: 600;}
#imgDownDiv figure .dollar li span{font-size: inherit;font-weight: inherit;}
#imgDownDiv figure .dollar li .exColor{color:#4876ef;}
#imgDownDiv figure .dollar li .imColor{color:#dc143c;}


#iDV #container20 .highcharts-data-label text,
#iDV #container21 .highcharts-data-label text{text-shadow: 1px 1px #fff, 1px -1px #fff, -1px -1px #fff, -1px 1px #fff !important;}
#iDV #container22 .highcharts-data-label text{fill: #fff !important; text-shadow: 1px 1px #000, 1px -1px #000, -1px -1px #000, -1px 1px #000 !important;}
#iDV #container25 .highcharts-data-label text{fill: #000 !important; text-shadow: 1px 1px #fff, 1px -1px #fff, -1px -1px #fff, -1px 1px #fff !important;}

#imgDownDiv #container19{opacity: 0;margin-top: -100vh;}
#imgDownDiv #container20,
#imgDownDiv #container21,
#imgDownDiv #container20_b,
#imgDownDiv #container21_b{height: 300px;}

#imgDownDiv #container24,
#imgDownDiv #container25{height: 300px;}

#imgDownDiv .nationTable{width: 100%;}
#imgDownDiv .nationTable tbody tr td span{width: auto;padding: 0 0 0 50%;}
#imgDownDiv .nationTable tbody tr td:last-child span{padding: 0 0 0 14px;}
#imgDownDiv .nationTable tbody tr td:first-child span{width:100%;text-align: left !important;}
#imgDownDiv .nationTable tbody tr td:first-child span::before{right: calc(50% + 8px);}



@keyframes costUps {
    0%{bottom: 5px;}
    50%{bottom: 12px;}
    100%{bottom: 5px;}
}

@keyframes costDowns {
    0%{bottom: 5px;}
    50%{bottom: -2px;}
    100%{bottom: 5px;}
}


.mainBttm .chartTab > ul > li a:hover .tabHeadWrap .objBox .costTxt{transform: translate(0, -6px);}
.mainBttm .chartTab ul li .tabHeadWrap .objBox .costUp+span{background: #ffb6c1;}
.mainBttm .chartTab ul li .tabHeadWrap .objBox .costDown+span{background: #c6d0fc;}

.mainBttm .chartTab ul li .tabBody{position:absolute;width:100%;height: calc(100% - 233px);border:3px solid #4876ef;background: #fff;padding: 63px 30px 30px;border-radius: 0 0 10px 10px;top:230px;left:0;z-index: 1;}
.mainBttm .chartTab ul li.on .tabBody{z-index: 2;}
.mainBttm .chartTab ul li .tabBody > .tabinMid{position: absolute;display:table;min-height: 32px;font-size:16px;padding: 5px 0 5px 64px;background: url(../images/tabbody_p_bg.png) no-repeat left center;box-sizing: border-box;top: 28px;}
.mainBttm .chartTab ul li .tabBody > .tabinMid p{display: table-cell;font-size: inherit;vertical-align: middle;}
.mainBttm .chartTab ul li .tabBody > .tabinMid.ex_im3 p.on{display: inline-block;}
.mainBttm .chartTab ul li .tabBody > .tabinMid.ex_im3 p{display: none;}
.mainBttm .chartTab ul li .tabBody > .tabinMid p i{font-style: normal;font-size: inherit;}
.mainBttm .chartTab ul li .tabBody > .tabinMid p .red{color: #dc143c;}
.mainBttm .chartTab ul li .tabBody > .tabinMid p .blue{color: #3865dc;}
.mainBttm .chartTab ul li .tabBody > .tabinMid p b{font-size: inherit;}
.mainBttm .chartTab ul li .tabBody > .tabinMid p span{color: #4876ef;font-size: inherit;}
.mainBttm .chartTab ul li .tabBody > .tabinMid p span:nth-of-type(2){color: #9312c1;}

.mainBttm .chartTab ul li .tabBody .gijun{display: inline-block;position: absolute;color:#4876ef;font-size:15px;font-weight: 500;top:20px;left: 32px;}
.mainBttm .chartTab ul li .tabBody .moreInfo{position: absolute;top: 16px;right: 32px;}
.mainBttm .chartTab ul li .tabBody .moreInfo a{position:relative;width:80px;line-height:30px;text-align:center;color:#fff;padding:0 20px 0 0;background: #666;box-sizing:border-box;border-radius: 4px;}
.mainBttm .chartTab ul li .tabBody .moreInfo a::after{content:"";width: 12px;height: 12px;background: url(../images/more_icon.png) no-repeat center;top:9px;right: 10px;}

.mainBttm .chartTab ul li .tabBody .tabSbject{position:relative;width:calc(100% - 114px);min-height:86px;line-height:1.5;font-size: 24px;font-weight:500;padding: 8px 0 10px 116px;margin: 0 0 32px;box-sizing: border-box;}
.mainBttm .chartTab ul li .tabBody .tabSbject::before{content:"";width:86px;height:86px;background: #c6d0fc url(../images/column_chartx1_bg.png) no-repeat center;border-radius: 100%;top:0;left:0;}
.mainBttm .chartTab ul li .tabBody .tabSbject br{}
.mainBttm .chartTab ul li .tabBody .tabSbject span{color: #3865dc;font-size: inherit;font-weight:inherit}
.mainBttm .chartTab ul li .tabBody .arrwBox{display:none;position:absolute;width: 94px;height: 48px;overflow:hidden;border-radius: 8px;right: 30px;top: 30px;}
.mainBttm .chartTab ul li .tabBody .arrwBox.bigchart3{display: inline-block;}
.mainBttm .chartTab ul li .tabBody .arrwBox a{position:relative;width:47px;height:100%;font-size: 0;background: #e2ecfe;transition: .3s all;}
.mainBttm .chartTab ul li .tabBody .arrwBox a:hover{background: #4876ef;}
.mainBttm .chartTab ul li .tabBody .arrwBox a::before{content:"";width: 8px;height: 14px;background: url(../images/arrwBox_icon.png) no-repeat center;top:50%;left:50%;transform: translate(-50%,-50%);transition: .3s all}
.mainBttm .chartTab ul li .tabBody .arrwBox a:hover::before{background:  url(../images/arrwBox2_icon.png) no-repeat center;}
.mainBttm .chartTab ul li .tabBody .arrwBox a:nth-child(2)::before{transform: translate(-50%,-50%) rotate(180deg);}
.ex_imTabX,
.ex_imTab3,
.ex_imTab4{position: absolute;right: 122px;top: 16px;}
.ex_imTabX ul,
.ex_imTab3 ul,
.ex_imTab4 ul{}
.ex_imTabX ul li,
.ex_imTab3 ul li,
.ex_imTab4 ul li{width:57px;line-height:30px;text-align:center;color:#fff;font-size:14px;background: #666;border-radius:4px;cursor:pointer;transition: .3s all}
.ex_imTabX ul li:nth-child(1),
.ex_imTab3 ul li:nth-child(1),
.ex_imTab4 ul li:nth-child(1){margin: 0 10px 0 0;}
.ex_imTabX ul li.on:nth-child(1),
.ex_imTab3 ul li.on:nth-child(1),
.ex_imTab4 ul li.on:nth-child(1){background: #4876ef;}
.ex_imTabX ul li.on:nth-child(2),
.ex_imTab3 ul li.on:nth-child(2),
.ex_imTab4 ul li.on:nth-child(2){background: #dc143c;}

.ex_imTabBox3{width: 100%;height: 100%;}
.con_container.main .ex_imTabBox3 > li{display: none;}
.con_container.main .ex_imTabBox3 > li.on{display: inline-block;}

.mainBttm .chartTab ul li .tabBody .chartBox{width: 100%;}
.mainBttm .chartTab ul li .tabBody .chartBox figure{display:inline-block;position:relative;width: calc((100% - 24px)/2);height: 438px;float: left;background: #eef1fe;padding: 23px 32px 21px;box-sizing:border-box;border-radius: 8px;}
.ex_imTabBox3::-webkit-scrollbar{display: none;}
.mainBttm .chartTab ul li .tabBody .chartBox figure:first-child{margin: 0 24px 0 0;}
.mainBttm .chartTab ul li .tabBody .bigchart3 .chartBox figure{margin: 0 0;}
.mainBttm .chartTab ul li .tabBody .chartBox.swiper-wrapper{width: max-content;}
.mainBttm .chartTab ul li .tabBody .chartBox figure *{float: left;}
.mainBttm .chartTab ul li .tabBody .chartBox figure > strong{display:inline-block;position:relative;width: 100%;font-size: 19px;font-weight:500;box-sizing: border-box;padding: 0 0 0 14px;margin: 0 0 80px;}
.mainBttm .chartTab ul li .tabBody .bigchart4 .chartBox figure > strong{margin: 0 0 30px;}
.mainBttm .chartTab ul li .tabBody .chartBox figure > strong::before{content:"";width: 4px;height: 14px;background: #4876ef;border-radius: 4px;left: 0;top: 7px}
.mainBttm .chartTab ul li .tabBody .chartBox figure > span{display: inline-block;position: absolute;font-size:15px;top: 72px;left: 42px;}
.mainBttm .chartTab ul li .tabBody .chartBox figure > span.floating{left: unset;right: 32px;top: 101px;}
.mainBttm .chartTab ul li .tabBody .chartBox figure .circles{width: 56px;height: 56px;line-height: 56px;text-align: center;color:#fff;font-size:20px;font-weight:500;border-radius: 100%;left: unset;right:26px;top: 18px;}
.mainBttm .chartTab ul li .tabBody .chartBox figure .circles.import{background: #dc143c;}
.mainBttm .chartTab ul li .tabBody .chartBox figure .circles.export{background: #3865dc;}
.mainBttm .chartTab figure .chartThing{width: 611px;height: 295px;}
.mainBttm .chartTab .bigchart4 figure .chartThing{height: 345px;}

.mkr{position:absolute;width: 15px;height: 15px;background: #fff;border-radius: 100%;box-sizing: border-box;top:14px;left: 50%;transform: translateX(-50%);}
.mkr.m1{border:3px solid #0d12ae;}
.mkr.m2{border:3px solid #8a09a2;}

.mainBttm .chartTab ul li .tabBody .chartBox figure > strong > span{font-size: inherit;font-weight: inherit;float: unset;}
.mainBttm .chartTab ul li .tabBody .chartBox figure > strong .exColor{color:#3865dc}
.mainBttm .chartTab ul li .tabBody .chartBox figure > strong .imColor{color:#dc143c}

.highcharts-label.highcharts-series-label{display: none}

.mainBttm .chartTab ul li .tabBody .bigchart1 .chartBox .big1arrw{position:absolute;width:61px;border-radius: 4px;overflow: hidden;right: 32px;}
.mainBttm .chartTab ul li .tabBody .bigchart1 .chartBox .big1arrw li{width:30px;height:30px;font-size: 0;background: #8e8e93 url(../images/leftx1_icon.png) no-repeat center;cursor: pointer;}
.mainBttm .chartTab ul li .tabBody .bigchart1 .chartBox .big1arrw li:first-child{margin: 0 1px 0 0;}
.mainBttm .chartTab ul li .tabBody .bigchart1 .chartBox .big1arrw li:nth-child(2){transform: rotate(180deg);}
.mainBttm .chartTab ul li .tabBody .bigchart1 .chartBox .big1SlideWrap{width: 100%;overflow: hidden;}
.mainBttm .chartTab ul li .tabBody .bigchart1 .chartBox .big1Slide{position:relative;width: calc(200% + 10px);transition: .3s all;}
.mainBttm .chartTab ul li .tabBody .bigchart1 .chartBox .big1Slide::-webkit-scrollbar{display: none;}
.mainBttm .chartTab ul li .tabBody .bigchart1 .chartBox .big1Slide.next{transform: translateX(calc(-50% - 10px));}
.mainBttm .chartTab ul li .tabBody .bigchart1 .chartBox .big1Slide > li{width: calc((100% - 10px)/2);}
.mainBttm .chartTab ul li .tabBody .bigchart1 .chartBox .big1Slide > li:first-child{margin: 0 10px 0 0;}


.mainBttm .chartTab ul li .tabBody .chartBox figure .course{position:absolute;height: 40px;left: 32px;top: 90px;}
.mainBttm .chartTab ul li .tabBody .chartBox figure .course strong{height: 40px;line-height: 40px;text-align: center;color:#fff;font-size:20px;padding: 0 24px;border-radius: 4px;margin: 0 20px 0 0;}
.mainBttm .chartTab ul li .tabBody .chartBox figure .course.long strong{background: #4876ef;}
.mainBttm .chartTab ul li .tabBody .chartBox figure .course.shrt strong{background: #9312c1;}

.mainBttm .chartTab ul li .tabBody .chartBox figure .course p{display:inline-block;font-size:16px;font-weight:500;padding: 9px 0 0;}
.mainBttm .chartTab ul li .tabBody .chartBox figure .course p span{color:#4876ef;font-size: inherit;font-weight:inherit;float: none;}

.mainBttm .chartTab ul li .tabBody .swiper-pagination{position: absolute;width:auto;bottom:-25px;left:50%;transform: translateX(-50%);}

/* 메인 하단 - 게시판,관세환율 */
.mainBttm .bttmInfo{height: 338px;}
.mainBttm .bttmInfo > div{width: calc((100% - 22px)/2);height: 100%;overflow:hidden;background: #fff;border-radius: 10px;}
.mainBttm .bttmInfo .bdboxWrap{margin: 0 22px 0 0;}
.mainBttm .bttmInfo .bdboxWrap .bdTab{width: 100%;}
.mainBttm .bttmInfo .bdboxWrap .bdTab ul{position: relative;width:100%;height: 50px;}
.mainBttm .bttmInfo .bdboxWrap .bdTab ul li{position:relative;width: calc((100% - 52px)/4);background:#494c5a;/* border-right: 1px solid #fff; */transition: .3s all;z-index:1;}
.mainBttm .bttmInfo .bdboxWrap .bdTab ul li.more{width: 52px;/* background: #818181; */}
.mainBttm .bttmInfo .bdboxWrap .bdTab ul li.all.on ~ li.more{pointer-events: none;}
.mainBttm .bttmInfo .bdboxWrap .bdTab ul li.all.on ~ li.more a{color:#818181;pointer-events: none;}
.mainBttm .bttmInfo .bdboxWrap .bdTab ul li:last-child{border-right:none;float: right;}
.mainBttm .bttmInfo .bdboxWrap .bdTab ul li:hover{background: #4961a5;}
.mainBttm .bttmInfo .bdboxWrap .bdTab ul li.on{background: #4876ef;}
.mainBttm .bttmInfo .bdboxWrap .bdTab ul li a{width: 100%;height: 100%;line-height: 50px;text-align: center;color:#fff;font-size: 16px;font-weight: 500;transition: .3s all;}
.mainBttm .bttmInfo .bdboxWrap .bdTab ul li.more a{height: 50px;line-height:44px;font-size:34px;}

.mainBttm .bttmInfo .bdboxWrap .bdBox{width:100%;background: #fff;}
.mainBttm .bttmInfo .bdboxWrap .bdBox ul{padding: 24px 36px;}
.mainBttm .bttmInfo .bdboxWrap .bdBox ul li{width: 100%;height: 33px;line-height: 30px;margin: 0 0 8px;}
.mainBttm .bttmInfo .bdboxWrap .bdBox ul li:last-child{margin: 0;}
.mainBttm .bttmInfo .bdboxWrap .bdBox ul li a{line-height: inherit;float:left;}
.mainBttm .bttmInfo .bdboxWrap .bdBox ul li a.cate{width: 60px;height: 30px;text-align:center;color:#fff;margin:0 30px 0 0;border-radius: 15px;}

.mainBttm .bttmInfo .bdboxWrap .bdBox ul li.rept a.cate{background: #29cb97;}
.mainBttm .bttmInfo .bdboxWrap .bdBox ul li.ntic a.cate{background: #09b7e3;}
.mainBttm .bttmInfo .bdboxWrap .bdBox ul li.prio a.cate{background: #1c83de;}

.mainBttm .bttmInfo .bdboxWrap .bdBox ul li a.cate+a{width: calc(100% - 198px);height: inherit;overflow: hidden;font-size: 15px;text-overflow: ellipsis;white-space: nowrap;margin: 0 40px 0 0;}
.mainBttm .bttmInfo .bdboxWrap .bdBox ul li a.cate+a+span{width: 68px;display:inline-block;font-size: 14px;line-height: inherit;float: right;}

.mainBttm .bttmInfo .exchangeInfo{overflow:hidden;border-radius: 8px;}
.mainBttm .bttmInfo .exchangeInfo .exchanHead{position:relative;width: 100%;height: 50px;line-height: 50px;background: #003d98;}
.mainBttm .bttmInfo .exchangeInfo .exchanHead p{display: inline-block;width: 100%;line-height: 50px;color: #fff;font-size:16px;font-weight:500;padding: 0 48px;box-sizing: border-box;}
.mainBttm .bttmInfo .exchangeInfo .exchanHead p *{line-height:inherit;}
.mainBttm .bttmInfo .exchangeInfo .exchanHead p strong{float: left;color: inherit;font-size:inherit;font-weight:inherit;}
.mainBttm .bttmInfo .exchangeInfo .exchanHead p span{float: right;color: inherit;font-size:14px;font-weight: 300;/* font-weight:inherit; */}
.mainBttm .bttmInfo .exchangeInfo .exchanHead .moreInfo{position: absolute;top: 0;right: 0;z-index: 1;}
.mainBttm .bttmInfo .exchangeInfo .exchanHead .moreInfo a{position:relative;width:52px;height: 50px;line-height: 42px;font-size: 34px;text-align:center;color:#fff;padding: 0;box-sizing:border-box;border-radius: 4px;}


.mainBttm .bttmInfo .exchangeInfo ul{position:relative;width: 100%;height: calc(100% - 50px);padding: 15px 27px;box-sizing: border-box;}
.mainBttm .bttmInfo .exchangeInfo ul::before,
.mainBttm .bttmInfo .exchangeInfo ul::after{content:"";}
.mainBttm .bttmInfo .exchangeInfo ul::before{width: 1px;height: calc(100% - 30px);border-left: 1px dashed #929292;top:50%;left:50%;transform: translate(-50%, -50%);}
.mainBttm .bttmInfo .exchangeInfo ul::after{width: calc(100% - 60px);height: 1px;border-top: 1px dashed #929292;top:50%;left:50%;transform: translate(-50%, -50%);}
.mainBttm .bttmInfo .exchangeInfo ul li{position:relative;width: 50%;height: 50%;padding: 20px 36px; box-sizing: border-box;}
.mainBttm .bttmInfo .exchangeInfo ul li .flags{position:absolute;width: 68px;height: 44px;bottom: 20px;left:36px;}

.mainBttm .bttmInfo .exchangeInfo ul li .flags.CNTY_USD{background: url(../images/country2x2.png) no-repeat center;background-size: contain;}
.mainBttm .bttmInfo .exchangeInfo ul li .flags.CNTY_JPY{background: url(../images/country5x2.png) no-repeat center;background-size: contain;}
.mainBttm .bttmInfo .exchangeInfo ul li .flags.CNTY_EUR{background: url(../images/country4x2.png) no-repeat center;background-size: contain;}
.mainBttm .bttmInfo .exchangeInfo ul li .flags.CNTY_CNY{background: url(../images/country1x2.png) no-repeat center;background-size: contain;}


.mainBttm .bttmInfo .exchangeInfo ul li > p{display:inline-block;width:100%;float: left;margin: 0 0 14px;}
.mainBttm .bttmInfo .exchangeInfo ul li > p strong{display:inline-block;height: 28px;line-height: 28px;color: #4876ef;font-size:14px;font-weight:600;margin: 0 24px 0 0}
.mainBttm .bttmInfo .exchangeInfo ul li > p span{display: inline-block;width:65px;height: 28px;line-height: 28px;color: #4876ef;text-align:center;border-radius: 14px;border:1px solid #4876ef;box-sizing: border-box;}
.mainBttm .bttmInfo .exchangeInfo ul li .exchanTxt{position:absolute;width: 100%;height: 26px;line-height: 26px;left: 0;bottom: 30px;}
.mainBttm .bttmInfo .exchangeInfo ul li .export{}
.mainBttm .bttmInfo .exchangeInfo ul li .import{}
.mainBttm .bttmInfo .exchangeInfo ul li .exchanTxt *{display:inline-block;height: inherit;line-height: inherit;text-align: center;}
.mainBttm .bttmInfo .exchangeInfo ul li .exchanTxt span{position:absolute;min-width: 60px;color:#fff;border-radius: 4px;left: 0;top:0;}
.mainBttm .bttmInfo .exchangeInfo ul li .export span{background: #4876ef;}
.mainBttm .bttmInfo .exchangeInfo ul li .import span{background: #dc143c;}
.mainBttm .bttmInfo .exchangeInfo ul li .exchanTxt p{width: 100%;line-height: inherit;font-size: 20px;text-align: center;font-weight: 500;}
.mainBttm .bttmInfo .exchangeInfo ul li .exchanTxt+.icdcValWrap{position:absolute;width: 78px;height: 40px;text-align:center;border-radius: 8px;padding:0 5px;box-sizing:border-box;right: 36px;bottom: 20px;}
.mainBttm .bttmInfo .exchangeInfo ul li .export+.icdcValWrap{background: #ffb6c1;}
.mainBttm .bttmInfo .exchangeInfo ul li .import+.icdcValWrap{background: #c6d0fc;}
.mainBttm .bttmInfo .exchangeInfo ul li .nochange+.icdcValWrap{background: #ddd;}
.mainBttm .bttmInfo .exchangeInfo ul li .exchanTxt+.icdcValWrap b{display: inline-block;position:relative;line-height: 40px;font-size: 14px;font-weight: 500;padding: 0 0 0 20px;}

.mainBttm .bttmInfo .exchangeInfo ul li .exchanTxt+.icdcValWrap b::before{content:"";width: 15px;height: 10px;top: 50%;left: 0;transform: translateY(-50%);}
.mainBttm .bttmInfo .exchangeInfo ul li .export+.icdcValWrap b::before{background: url(../images/arrow_upL1x1_icon.png) no-repeat center;background-size: cover;}
.mainBttm .bttmInfo .exchangeInfo ul li .import+.icdcValWrap b::before{background: url(../images/arrow_downL1x1_icon.png) no-repeat center;background-size: cover;}


/* 퀵메뉴 */
.con_container.main .quickWrap{position:absolute;width: 1440px;height: 0;top: 54px;left:50%;transform: translateX(-50%);z-index: 2;}
.con_container.main .quickWrap .quickMenu{position:absolute;width:90px;height: 361px;top: 0;right:-133px;}
.quickMenu .quickSide{position:absolute;overflow:hidden;background: #00223f;padding:20px 3px;border-radius:6px 0 0 6px;top:0;left: -27px;writing-mode: tb;}
.quickMenu .quickSide span{line-height:1;color:#fff;}
.quickMenu .quickSide span.mobile_Q{display:none;}
.quickMenu .quickTab{width: 100%;height: 100%;}
.quickMenu .quickTab > ul{height: 100%;/*overflow:hidden;*/background: #fff;padding: 0 0 14px 0;border:1px solid #d7debc;border-radius: 0 8px 8px 8px;box-shadow: 1px 1px 4px rgb(0 0 0 / 20%);}
.quickMenu .quickTab > ul > li{position: relative;width: 100%;height: 25%;}

.quickMenu .quickTab  > ul > li::after{content:"";width:0px;height:0px;background: #00223f;left:50%;transform: translateX(-50%);opacity: 0;transform-origin: center center;}
.quickMenu .quickTab  > ul > li.on::after{animation: widing2 .6s ease-in normal 1 forwards;bottom: 0px;}

.quickMenu .quickTab .quickLink{display:none;position: absolute;width: 100%;height: 274px;background: #fff;border: 1px solid #d5d5d5;border-width: 1px 0 1px 0;border-radius: 0 0 0 8px;top:100%;left: 0;z-index: 1;}
.quickMenu .quickTab .quickLink.on{display: inline-block;}
.quickMenu .quickTab .quickLink ul{width: 100%;height: 100%;}
.quickMenu .quickTab .quickLink ul li{width: 100%;height: 33.333%;border: 1px solid #d5d5d5;border-width: 0 0 1px 0;}
.quickMenu .quickTab .quickLink ul li:last-child{border-width: 0;}
.quickMenu .quickTab .quickLink ul li a{display:table;width:100%;height:100%;text-align: center;padding: 0 2px;}
.quickMenu .quickTab .quickLink ul li a span{display: table-cell;color: #20429f;font-size: 14px;vertical-align:middle;}

@keyframes widing2 {
    0% {width: 4px;height: 4px;bottom: 8px;border-radius: 2px;opacity: .15;}
    40% {width: 4px;height: 4px;border-radius: 2px;transform: translateX(-50%) scale(1);bottom: 4px;opacity: 1;}
    70% {width: 4px;height: 4px;border-radius: 2px;transform: translateX(-50%) scale(2.5);bottom: 4px;opacity: 1;}
    80% {width: 2px;height: 2px;border-radius: 2px;transform: translateX(-50%) scale(1);bottom: 4px;opacity: 1;}
    100% {width: 44px;height: 2px;border-radius: 2px;transform: translateX(-50%) scale(1);bottom: 4px;opacity: 1;}
}

.quickMenu .quickTab > ul > li::before{content:"";width: 32px;height: 28px;top:26px;left:50%;transform: translateX(-50%);pointer-events:none}
/* .quickMenu .quickTab ul li:nth-child(1)::before{background: url(../images/quick1x2.png) no-repeat center;background-size: cover;} */
.quickMenu .quickTab > ul > li:nth-child(1)::before{background: url(../images/quick2x2_bg.png) no-repeat center;background-size: cover;}
.quickMenu .quickTab > ul > li:nth-child(2)::before{background: url(../images/quick3x2_bg.png) no-repeat center;background-size: cover;}
.quickMenu .quickTab > ul > li:nth-child(3)::before{background: url(../images/quick4x2_bg.png) no-repeat center;background-size: cover;}
.quickMenu .quickTab > ul > li:nth-child(4)::before{background: url(../images/quick4x3_bg.png) no-repeat center;background-size: cover;}

.quickMenu .quickTab > ul > li > a{width: 100%;height: 100%;font-size: 12px;text-align: center;padding: 62px 0 10px;transition: .3s all;}
.quickMenu .quickTab > ul > li.on > a{color: #2057c8;}


/* 개인정보 처리방침 */
#personalInfoBtn{color: #4fa6ff; text-decoration: underline; /*font-size: 17px;*/}


/* 나라별 국기 클래스 */

.flags{background-size: contain !important;}

.CNTY_US{background: url(../images/flag/CNTY_US.png) no-repeat center;} /*미국*/
.CNTY_EU{background: url(../images/flag/CNTY_EU.png) no-repeat center;} /*유럽연합*/
.CNTY_JP{background: url(../images/flag/CNTY_JP.png) no-repeat center;} /*일본*/
.CNTY_CN{background: url(../images/flag/CNTY_CN.png) no-repeat center;} /*중국*/
.CNTY_AD{background: url(../images/flag/CNTY_AD.png) no-repeat center;} /*안도라*/
.CNTY_AF{background: url(../images/flag/CNTY_AF.png) no-repeat center;} /*아프가니스탄*/
.CNTY_AG{background: url(../images/flag/CNTY_AG.png) no-repeat center;} /*안티가 바부다*/
.CNTY_AL{background: url(../images/flag/CNTY_AL.png) no-repeat center;} /*알바니아*/
.CNTY_AM{background: url(../images/flag/CNTY_AM.png) no-repeat center;} /*아르메니아*/
.CNTY_AO{background: url(../images/flag/CNTY_AO.png) no-repeat center;} /*앙골라*/
.CNTY_AR{background: url(../images/flag/CNTY_AR.png) no-repeat center;} /*아르헨티나*/
.CNTY_AT{background: url(../images/flag/CNTY_AT.png) no-repeat center;} /*오스트리아*/
.CNTY_AU{background: url(../images/flag/CNTY_AU.png) no-repeat center;} /*호주*/
.CNTY_AZ{background: url(../images/flag/CNTY_AZ.png) no-repeat center;} /*아제르바이잔*/
.CNTY_BA{background: url(../images/flag/CNTY_BA.png) no-repeat center;} /*보스니아 헤르체고비나*/
.CNTY_BB{background: url(../images/flag/CNTY_BB.png) no-repeat center;} /*바베이도스*/
.CNTY_BD{background: url(../images/flag/CNTY_BD.png) no-repeat center;} /*방글라데시*/
.CNTY_BE{background: url(../images/flag/CNTY_BE.png) no-repeat center;} /*벨기에*/
.CNTY_BF{background: url(../images/flag/CNTY_BF.png) no-repeat center;} /*부르키나 파소*/
.CNTY_BG{background: url(../images/flag/CNTY_BG.png) no-repeat center;} /*불가리아*/
.CNTY_BH{background: url(../images/flag/CNTY_BH.png) no-repeat center;} /*바레인*/
.CNTY_BI{background: url(../images/flag/CNTY_BI.png) no-repeat center;} /*부룬디*/
.CNTY_BJ{background: url(../images/flag/CNTY_BJ.png) no-repeat center;} /*베닝*/
.CNTY_BN{background: url(../images/flag/CNTY_BN.png) no-repeat center;} /*브루나이*/
.CNTY_BO{background: url(../images/flag/CNTY_BO.png) no-repeat center;} /*볼리비아*/
.CNTY_BR{background: url(../images/flag/CNTY_BR.png) no-repeat center;} /*브라질*/
.CNTY_BS{background: url(../images/flag/CNTY_BS.png) no-repeat center;} /*바하마*/
.CNTY_BT{background: url(../images/flag/CNTY_BT.png) no-repeat center;} /*부탄*/
.CNTY_BW{background: url(../images/flag/CNTY_BW.png) no-repeat center;} /*보츠와나*/
.CNTY_BY{background: url(../images/flag/CNTY_BY.png) no-repeat center;} /*베라루스*/
.CNTY_BZ{background: url(../images/flag/CNTY_BZ.png) no-repeat center;} /*벨리제*/
.CNTY_CA{background: url(../images/flag/CNTY_CA.png) no-repeat center;} /*캐나다*/
.CNTY_CD{background: url(../images/flag/CNTY_CD.png) no-repeat center;} /*콩고민주공화국*/
.CNTY_CF{background: url(../images/flag/CNTY_CF.png) no-repeat center;} /*중앙아프리카공화국*/
.CNTY_CG{background: url(../images/flag/CNTY_CG.png) no-repeat center;} /*콩고*/
.CNTY_CH{background: url(../images/flag/CNTY_CH.png) no-repeat center;} /*스위스*/
.CNTY_CI{background: url(../images/flag/CNTY_CI.png) no-repeat center;} /*코트디봐르*/
.CNTY_CL{background: url(../images/flag/CNTY_CL.png) no-repeat center;} /*칠레*/
.CNTY_CM{background: url(../images/flag/CNTY_CM.png) no-repeat center;} /*카메룬*/
.CNTY_CN{background: url(../images/flag/CNTY_CN.png) no-repeat center;} /*중국*/
.CNTY_CO{background: url(../images/flag/CNTY_CO.png) no-repeat center;} /*콜롬비아*/
.CNTY_CR{background: url(../images/flag/CNTY_CR.png) no-repeat center;} /*코스타리카*/
.CNTY_CU{background: url(../images/flag/CNTY_CU.png) no-repeat center;} /*쿠바*/
.CNTY_CV{background: url(../images/flag/CNTY_CV.png) no-repeat center;} /*카보 베르데*/
.CNTY_CY{background: url(../images/flag/CNTY_CY.png) no-repeat center;} /*사이프러스*/
.CNTY_CZ{background: url(../images/flag/CNTY_CZ.png) no-repeat center;} /*체코공화국*/
.CNTY_DE{background: url(../images/flag/CNTY_DE.png) no-repeat center;} /*독일*/
.CNTY_DJ{background: url(../images/flag/CNTY_DJ.png) no-repeat center;} /*지부티*/
.CNTY_DK{background: url(../images/flag/CNTY_DK.png) no-repeat center;} /*덴마크*/
.CNTY_DM{background: url(../images/flag/CNTY_DM.png) no-repeat center;} /*도미니카*/
.CNTY_DO{background: url(../images/flag/CNTY_DO.png) no-repeat center;} /*도미니카 공화국*/
.CNTY_DZ{background: url(../images/flag/CNTY_DZ.png) no-repeat center;} /*알제리*/
.CNTY_EC{background: url(../images/flag/CNTY_EC.png) no-repeat center;} /*에쿠아도르*/
.CNTY_EE{background: url(../images/flag/CNTY_EE.png) no-repeat center;} /*에스토니아*/
.CNTY_EG{background: url(../images/flag/CNTY_EG.png) no-repeat center;} /*이집트*/
.CNTY_ER{background: url(../images/flag/CNTY_ER.png) no-repeat center;} /*에리트리아*/
.CNTY_ES{background: url(../images/flag/CNTY_ES.png) no-repeat center;} /*스페인*/
.CNTY_ET{background: url(../images/flag/CNTY_ET.png) no-repeat center;} /*이디오피아*/
.CNTY_FI{background: url(../images/flag/CNTY_FI.png) no-repeat center;} /*핀란드*/
.CNTY_FJ{background: url(../images/flag/CNTY_FJ.png) no-repeat center;} /*피지*/
.CNTY_FM{background: url(../images/flag/CNTY_FM.png) no-repeat center;} /*마이크로네시아*/
.CNTY_FR{background: url(../images/flag/CNTY_FR.png) no-repeat center;} /*프랑스*/
.CNTY_GA{background: url(../images/flag/CNTY_GA.png) no-repeat center;} /*가봉*/
.CNTY_GB{background: url(../images/flag/CNTY_GB.png) no-repeat center;} /*영국*/
.CNTY_GD{background: url(../images/flag/CNTY_GD.png) no-repeat center;} /*그레나다*/
.CNTY_GE{background: url(../images/flag/CNTY_GE.png) no-repeat center;} /*조지아*/
.CNTY_GH{background: url(../images/flag/CNTY_GH.png) no-repeat center;} /*가나*/
.CNTY_GM{background: url(../images/flag/CNTY_GM.png) no-repeat center;} /*감비아*/
.CNTY_GN{background: url(../images/flag/CNTY_GN.png) no-repeat center;} /*기니*/
.CNTY_GQ{background: url(../images/flag/CNTY_GQ.png) no-repeat center;} /*적도 기니*/
.CNTY_GR{background: url(../images/flag/CNTY_GR.png) no-repeat center;} /*그리스*/
.CNTY_GT{background: url(../images/flag/CNTY_GT.png) no-repeat center;} /*과테말라*/
.CNTY_GY{background: url(../images/flag/CNTY_GY.png) no-repeat center;} /*가이아나*/
.CNTY_HN{background: url(../images/flag/CNTY_HN.png) no-repeat center;} /*온두라스*/
.CNTY_HR{background: url(../images/flag/CNTY_HR.png) no-repeat center;} /*크로아티아*/
.CNTY_HT{background: url(../images/flag/CNTY_HT.png) no-repeat center;} /*아이티*/
.CNTY_HU{background: url(../images/flag/CNTY_HU.png) no-repeat center;} /*헝가리*/
.CNTY_ID{background: url(../images/flag/CNTY_ID.png) no-repeat center;} /*인도네시아*/
.CNTY_IE{background: url(../images/flag/CNTY_IE.png) no-repeat center;} /*아일랜드*/
.CNTY_IL{background: url(../images/flag/CNTY_IL.png) no-repeat center;} /*이스라엘*/
.CNTY_IN{background: url(../images/flag/CNTY_IN.png) no-repeat center;} /*인도*/
.CNTY_IQ{background: url(../images/flag/CNTY_IQ.png) no-repeat center;} /*이라크*/
.CNTY_IR{background: url(../images/flag/CNTY_IR.png) no-repeat center;} /*이란*/
.CNTY_IS{background: url(../images/flag/CNTY_IS.png) no-repeat center;} /*아이슬란드*/
.CNTY_IT{background: url(../images/flag/CNTY_IT.png) no-repeat center;} /*이탈리아*/
.CNTY_JM{background: url(../images/flag/CNTY_JM.png) no-repeat center;} /*자마이카*/
.CNTY_JO{background: url(../images/flag/CNTY_JO.png) no-repeat center;} /*요르단*/
.CNTY_KE{background: url(../images/flag/CNTY_KE.png) no-repeat center;} /*케냐*/
.CNTY_KG{background: url(../images/flag/CNTY_KG.png) no-repeat center;} /*키르기스스탄*/
.CNTY_KH{background: url(../images/flag/CNTY_KH.png) no-repeat center;} /*캄보디아*/
.CNTY_KI{background: url(../images/flag/CNTY_KI.png) no-repeat center;} /*키리바티*/
.CNTY_KM{background: url(../images/flag/CNTY_KM.png) no-repeat center;} /*코모로스*/
.CNTY_KN{background: url(../images/flag/CNTY_KN.png) no-repeat center;} /*세인트 키츠 네비스*/
.CNTY_KP{background: url(../images/flag/CNTY_KP.png) no-repeat center;} /*북한*/
.CNTY_KR{background: url(../images/flag/CNTY_KR.png) no-repeat center;} /*대한민국*/
.CNTY_KW{background: url(../images/flag/CNTY_KW.png) no-repeat center;} /*쿠웨이트*/
.CNTY_KZ{background: url(../images/flag/CNTY_KZ.png) no-repeat center;} /*카자흐스탄*/
.CNTY_LA{background: url(../images/flag/CNTY_LA.png) no-repeat center;} /*라오스*/
.CNTY_LB{background: url(../images/flag/CNTY_LB.png) no-repeat center;} /*레바논*/
.CNTY_LC{background: url(../images/flag/CNTY_LC.png) no-repeat center;} /*세인트 루이사*/
.CNTY_LI{background: url(../images/flag/CNTY_LI.png) no-repeat center;} /*리히텐슈타인*/
.CNTY_LK{background: url(../images/flag/CNTY_LK.png) no-repeat center;} /*스리랑카*/
.CNTY_LR{background: url(../images/flag/CNTY_LR.png) no-repeat center;} /*라이베리아*/
.CNTY_LS{background: url(../images/flag/CNTY_LS.png) no-repeat center;} /*레소토*/
.CNTY_LT{background: url(../images/flag/CNTY_LT.png) no-repeat center;} /*리투아니아*/
.CNTY_LU{background: url(../images/flag/CNTY_LU.png) no-repeat center;} /*룩셈부르그*/
.CNTY_LV{background: url(../images/flag/CNTY_LV.png) no-repeat center;} /*라트비아*/
.CNTY_LY{background: url(../images/flag/CNTY_LY.png) no-repeat center;} /*리비아*/
.CNTY_MA{background: url(../images/flag/CNTY_MA.png) no-repeat center;} /*모로코*/
.CNTY_MC{background: url(../images/flag/CNTY_MC.png) no-repeat center;} /*모나코*/
.CNTY_MD{background: url(../images/flag/CNTY_MD.png) no-repeat center;} /*몰도바*/
.CNTY_ME{background: url(../images/flag/CNTY_ME.png) no-repeat center;} /*몬테네그로*/
.CNTY_MG{background: url(../images/flag/CNTY_MG.png) no-repeat center;} /*마다카스카르*/
.CNTY_MH{background: url(../images/flag/CNTY_MH.png) no-repeat center;} /*마샬군도*/
.CNTY_MK{background: url(../images/flag/CNTY_MK.png) no-repeat center;} /*마세도니아*/
.CNTY_ML{background: url(../images/flag/CNTY_ML.png) no-repeat center;} /*말리*/
.CNTY_MM{background: url(../images/flag/CNTY_MM.png) no-repeat center;} /*미얀마*/
.CNTY_MN{background: url(../images/flag/CNTY_MN.png) no-repeat center;} /*몽골*/
.CNTY_MR{background: url(../images/flag/CNTY_MR.png) no-repeat center;} /*모리타니*/
.CNTY_MT{background: url(../images/flag/CNTY_MT.png) no-repeat center;} /*몰타*/
.CNTY_MU{background: url(../images/flag/CNTY_MU.png) no-repeat center;} /*모리셔스*/
.CNTY_MV{background: url(../images/flag/CNTY_MV.png) no-repeat center;} /*몰디브*/
.CNTY_MW{background: url(../images/flag/CNTY_MW.png) no-repeat center;} /*말라위*/
.CNTY_MX{background: url(../images/flag/CNTY_MX.png) no-repeat center;} /*멕시코*/
.CNTY_MY{background: url(../images/flag/CNTY_MY.png) no-repeat center;} /*말레이시아*/
.CNTY_MZ{background: url(../images/flag/CNTY_MZ.png) no-repeat center;} /*모잠비크*/
.CNTY_NA{background: url(../images/flag/CNTY_NA.png) no-repeat center;} /*나미비아*/
.CNTY_NE{background: url(../images/flag/CNTY_NE.png) no-repeat center;} /*니제르*/
.CNTY_NG{background: url(../images/flag/CNTY_NG.png) no-repeat center;} /*나이지리아*/
.CNTY_NI{background: url(../images/flag/CNTY_NI.png) no-repeat center;} /*니카라과*/
.CNTY_NL{background: url(../images/flag/CNTY_NL.png) no-repeat center;} /*네덜란드*/
.CNTY_NO{background: url(../images/flag/CNTY_NO.png) no-repeat center;} /*노르웨이*/
.CNTY_NP{background: url(../images/flag/CNTY_NP.png) no-repeat center;} /*네팔*/
.CNTY_NR{background: url(../images/flag/CNTY_NR.png) no-repeat center;} /*나우루*/
.CNTY_NZ{background: url(../images/flag/CNTY_NZ.png) no-repeat center;} /*뉴질랜드*/
.CNTY_OM{background: url(../images/flag/CNTY_OM.png) no-repeat center;} /*오만*/
.CNTY_PA{background: url(../images/flag/CNTY_PA.png) no-repeat center;} /*파나마*/
.CNTY_PE{background: url(../images/flag/CNTY_PE.png) no-repeat center;} /*페루*/
.CNTY_PG{background: url(../images/flag/CNTY_PG.png) no-repeat center;} /*파푸아 뉴기니*/
.CNTY_PH{background: url(../images/flag/CNTY_PH.png) no-repeat center;} /*필리핀*/
.CNTY_PL{background: url(../images/flag/CNTY_PL.png) no-repeat center;} /*폴란드*/
.CNTY_PT{background: url(../images/flag/CNTY_PT.png) no-repeat center;} /*포루투갈*/
.CNTY_PW{background: url(../images/flag/CNTY_PW.png) no-repeat center;} /*팔라우*/
.CNTY_PY{background: url(../images/flag/CNTY_PY.png) no-repeat center;} /*파라과이*/
.CNTY_QA{background: url(../images/flag/CNTY_QA.png) no-repeat center;} /*카타르*/
.CNTY_RO{background: url(../images/flag/CNTY_RO.png) no-repeat center;} /*루마니아*/
.CNTY_RS{background: url(../images/flag/CNTY_RS.png) no-repeat center;} /*세르비아*/
.CNTY_RU{background: url(../images/flag/CNTY_RU.png) no-repeat center;} /*러시아*/
.CNTY_RW{background: url(../images/flag/CNTY_RW.png) no-repeat center;} /*루안다*/
.CNTY_SA{background: url(../images/flag/CNTY_SA.png) no-repeat center;} /*사우디아라비아*/
.CNTY_SB{background: url(../images/flag/CNTY_SB.png) no-repeat center;} /*솔로몬 군도*/
.CNTY_SC{background: url(../images/flag/CNTY_SC.png) no-repeat center;} /*세이쉘*/
.CNTY_SD{background: url(../images/flag/CNTY_SD.png) no-repeat center;} /*수단*/
.CNTY_SE{background: url(../images/flag/CNTY_SE.png) no-repeat center;} /*스웨덴*/
.CNTY_SG{background: url(../images/flag/CNTY_SG.png) no-repeat center;} /*싱가포르*/
.CNTY_SI{background: url(../images/flag/CNTY_SI.png) no-repeat center;} /*슬로베니아*/
.CNTY_SK{background: url(../images/flag/CNTY_SK.png) no-repeat center;} /*슬로바키아*/
.CNTY_SL{background: url(../images/flag/CNTY_SL.png) no-repeat center;} /*시에라 리온*/
.CNTY_SM{background: url(../images/flag/CNTY_SM.png) no-repeat center;} /*산마리노*/
.CNTY_SN{background: url(../images/flag/CNTY_SN.png) no-repeat center;} /*세네갈*/
.CNTY_SO{background: url(../images/flag/CNTY_SO.png) no-repeat center;} /*소말리아*/
.CNTY_SR{background: url(../images/flag/CNTY_SR.png) no-repeat center;} /*수리남*/
.CNTY_SS{background: url(../images/flag/CNTY_SS.png) no-repeat center;} /*남수단*/
.CNTY_ST{background: url(../images/flag/CNTY_ST.png) no-repeat center;} /*상토메 프린스페*/
.CNTY_SV{background: url(../images/flag/CNTY_SV.png) no-repeat center;} /*엘살바도르*/
.CNTY_SY{background: url(../images/flag/CNTY_SY.png) no-repeat center;} /*시리아*/
.CNTY_SZ{background: url(../images/flag/CNTY_SZ.png) no-repeat center;} /*스와질랜드*/
.CNTY_TD{background: url(../images/flag/CNTY_TD.png) no-repeat center;} /*챠드*/
.CNTY_TG{background: url(../images/flag/CNTY_TG.png) no-repeat center;} /*토고*/
.CNTY_TH{background: url(../images/flag/CNTY_TH.png) no-repeat center;} /*태국*/
.CNTY_TJ{background: url(../images/flag/CNTY_TJ.png) no-repeat center;} /*타지크*/
.CNTY_TL{background: url(../images/flag/CNTY_TL.png) no-repeat center;} /*티모르*/
.CNTY_TM{background: url(../images/flag/CNTY_TM.png) no-repeat center;} /*투르크멘*/
.CNTY_TN{background: url(../images/flag/CNTY_TN.png) no-repeat center;} /*튀니지*/
.CNTY_TO{background: url(../images/flag/CNTY_TO.png) no-repeat center;} /*통가*/
.CNTY_TR{background: url(../images/flag/CNTY_TR.png) no-repeat center;} /*터키/튀르키예*/
.CNTY_TT{background: url(../images/flag/CNTY_TT.png) no-repeat center;} /*트리니다드 토바고*/
.CNTY_TV{background: url(../images/flag/CNTY_TV.png) no-repeat center;} /*투발루*/
.CNTY_TZ{background: url(../images/flag/CNTY_TZ.png) no-repeat center;} /*탄자니아*/
.CNTY_UA{background: url(../images/flag/CNTY_UA.png) no-repeat center;} /*우크라이나*/
.CNTY_UG{background: url(../images/flag/CNTY_UG.png) no-repeat center;} /*우간다*/
.CNTY_US{background: url(../images/flag/CNTY_US.png) no-repeat center;} /*미국*/
.CNTY_UY{background: url(../images/flag/CNTY_UY.png) no-repeat center;} /*우루과이*/
.CNTY_UZ{background: url(../images/flag/CNTY_UZ.png) no-repeat center;} /*우즈베크*/
.CNTY_VA{background: url(../images/flag/CNTY_VA.png) no-repeat center;} /*교황청*/
.CNTY_VC{background: url(../images/flag/CNTY_VC.png) no-repeat center;} /*세인트 빈센트 그레나딘*/
.CNTY_VE{background: url(../images/flag/CNTY_VE.png) no-repeat center;} /*베네주엘라*/
.CNTY_VN{background: url(../images/flag/CNTY_VN.png) no-repeat center;} /*베트남*/
.CNTY_VU{background: url(../images/flag/CNTY_VU.png) no-repeat center;} /*바누아투*/
.CNTY_WS{background: url(../images/flag/CNTY_WS.png) no-repeat center;} /*사모아*/
.CNTY_YE{background: url(../images/flag/CNTY_YE.png) no-repeat center;} /*예맨*/
.CNTY_ZA{background: url(../images/flag/CNTY_ZA.png) no-repeat center;} /*남아프리카공화국*/
.CNTY_ZM{background: url(../images/flag/CNTY_ZM.png) no-repeat center;} /*잠비아*/
.CNTY_ZW{background: url(../images/flag/CNTY_ZW.png) no-repeat center;} /*짐바브웨*/