@charset "utf-8";
@import url("font.css");
@import url("animate.css");
@import url("bootstrap.css");
/* @import url("style.css"); */
@import url("basic.css");
@import url("font-awesome/css/all.css");
@import url("plugins/sweetalert/sweetalert.css");
@import url("plugins/datapicker/datepicker3.css");
@import url("plugins/clockpicker/clockpicker.css");
@import url("plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css");
@import url("header.css");
@import url("search.css");
@import url("gallery.css");
@import url("newstyle.css");
@import url("lightgallery.css");
@import url("fullpage.css");
@import url("popup.css?v=1");
@import url("fa-solid.css");






/* .respondImg{max-width:100%;}

.scrollwrap{height:100%;}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background-color: #efefef;
}

::-webkit-scrollbar-thumb {
  background-color: #818181;
}

::-webkit-scrollbar-button {
  background-color: transparent;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
} */





a {
    color: #333;
    text-decoration: none;
}


/* skip navigation */
#skipNavi {left: 10px; position: relative; width:200px; z-index:10000; }
#skipNavi li {float: left;position: absolute;top: -50px;width: 145px;}
#skipNavi li a {color: #FEFEFE;font-size: 0.9em;height: 1px;margin-bottom: -1px;overflow: hidden;text-align: center;white-space: nowrap;width: 1px;}
#skipNavi li a:focus, #skipNavi li a:active {border: 2px solid #FF8A00;color:#000; background:#fff; font-size: 1em; height: auto;margin-bottom: 10px;padding: 15px;position: absolute;top: 55px;width: 145px;}



/* ======================== Layout Class ======================== */
/* html { font-size: 10px; }

@media screen and (max-width: 1220px) { html { font-size: 10px; } }
@media screen and (max-width: 992px) { html { font-size: 9.5px; } }
@media screen and (max-width: 768px) { html { font-size: 9px; } } */

.insightMap_cta .button{padding:4px 20px; font-size:14px; border-radius:30px;}
.insightMap_cta{margin-top:20px;}

.interestWrap .btn_type03:hover, .interestWrap .btn_type03:focus{background:#ffffff; color:#000;}


.globalMapDataList{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
}

.globalTxt01{flex:1; padding:10px 0; border-bottom:1px solid #ddd;}

.globalMapDataHeader{border-top:2px solid #000; border-bottom:1px solid #000; background:#f9f1ec;}
.globalMapDataListTxt{display:inline-block; width:24px; height:24px; background:#404040; border-radius:5px; line-height:24px; text-align:center; color:#ffffff; margin-right:5px;}
.globalMapDataColor01{background:#d43535;}
.globalMapDataColor02{background:#0571ba;}
.globalMapDataColor03{background:#404040;}


.keywordInsight{margin-bottom:10px;}
.keywordInsight ul{overflow:hidden;}
.keywordInsight li{float:left; margin-left:12px; font-size:14px; padding-left:16px; position:relative; line-height:18px;}
.keywordInsight li:first-child{margin-left:0;}
.keywordInsight li:after{content:""; width:10px; height:10px; border-radius:4px; position:absolute; left:0; top:4px;}
.keywordInsight li.keywordInsight01:after{background-color:#d43535;}
.keywordInsight li.keywordInsight02:after{background-color:#0571ba;}


.analysisReportBtn{display:inline-block; width:22px; height:22px; background:url('../img/analysisReportBtn.png') no-repeat center center; background-size:16px; margin-left:5px; text-indent:-5000px;}

.insight-bg {background:url('../img/insightBg.png') no-repeat center 0; background-size:cover; background-attachment: fixed;}

.insightInformGrid .grid_list{padding:20px 0;}

.globalTypeArea{position:absolute; right:120px; top:10px;}

.datepicker th.datepicker-switch{font-size:18px;}
.datepicker table tr th.prev, .datepicker table tr th.next{font-size:24px;}

.longtermAccount{padding-top:20px; text-align:center; font-size:15px;}
.longtermAccount h3{font-size:20px;}

.longtermAccount01{margin-top:20px; line-height:160%;}
.longtermAccount01 .color01{color:#fa6a00 !important;}

.longtermAccount02{margin-top:20px; line-height:160%;}
.longtermAccount02 dl{padding:20px; border:3px solid #006cff; border-radius:10px; width:260px; margin:0 auto 20px;}
.longtermAccount02 dl dt{font-size:16px; color:#666;}
.longtermAccount02 dl dd{font-size:24px; margin-top:10px; color:#006cff;}


.productSearchArea{overflow:hidden;}

.productSearchWrap{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
	border-top: 2px solid #000;
	padding-bottom:10px;
	padding-top:10px;
	margin-right:-10px;	
}

.product_list{
	flex:0 1 auto;
	width: calc(50% - ((10px * 2) / 2));
	margin:0 10px 10px 0;
}

.product_list_detail{	
	border:1px solid #fff;
	border-bottom: 1px solid #ddd;
	padding: 15px 20px;
	position:relative;
}

.product_list.active .product_list_detail{	
	border: 1px solid #fa6a00;
}

.product_list li{padding:2px 0; padding-right:80px;}
.product_list dl{
	font-size:13px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;	
}

.product_list li:first-child dt{background:#0f4782;}
.product_list dt{flex:0 1 50px; padding:0 10px; background:#b5b5b5; line-height:22px; color:#ffffff; border-radius:5px;  text-align:center;}
.product_list dd{
	flex:1;
	margin-left:10px; 
	color:#666;
	overflow:hidden;
}

.product_list dd span{display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


.hscodeTxt{display:block; font-size:16px; color:#000000; text-decoration:underline;
	position:absolute; 
	right:20px; 
	top:50%; 
	-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.product_list.active .hscodeTxt{color:#fa6a00;}

.educationWrap{padding-top:30px;}
.eduCommonTxt{font-size:26px; text-align:center; margin-bottom:30px; padding-top:0; color:#006cff; line-height:140%; letter-spacing:-1px;}
.contact-Information-list-wrap{text-align:center; margin-bottom:20px;}
.contact-Information-list-wrap h4{display:inline-block; padding:0 60px; padding-left:100px; font-size:16px; line-height:160%; text-align:center; line-height:60px; border: 2px solid #006cff;  border-radius: 50px; }
.contact-Information01 {background: url('../img/icon_email.svg') no-repeat 40px center; background-size:auto 40px;}

.eduTitle{position:relative;  padding-left:14px; font-size:26px; text-align:left; margin-bottom:20px; margin-top:30px; color:#0f4782; line-height:140%; letter-spacing:-1px;}
.eduTitle:after{content:""; position:absolute; left:0; top:-2px; width:8px; height:8px; background:#f18a00; border-radius:100%;}

.eduDetailTxt{text-align:left; font-size:18px; line-height:180%; margin-bottom:0; color:#737373;}

.eduSummary{border:1px solid #ddd; padding:30px 40px; font-size:15px; color:#737373; border-radius:10px; margin-top:20px; background:#ffffff; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);}

.educationWrap .txt_title01{font-size:20px;}
.eduSummary .txt_title02{margin:0 0 15px; font-size:16px; color:#000;}
.eduSummary .txt_title02:not(:first-child){margin-top:30px;}
.eduSummary p{position:relative; margin-bottom:5px; padding-left:10px; line-height:160%;}
.eduSummary p:after{content:''; position:absolute; left:0; top:10px; width:3px; height:3px; border-radius:100%; background:#006cff;}


.educationWrap .conInbox:not(:first-child){padding-top:50px !important;}

.flex-wrap{display:flex; justify-content:space-between;}

.flex-wrap .text-wrap {flex:0 0 200px; padding-right:60px;}
.regulation-flex-wrap.flex-wrap .text-wrap {flex:0 0 300px; padding-right:80px;}
.flex-wrap .text-wrap .title{font-size:20px; line-height:1.4em; border-top:3px solid #000; padding-top:10px; display:block; color:#000000;}
.flex-wrap .text-wrap .title span em{display:block;}
.flex-wrap .text-wrap .text{margin-top:15px;font-size:16px;}
.flex-wrap .sub-text-wrap{flex:1}
.flex-wrap .sub-text-wrap .title{font-size:26px;line-height:1.4em;letter-spacing:-0.05em;}
.flex-wrap .sub-text-wrap .expectTitle{text-align:left; padding-top:0;}
.flex-wrap .sub-text-wrap .expectTitle h3{display:block; text-align:center;}

.fta_txt01 ul{margin-bottom:50px;}
.fta_txt01 li{position:relative; margin-bottom:10px; font-size:16px; color:#666; line-height:160%; padding-left:14px;}
.fta_txt01 li:after{content:''; position:absolute; left:0; top:10px; width:3px; height:3px; border-radius:100%; background:#006cff;}

.regulationWrap ul{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
	margin-right:-20px;
	}
.regulationWrap ul li{
	flex:0 1 auto; 
	width:20%; 
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
	position:relative;
}

.regulationWrap dl{flex:1; position:relative; margin:0 40px 20px 0; border:1px solid #dddddd; padding:20px; border-radius:10px; text-align:left; background:#ffffff;}

.regulationWrap dl h3{color:#bbb; font-size:14px; text-align:right;}
.regulationWrap dl dt{margin-top:10px; color:#000000; font-size:16px; line-height:120%; padding-top:70px; text-align:center; background-size:50px; background-position:center 0; background-repeat:no-repeat;}
.regulationWrap .regulation11 dl dt{background-image:url('../img/regulation11.png');}
.regulationWrap .regulation12 dl dt{background-image:url('../img/regulation12.png');}
.regulationWrap .regulation13 dl dt{background-image:url('../img/regulation13.png');}
.regulationWrap .regulation21 dl dt{background-image:url('../img/regulation21.png');}
.regulationWrap .regulation22 dl dt{background-image:url('../img/regulation22.png');}
.regulationWrap .regulation23 dl dt{background-image:url('../img/regulation23.png');}
.regulationWrap .regulation24 dl dt{background-image:url('../img/regulation24.png');}
.regulationWrap .regulation25 dl dt{background-image:url('../img/regulation25.png');}
.regulationWrap .regulation31 dl dt{background-image:url('../img/regulation31.png');}
.regulationWrap .regulation32 dl dt{background-image:url('../img/regulation32.png');}
.regulationWrap .regulation33 dl dt{background-image:url('../img/regulation33.png');}
.regulationWrap .regulation34 dl dt{background-image:url('../img/regulation34.png');}
.regulationWrap .regulation35 dl dt{background-image:url('../img/regulation35.png');}
.regulationWrap dl dt p{margin-top:10px; color:#cecece;  font-size:14px;}
.regulationWrap dl dd{margin-top:30px; font-size:15px; line-height:140%;}


.regulationTxt{font-size:16px; margin-bottom:10px; line-height:140%;}


.regulationWrap li:after{display:block; content:''; width:13px; height:23px; position:absolute; left:-24px; top:50%; margin-top:-20px; background:url("../img/arr_join_step.gif") no-repeat 0 0; background-size:10px;}
.regulationWrap li:first-child:after{display:none;}



.qna-detail{color:#737373;}

/* .modal-dialog{

	-webkit-animation: fadeInFromNone 0.1s ease-out;
    -o-animation: fadeInFromNone 0.1s ease-out;
    animation: fadeInFromNone 0.1s ease-out;
} */

.favorite_wrap{margin-top:0 !important;}

.mainSection{padding:0;}
.sec_one{background:#e0d8d8;}
.sec_two{background:#FFF; background-size:cover;}
.sec_three{background:url('../img/sectionBg03.png') no-repeat center 0 #f5f8fd; background-size:cover;}


.sec_footer{height:210px !important;}
.sec_footer .fp-tableCell {
    height: 210px !important;
}

.bkMainVisual{
	position: absolute;
    top: 55%;
    left: 50%;
    text-align: center;
    max-width:1250px;
	width: 100%;
    padding: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 11;
}


.bkMainVisualSearch {}


.bkMainVisualSearch .bk_topSearchWrap{max-width:1000px; margin:0 auto; text-align:center;}
.bkMainVisualSearch .bk_keywordSearchInput input{font-size:15px; font-weight:400; color:#000;}

.bkMainVisualTxt{text-align:center; margin-bottom:50px;}
.bkMainVisualTxt01{font-size:30px; font-family: 'GmarketSansMedium'; font-weight:400; color:#ffffff; line-height:120%;}
.bkMainVisualTxt01 span{font-weight:500; color:#ffba00;}
.bkMainVisualTxt02{font-size:50px; font-weight:700; font-family: 'GmarketSansMedium'; color:#ffaf00; line-height:120%; margin-top:5px; letter-spacing:-3px;}

.bkMainVisualQuickLink{margin-top:60px; }

.bkMainVisualQuickLink ul{overflow:hidden; text-align:center;}
.bkMainVisualQuickLink ul li{display:inline-block; text-align:center; padding:0 40px; border-left:1px solid rgba(255, 255, 255, 0.5);}
.bkMainVisualQuickLink ul li:first-child{border-left:none;}
.bkMainVisualQuickLink ul li dl{}
.bkMainVisualQuickLink ul li dt{padding-top:110px; color:#ffffff; font-size:20px; font-weight:500; margin-bottom:20px;}
.bkMainVisualQuickLink ul li dd p{color:#ffffff; font-size:13px; margin-bottom:20px; opacity:0.8;}
.bkMainVisualQuickLink ul li dd p span{display:block;}
.bkMainVisualQuickLink ul li dd a{color:#ffffff; font-size:15px; border:1px solid #ffffff; padding:0 15px; display:inline-block; border-radius:30px; line-height:24px;}
.bkMainVisualQuickLink ul li dd a:hover{color:#ffffff; background:#006cff; border:1px solid #006cff;}

.bkMainVisualQuickLink ul li.bkMainVisualQuickLink01 dt{background:url('../img/bkMainVisualQuickLink01.png') no-repeat center 10px; background-size:64px;}
.bkMainVisualQuickLink ul li.bkMainVisualQuickLink02 dt{background:url('../img/bkMainVisualQuickLink02.png') no-repeat center 10px; background-size:64px;}
.bkMainVisualQuickLink ul li.bkMainVisualQuickLink03 dt{background:url('../img/bkMainVisualQuickLink03.png') no-repeat center 10px; background-size:64px;}

.section3 .serviceMainWrapArea {overflow:hidden}
.section3 .tit-txt {text-align:center; margin-bottom:1.5rem;}
.section3 .box-tit {display:inline-block;position:relative;margin-bottom:20px;}
.section3 .box-tit:before {position:absolute;left:0;top:0;width:100%;height:100%;content:''; border:1px solid #fff;}
.section3 .box-tit span {display:block;padding:10px 15px; font-size:17px;}
.section3 a:hover .box-tit:before {transform:rotateX(180deg)}
.section3 [class^="box"] {opacity:1;}
.section3 .serviceMainWrapArea > [class^="box"] {float:left;}
.section3 [class^="box"] .txt {line-height:1.5}
.section3 [class^="box"] a {display:block;} 
.section3 .box1 {width:50%;}
.section3 .box1 a {height:100%;height:640px;position:relative;color:#fff;overflow:hidden}
.section3 .box1 a:before {position:absolute;left:0;top:0;width:100%;height:100%;content:'';background:#000;;opacity:.35}
.section3 .box1 a .txt-wrap {position:absolute;left:40px;bottom:40px; padding-right:20px;}
.section3 .box1 .tit {font-size:28px; font-weight:500; margin-bottom:20px; line-height:100%;}
.section3 .box1 .txt {font-size:16px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis; margin-bottom:25px;opacity:.8}
.section3 .box1 .txt-wrap > span {display:inline-block; font-size:16px;}
.section3 .box1 .txt-wrap > span:after {display:block;width:100%;height:1px;background:#fff;content:'';margin-top:7px;opacity:.36}


.section3 .box2,.section3 .box3 {width:25%}
.section3 [class^="box_"] a {height:320px;color:#fff;overflow:hidden}
.section3 [class^="box_"] .tit {font-size:20px; font-weight:500; margin-top:30px; margin-bottom:20px;}
.section3 .box2 .box_1 a {position:relative}
/* .section3 .box2 .box_1 a:before {position:absolute;left:0;top:0;width:100%;height:100%;content:'';background:rgba(255, 168, 0, 1); opacity:.9} */
.section3 .box2 .box_1 .txt-wrap {position:absolute;left:2rem;bottom:1.4rem;z-index:1}
.section3 .box2 .box_2 {position:relative;background:#b21017;height:320px;padding:30px;}
.section3 .box2 .box_2 a {height:auto; padding:.0 0 7px 0; position:relative}
.section3 .box2 .box_2 a:after {position:absolute;left:0;bottom:0;display:block;width:100%;height:1px;background:#fff;content:'';opacity:.36}
.section3 .box2 .box_2 a span {position:relative;display:block}
.section3 .box2 .box_2 p {color:#fff; font-size:16px; opacity: .8;}

.section3 .box2 .box_2 .link {position:absolute; bottom:40px; display:inline-block; font-size:16px;}


.section3 .box3 .box_1 {background:#ffffff}
.section3 .box3 .box_1 a {padding:20px; text-align:center; color:#888}
.section3 .box3 .box_1 .tit {color:#000}
.section3 .box3 .box_1 .img {position:relative; width:124px; height:124px; border-radius:100%; overflow:hidden; display:block; margin:20px auto 30px; background:#ededed;}
.section3 .box3 .box_1 .img:before{content:""; position:absolute; left:0; top:0; width:124px; height:124px; background:url('../img/serviceImg03.png') no-repeat center center; background-size:65px; z-index:10;}
.section3 .box3 .box_2 {overflow:hidden}
.section3 .box3 .box_2 a {text-align:center; display:table; width:100%;}
.section3 .box3 .box_2 .txt-wrap {
	position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    width: 90%;
    padding: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 11;

}
.section3 .box3 .box_2 p {margin-top:20px; font-size:20px;}



#fullpageArea {
  position: relative;
  width: 100%;
  overflow: hidden;
}

#fullpageArea.clicked {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}


.sec_one {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.sec_one .visual_wrap {
  height: 100vh;
}

.sec_one .visual_wrap .visual {
  height: 100%;
  overflow: hidden;
}

.sec_one .visual_wrap .visual .txt_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  z-index: 1;
}

.sec_one .visual_wrap .visual .txt_wrap .slogan {
  font-size: 28px;
  font-weight: 300;
  letter-spacing: -2px;
  line-height:140%;
}

.sec_one .visual_wrap .visual .txt_wrap .slogan span{display:block;}


.sec_one .visual_wrap .visual .txt_wrap .txt_img {
  font-size: 44px;
  line-height: 28px;
  font-weight: 300;
}

.sec_one .visual_wrap .visual .txt_wrap .motion {
  position: relative;
  -webkit-transform: translate(0, 200px);
          transform: translate(0, 200px);
  opacity: 0;
}

.sec_one .visual_wrap .visual .txt_wrap .txt_img {
  margin: 50px 0 80px;
}

/* .sec_one .swiper-pagination {
  position: absolute;
  bottom: 10%;
  left: 50%;
  width: 100px;
  margin-left:-50px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  height: 12px;
  text-align:center;
}

.sec_one .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #fff;
  opacity: 1;
  display:inline-block;
  vertical-align: middle;
  margin: 0 30px 0 0;
  -webkit-transition: .2s;
  transition: .2s;
  margin-right:10px;
  opacity:0.6;
}

.sec_one .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 50px;
  height: 12px;
  border-radius:20px;
  background: #fff;
  border:none;
  display:inline-block;
  opacity:1;
} */




.sec_one_left {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.sec_one .visual_wrap {
  height: 100vh;
}

.sec_one .visual_wrap .visual {
  height: 100%;
  overflow: hidden;
}

.sec_one .visual_wrap .visual .txt_wrap .a_img {
  display: block;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  margin: 0 auto;
  color: #fff;
  padding: 0;
  width: 144px;
  height: 40px;
  -webkit-transform: translate(0, 200px);
          transform: translate(0, 200px);
  opacity: 0;
  overflow: hidden;
}

.sec_one .visual_wrap .visual .txt_wrap .a_img span {
  line-height: 40px;
}

.sec_one .visual_wrap .visual .txt_wrap .a_img span:nth-child(3) {
  border: 1px solid #fff;
}

.sec_one .visual_wrap .visual .bg_area {
  position: relative;
  height: 100%;
}


.sec_one .visual_wrap .visual .bg_area.bkMainvisual01{background:url('../img/visual_big01.jpg') 0 0 no-repeat; background-size:cover;}
.sec_one .visual_wrap .visual .bg_area.bkMainvisual02{background:url('../img/visual_big02.jpg') 0 0 no-repeat; background-size:cover;}

.sec_one .visual_wrap .visual .m_bgArea.bkMainvisual01{background:url('../img/visual_01.jpg') 0 0 no-repeat; background-size:cover;}
.sec_one .visual_wrap .visual .m_bgArea.bkMainvisual02{background:url('../img/visual_02.jpg') 0 0 no-repeat; background-size:cover;}

.sec_one .visual_wrap .visual .bg_area::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.58;
}

.sec_one .visual_wrap .visual .m_bgArea {
  position: relative;
  display: none;
}

.sec_one .visual_wrap .visual .m_bgArea::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.58;
}

.sec_one .visual_indi {
  position: absolute;
  left: 80px;
  top: 41%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.sec_one .visual_indi a {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  text-align: center;
  /*border:1px solid red;*/
}

.sec_one .visual_indi a:nth-child(2) {
  margin: 0 22px;
}

.sec_one .visual_indi a span {
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
  background: #fff;
  opacity: 0.8;
}

.sec_one .visual_indi a.on span {
  width: 15px;
  height: 15px;
  background: none;
  border: 2px solid #fff;
  opacity: 1;
}


.serviceImg04Txt{padding-top:100px; background:url('../img/serviceImg05.png') no-repeat center 0; background-size:76px;}
.serviceImg03Txt{font-size:16px;}

.serviceImg01{background:url('../img/serviceImg01.png') no-repeat right 0px center; background-size:cover;}
.serviceImg02{background:url('../img/serviceImg02.png') no-repeat right 0px top 0px; background-size:cover;}
.serviceImg04{position:relative; background:url('../img/serviceImg04.png') no-repeat center 0; background-size:cover;}
.serviceImg04:before {position:absolute;left:0;top:0;width:100%;height:100%;content:'';background:#000;;opacity:.42}

.globalInsightMapView{
	width:200px; 
	background:#ffffff; 
	padding:10px; 
	border-radius:10px;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); 
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
	border:1px solid #ddd;
}
.globalInsightMapView h5{font-size:26px; margin-bottom:10px; font-weight:700;}
.globalInsightMapView ul{border-top:1px solid #ebebeb;}
.globalInsightMapView li{padding:10px 0;}
.globalInsightMapView li:not(:first-child){border-top:1px solid #ebebeb;}
.globalInsightMapView li dl{overflow:hidden;}
.globalInsightMapView li dt{float:left; font-size:14px; font-weight:500;}
.globalInsightMapView li dd{float:right; font-size:20px; color:#000000; font-weight:500;}

.globalInsightMapView .nationName{font-size:13px;}

.globalInsightViewTxt01 dd{color:#006cff !important;}
.globalInsightViewTxt02 dd{color:#fa6a00 !important;}

.globalInsightMapArea{height:400px;}
.globalInsight{position:relative; padding:50px 50px; margin:35px 0 30px; background:url('../img/insightBg01.png') no-repeat center 0 #762627; background-size:cover;}

.globalInsightMap {position:relative;}
.globalInsightRemark{
	position: absolute;
    bottom:20px;
    left:50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 11;
}
.globalInsightRemark ul{overflow:hidden;}
.globalInsightRemark li{float:left; margin-left:20px; font-size:16px; padding-left:24px; position:relative; line-height:18px;}
.globalInsightRemark li:first-child{margin-left:0;}
.globalInsightRemark li:after{content:""; width:15px; height:15px; border-radius:100%; position:absolute; left:0; top:0px;}
.globalInsightRemark li.globalInsightRemark01:after{background-color:#006cff;}
.globalInsightRemark li.globalInsightRemark02:after{background-color:#fa6a00;}


.globalInsight h4{color:#ffffff; font-size:36px; letter-spacing:-2px;}
.globalInsight h4 span{font-size:20px; font-weight:400; margin-right:15px;}
.globalInsightBtn{display:block; text-align:center; line-height:94px; color:#ffffff; font-size:18px; text-decoration:underline !important; width:94px; height:94px; border-radius:100%; background:rgba(0, 0, 0, 0.4);

	position: absolute;
    top:50%;
    right:30px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 11;
}

.globalInsightBtn:hover{color:#ffffff;}

.reportSlideWrap, .serviceMainWrap{padding-top:30px;}

.reportSlideWrap .reportSlide{padding:0 0 60px; background:transparent;}




.mainSectionCon{
	max-width:1550px;
	margin:0 auto;
	padding:77px 20px 20px;
}
.mainSectionCon .titleArea {position:relative; padding:35px 0 15px; text-align:center; margin-bottom:30px;}
.mainSectionCon .titleArea:after{content:""; position:absolute; bottom:0; left:50%; margin-left:-25px; width:50px; height:3px; background:#006cff;}
.mainSectionCon .titleArea h3{color:#000000; font-size:36px; padding-bottom:0; letter-spacing:-1px; font-weight:500;} 

.darkBg .mainSectionCon .titleArea h3{color:#ffffff;}
.darkBg .mainSectionCon .titleArea:after{background:#ffffff;}

.conBoxShadow{border-radius:10px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);}


.controlNews {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
	border-radius:10px;
	/* background:#ffffff; */
	overflow:hidden;
}

.controlNewsTitle{flex:0 1 auto; width:167px; background:rgba(126, 134, 158, 0.6); padding-top:30px; text-align:center;}
.controlNewsTitle h4{color:#ffffff; font-size:26px; margin-bottom:15px; letter-spacing:-2px;}
.controlNewsTitle .controlNewsMore{display:inline-block; color:#ffffff; font-size:14px; padding:2px 10px; border:1px solid #fff; background:rgba(0, 0, 0, 0.3);}

.controlNewsDetail{flex:1;}
.controlNewsMain{padding:20px;}

.customInsight {position:relative; text-align:center; margin:60px 0 30px;}
.customInsight .customInsightTitle{position:relative; color:#000000; font-size:30px; padding-bottom:40px; letter-spacing:-1px; font-weight:500;} 
.customInsightTitle:after{content:""; position:absolute; bottom:0; left:50%; margin-left:-5px; width:10px; height:10px; border-radius:100%; background:#006cff;}

.interestWrap{	
	padding:20px 20px;
	/* border:1px solid #ddd; */
	border-radius:10px;
	height:100%;	
	position:relative;
	overflow:hidden;
}

.interestBg01{background:url('../img/interestBg01.png') no-repeat center center; background-size:cover;}
.interestBg02{background:url('../img/interestBg02.png') no-repeat center center; background-size:cover;}

.interestWrap:before{content:""; position:absolute;top:0;left:0;width:100%;height:100%; background:rgba(129, 71, 72, 0.85); z-index:1;}

.interestWrapDetail{position:relative; z-index:2;}


.controlNewsMain02{position:relative;}
.controlNewsMain02 h5{position:absolute; left:20px; top:20px; color:#006cff; font-size:20px; display:inline-block;}

.sec_two .controlNews:not(:first-child){margin-top:15px;}

.interestTitle{text-align:center; margin-bottom:20px;}

.interestTitle span{display:block; padding-top:80px; font-size:16px; color:#fff;}

.interestNation{background:url('../img/interestNation.png') no-repeat center 20px; background-size:50px;}
.interestItem{background:url('../img/interestItem.png') no-repeat center 20px; background-size:50px;}

.interestNodataBg{background:url('../img/insightInfo.png') no-repeat center 20px; background-size:50px;}

.interestDetail{margin-top:10px; text-align:center; font-size:24px;}

.interestDetail .nationTxtArea .nationImg img{width:50px;}

.interestNoTxt{font-size:16px; color:#ffffff; line-height:140%; margin-bottom:30px;}


.interestDetailList .nationTxtArea{display:inline-block;}
.interestDetailList .nationTxtArea .nationImg{margin-right:0; margin-bottom:5px;}

.interestDetailList .nationTxtArea .nationImg{opacity:0.4;}
.interestDetailList .nationTxtArea .nationImg.active, .interestDetailList .nationTxtArea .nationImg:hover {opacity:1;}
.interestDetailListTxt{padding-top:10px;}

.interestDetailListTxt ul{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
	justify-content: center;
}
.interestDetailListTxt li{flex:0 1 auto; padding:5px 10px; position:relative; font-size:14px; color:#ffffff;}
.interestDetailListTxt li a{display:block; color:#000; opacity:0.4; background:#ffffff; border-radius:30px; padding:0 15px; line-height:24px;}
.interestDetailListTxt li a:hover, .interestDetailListTxt li.active a{opacity:1;}
.interestDetailListTxt li:not(:first-child):after{content:""; position:absolute; left:0; top:50%; width:4px; height:4px; margin-top:-2px; margin-left:-2px; border-radius:100%; background:#ffffff;}



.insightReportTimelineCon{margin-top:0px; }
.insightReportTimelineCon ul li{position:relative; /* background:#f9f9f9; */ overflow:hidden; padding:20px 0 30px;} 
.insightReportTimelineCon ul li .insightReportIndex{position:relative; width:100%; padding:0 0 30px 30px; margin-bottom:20px;}
.insightReportTimelineCon ul li .insightReportIndex span{background:#006cff; border-radius:30px; padding:3px 15px; font-size:13px; color:#ffffff;}
.insightReportTimelineCon ul li .insightReportIndex em{display:inline-block; font-size:15px; font-weight:700; color:#006cff; margin-left:5px; line-height:24px;}
.insightReportTimelineCon ul li .insightReportDate{text-align:left; font-size:14px; color:#666; padding-left:30px;}
.insightReportTimelineCon ul li .insightReportIndex:before{content:""; background:#dedede; width:100%; height:1px; position:absolute; left:30px; bottom:5px;}
.insightReportTimelineCon ul li .insightReportIndex:after{content:""; background:#7b7b7b; border-radius:100%; width:11px; height:11px; position:absolute; left:30px; bottom:0;}

.insightReportTimelineCon ul li dl{position:relative; padding:10px 30px;}
.insightReportTimelineCon ul li dt{position:relative; display:block; font-weight:400; font-size:14px; color:#555555; line-height:140%; margin-bottom:10px; height:20px; letter-spacing:-0.5px; overflow:hidden;}
.insightReportTimelineCon ul li dt span{display:block;}
.insightReportTimelineCon ul li dd{font-size:15px; color:#000; margin-top:10px; line-height:150%; height:44px; overflow:hidden;}


/* .insightReportTimelineCon .swiper-wrapper{padding-bottom:20px;} */
.insightReportTimelineCon .swiper-scrollbar{opacity:1 !important; width:100%; left:0; border-radius:0; bottom:0;}

/* .insightReportTimelineCon.swiper-container {
    overflow: visible;
} */

.insightReportTimelineCon .swiper-scrollbar .swiper-scrollbar-drag {
    background: #999;
	border-radius:0;
}

.interestMeg{margin-top:20px; padding:20px; background:#f9f9f9; text-align:center; line-height:140%; font-size:15px;}



.dateStart .input-group .form-control{padding:0 2px;}

.attentionBtn{position:absolute; bottom:0px; right:0;}

.ibox-title{position:relative;}
.ibox-tools{position:absolute; right:20px; top:50%; margin-top:-10px;}
.insightChartArea{position:relative;}

.ibox-title_descript{margin-left:20px; color:#666; padding-left:25px; background:url('../img/descriptInfo.png') no-repeat 0 1px;}

.insightChartBtn{position:absolute; top:0; right:0; z-index:20;}
.insightChartBtn .button{padding:3px 10px; font-size:12px;}


.ibox.pannel-close .ibox-title{border-bottom:none;}

.BKIndicator span{position:relative; padding-right:10px;}
.BKIndicator span:after{content:""; position:absolute; right:0; top:0; width:7px; height:100%;}


.BKIndicator.downIndi span{color:#075de3;}
.BKIndicator.upIndi span{color:#ff0000;}

.downIndi span:after{background:url('../img/indiDown.png') no-repeat 0 center;}
.upIndi span:after{background:url('../img/indiUp.png') no-repeat 0 center;}

.insightRanking h2{padding:10px 0; border-bottom:2px solid #000; margin-bottom:15px; font-size:16px;}


.insightRankingWrap{border-top:2px solid #000;}
.insightRankingList {

	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
	align-items: center;
	padding:5px 10px;
	border-bottom:1px solid #ddd;
	height:45px;
}


.insightRankingTxt01{flex:0 1 25px; font-size:16px; color:#0571ba;}
.insightRankingTxt02{flex:1; font-size:13px !important;}
.insightRankingItem{height:20px; overflow:hidden;}
.insightRankingTxt03{flex:0 1 50px; margin-left: auto; text-align:right;}


.insightRankingWrap .insightRankingList:nth-child(1) .insightRankingTxt01, .insightRankingWrap .insightRankingList:nth-child(2) .insightRankingTxt01, .insightRankingWrap .insightRankingList:nth-child(3) .insightRankingTxt01{color:#d43535;}


.insightRankingTxt02 .nationTxtArea .nationImg{flex:0 1 30px; margin-right:5px;}

.iboxConLy{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
	margin-right:-20px;
}

.iboxConRow{
	flex:1;
	padding-right:20px;
	/* border:1px solid #000; */
}

.iboxConRow70, .iboxConRow70_inform{
	flex:0 1 auto;
	width:70%;
	padding-right:20px;
}

.iboxConRow30, .iboxConRow30_inform{
	flex:0 1 auto;
	width:30%;
	padding-right:20px;
}

.iboxConRow80{
	flex:0 1 auto;
	width:80%;
	padding-right:20px;
}

.iboxConRow20{
	flex:0 1 auto;
	width:20%;
	padding-right:20px;
}


.iboxConRanking{flex: 0 1 200px;}

.iboxConRanking .nationTxtArea .nationName{overflow:hidden; text-overflow: ellipsis;}


.insightMapDetail{position:absolute; bottom:0px; left:0; z-index:21; background:rgba(0, 0, 0, 0.7); width:100%; height:145px; padding:10px 20px;}
.insightMapDetail .nationTxtArea .nationImg{flex:0 1 40px;}
.insightMapDetail .nationTxtArea .nationName{font-size:16px; color:#ffffff;}

.insightMapDetail .close{color:#ffffff;}

.insightMapList{overflow:hidden;}
.insightMapList ul{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
	margin-right:-10px;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid rgba(255, 255, 255, 0.5);
}
.insightMapList li{flex:1; position:relative;}
.insightMapList li:not(:first-child):after{content:""; position:absolute; left:0; top:50%; width:5px; height:5px; margin-top:-2px; border-radius:100%; background:#ffffff;}
.insightMapList dl{text-align:center; color:#ffffff; padding:0 10px;}
.insightMapList dt{margin-bottom:10px; opacity:0.7;}
.insightMapList dd{font-size:16px;}



.techReportImg {
	margin-top:20px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
	margin-right:-10px;
}
.techReportImg li {

	flex: 0 1 auto;
    margin: 0 10px 10px 0;
	width: calc(20% - ((10px * 5) / 5));
	overflow:hidden;
	border-radius:10px;
}
.techReportImg li > div {padding:0; height:100%;}
.techReportImg li a {display:block; position:relative; overflow:hidden; height:100%;}
.techReportImg li a img {
	
	width:100%;
	height:100%; 
	object-fit: cover;

	-webkit-transition: transform .3s ease-out;
    -moz-transition: transform .3s ease-out;
    -ms-transition: transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;

}
.techReportImg li a .info-box {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../img/dim.png') 0 0 repeat; overflow:hidden; z-index:200;}
.techReportImg li a .info-box strong {position:absolute; bottom:0; left:0; display:block; padding:10px; color:#fff; font-size:14px; font-weight:normal; letter-spacing:-1px; text-shadow:1px 1px 1px #333; line-height:20px;}
.techReportImg li a .info-box span {display:block; margin-top:10px; font-size:16px; text-align:center; color:#fff;}

.techReport-more {margin-top:27px; text-align:center;}

.techReport-list-txt {display:none; position:relative; max-width:1000px; min-width:1180px; margin:27px auto 0;}
.techReport-list-txt li {position:relative; min-height:99px; margin:0 30px; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.techReport-list-txt li:first-child {border-top:1px solid #e5e5e5;}
.techReport-list-txt li a {display:block; padding:26px 20px 25px;}
.techReport-list-txt li a > img {position:absolute; top:7px; left:-100px; width:85px; height:85px;}
.techReport-list-txt li a .tit-box strong {display:block; padding-bottom:10px; color:#4c5867; font-size:18px;}
.techReport-list-txt li a .tit-box span {display:block; color:#999;}
.techReport-list-txt li a .info-box {position:absolute; right:20px; top:27px; text-align:right; font-size:0;}
.techReport-list-txt li a .info-box img + img {padding-left:10px;}


.techReportImg li:hover a img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1); 
	-o-transform: scale(1.1);
	transform: scale(1.1);		
}



.edu_cate .color03{margin-left:10px;}

.category_wrap{

	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
	margin-top:30px;
}

.category_list{flex:0 1 auto; display: -webkit-box;  display: -ms-flexbox; display: flex;  flex-direction: column; margin-left:-1px;}
.category_list:nth-child(odd) .category_list-wrap{background:#f9f9f9;}
.category_list-wrap{padding:20px; border:1px solid #dbdada;}
.category_list-wrap li{border-bottom:1px solid #ddd;}
.category_list-wrap li a{display:block; padding:8px 0;}

.category_list-wrap li.active{border-bottom:1px solid #bd0004}
.category_list-wrap li.active a{font-weight:500; color:#bd0004;}

.industry_hearder_wrap .category_list-wrap li:not(:first-child){border-top:1px solid #ddd;}
.industry_hearder_wrap .category_list-wrap li{padding:6px 0;}

.category_list-wrap .scrollWrap{}
.industry_hearder_wrap .category_list-wrap .scrollWrap ul{height:300px;}
.category_list-wrap .scrollWrap ul{height:350px;}

.industry_title{background:#ffffff; padding:10px 0; color:#000; font-size:18px; margin-bottom:10px; border-bottom:3px solid #000; font-weight:500;}

.industry_hearder_wrap .category_wrap .category_list .industry_title{border-bottom:none;}

.industry_wrap{margin-right:-10px;;}
.industry_wrap .category_list{margin-right:10px;}



.col-w20{width: calc(20% - ((10px * 3) / 3));}
.col-w25{width: calc(25% - ((10px * 3) / 3));}
.col-w30{width: calc(33.33% - ((10px * 3) / 3));}
.col-w50{width: calc(50% - ((10px * 2) / 2));}



.subject-select{padding-bottom:0; position:relative; margin-top:20px;}
.subject-select-area{border-top:1px solid #000; border-bottom:1px solid #eee; padding:20px 0;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;	
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
	font-size:13px;
}

.subject-select-title{flex:0 0 100px; font-size:18px; font-weight:500; cursor:pointer}
.subject-select-title span{position:relative; padding-right:0;}

/* .subject-select-title span:after{content:''; position:absolute; right:10px; top:50%; width:13px; height:13px; margin-top:-5px; background:url("../img/spr_img.png") no-repeat; background-position:-60px -65px;}
.subject-select-wrap.active .subject-select-title span:after{background-position: -80px -65px;} */


.subject-selected{flex:1; padding-left:10px;}
.subject-select-reset{flex:0 0 65px; text-align:right;}

.subject-selected ul{display: -webkit-box; display: -ms-flexbox; display: flex;  flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row;}
.subject-selected ul li{flex:0 0 auto; margin:0 8px 8px 0; padding:2px 6px 2px 8px; background:#ffffff; border:1px solid #ddd; border-radius:3px;}
.subject-selected ul li a{color:#333 !important;}
.subject-selected ul li a i{font-size:9px !important; margin-left:5px; color:#aaa}


.subject-select-reset i{font-size:12px !important; padding-right:5px;}





.list_title_area{
	margin-bottom:20px;
}

.list_title_area ul{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
}

.list_title_area li{
	flex:1;
	margin-right:-1px;
	border:1px solid #cbcbcb;
}
.list_title_area li dl{
	padding:30px;
}

.list_title_area li dt{
	font-size:15px;
	color:#bd0004;
}

.list_title_area li dd{
	font-size:18px;
	color:#000000;
	line-height:160%;
	margin-top:30px;
	letter-spacing:0;
}



/* .accreditWrap.list_title_area li{flex:0 1 43%;} */
.accreditWrap.list_title_area li.accreditImg{flex:0 1 175px; padding:20px;}
.accreditWrap.list_title_area li.accreditImg img{width:100%;}


.insight_list_title_area.list_title_area li dt{
	color:#999;
}

.insight_list_title_area.list_title_area li{
	border:1px solid #ddd;
}

.insight_list_title_area.list_title_area li:nth-child(even){background:#f9f9f9;}


.insight_list_title_area.list_title_area li dd{
	font-size:16px;
	margin-top:20px;
}


.nationTxtArea{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
	align-items: center;
}

.nationTxtArea .nationImg{flex:0 1 45px; margin-right:10px;}
.nationTxtArea .nationImg img{width:100%;}
.nationTxtArea .nationName{flex:1;}

.nationTxtArea.certify_img .nationImg{flex:1; margin-right:0; text-align:center;}
.nationTxtArea.certify_img .nationImg img{width:50px !important; }

.updateDate{color:#fa6a00; padding-top:10px;}

.positionRelative{position:relative;}
#realContents .conInbox:not(:first-child){padding-top:30px;}
.txt_notice{margin-top:5px; font-size:12px; font-weight:400; line-height:20px; min-height:18px; padding-left:25px; background:url('../img/descriptInfo.png') no-repeat 0 1px;}

.conInbox .writeForm{margin-bottom:0;}

.new_userInfo_view{display:none; text-align:left; position:absolute; right:-50px; top:50px; width:120px; background:#ffffff; border:1px solid #aaa; padding:20px; border-radius:10px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);}

.new_userInfo_view li:not(:first-child){border-top:1px solid rgba(0, 0, 0, 0.1); padding-top:8px; margin-top:8px; }
.new_userInfo_view li a{color:#000000; font-size:13px;}

.new_userInfo_view.active{display:block;}


.report_view{display: -webkit-box;  display: -ms-flexbox; display: flex; flex-direction: row; margin-top:30px;}
.report_img{flex:0 1 350px;}
.report_img img{width:100%; margin-bottom:20px;}
.report_detail{flex:1; margin-left:50px; padding-left:30px; border-left:1px solid #ddd;  min-height:400px;}

.downloadIco{display:block; border:1px solid #ddd; border-radius:5px; padding:5px 20px;}
.downloadIco span{padding-left:25px; background:url('../img/downloadIco.png') no-repeat 0 center; background-size:14px;}

.report_view .education_list .sort_title02{font-size:24px; font-weight:500;}

.report_detail_txt{line-height:160%; font-size:17px;}

.fileIco{padding-left:30px; background-repeat:no-repeat; background-position:0 center;}
.fileIco.pdfico{background-image:url('../img/ic_file_pdf.gif');}
.fileIco.wordico{background-image:url('../img/ic_file_doc.gif');} 
.fileIco.hwpico{background-image:url('../img/ic_file_hwp.gif');} 
.fileIco.fileSaveico{background-image:url('../img/icon_file.gif');} 

.txtArea{font-size:12px; color:#323232; margin-top:5px; text-align:right; line-height:1.2rem;}

.content_txt{padding:40px; border:1px solid #ddd; border-radius:10px; margin-top:20px;}

.lockIco{padding-left:18px; background:url('../img/lockIco.png') no-repeat 0 3px; background-size:auto 12px; line-height:24px;}
.lockIco.unlock{background:url('../img/unlockIco.png') no-repeat 0 3px; background-size:auto 12px; line-height:24px;}


.nation_list_flg{}
.nation_list_flg img{width:45px;}

.replyColor{color:#b21017; text-decoration:underline;}
.no_replyColor{color:#a2a2a2;}


.respondHistoryWrap{}
.respondHistoryTitle01{font-size:22px; color:#000; margin-bottom:10px;}
.respondHistoryArea{}
.respondHistoryList{padding:20px; border:1px solid #ddd; border-radius:10px;}
.respondHistoryList:not(:first-child){margin-top:10px;}
.respondHistoryView:not(:first-child){margin-top:10px;}
.respondHistoryView{background:#f9f9f9; border-radius:10px; padding:20px;}

.respondHistoryReply{background:#ffffff;}

.respondHistoryTitle02{font-size:18px; color:#555; margin-bottom:15px;}
.respondHistoryViewTitle{overflow:hidden; border-bottom:1px solid #e8e8e8; padding-bottom:8px;}
.respondHistoryViewTitle h5{float:left; font-size:16px; color:#0f4782; padding-left:12px; background:url('../img/noticeBlt.png') no-repeat 0 7px;}
.respondHistoryViewTitle dl{float:right; }
.respondHistoryViewTitle dt{display:inline-block; margin-right:10px; color:#888;}
.respondHistoryViewTitle dd{display:inline-block; color:#000;}

.respondHistoryTxt{margin-top:20px; padding:0 20px; line-height:160%; color:#777;}

.respondHistoryReply .respondHistoryViewTitle h5{color:#fa6a00;}

.login .login-area{display: flex; flex-direction: row; border:1px solid #e1e1e1;}
.login .login-area h3{font-size:22px;}
.login .login-wrap{flex:0 1 50%; overflow:hidden;padding:32px 50px 40px;vertical-align:top;}
.login .login-wrap:not(:first-child){border-left:1px solid #e1e1e1;}
.login .login-wrap .input-wrap{display:block;}
.login .login-area .input-wrap.placeholder .id,
.login .login-area .input-wrap.placeholder .password{position:relative;width:100%;}
.login .login-area .input-wrap.placeholder label{position:absolute;top:11px;left:11px;cursor:text;}
.login .login-area .input-wrap.placeholder label.active{visibility:hidden;}
.login .login-wrap .input-wrap .id{margin-bottom:10px;}
.login .login-wrap .scode-wrap p{padding:14px 0 12px;}
.login .login-wrap .scode-wrap .btns .refre{margin:5px 0 0;}
.login .login-wrap .scode-wrap .btns .refre span{background-position:0 -24px;}
.login .login-wrap .button{display:block;margin:10px 0 0;}
.login .login-wrap .loginMessage{display:block; padding-top:20px;color:#e72a30;font-size:13px;font-style:normal;}
.login-area .button{padding:13px 30px !important;}
.join-wrap-area{margin-top:30px;}
.login .join-wrap{padding:30px 0; text-align:center;}
.login .join-wrap:not(:first-child){border-top:1px solid #e1e1e1;}
.login .info-area  ul li{padding-left:10px;text-indent:-10px;}
.login .info-area{margin-top:40px;}
.login .login-area .button{font-size:16px;}
.login .login-area .btn-link{text-align:left; padding:0 !important; text-decoration:underline;}
.login .join-wrap .color03{text-decoration:underline;}

.join-wrap p{color:#666; /* padding-left:12px; background:url('../img/noticeBlt.png') no-repeat 0 7px; */}

.login .button-group{margin-top:15px;}
.loginArea{width:305px; padding:0; margin:0 auto;}
.loginArea h2{color:#000000; font-size:26px; line-height:60px;}
.loginArea h3{color:#7c7c7c; font-size:14px; margin-top:0px; font-weight:500; }
.loginInputArea .form-group{margin-left:0; margin-right:0; margin-bottom:15px;}
.loginRemember {margin-top:5px; font-size:12px; color:#000;}
.loginRemember .checkbox-inline{padding-left:0;}

.loginInput{padding-top:20px; margin-top:0;}
.loginInputArea{margin-top:20px;}
.loginInputArea .login-input{border:none; border-bottom:1px solid #c5c5c5;  box-shadow: none; border-radius:0; /* height:32px; padding: 6px 0; */ padding-left:0;} 
.loginInputArea label{margin-bottom:0px; margin-top:0px; font-size:14px; color:#000;}

.loginInputArea .writeForm .form-control{border:1px solid #e5e6e7; border-radius:4px;}

.onPass{padding-top:137px;  background:url('../img/onpassIco.png') center 10px no-repeat; background-size:80px auto; font-size:15px; line-height:140%; color:#666;}

.loginBtn{display:block; width:100%; height:55px; font-size:20px; background:#025c99; color:#ffffff; font-size:14px; text-align:center; line-height:55px; border:none;}
.loginBtn:hover{color:#fff; background:#25903c;}

.input-wrap .writeForm dt{flex:0 1 80px;}

.id_search_btn{margin-top:115px;}


.clausech { margin-top:15px;}
.clausech input{margin:0; margin-right:10px;}
.btnArea01{margin:20px 0;}
.join_guide p{margin:0;}


.join-step {margin-bottom:40px; border-bottom:1px solid #d9d9d9;}
.join-step ul {margin:0 auto -1px; overflow:hidden; text-align:center;}
.join-step ul li div {color:#aaa; font-size:16px; font-weight:400;}
.join-step ul li div span {position:relative; top:1px; padding-right:7px;}
.ie8-sapari .join-step ul li div span {font-family: 'arial';}

.join-step ul li {display:inline-block; width:215px; height:124px; margin-left:20px; text-align:center; background:url("../img/ico_join_step01_off.gif") no-repeat center 20px; border-bottom:1px solid #d9d9d9;}
.join-step ul li + li {background-image:url("../img/ico_join_step02_off.gif");}
.join-step ul li + li + li {background-image:url("../img/ico_join_step03_off.gif");}
.join-step ul li + li + li + li {background-image:url("../img/ico_join_step04_off.gif");}

.join-step ul li.active {height:123px; background-image:url("../img/ico_join_step01_on.gif"); border-bottom:2px solid #e34922;}
.join-step ul li + li.active {background-image:url("../img/ico_join_step02_on.gif");}
.join-step ul li + li + li.active {background-image:url("../img/ico_join_step03_on.gif");}
.join-step ul li + li + li + li.active {background-image:url("../img/ico_join_step04_on.gif");}
.join-step ul li.active div {color:#e34922;}

.join-step ul li div {padding-top:90px; background:url("../img/arr_join_step.gif") no-repeat left 49px;}
.join-step ul li:first-child div {background:none;}
.join-step ul li:first-child {margin-left:0;}


.findIdPw {border:1px solid #ddd; padding:40px 80px;}
.findIdPw article{padding:30px 0; text-align:center; border-top:1px solid #e8e8e8;}
.findIdPw article{margin:40px -80px -50px -80px;}
/* .findIdPw .tabCont {padding-bottom:40px;} */
.findIdPw .tabCont h5{margin:20px 0 28px 0; font-size:22px; text-align:center; line-height:25px;}
.findIdPw .tabCont dl > dd.trisection ol li {width:40% !important;}
.findIdPw .tabCont dl > dd.trisection ol li:last-of-type {width:60.4% !important; padding-left:10px; box-sizing:border-box;}
.findIdPw .findResult {margin-bottom:14px; padding:15px 0; text-align:center; border:1px solid #e8e8e8; background:#f7f7f7; overflow:hidden;}
.findIdPw .findResult dt, .findIdPw .findResult dd {display:inline-block;}
.findIdPw .findResult dt {font-weight:500;}
.findIdPw .findResult dd {padding-left:18px;}
.findIdPw .btn.st07 {width:100%;}
.findIdPw hr {margin-top:50px;}
.icon:before {border-radius:50%; background-position:50% 50%; background-repeat:no-repeat; display:inline-block; content:"";}
.icon.st01 {font-weight:500; color:#333;}
p.icon.st01 {padding-left:24px; text-indent:-24px;}
p.icon.st01 > span {margin-left:14px; padding-left:16px; font-weight:400; color:#666;}

.icon.st01:before {width:18px; height:18px; margin-right:6px; background-color:#2f9544; vertical-align:-4px;}
.icon.st01.info:before {background-image:url(../img/ico_info01.png);}
.icon.st01.call:before {background-image:url(../img/ico_call01.png);}

.btn-membership{padding:10px 30px; font-size:16px; margin:2px;}

.idSearch{padding-bottom:10px;}
.idSearch dl{background:#f9f9f9; padding:40px; text-align:center;}
.idSearch dt{font-size:15px; color:#777;}
.idSearch dd{font-size:20px; color:#000; margin-top:15px;}

.idSearch dl.memberComplete dt{padding-top:90px; background: url("../img/checkmark.png") no-repeat center 0;}


.membership_type{padding-top:120px; text-align:center; margin-bottom:40px;}
.membership_type h3{font-size:24px; margin-bottom:10px;}
.membership_type h3 span{color:#006cff;}
.membership_type h3 p{font-size:18px;}

.membership_type01{background: url("../img/join_img02.jpg") no-repeat center 0; background-size:auto 80px;}
.membership_type02{background: url("../img/join_img01.jpg") no-repeat center 0; background-size:auto 80px;}

.accredit_area{border:1px solid #ddd; padding:50px 200px; border-radius:10px;}

.interestListWrap{display: -webkit-box;  display: -ms-flexbox; display: flex; flex-direction: row; padding:20px 0; margin-right: -20px}
.interestList{flex:1; margin: 0 20px 20px 0; padding:30px; border:1px solid #ddd; border-radius:10px;}
.interestListWrap .interestList:nth-child(odd){background:#f9f9f9;}

.interestSearch{position:relative; border:1px solid #ccc; background:#ffffff; padding:0 20px; height:34px; border-radius:5px; box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05);}
.interestSearch h3{color:#333; font-size:15px; line-height:34px; }
.interestSearchBtn{position:absolute; right:15px; top:6px; width:20px; height:20px; color:#333; display:block; text-align:center;}
.interestSearchBtn i{font-size:13px; color:#333;}

.interestList ul{margin-top:10px;}
.interestList li{position:relative; padding:10px 20px;}
.interestList li:not(:first-child){ border-top:1px solid #ebebeb;}
.interestListDel{position:absolute; right:15px; top:10px; width:20px; height:20px; display:block; text-align:center;}
.interestListDel i{font-size:10px !important; color:#666666;}

.star01{display:inline-block; width:7px; height:7px; padding-right:15px; background:url('../img/star.png') no-repeat right 0;}


.information-icon-wrap{padding:30px 60px; margin-bottom:30px; background:#faf6f6; border-radius:10px; display: -webkit-box;  display: -ms-flexbox; display: flex; flex-direction: row;}
.information-icon-area{flex: 0 1 64px;}
.information-icon-text{padding-left:40px;}
.information-icon-text .information-icon_title{font-size:18px; font-weight: 500; position:relative; padding-bottom:20px; line-height:140%;}
.information-icon-text .information-icon_title:after{content:''; position:absolute; left:0; bottom:0; width:30px; height:1px; background:#000000;}


.information-icon-text .information-icon-txt{font-size:14px; padding-top:15px; line-height:150%;}
.information-icon-img{background-position: center center;  background-repeat: no-repeat;  background-size:64px auto; width:64px; height:64px; background-image:url('../img/informationIcon01.png')}
.information-icon-wrap:not(:first-child){margin-top:20px;}

.information-notice{display:block; margin-top:5px;}




.writeForm{margin-bottom:30px;}
.writeForm .writeFormTitle{font-size:17px; margin-bottom:15px; line-height:140%; font-weight:500;}
.writeFormResult .writeForm ul{border-top:1px solid #000;}
.writeForm ul{
	border-top:2px solid #000;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
}
.writeForm li{flex:0 1 50%;}
.writeForm li.full_row{flex:0 1 100%;}
.writeForm_wrap{border-bottom:1px solid #ddd; height:100%; padding:15px 20px;}
.writeForm dl{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
	align-items: center;	
	height:100%;
	
}
.writeForm dt{flex:0 1 150px; position:relative; padding-left:10px; font-weight:500;}
.writeForm dt:after{content:''; display:block; position:absolute; left:0; top:6px; width:3px; height:3px; background:#f0940a; border-radius:100%;}
.writeForm dd{flex:1; line-height:150%; color:#737373; font-weight:400;}


.bt-sm{
	display:inline-block;
	padding:0 20px;
	border:1px solid #bd0004;
	margin:0 0 2px;
	height:34px;
	line-height:34px;
	background-color:#ffffff;
	color:#bd0004;
	vertical-align:middle;
	cursor:pointer;
	border-radius:0px;
}

.bt-checked{
	background:#bd0004;
	border:1px solid #bd0004;
	color:#ffffff;
	font-weight: 500;
	border:none;
}


.btngroup{clear:both; padding-top:5px; overflow:hidden;}
.BtnGroupL{float:left;}
.BtnGroupC{position:relative; text-align:center;}
.BtnGroupR{float:right;}
.buttonGroup{overflow:hidden;}
.buttonGroup a{display:block; float:left; margin-left:2px; overflow:hidden;}


.insightSection{border-radius:10px; padding:30px; border:1px solid #e8e8e8; background:#ffffff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);}

.insightSection.sySearchForm{position:relative; overflow:hidden; padding:10px 40px 10px 30px;}

.sySearchFormWrap{padding-right:0;}

.sySearchFormWrap .writeForm{margin-bottom:0;}
.sySearchFormWrap .writeForm ul{border-top:none;}
.sySearchFormWrap .writeForm_wrap{border-bottom:none; height:100%; padding:3px 30px 3px 0;}

.sySearchFormWrap .writeForm li {}

.sySearchFormWrap.row02 .writeForm li{flex:0 1 50%;}
.sySearchFormWrap.row03 .writeForm li{flex:0 1 33.33%;}
.sySearchFormWrap.row04 .writeForm li{flex:0 1 25%;}
.sySearchFormWrap.row05 .writeForm li{flex:0 1 20%;}

.writeForm li.full_row{flex:0 1 100% !important;}

.sySearchFormWrap .writeForm dt{flex:0 1 140px;}

.wordSearchBtn{position:absolute; right:0; top:0; height:100%; width:50px; background:#606060; color:#ffffff; text-align:center;}
.wordSearchBtn .btn-Search{position:absolute; top:0; left:0; display:block; width:100%; height:100%; background: url("../img/btn_searchResult_white.svg") no-repeat center center; background-size:20px; text-indent:-5000px;}

.wordSearchBtn .resetBtn{position:absolute; top:0; left:0; display:block; width:100%; height:50%; line-height:100%; background: #fa6a00;}
.wordSearchBtn .analysisBtn{position:absolute; top:50%; left:0; display:block; width:100%; height:50%; line-height:100%; background:#006cff;}

.insightSearchBtn {
	position: absolute;
	top: 50%;
    left: 50%;
    padding: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	color:#ffffff;
	font-size:13px;
}

.insightSearchBtn i{display:block; padding-bottom:8px; font-size:14px;}


.mainTab li:hover{
	background: var(--gray-btn-hover);
}

.mainTab ul:after{display:block;content:'';clear:both}






.noticeTab .tab_view {position:relative; padding:0 0 0 0; z-index:10;}
.noticeTab .tab_view:after{content:".";clear:both;display:block;height:0;visibility:hidden;}


.insightReportTimelineWrap .mainTab ul{padding-bottom:0;}

.insightReportTimelineWrap .mainTab{position:relative; z-index:11;}

.descript{color:#aaa;}


.thumArea{}
.thumArea li{padding:10px;}
.thumArea li .bookImg{position:relative; width:100%; height:320px; -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1); background-color:#fff !important;}
.thumArea li .bookImg:before, .thumArea li:hover .bookImg:after {position:absolute; width:100%; height:100%; display:block; content:""; z-index:50;}
.thumArea li:hover .bookImg:before {top:0; left:0; background:#000; opacity:0.5;}
.thumArea li:hover .bookImg:after {top:50%; left:50%; width:50px; height:50px; margin:-25px 0 0 -25px; border:1px solid rgba(255,255,255,0.60); border-radius:100%; background:url('../img/btn_more04.gif') 50% 50% no-repeat;}


.thumArea li p{font-size:13px; background:#ffffff; border-top:3px solid #791215; color:#666666; margin-top:0; padding:20px; height:85px; -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1);}

.reportSlideWrap .thumArea li{padding:10px 0;}

.reportSlide{background:#f4f3f3; padding:10px 0 40px; overflow:hidden;}
.reportSlide .swiper-button-prev{
  background: url("../img/btnLn02.png") no-repeat 0 center;
  padding-left:30px;
  top:auto;
  bottom:10px;
  left: 20px;
  width:auto;
  height:28px;
  line-height:28px;
  right:auto;
  opacity:1;
  margin-top:-14px;
  z-index:11;
}

.reportSlide .swiper-button-next{
 background: url("../img/btnRn02.png") no-repeat right center;
 padding-right:30px;
  top:auto;
  bottom:10px;
  width:auto;
  height:28px;
  line-height:28px;
  right: 20px;
  left: auto;
  opacity:1;
  margin-top:-14px;
  z-index:11;
}


.reportSlide .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 100%;
  background: #000000;
  border:2px solid #000000;
  opacity: 1;
}
.reportSlide .swiper-pagination-bullet-active {
  opacity: 1;
  background: #000000;
  width:45px;
  border-radius:20px;
  border:2px solid #000000;
}

.reportSlide .swiper-pagination{text-align:center; left:0;}


.reportSlideWrap .reportSlide .swiper-button-prev{
  background: url("../img/btnLn04.png") no-repeat 0 center;
  left: 0px;
}

.reportSlideWrap .reportSlide .swiper-button-next{
 background: url("../img/btnRn04.png") no-repeat right center; 
 right:0px;
}


.reportSlideWrap .reportSlide .swiper-pagination-bullet {
  background: #ffffff;
  border:2px solid #ffffff;
  opacity: 0.6;
}
.reportSlideWrap .reportSlide .swiper-pagination-bullet-active {
  opacity: 1;
  background: #ffffff;
  border:2px solid #ffffff;
}





.inforLy01{overflow:hidden; padding:0 0 40px;}
.inforLy01 .inforList{float:left; width:25%;}
.inforLy01 dl{overflow:hidden; margin:3px; border:1px solid #d1d1d1; border-radius:10px; background-color:#ffffff; text-align:center; padding:20px 0;}
.inforLy01 dt{font-size:14px; color:#818181; margin-bottom:120px;}
.inforLy01 dd{font-size:18px; color:#000000; font-weight:400;}

.inforLy01 dl.support01{background:url('../img/support01.png') no-repeat center center #ffffff; background-size:60px;}
.inforLy01 dl.support02{background:url('../img/support02.png') no-repeat center center #ffffff; background-size:60px;}
.inforLy01 dl.support03{background:url('../img/support03.png') no-repeat center center #ffffff; background-size:60px;}
.inforLy01 dl.support04{background:url('../img/support04.png') no-repeat center center #ffffff; background-size:60px;}




/* .topRightArea{position:absolute; right:0; top:12px;}
.topAreaSearch{float:left;}
.topAreaSearch input[type="text"]{float:left;padding:0 10px;width:160px;height:32px; line-height:32px; border:1px solid #e8e8e8; color:#757779; font-size:12px;}
.topAreaSearch .topSearchBtn{float:left;}
.topAreaSearch .topSearchBtn input[type="submit"]{display:block; width:45px; height:32px; cursor:pointer; border:none; background:url('../img/searchBtn.png') no-repeat 0 0; text-indent:-5000px; margin-left:-1px;}

.topSiteBtnArea{float:left; margin-left:7px;}
.topSiteBtn{display:block; width:37px; height:32px; border:1px solid #e9e9e9; background:url('../img/site.png') no-repeat center center; text-indent:-5000px;}
 */

.topRightArea{position:absolute; top:0; right:0;}
.topRightArea > ul{text-align:center;}
.topRightArea > ul > li{float:left;}
.topRightArea > ul > li > a{display:block; font-size:12px; padding:0; height:56px; width:30px;}
.topRightArea > ul > li.topSitemap a{background:url('../img/topSitemap.png') no-repeat center center; text-indent:-5000px; width:60px;}
.topRightArea > ul > li.topLang a{text-indent:-5000px;}
.topRightArea > ul > li.topLang.engIco a{background:url('../img/engIco.png') no-repeat center center; background-size:auto 21px;}
.topRightArea > ul > li.topLang.korIco a{background:url('../img/korIco.png') no-repeat center center; background-size:auto 21px;}
.topRightArea > ul > li.topKeyword a{background:url('../img/keywordIco.png') no-repeat center center; background-size:auto 18px; text-indent:-5000px;}
.topRightArea > ul > li.topMembership{position:relative;}
.topRightArea > ul > li.topMembership > a{background:url('../img/membershipIco.png') no-repeat center center; width:40px; text-indent:-5000px;}

.topRightArea > ul > li.topLanguage a{line-height:32px; color:#383838;}
.mSearchBtn{display:none;}


.historyIng{margin-right:-15px; overflow:hidden;}
.historyIng li{float:left; width:33.3%;}
.historyIng li .historyIngWrap{margin-right:15px; padding:30px; text-align:center; border:1px solid #ddd; height:250px;}
.historyIng li .historyIngWrap h3{font-size:20px; color:#ffffff; margin-bottom:20px; width:50px; height:50px; background:#006cff; border-radius:100%; display:inline-block; text-align:center; line-height:50px;}
.historyIng li dt{font-size:20px; font-weight:500;}
.historyIng li dt p{font-size:13px; color:#999; margin-top:10px; font-weight:400;}
.historyIng li dd{font-size:14px; margin-top:25px;}

.borderImg{border:1px solid #ddd; padding:20px; margin:10px 0; text-align:center;}
.borderImg p{margin-top:10px;}



.subconWrap .txt_title01{margin-bottom:20px;}
.historyUl > li {line-height:150%; color:#595959; background:url('../img/bullet_1.png') 0 8px no-repeat; padding:0 0 3px 14px; margin:4px 0;}
.subconWrap{padding-bottom:40px;}
.subconWrap p{line-height:160%;}

.history_list {clear:both; width:100%;}
.history_list span {display:inline-block; width:150px; font-size:15px; font-weight:500; color:#006cff;}
.history_list li {padding:10px 20px; border:1px solid #ddd; margin:5px 0;}

.noticeMainWrap{border:1px solid #e1e1e1; overflow:hidden;}
.noticeMainList{float:left; width:50%; }




.mainCardCon img{height:35px;}
.mainCardCon{text-align:center;}
.mainCardCon img{width:70px; height:47px;}
.mainCardCon p{margin-top:5px; font-size:12px; color:#333;}


.viewTable01{clear:both; padding:0; border-top:1px solid #dddddd !important; border-bottom:1px solid #dddddd;}
.viewTable01 .control-label{display:block; font-weight:500; font-size:15px; color:#454545; padding-bottom:8px; line-height:24px;}


.requiredInfor .col-sm-1, .requiredInfor .col-sm-2, .requiredInfor .col-sm-3, .requiredInfor .col-sm-4, .requiredInfor .col-sm-5, .requiredInfor .col-sm-6, .requiredInfor .col-sm-7, .requiredInfor .col-sm-8, .requiredInfor .col-sm-9, .requiredInfor .col-sm-10, .requiredInfor .col-sm-11, .requiredInfor .col-sm-12{padding-top:0; padding-bottom:0;}

.mBtn{display:none;}



.descriptInfo{font-size:12px; color:#ff7500; margin-top:5px;}


.contBg{background:#f9f9f9; padding:20px;}
.infoT1{margin-bottom:5px;}
.infoT2{font-size:12px; margin-bottom:15px; color:#aaa; font-weight:400;}

.formInline.col-sm-1, .formInline.col-sm-2, .formInline.col-sm-3, .formInline.col-sm-4, .formInline.col-sm-5, .formInline.col-sm-6, .formInline.col-sm-7, .formInline.col-sm-8, .formInline.col-sm-9, .formInline.col-sm-10, .formInline.col-sm-11, .formInline.col-sm-12{float:left;}

.soTitle{font-size:14px; color:#006cff; padding:5px 0 10px; display:inline-block; border-top:0px solid #000000;}
.qna-body.qna-reply{padding-left:40px; background:url('../img/qna_ico.svg') no-repeat 10px 0; background-size:20px;}
.qna-body.qna-reply strong{font-size:18px;}

.boothArea{position:relative;}
.boothBtnArea{position:absolute; right:0; bottom:0; z-index:10;}
.boothBtnArea:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.boothBtnArea li{display:inline-block;}
.boothBtnArea .boothBtn{display:block; text-align:center; padding:15px; background:rgba(0, 0, 0, 0.5);}
.boothBtnArea li:first-child .boothBtn{background:rgba(0, 0, 0, 0.3);}
.boothBtnArea .boothBtn i{font-size:16px; color:#fff;}

.p-noti-list .btnArea{margin-top:10px;}
/*accordion*/

.accordion{width:100%; border-top:2px solid #6b6b6b}
.accordion > li{border-bottom:1px solid #d6d6d6; text-decoration:none}
.accordion > li:first-child{border-top:none}
.accordion > li .accordionView{position:relative; display:block; line-height:21px; padding:12px 20px 12px 20px; text-decoration:none;}
.accordion > li.active .accordionView{background:#ffffff;}
.accordion > li .accordionOpen{position:absolute;top:0;right:25px;width:22px;height:100%; cursor:pointer;}
.accordion > li span.ico_open{display:block;position:absolute;width:13px;height:13px;top:50%;margin-top:-7px;background-position:-60px -65px}
.accordion > li.active span.ico_open{background-position:-80px -65px;}
.accordion > li > div.accordionDetail{display:none; background:#f9f9f9; font-size:15px; color:#5a5a5a; border-top:1px solid #ddd; padding:12px 20px}
.accordion > li.active > div.accordionDetail{display:block; }

.faqWrap {margin-top:0;}

.faqTitle01{float:left; /* white-space:nowrap; overflow:hidden; text-overflow: ellipsis; */ color:#373636; padding-top:10px; line-height:140%; width:85%;}
.faqIndex{float:left;  width:40px; height:40px; color:#555555; font-size:18px; font-weight:700; text-align:center; line-height:40px; margin-right:20px;}

.accordion > li.active .faqIndex{color:#000;}

.faqArea{overflow:hidden; cursor:pointer;}
.faqArea .faqTitle01{font-size:18px; color:#343434; font-weight:500;}
.faqDetail{overflow:hidden; word-break: break-all;}
.faqDetail .faqIndex{background:#ffffff; display:none;}

.contentType03 .faqDetail .faqIndex{background:#f0781e;}
.contentType03 .accordion{border-top:2px solid #f27800}
.contentType04 .faqDetail .faqIndex{background:#2cac6f;}
.contentType04 .accordion{border-top:2px solid #2cac6f}


.accordion > li.active .faqArea .faqTitle01{color:#000000; font-weight:500; padding-top:10px; padding-bottom:10px;}
.accordion > li.active .faqDetail .faqTitle01{padding-top:10px; padding-bottom:10px; line-height:150%; color:#717171; padding-left:60px; font-size:15px;}
.faqDetail .faqTitle01{width:100%;}

.accordion .accordionDetail .conTxt01 {padding:20px; border-radius:0; letter-spacing:0; background:#ffffff; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05);}

.accordion .accordionDetail .conTxt01 h6{font-size:15px;}


.ico{display:block;overflow:hidden;background:url("../img/spr_img.png") no-repeat;text-indent:-9999px;vertical-align:top}

.origin{margin-top:0px; padding:20px 0; font-size:13px; line-height:20px; border-top:0px dashed #e8e8e8; color:#a2a2a2;}
.guideSucess .origin{margin-top:0; border-top:none;}


.attachArea .panel-group .panel{border-radius:10px; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);}


/* 공지사항 목록 */
.p-noti-list .cm-tab-list li{width:20%;}
.p-noti-list .area-title{padding:70px 0 50px;}
.p-noti-list .srch-area{width:620px;height:54px;margin:0 auto 26px;font-size:0;border:3px solid #006cff;}
.p-noti-list .srch-area .inp-slct,
.p-noti-list .srch-area .inp-txt{display:inline-block;vertical-align:top;height:100%;line-height:100%;font-size:16px; border:0;}
.p-noti-list .srch-area .inp-slct{width:25%;margin:0;padding-left:20px; }
.p-noti-list .srch-area .inp-txt{width:60%;padding:0 10px;}
.p-noti-list .srch-area .btn-srch{width:15%; height:100%; background:transparent; text-align:right; padding-right:10px;}
.p-noti-list .srch-area .btn-srch:after{content: ""; display: inline-block; margin-top: 8px; width: 25px; height: 24px; background: url("../img/sprite.png") -293px 0px no-repeat; }
.p-noti-list .list-info{margin-bottom:30px;font-size:18px;color:#000;text-align:center;}
.p-noti-list .list-info .num{color:#ff8400;}
/* .p-noti-list .noti-list{border-top:1px solid #e8e8e8;} */
.p-noti-list .noti-list li{position:relative;border:1px solid #e8e8e8; padding:15px 0; margin-bottom:-1px;}
.p-noti-list .noti-list li:nth-child(even){background:#f9f9f9;}
.p-noti-list .noti-list li:hover{z-index:11; border:1px solid #006cff; background:#fff; transition-duration:0.5s; -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);}
.p-noti-list .noti-list li a{display:block;padding-right:18px;font-size:0;}
.p-noti-list .noti-list li a:after{content:'';display:inline-block;vertical-align:middle;position:absolute;top:50%;right:15px;padding:3px;margin:-3px 3px 0 0;border:1px solid #000;border-width:0 1px 1px 0;transform:rotate(-45deg);}
.p-noti-list .noti-list .item-seq,
.p-noti-list .noti-list .item-tit,
.p-noti-list .noti-list .item-date,
.p-noti-list .noti-list .item-view{display:inline-block;vertical-align:middle;}
.p-noti-list .noti-list .item-seq{position:absolute; left:0; top:0; width:12%; line-height:82px;text-align:center;font-size:20px;color:#000; height:100%;}
.p-noti-list .noti-list .item-tit{width:90%; padding-left:14.5%;}
.p-noti-list .noti-list .item-tit strong{display:block; font-size:14px; color:#000; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
.p-noti-list .noti-list .item-date{display:block; padding-left:14.5%; width:auto;font-size:13px;color:#aaa; font-weight:400; margin-top:10px;}
.p-noti-list .noti-list .item-date em{margin-left:10px; padding:2px 10px; border-radius:20px; line-height:14px;}
.p-noti-list .noti-list .item-date em.color01{border:1px solid #539f53;}
.p-noti-list .noti-list .item-date em.color02{border:1px solid #aaaaaa; background:#fff;}
.p-noti-list .noti-list .item-view{width:8%;text-align:center;font-size:14px;color:#444;}
.p-noti-list .noti-list .item-view:before{content:'';display:inline-block;vertical-align:middle;width:17px;height:13px;margin-right:10px;background:url('../img/sprite.png') -374px -40px no-repeat;}



.faqWrap .p-noti-list01 .srch-area .inp-txt{width:100%; margin-left:0; padding-left:0; border:1px solid #dddddd;}


.sectionArea01 {padding:0 100px;}
.subTitArea{padding:30px; background:#f9f9f9;}
.subTitArea h4{font-size:24px; margin-bottom: 10px;}
.subTitArea p{font-size:13px; color:#666;}

.sub-title {
	position: relative;
	margin-bottom: 20px;
}

.contentWrap:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.contentWrap{clear:both; position:relative; top:0; /* z-index:9; */ padding:0 0 0; padding-top:67px !important;}

.headerWrap{position:relative; z-index:12; width:100%; background:#fff;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
}


.radios .radio {cursor:pointer; width:auto; height:18px; padding-left:28px; padding-top:0; margin:7px 18px 4px 0; line-height:18px; vertical-align:middle; display:inline-block; font-weight:400; background: url("../img/icon_radio_phone.svg") no-repeat 0 center; background-size:18px;}
.radios label{padding-top:0;}
.radios .radio:last-child {margin-right:0}
.radios input[type=radio]{display:none}
.radios input[type=radio]:checked + .radio{background: url("../img/icon_radio_selected.svg") no-repeat 0 center; background-size:18px;}

.checkbox-out .checkbox {cursor:pointer; width:auto; /* height:20px; */ padding-left:28px; padding-top:0; margin:7px 18px 4px 0; line-height:18px; vertical-align:middle; display:inline-block; font-weight:400; background: url("../img/icon_checkbox.svg") no-repeat 0 center; background-size:18px;}
.checkbox-out label{padding-top:0;}
.joinCheckBox.checkbox-out label{color:#b1b1b1; }
.checkbox-out .checkbox:last-child {margin-right:0}
.checkbox-out input[type=checkbox] {display:none;}
.checkbox-out input[type=checkbox]:checked + .checkbox{background: url("../img/icon_checkbox_selected.svg") no-repeat 0 center; background-size:18px;}

.selects{width:100%; position:relative;}
.selects select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #e5e6e7; cursor:pointer; background:transparent; border-radius:4px; width:100%; height:34px; line-height:34px; padding:0 30px 0 8px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
.selects:after {content: ""; position: absolute; right: 0; top: 0; width:34px; height:34px; background:url('../img/icon-arrowdown3.svg') no-repeat center center; z-index:0; background-size:12px;}
.selects select::-ms-expand {display:none;}
.selects select:focus {
    /* border: 1px solid #1428a0;  */
	outline: 0;
   /*  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); */
}

input[type=text]::-ms-clear, input[type=tel]::-ms-clear, input[type=email]::-ms-clear, input[type=number]::-ms-clear  {display:none;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset; -moz-box-shadow: 0 0 0 1000px #fff inset; box-shadow: 0 0 0 1000px #fff inset; }
select::-ms-expand { display: none; }

textarea.form-control{padding-top:10px;}

#headerNew{ max-width:1250px; margin:0 auto; position:relative; z-index:12;}


.headerTop{position:absolute; top:70px; z-index:100;}
.headerTop h1 a{display:block; width:167px; height:31px; text-indent:-5000px; background:url('../img/logo.png') no-repeat 0 0;}

.headerQuick { position: relative; z-index: 22; }
.headerQuick > ul{overflow:hidden; text-align:right; max-width:1250px; margin: 0px auto; border-bottom: 1px solid #dddddd;}
.headerQuick > ul > li{display:inline-block; /* margin-left:10px; padding-left:10px; background:url('../img/bar03.png') no-repeat 0 3px; */}
.headerQuick > ul > li > a{position:relative; display:block; font-size:13px; color:#383838; padding-bottom: 5px;}
.headerQuick > ul > li:first-child{background:none !important; margin-left:0; padding-left:0;}

.headerQuick > ul > li > a:before {position: absolute; bottom:0px; left: 0; width: 0; height: 1px; content: ''; background: #006cff; transition: all .3s ease}
.headerQuick > ul > li > a:hover:before {width: 100%;}


.headerQuick > ul.loginAfter > li > a{display:block; font-size:12px; color:#393939; border:1px solid #ddd; border-radius:40px; padding:5px 15px 5px;}

.topRightBtn{position:absolute; top:12px; right:0; overflow:hidden;}
.topRightBtn li{float:left; margin-left:5px;}
.topRightBtn li a{display:block; width:30px; height:30px; text-indent:-5000px;}
.topRightBtn li a.searchTopBtn{background:url('../img/searchTopBtn.png') no-repeat center center;}
.topRightBtn li a.sitemapTopBtn{background:url('../img/sitemapTopBtn.png') no-repeat center center;}



#headerNew .gnb {text-align:center;}
#headerNew .gnb a:hover{text-decoration:none;}
#headerNew .gnb > ul {}
#headerNew .gnb > ul:after {display:block; content:''; clear:both;}
#headerNew .gnb > ul > li {display:inline-block; position:relative; padding:0 35px;/*  width:120px; */ text-align:left;}
#headerNew .gnb > ul > li > a {display:block; padding:15px 20px 15px; margin:0 -20px; outline:none; position:relative; letter-spacing:-1px; }
#headerNew .gnb > ul > li > a:before {display:block; content:''; width:0; height:250px; position:absolute; top:0; left:0; }
#headerNew .gnb > ul > li > a span {display:block; padding:0; font-size:1.8rem; line-height:30px; color:#2b2626; position:relative; font-weight:500;}

#headerNew .gnb > ul > li > a span:after {display:block; content:''; width:100%; height:3px; position:absolute; left:0; top:42px; background:#006cff; transition:all .3s; transform:scaleX(0);}
#headerNew .gnb > ul > li > .depth2 {position:absolute; top:-9999px; left:0; width:100%; width:150px; }
#headerNew .gnb > ul > li > .depth2 ul {padding:5px 15px; margin:0 -11px; background:#ffffff; box-shadow: 0 3px 5px rgba(0,0,0,0.2);}
#headerNew .gnb > ul > li > .depth2 ul > li {border-top:1px solid #ddd; padding:12px 0;}
#headerNew .gnb > ul > li > .depth2 ul > li:first-child {border-top:none;}
#headerNew .gnb > ul > li > .depth2 ul > li > a {display:block; font-size:15px; line-height:18px; color:#333333; text-align:left; outline:none; opacity:0; transform:translateX(100%); letter-spacing:-0.5px;}
#headerNew .gnb > ul > li > .depth2 ul > li:nth-child(1) > a {transition:transform .4s 0s, opacity .4s 0s;}
#headerNew .gnb > ul > li > .depth2 ul > li:nth-child(2) > a {transition:transform .4s .05s, opacity .4s .05s;}
#headerNew .gnb > ul > li > .depth2 ul > li:nth-child(3) > a {transition:transform .4s .1s, opacity .4s .1s;}
#headerNew .gnb > ul > li > .depth2 ul > li:nth-child(4) > a {transition:transform .4s .15s, opacity .4s .15s;}
#headerNew .gnb > ul > li > .depth2 ul > li:nth-child(5) > a {transition:transform .4s .2s, opacity .4s .2s;}
#headerNew .gnb > ul > li > .depth2 ul > li:nth-child(6) > a {transition:transform .4s .25s, opacity .4s .25s;}
#headerNew .gnb > ul > li > .depth2 ul > li:nth-child(7) > a {transition:transform .4s .3s, opacity .4s .3s;}
#headerNew .gnb > ul > li > .depth2 ul > li:nth-child(8) > a {transition:transform .4s .35s, opacity .4s .35s;}
#headerNew .gnb > ul > li > .depth2 ul > li:nth-child(9) > a {transition:transform .4s .4s, opacity .4s .4s;}
#headerNew .gnb > ul > li > .depth2 ul > li > a:hover,
#headerNew .gnb > ul > li > .depth2 ul > li > a:focus {color:#006cff;}

#headerNew .gnb > ul > li.on > a {padding:15px 40px 15px; margin:0 -40px;}
#headerNew .gnb > ul > li.on > a:before {width:100%;}
#headerNew .gnb > ul > li.on > a span {color:#006cff;}
#headerNew .gnb > ul > li.on > a span:after {transform:scaleX(1);}
#headerNew .gnb > ul > li.on > .depth2 {top:70px;}
#headerNew .gnb > ul > li.on > .depth2 ul > li > a {opacity:1; transform:translateX(0);}

.sitemapArea{position:absolute; right:0; top:65px;}
.sitemapArea a.site{display:block; width:37px; height:37px; border:1px solid #d7d7d7; text-indent:-5000px; background:url("../img/site.png") no-repeat center center;}



.gnb .depth2 li.ani01 {
-webkit-animation: depAni .3s ease 0s backwards;
animation: depAni .3s ease 0s backwards}
.gnb .depth2 li.ani02 {
-webkit-animation: depAni .3s ease 0.05s backwards;
animation: depAni .3s ease 0.05s backwards}
.gnb .depth2 li.ani03 {
-webkit-animation: depAni .3s ease 0.10s backwards;
animation: depAni .3s ease 0.10s backwards}
.gnb .depth2 li.ani04 {
-webkit-animation: depAni .3s ease 0.15s backwards;
animation: depAni .3s ease 0.15s backwards}
.gnb .depth2 li.ani05 {
-webkit-animation: depAni .3s ease 0.20s backwards;
animation: depAni .3s ease 0.20s backwards}
.gnb .depth2 li.ani06 {
-webkit-animation: depAni .3s ease 0.25s backwards;
animation: depAni .3s ease 0.20s backwards}

@-webkit-keyframes depAni{
    0%{opacity:0;-webkit-transform:translateY(20px)} 
    100%{opacity:1;-webkit-transform:translateY(0px)}
}

@keyframes depAni{
    0%{opacity:0;transform:translateY(20px)} 
    100%{opacity:1;transform:translateY(0px)}
}



.allMenu{display:none; position:fixed; top:0; right:0; left:0; bottom:0; z-index:9999;width:100%; border-top:3px solid #006cff; overflow:hidden; background:#ffffff; 
	-webkit-animation: fadeInFromNone 0.1s ease-out;
    -o-animation: fadeInFromNone 0.1s ease-out;
    animation: fadeInFromNone 0.1s ease-out;
}

.allMenu h3{font-size:44px; text-align:center; color:#000000; margin-top:30px;}


.allMenu .menuD{position:relative; margin:0 auto; width:1200px;}
.allMenu .menuD .list{overflow:hidden; margin:15px 0;  border-bottom:1px solid #ebebeb;}
.allMenu .menuD .list:first-child{margin:90px 0 27px;}
.allMenu .menuD .list .oneD{float:left; width:calc(20% - 30px); padding:30px; border-radius:20px 0;font-size:20px; color:#FFF; font-weight:500;  letter-spacing:-0.5px; font-family: 'GmarketSansMedium'; background: #006cff; margin-bottom:27px;}
.allMenu .menuD .list .menuD{overflow:hidden; float:right; padding-bottom:15px; width:80%;}
.allMenu .menuD .list .menuD.end{border:0;}
.allMenu .menuD .list .menuD .menu{float:left; width:25%; padding-right:50px; margin-bottom:10px;}
.allMenu .menuD .list .menuD .menu .twoD{font-size:16px; color:#000000; font-weight:500;}
.allMenu .menuD .list .menuD .menu .thiD{position:relative; margin-top:20px; padding-top:20px;}
.allMenu .menuD .list .menuD .menu .thiD:after{content:""; position:absolute; left:0; top:0; width:20px; height:1px; background:#006cff;}
.allMenu .menuD .list .menuD .menu .thiD:hover{color:#006cff;}
.allMenu .menuD .list .menuD .menu .thiD a{display:block; padding-left:12px; font-size:14px; margin-bottom:5px; color:#666666; line-height:20px; background:url("../img/noticeBlt.png") no-repeat 0 7px;}
.allMenu .menuD .list .menuD .btArea{clear:both; margin-top:45px;}
.allMenu .menuD .list .menuD .btArea a{display:inline-block; box-sizing:border-box; padding-top:10px; width:132px; height:34px; text-align:center; color:#fff; background:#323d58;}


.sitemapCloseBtn{position:fixed; right:20px; top:20px; z-index:9999;}
.sitemapCloseBtn a{display:block; width:40px; height:40px; background:url('../img/sitemapClose.png') no-repeat 0 0; text-indent:-5000px;}




/*lnb*/
#lnb.scrollTop{padding-top:29px;}
#lnb .sub_title_1 {/* display:none;*/ padding:7px 0 15px 0; font-size:22px; color:#006cff; font-weight:500; letter-spacing:-1px;}
#lnb .lnb_menu_wrap { height: 100%;  border: 0px solid #e3e3e3; border-top: 2px solid #006cff; }
#lnb .lnb_menu_wrap>li {font-size: 14px; font-weight: 500; padding: 14px; border-bottom: 1px solid #e3e3e3; border-top: none;}

.s_lub_menu {padding: 7px 0 0 15px; display: none; margin-top: 15px; }
.s_lub_menu li{position: relative; padding-left: 15px; margin-bottom: 5px; font-size: 13px;}
.s_lub_menu li:last-child {margin-bottom: 0;}

.list_style_dot{position: absolute; left: 6px;top: 9px; display: inline-block; width: 3px; height: 3px;background: #8a8c92; }
.list_style_round{position: absolute; left: 3px;top: 5px; display: inline-block; width: 5px; height: 5px; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; border: 2px solid #006cff;}


.tabType{margin-bottom:30px;}
.tabType ul{text-align:center; border-bottom:1px solid #ddd; height:50px;}
.tabType ul li{display:inline-block;}
.tabType ul li a{display:block; padding:10px 20px 20px; font-size:18px; color:#333; font-weight:500; height:50px;}
.tabType ul li a:hover, .tabType ul li.active a, .tabType ul li.activeFilter a{color:#ff9c00; border-bottom:4px solid #ff9c00;}


.galleryChain ul{display:table; width:100%; border:1px solid #ddd;}
.galleryChain li{position:relative; display:table-cell; text-align:center; border-left:1px solid #ddd; box-sizing:border-box; background:#ffffff;}
.galleryChain li:first-child{border-left:none;}
.galleryChain li a{display:block; padding:7px 0; position:relative; font-size:15px; color:#666;}
.galleryChain li:hover, .galleryChain li.activeFilter{z-index:10; border-bottom:2px solid #006cff; color:#006cff;}
.galleryChain li:hover a, .galleryChain li.activeFilter a{color:#006cff;}


.galleryArea{padding:40px 0;}
.galleryArea h2{font-size:34px; color:#000;}
.galleryAreaDetail{margin-top:20px;}



.photoSlide {margin-top:0;}
.photoSlide + p.note {margin:5px 0 0 0;}
.imageDB .photoSlide ul li div {width:100%; height:600px;}


.form-horizontal .control-label{padding-top:4px;}

dl.info02 {overflow:hidden;}
dl.info02 > dt, dl.info02 > dd {vertical-align:top;}

.info02 {padding:20px 30px; border:1px solid #e8e8e8; border-radius:0; margin-bottom:20px;}
.info02 dt{width:20%; float:left; font-size:14px;}
.info02 dd{width:80%; float:left; font-size:13px;}
.info02 ul.note {margin-left:0;}

ul.note{margin-left:16px;}
ul.note > li{padding-left:14px; line-height:20px; text-align:left; margin-bottom:5px; font-size:13px;}
ul.note > li:before{width:3px; height:3px; margin:0 8px 0 -12px; background:#999; word-break:break-all; white-space:normal; vertical-align:4px; display:inline-block; content:"";}

.ico02:before {width:18px; height:18px; margin-right:6px; border-radius:99px; -webkit-border-radius:99px; -moz-border-radius:99px; -ms-border-radius:99px; -o-border-radius:99px; background-color:#768396; background-position:50% 50%; background-repeat:no-repeat; vertical-align:-4px; display:inline-block; content:"";}
.ico02.info:before {background-image:url('../img/ico_info01.png');}



.subcontentMain01{position:relative; height:200px; overflow:hidden;	
	-webkit-transform: translateZ(0) scale(1.1) rotate(0.1deg); 
	transform: translateZ(0) scale(1.1) rotate(0.1deg); 
	-webkit-transition: transform 2000ms, opacity 0.3s; 
	-webkit-transition: opacity 0.5s, -webkit-transform 2s; transition: opacity 0.5s, -webkit-transform 2s; 
	transition: transform 2s, opacity 0.5s; 
	transition: transform 2s, opacity 0.5s, 
	-webkit-transform 2s; 
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); 
	transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

body.loaded .subcontentMain01{
	-webkit-transform: translateZ(0) scale(1) rotate(0deg); transform: translateZ(0) scale(1) rotate(0deg); 
}



.subcontentMain01 .bg{ position:absolute; top:0; left:0; width:100%;height:100%; background-position: center bottom;z-index:0;}
.visual01{ background:url("../img/visual01.png") no-repeat 0 center; background-size:cover;}
.visual02{ background:url("../img/visual02.png") no-repeat 0 center; background-size:cover;}
.visual03{ background:url("../img/visual03.png") no-repeat 0 20%; background-size:cover;}
.visual04{ background:url("../img/visual04.png") no-repeat 0 center; background-size:cover;}
.visual05{ background:url("../img/visual05.png") no-repeat 0 center; background-size:cover;}
.visual06{ background:url("../img/visual05.png") no-repeat 0 center; background-size:cover;}
.visual07{ background:url("../img/visual07.png") no-repeat 0 center; background-size:cover;}
.visual08{ background:url("../img/visual08.png") no-repeat 0 center; background-size:cover;}


.subcontentMain01:after{content:""; position:absolute;top:0;left:0;width:100%;height:100%; background:rgba(0, 0, 0, 0.5); z-index:1;}
.subcontentMainDetail01{width:1250px; margin:0 auto; padding:20px 0;}

/* .mainTitle{max-width:1250px; margin:0 auto; padding-top:60px; text-align:center; position:relative; z-index:200; line-height:18px;} */

.mainTitle{position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    width: 90%;
    padding: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 11;
}

.mainTitle h2{color:#ffffff; font-size:4rem; letter-spacing:0; padding-bottom:4px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);}
.mainTitle h2 span{position: relative;  left: 150px;  opacity: 0;}
.mainTitle p{display:block; color:#ffffff; font-size:18px; margin:10px 0 0; opacity:1;}
.mainTitle .location {font-size:15px; margin-top:20px; color:#ffffff; /* padding-top:25px; background:url('../img/barBg.png') repeat-x 0 top; */}
.mainTitle .location ul {overflow:hidden; text-align:center;}
.mainTitle .location li {display:inline-block; background:url('../img/loca_bar.png') no-repeat left center; position: relative;  top: 100px;  opacity: 0;}
.mainTitle .location li a{display:block; font-size:2rem; padding:0px 8px 0 12px; margin:0px 0px 0 0px; line-height:1.6em; color:#ffffff; }
.mainTitle .location li a:hover{border-bottom:1px solid #ffffff}
.mainTitle .location li:first-child {background:url('') no-repeat left center;}
.mainTitle .location li.home {font-weight:normal;}
.mainTitle .location li:last-child{ font-weight:400;}



.visualTxt{text-align:center; padding-top:80px;}
.visualTxt h3{font-size:40px; color:#fff; font-weight:500; letter-spacing:-2px;}
.visualTxt h4{font-size:25px; color:#fff; margin-top:20px;}

.visualList{padding:90px 0 0; overflow:hidden;}
.visualList01{float:left; width:45%; padding:30px 40px; text-align:center;}
.visualList01:first-child{width:55%;}
.visualList01 h2{color:#ffffff; font-size:30px; padding-bottom:90px; margin-bottom:40px; font-weight:100;}
.visualList01 ul{overflow:hidden;}
.visualList01 ul li{float:left; width:33.3%; padding:10px 0; background:url('../img/mainBar.png') repeat-y 0 0;}
.visualList01:first-child  ul li{width:25%;}
.visualList01 ul li:first-child{background:none;}
.visualList01 ul dl{}
.visualList01 ul dt{color:#fff; font-size:40px; line-height:50px;}
.visualList01 ul dd{color:#fff; font-size:14px; margin-top:10px; opacity:0.8; filter:alpha(opacity='0.8');}

.brSearchDatail{margin-top:10px; /* border-top:1px solid #e8e8e8; */}
.brSearchList{ border:1px solid #ddd; /* border-top:none; */ overflow:hidden; padding:10px 50px;}
.brSearchList h3{font-size:17px; font-weight:500; color:#000000;  line-height:24px; border-bottom:1px solid #ddd; padding:10px 15px; background:#f9f9f9;}
.brSearchListDetail{width:25%; float:left; border-left:1px solid #ddd; background:#ffffff;}
.brSearchList .brSearchListDetail:first-child{border-left:none;}

.searchLabel{padding-top:12px !important; font-weight:500; color:#333333; padding-left:24px; background:url('../img/dot01.png') no-repeat 10px 18px;}

.allSearch span{color:#f5a21e; text-decoration:underline;}



.wordSearchInput{position:relative; overflow:hidden; background:#f9f9f9; border:1px solid #e8e8e8; padding:10px 20px; border-top:1px solid #f0f6fb;}
.allSearch{float:left;}
.wordSearchInputArea{width:580px; margin:0 auto; overflow:hidden;}
.wordSearchInputDetail{float:left; background:#ffffff; border:3px solid #939393; height:42px; overflow:hidden;}
.wordSearchInputDetail input{width:360px; height:42px !important; line-height:42px; padding-left:20px; border:none !important;}

.searchDetail{padding-top:40px;}
.searchTit{overflow:hidden;}
.searchTit h3{float:left; font-size:18px; font-weight:500; color:#000;}
.searchTit h3 span{color:#f5a21e;}

.searchBtn{float:right; font-size:13px; color:#337ab7; padding-right:15px; background:url('../img/btl02.png') no-repeat right 4px;}

/* no_list */
.search_result {display:block; padding:103px 0 30px 0; margin:30px auto 0; background:url('../img/NoDataImg.png') no-repeat center 0;}
.search_result h4{font-size:15px; text-align:center; margin-bottom:20px;}


/* .table_type1 {position:relative; border:1px solid #cbcbcb; margin:0;}
.table_type1 > table {width:100%; background:#ffffff;}
.table_type1 > table > thead > tr > th {text-align:center; border-left:1px solid #e8e8e8; border-bottom:1px solid #abaaaa;  padding:8px 0;  color:#484848; background:url('../img/trBg.png') repeat-x 0 bottom #fcfcfc;}
.table_type1 > table > thead > tr > th:first-child {border-left:0 none;}
.table_type1 > table > tbody > tr > td {text-align:center; border-left:1px solid #e8e8e8; border-top:1px solid #e8e8e8; padding:8px 5px; color:#484848; }
.table_type1 > table > tr.receive td{background:#fff8ed; font-size:14px;}
.table_type1 > table > tbody > tr:first-child > td {border-top:none;}
.table_type1 > table > tbody > tr > td:first-child {border-left:0 none;}
.table_type1 > table > tbody > tr > td.left {text-align:left; padding-left:10px;}
.table_type1 > table > td.head {}
.table_type1 > table > tbody > tr > td.right {text-align:right;}
.table_type1 > table > td.bg {background-color:#f9f9f9; border-left:1px solid #D3D3D3; border-right:1px solid #D3D3D3;}
.table_type1 > table > td.bg:first-child {border-left:0 none; border-right:1px solid #D3D3D3;}
.table_type1 table tbody tr:hover {background:#f4fafc;}
.table_type1 table tfoot td {border-top:2px solid #D6D1C4 !important; background:#F7F5F0; padding:10px 0; color:#000; font-size:14px; font-weight:500;}

.table_type1 > table > tbody > .aco > tr.code01{cursor:pointer;}
.table_type1 > table > tbody > .aco > tr.code02{display:none;}
.table_type1 > table > tbody > .aco.active > tr.code02{display:block;}
.table_type1 > table > tbody > .aco > tr.code02 > td{background:#f9f9f9; padding:20px 50px;} */


.table_type1 {position:relative; margin:5px 0;}
.table_type1 table {width:100%; background:#ffffff; border:1px solid #dddddd; border-top:2px solid #000;}
.table_type1 table th {text-align:center; border:1px solid #dddddd; border-bottom:1px solid #979797;  padding:7px 0; color:#000000; background:url('../img/trBg.png') repeat-x 0 bottom #fcfcfc;}
/* .table_type1 table th:first-child {border-left:0 none !important;} */
.table_type1 table td {text-align:center; border:1px solid #dddddd; border-top:1px solid #dddddd;  padding:7px 5px;}
.table_type1 table th.bgCol {text-align:center; border-left:1px solid #dddddd; border-top:1px solid #dddddd; border-bottom:1px solid #c8c8c8; padding:7px 5px; color:#000000; background:#f5f5f5;}
.table_type1 table tr.receive td{background:#fff8ed; }
.table_type1 table tr:first-child td {border-top:none;}
/* .table_type1 table td:first-child {border-left:0 none !important;} */
.table_type1 table td.left {text-align:left; padding-left:10px;}
.table_type1 table td.head {}
.table_type1 table td.right {text-align:right;}
.table_type1 table td.bg {background-color:#f9f9f9; border-left:1px solid #D3D3D3; border-right:1px solid #D3D3D3;}
/* .table_type1 table td.bg:first-child {border-left:0 none; border-right:1px solid #D3D3D3;} */
/* .table_type1 table tbody tr:hover{background:#f4fafc;} */
.table_type1 table tbody tr.active td{background:#f4fafc;}
.table_type1 table tfoot td {border-top:2px solid #D6D1C4 !important; background:#F7F5F0; padding:10px 0; color:#000;  font-weight:500;}
.table_type1 table tbody tr:focus td{background:#f4fafc !important;}
.table_type1 table tbody tr.bg {background-color:#f9f9f9;}
.table_type1 table tbody tr.sumBg {background-color:#e7f1f7;}
.table_type1 table tbody tr.sumBg td{border-left:1px solid #bdc8ce; border-right:1px solid #bdc8ce; color:#000; font-weight:500;}
.table_type1 table tbody tr.totalBg {background-color:#d2e8f0;}
.table_type1 table tbody tr.totalBg td{border-left:1px solid #b7d1da; border-right:1px solid #b7d1da; color:#000; font-weight:500;}

.table_type1 table tbody tr.sumBg_sub {background-color:#edf0ee;}
.table_type1 table tbody tr.sumBg_sub td{border-left:1px solid #c4c7c5; border-right:1px solid #c4c7c5; color:#000; font-weight:500;}
.table_type1 table tbody tr.totalBg_sub {background-color:#dee3de;}
.table_type1 table tbody tr.totalBg_sub td{border-left:1px solid #c4c7c5; border-right:1px solid #c4c7c5; color:#000; font-weight:500;}

/* .table_type1 table tbody tr:nth-child(1) td:first-child {border-right:1px solid #dddddd;} */



.trRight{border-right:1px solid #bfbfbf;}

.tableTip{position:relative;}
.table_type1 table tr.sum td {background:#f4f7e6; color:#607112; font-weight:500; font-size:13px;}

.table_type1.evlBaseReg table thead th {font-size:16px;}
.table_type1.evlBaseReg table tbody td {font-size:16px;}



.table_border {
	display: inline-block;
	width: 100%;
	margin-top: 10px;
	border-top: 1px solid #ddd;
}
.unifiedsearch_list {
	width: 100%;
}
.unifiedsearch_list > li {
	position: relative;
	display: inline-block;
	width: 100%;
	padding:7px 5px;
	font-size: 13px;
	line-height: 21px;
	border-bottom: 1px solid #f1f1f1
}

.unifiedsearch_txt {
	display: block;
	padding-top: 3px;
	overflow:hidden;
}
.unifiedsearch_txt li {
	float: left;
	display: inline-block;
	font-size: 12px;
	padding: 0 10px;
	color: #999;
}
.unifiedsearch_txt li:first-child {
	padding: 0 10px 0 0;
}
.unifiedsearch_txt li:last-child {
	background: none;
}

.txt_title01{font-size:22px; line-height:140%; margin-bottom:15px; color:#000000; font-weight:500; /* padding:0 0 0 22px; text-align:left; background:url('../img/title01.png') no-repeat left center; */}
.txt_title02{
	position:relative;
	font-size:18px;
	margin-bottom:10px;
	color:#000000;
	padding-top:5px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
	height:56px;
	}
.txt_title02:hover {color:#006cff;}
.txt_title02:after{content:""; position:absolute; left:0; top:0; width:30px; /*height:1px; background:#d4d4d4; */border-radius:100%;}


.txt_title03{font-size:1.0rem; margin:10px 8px 0 0; color:#4AAEA9;  font-weight:400; padding:2px 0px 2px 0px; }
.txt_title04{font-size:1.0rem; margin:10px 8px 0 0; color:#4AAEA9;  font-weight:400; padding-left:12px;  letter-spacing:-0.25px; /* background:url('../img/title06.png') no-repeat 0 center; */}

.descriptTitle{font-size:1.8rem; line-height:100%; margin-bottom:10px; color:#000000;  font-weight:400; text-align:center;}

.panel-group .panel{border:1px solid #e8e8e8;}

.copy_wrap {background:#ffffff; border:1px solid #ddd; padding:30px;}

.copy_txt{ line-height:24px;}

.copy_kogl_box{background:#ffffff; border:1px solid #ddd; padding:30px; margin:10px 0;}
.copy_kogl_box img {width: 150px; height: auto;	position: absolute;}
.copy_kogl_txt{
	display: inline-block;
	/*float: left;*/
	font-size: 13px;
	line-height: 22px;
	color: #999;
	/*padding-top:  5px ;*/
	padding-left: 180px;
	margin: 0;
}
.copy_kogl_txt a {
	/*float: left;*/
	padding-top: 0;
	color: #006cff;
}
.stat_date_box {
	display: inline-block;
	width: 100%;
	padding: 15px;
	margin-top: 20px;
	border:1px solid #dedede;
	font-size: 13px;
	color: #999;
	background:#ffffff;
}
.stat_date_tit {
	display: inline-block;
	height: 30px;
	padding: 0 15px;
	margin-right: 10px;
	border-radius:30px;
	border:1px solid #006cff;
	color: #006cff;
	line-height: 30px;
	font-weight: 500;
}
.copy_txt em {
	color: #006cff;
	font-weight: 500;
}


.policyWrap{}
.policyWrap h3{font-size:18px;}
.policyWrap p{font-size:14px; line-height:24px;}
.policyWrap .policyTit01{font-size:16px; margin-top:30px; margin-bottom:10px;}

.joinComplete{background:#f9f9f9; padding:50px; color:#000000; border-radius:10px; border:1px solid #e8e8e8; text-align:center; margin:20px 0;}
.joinComplete h3{padding-top:30px; font-size:22px; color:#000}
.completeMessage{margin-top:20px; font-size:16px;}

.membershipDetail02 {margin-top:20px;}

.star{padding-right:15px; background:url('../img/star.png') no-repeat right center;}
.star02{display:inline-block; padding-left:15px; background:url('../img/star.png') no-repeat 0 center;}

.input-group-btn > .btn-default{color:#333;}

.notice_list_wrap{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
}
.notice_list_wrap_img{flex:0 1 125px; margin-right:15px;}
.notice_list_wrap_img_area{
	width:122px;
	height:136px; 
	border-radius:10px;
	background-size: cover;
    background-position: 50% 0;
	overflow:hidden;

}

.notice_list{flex:1; position:relative;}
.notice_list .text_box{padding-left:80px;}
.titleCate{display:inline-block; padding:0px 0; line-height:18px; border-top:1px solid #fa6a00; border-bottom:1px solid #fa6a00; color:#fa6a00; font-size:1.2rem;}
.notice_list .n_title{font-size:18px; height:20px; margin-top:12px; color:#404040; overflow:hidden; font-weight: 500; /* white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; */}
.notice_list .n_detail{padding-top:18px; color:#555555; font-size:13px; line-height:20px !important; overflow:hidden; height:80px; }
.notice_list .ymd_box span{display:inline-block; font-size:20px; color:#555555; margin-top:4px;}
.notice_list .ymd_box{
	position:absolute;
	top:0;
    width: 60px;
    height: 60px;
    color: #555555;
    text-align: center;
	display:inline-block;
    font-size: 11px;
    font-weight: 500;
    border: 1px solid #d7d7d7;
    padding: 10px 0 0 0;
    margin-left: 0px;
    letter-spacing: 0px;
    line-height: 18px;
	background:#fff;
}
.notice_list .ymd_box span{display:block;}

.noticeList01{float:left; width:52%; text-align:left;}
.noticeList02{float:right; width:42%; text-align:left;}

.mainNoticeList{height:100%; padding:0 20px;}
.mainNoticeList li{padding:18px 0;}
.mainNoticeList li:not(:first-child){border-top:1px solid #ebebeb;}
.mainNoticeList dl{overflow:hidden;}
.mainNoticeList dt{color:#555555;}
.mainNoticeList dt span{line-height:18px; border-top:1px solid #fa6a00; border-bottom:1px solid #fa6a00; color:#fa6a00; font-size:1.2rem;}
.mainNoticeList dt em{margin-left:15px;}
.mainNoticeList dd{display:block; color:#404040; font-size:1.8rem; font-weight:500; margin-top:10px; height:20px;}


 

.labelTitle {display:inline-block; padding-top:10px !important;}
.labelTitle01{font-size:12px; color:#555; font-weight:300;}
.labelTitle02{font-size:12px; color:#555; font-weight:300; padding-top:10px !important;}
.unit .input-group-addon{border:none;}

.btnAction{text-align:right; padding:10px 0 30px;}
.discriptEn{color:#ababab; letter-spacing:0.5px; font-size:12px; margin-left:15px; font-weight:200;}


.mapArea{margin-top:10px; border:1px solid #ddd;}


.content_text_area {padding:20px 0;}
.content_text_area  .img_lee  { text-align:center; border:1px solid #CCC}
.content_text_area  .img_lee IMG { margin:30px 0px; width:100%;}
.content_text_area>p {font-size: 16px; margin: 30px 20px 50px; letter-spacing: -1px;}

.content_text_area .sub_box {width: 100%; margin-top: 20px; float: left; box-sizing: border-box;}
.clause { border:1px solid #e8e8e8 ; color:#777; padding:20px 20px; line-height:26px; letter-spacing:0px; height:160px; overflow-y:auto;}

.attachFileArea .panel-heading{padding:5px 20px;  border-left:none !important; border-right:none !important; background:#f9f9f9 !important; border-color:#dddddd; border-top-left-radius:10px; border-top-right-radius:10px;}
.attachFileArea{border-radius:10px !important;}
.attachFileArea .panel-body{background:#ffffff; border-radius:0 0 10px 10px !important; font-size:14px; padding:10px 20px;}
.attachFileArea .dropdown-alerts li{overflow:hidden;}
.attachFileArea .ti-import{margin-right:10px;}



#gototop {
	display:block;
	position:fixed;
	right:20px;
	bottom:83px;
	z-index:100;
	width:55px;

}
	
.gototopWrap{}

.gotoTop{
	display:block;
	width:56px;
	height:56px;
	background:#2C3746;
	border-radius:100%;
	cursor:pointer;
	overflow:hidden;
	text-align:center;
	box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.16);
	position: relative;
}
.gotoTop>img{
	position: absolute;
	top: calc(50% - 2px);
	left: 50%;
	transform: translate(-50%,-50%);
}

#chatArea{position:fixed; right:4px; bottom:20px; z-index:1000; width:58px;}
.chatWrap{display:block; width:58px; height:58px; border-radius:100%; cursor:pointer; overflow:hidden; text-align:center;  background:url('../img/chatIco.png') no-repeat center center #b21017; text-indent:-5000px;}


.mainQuick{opacity:1;display:inline-block;width:58px;position:fixed; right:4px; bottom:20px; z-index:1000;text-align:center;}
.mainQuick button{background:none;}
.mainQuick>button.bot{position:relative;width:58px;height:58px;overflow:visible;text-align:left;opacity:0; display:block; width:58px; height:58px; border-radius:100%; cursor:pointer; overflow:hidden; text-align:center;  background:url('../img/bg_chatbot.png') no-repeat center center #b21017; background-size:auto 50px; text-indent:-5000px;}
.mainQuick>button.bot>img{position:absolute;top:0;right:0;animation:17s 1 opacity_bot;animation-iteration-count: infinite;}
/* .mainQuick>button.bot::after{animation:17s 1 opacity_text;animation-iteration-count: infinite;position:absolute;top:6px;right:7px;display:block;border-radius:50px;width:80px;height:80px;line-height:50px;color:#fff;font-size:12px;letter-spacing:-0.5px;content:'KITA BOT';background:#e03234 url('../img/bg_chatbot2.png') no-repeat 50% 18px;text-align:center;box-shadow: 4px 4px 10px rgba(0,0,0,0.25);padding-top:32px;box-sizing:border-box;opacity:0;} */
.mainQuick p.bot{position:absolute;top:0;right:0;overflow:hidden;text-align:left;}
.mainQuick p.bot a{display:block;text-align:left;color:#fff;font-size:14px;padding:10px 0;white-space:nowrap;background:#b21017 url('../img//bg_chatbot.png') no-repeat 260px 0; background-size:auto 65px; border-radius:50px;width:0px;height:58px;line-height:1.5;}
.mainQuick p.bot img{display:inline-block;vertical-align:top;}
.mainQuick p.bot>button.chatClose{position:absolute; top:10px; left:10px;z-index:5; opacity:0; display:block; width:24px; height:24px; background:url('../img/btn_close_chatbot.png') no-repeat center center; background-size:10px;}
/* .mainQuick .layerMenu{display:none;position:fixed;width:230px;right:143px;bottom:115px;background:#fff;box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.12);border-radius:6px;}
.mainQuick .layerMenu ul{margin:15px 10px;}
.mainQuick .layerMenu ul li{border-top:1px dashed #E7E7E7;color:#313131;font-size:14px;text-align:left;height:40px;line-height:40px;}
.mainQuick .layerMenu ul li:first-child{border-top:0;}
.mainQuick .layerMenu ul li a{display:block;padding-left:38px;background:url(/images/main/icon_arrowQuick.png) no-repeat 10px 50%;}
.mainQuick .layerMenu ul li a:hover{display:block;padding-left:38px;background:url(/images/main/icon_arrowQuick_ov.png) no-repeat 10px 50%;color:#EA6E3F;}
.mainQuick .layerMenu::after{position:absolute;right: -8px;top: 150px;width: 15px;height: 15px;background: url(/images/main/icon_arrowQuick2.png) no-repeat right top;background-size:100%;content: '';}
.mainQuick .layerMenu.on{display:block;}
.mainQuick>a{margin-left:10px;} */
@keyframes move_bot { 
	0% {width:0px;opacity:1;padding-left:0;} 
	20% {width:360px;opacity:1;padding-left:60px;}
	75% {width:360px;opacity:1;padding-left:60px;}
	85% {width:0px;opacity:0;padding-left:0px;}
	100% {width:0px;opacity:0;padding-left:0;}
}
/* @keyframes opacity_bot { 
	0% {opacity:1;}
	50% {opacity:1;} 
	55% {opacity:0;}
	93% {opacity:0;}
	100% {opacity:0.9;}  
}
@keyframes opacity_text { 
	0% {opacity:0;}
	50% {opacity:0;} 
	55% {opacity:1;}
	93% {opacity:1;}
	100% {opacity:0.1;}  
}
 */


.subLine{position:absolute; bottom:0; left:0; width:100%; height:5px; z-index:10;}
.subLine ul{overflow:hidden; width:100%; background:#005bac;}
.subLine li{float:left; width:10%; height:5px;}
.subLine li.line01{background:#be8a15;}
.subLine li.line02{background:#91c0eb;}
.subLine li.line03{background:#f5a21e;}
.subLine li.line04{background:#939396;}


/* 게시판 TOP 검색영역 */
.board_top{clear:both; overflow:hidden; margin-bottom:10px; margin-top:10px; padding-bottom:5px; border-bottom:2px solid #006cff;}
.board_top .board_total{font-size:1.6rem; margin-top:10px;}
.board_top .board_total li{display:inline-block; margin-right:10px; padding:2px 0 0 0; line-height:1.6em; color:#333333;}
.board_top .board_total li span{color:#f5a21e;  font-weight:500; text-decoration:underline;}

.board_top01{clear:both; overflow:hidden; margin-top:10px;}
.board_top01 .board_total{font-size:14px; margin-top:5px;}
.board_top01 .board_total li{display:inline-block; margin-right:10px; padding:2px 0 0 0; line-height:1.6em; color:#333333;}
.board_top01 .board_total li span{color:#006cff;  font-weight:500; text-decoration:underline;}
 



.notice-lists {}
.notice-lists ul {display:block;margin:0 0 0 0;vertical-align:top;overflow:hidden}
.notice-lists ul li {float:left;width:282px;margin:30px 0 0 24px;}
.notice-lists ul li:first-child{margin-left:0;}
.notice-lists ul li.main-notice {width:587px}
.notice-lists ul li.main-notice .img-area .img-box {width:100%;height:311px; overflow:hidden;}
.notice-lists ul li.main-notice .img-area .img-box img {width:100%;height:100%;}
.notice-lists ul li.main-notice .cont-box {height:338px; padding:25px 30px 40px; background:#ffffff;}
.notice-lists ul li.main-notice .cont-box .tit {display:block;overflow:hidden;max-height:108px; font-size:26px;line-height:36px;color:#222}
.notice-lists ul li.main-notice .cont-box .txt {margin-top:25px; height:114px; font-weight:300;font-size:14px;line-height:26px;color:#555}
.notice-lists ul li.main-notice .cont-box .date {display:block;margin-top:50px; font-weight:500;font-size:16px;line-height:.8;color:#6e6e6e}
.notice-lists ul li.normal-notice .img-area .img-box {width:100%;height:151px; overflow:hidden;}
.notice-lists ul li.normal-notice .img-area .img-box img {width:100%;height:100%;}
.notice-lists ul li.normal-notice .cont-box {padding:25px 30px 40px; background:#ffffff;}
.notice-lists ul li.normal-notice .cont-box .tit {display:block;overflow:hidden; height:56px; font-weight:400;font-size:18px;line-height:28px;color:#222}
.notice-lists ul li.normal-notice .cont-box .date {display:block;margin-top:25px; font-weight:500;font-size:16px;line-height:.8;color:#012b5d}
.notice-lists ul li .img-area .img-box img {transition-duration:0.3s;}
.notice-lists ul li a:hover .img-area .img-box img {width:120%; height:120%; transition-duration:1s;}
.notice-lists ul li a{position:relative; display:block; border-bottom:1px solid #dedee1}
.notice-lists ul li a:hover:after{border-width:10px; transition-duration:0.3s;}
.notice-lists ul li a:after{content:''; position:absolute; left:0; top:0; right:0; bottom:0; box-sizing:border-box; border:0px solid #006cff;}



.notice-listsSub{}
.notice-listsSub ul {display:block;margin:0 0 0 0;vertical-align:top;overflow:hidden}
.notice-listsSub ul li {float:left; width:50%;}
.notice-listsSub ul li a{position:relative; display:block; margin:15px 20px; border-bottom:1px solid #dedee1}
.notice-listsSub ul li a:hover:after{border-width:5px; transition-duration:0.3s;}
.notice-listsSub ul li a:after{content:''; position:absolute; left:0; top:0; right:0; bottom:0; box-sizing:border-box; border:0px solid #006cff;}
.notice-listsSub ul li.normal-notice .img-area .img-box {width:100%; overflow:hidden; text-align:center;}
.notice-listsSub ul li.normal-notice .img-area .img-box img {width:100%;transition-duration:0.3s;}
.notice-listsSub ul li.normal-notice .cont-box {padding:25px 0; background:#ffffff;}
.notice-listsSub ul li a:hover .cont-box {padding:25px; background:#ffffff;}
.notice-listsSub ul li.normal-notice a:hover .img-area .img-box img {width:120%; height:120%; transition-duration:1s;}
.notice-listsSub ul li.normal-notice .cont-box .tit {display:block; font-size:18px; line-height:28px;color:#262626; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.notice-listsSub ul li.normal-notice .cont-box .txt {margin-top:15px; overflow:hidden; height:40px; font-weight:300;font-size:14px;line-height:22px;color:#6c6c6c}
.notice-listsSub ul li.normal-notice .cont-box .date {display:block; margin-top:10px; font-size:15px;line-height:.8;color:#aaa}

.holicEvent .notice-listsSub ul li {float:left; width:33.3%;}
.holicEvent .notice-listsSub ul li a{margin:6px; border-bottom:none}


.galleryView ul{overflow:hidden; text-align:center;}
.galleryView li {float:left; width:33.3%; }
.galleryView li a{position:relative; display:block; margin:15px 20px; border-bottom:1px solid #dedee1;}
.galleryView figure span {display:block; overflow:hidden; width:100%; text-align:center;}
.galleryView figure img {width:100%;}
.galleryView figure figcaption {padding:25px 0; display:block; text-align:left;}
.galleryView figure figcaption dt {display:block; font-weight:500; font-size:18px; line-height:28px;color:#262626; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.galleryView figure figcaption dd {display:block; margin-top:10px; font-size:14px;line-height:140%;color:#777; height:92px;; overflow:hidden;}
.galleryView li:hover figure span {position:relative;}
.galleryView li:hover figure span:before, .galleryView li:hover figure span:after {position:absolute; width:100%; height:100%; display:block; content:""; z-index:50;}
.galleryView li:hover figure span:before {top:0; left:0; background:#000; opacity:0.6;}
.galleryView li:hover figure span:after {top:50%; left:50%; width:61px; height:61px; margin:-31px 0 0 -31px; border:1px solid rgba(255,255,255,0.60); border-radius:100%; background:url('../img/download.png') 50% 50% no-repeat;}




.contnetView{padding-top:10px;}
.listDetail{}
.listDetail ul{overflow:hidden;}
.listDetail li{float:left; width:33.3%; }
.listDetail li:nth-child(even) a{background:#f9f9f9;}
.listDetail li a{position:relative; display:block; padding:20px; margin:5px 10px; border:1px solid #dddddd; border-radius:10px;}
.listDetail li a:hover{border:1px solid #006cff;}
.listDetail li a:hover:after{border-width:5px;  border-radius:10px; transition-duration:0.3s}
.listDetail li a:after{content:''; position:absolute; left:0; top:0; right:0; bottom:0; box-sizing:border-box; border:0px solid #006cff;}

.listDetail li h3{height:50px; font-size:1.8rem; color:#000; line-height:28px;}
.listDetail li .listContent{color:#5d5d5d; line-height:20px; margin-top:30px; height:75px; }
.listDate {margin-top:30px;}
.listDate p{font-size:1.6rem; color:#000; margin-top:13px; font-weight:500;}


.listTypeDetail.listType02 .brListArea li{width: 48%;}
.listTypeDetail.listType03 .brListArea li{width: 31%;}
.listTypeDetail.listType04 .brListArea li{width: 24%;}

.listTypeDetail.listType04 .brListArea li dd{width:50%;}

.brListArea li.line01{float:none; clear:both; width: 100% !important; padding-top:10px;}
.brListArea li.line01 dd{width:auto !important; overflow:visible !important; white-space: normal;}

.utility-navi{padding:0; width:100%; height:32px;}


.utilQuick{}
.utilQuick li{float:left; margin-right:10px; font-size:13px; color:#000; padding-left:10px; background:url('../img/utilQuickBar.png') no-repeat 0 0;}
.utilQuick li:first-child{padding-left:0; background:none;}


.board_bottom{padding:30px 0 20px;}



.mainFooter01{width:1200px; margin:0 auto; padding:30px 0; overflow:hidden;}

.mainFooterMap{float:left; width:80%;}
.mainFooterSearch{float:right; width:18%;}

.footerMap{overflow:hidden;}
.footerMapCon{float:left; padding-left:100px;  height:130px;}
.footerMap .footerMapCon:first-child{padding-left:0;}
.footerMapCon h3{margin-bottom:18px; margin-top:10px;}
.footerMapCon h3 a{font-size:16px; color:#ffffff; font-weight:500;}
.footerMapCon > ul{}
.footerMapCon > ul > li{padding-bottom:6px;}
.footerMapCon > ul > li > a{position:relative; display:inline-block; font-size:13px; color:#cecece; }
.footerMapCon > ul > li > a:hover {color: #006cff;}
.footerMapCon > ul > li > a:before {position:absolute; bottom:0; left:0; width:0; height:1px; content:''; background:#006cff; transition:all .3s ease}
.footerMapCon > ul > li > a:hover:before {width:100%}

.footerSearch{height:35px;padding:0 20px; border:1px solid #909090; border-radius:20px; overflow:hidden;}
.footerSearch input{float:left; width:85%; height:30px; background:transparent; color:#8a8a8a; margin-top:2px;}
.footerSearch .footerSearchBtn{float:right; width:10%; font-size:16px; text-align:center; color:#a7a7a7; line-height:35px;}

.WrapFooterInfo{
	max-width:1540px;
	margin:0 auto;
}
.footerInfoDetail{position:relative; padding:0; }
.footerInfoDetail:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.footerQuickInfo{overflow:hidden; margin-top:5px;}
.quickInfo{overflow:hidden;}
.quickInfo li {float:left; margin-left:20px; padding-left:20px; background:url("../img/newsBar.png") no-repeat 0 3px;}
.quickInfo li:first-child{margin-left:0; padding-left:0; background:none;}
.quickInfo li a {position: relative; display: inline-block; color:#555555; font-size:14px;}
.quickInfo li a:hover{color:#006cff;}
.quickInfo li a.point {color:#006cff;}

.quickInfo li a:before {position: absolute; bottom: 0; left: 0; width: 0; height: 10px; content: ''; background: #006cff42; transition: all .3s ease}
.quickInfo li a:hover:before {width: 100%;}


.footerSnsArea{position:absolute; right:0; top:28px;}
.footerSnsArea ul{overflow:hidden;}
.footerSnsArea li{float:left; margin-left:5px; display:block; width:38px; height:38px; background:#56565a; border-radius:100%;}
.footerSnsArea li a{display:block; text-indent:-5000px; width:100%; height:100%;}
.footerSnsArea li a.sns_facebook{background:url("../img/facebook.png") no-repeat center center; background-size:auto 20px;}
.footerSnsArea li a.sns_youtube{background:url("../img/youtube.png") no-repeat center center; background-size:auto 20px;}
.footerSnsArea li a.sns_kakaotalk{background:url("../img/kakao-talk.png") no-repeat center center; background-size:auto 20px;}
.footerSnsArea li a.sns_instargram{background:url("../img/instargram.png") no-repeat center center; background-size:auto 20px;}
.footerSnsArea li a.sns_twitter{background:url("../img/twitter.png") no-repeat center center; background-size:auto 20px;}
.footerSnsArea li:first-child{margin-left:0;}


.footerRight{float:right;}

.todayCount{float:none; overflow:hidden; margin-left:0; margin-top:0}
.todayCount ul{overflow:hidden;}
.todayCount li{float:left; margin-left:0; margin-left:15px;}
.todayCount li dl{overflow:hidden;}
.todayCount li dt{color:#c3c3c3; float:left; margin-right:10px;}
.todayCount li dd{color:#fff; float:left;}

.copyrightArea{clear:both; color:#777777; font-size:13px; margin-top:10px; padding-bottom:20px;}

/* 2025.03.14_올바르지 않게 작성되어 있어 수정 했지만, 작업한 곳들에 영향이 있을 수 있어 주석 처리
.header{position:absolute; width:100%; border-top:2px solid #4f4f4f; border-bottom:1px solid #abb2b7; height:69px; z-index:200;}
*/

.utility-navi, .topArea, .mainLocation .cont, .briefingAreaDetail{max-width:1250px; margin:0 auto;}
.mainFooter{
	clear:both;
	position:relative;
	background:#FFF;
	z-index:20;
	padding: 20px 0 40px;
}

#gnb_wrap {height:100%}
#gnb_wrap:after {clear:both; display:block; content:''}
#gnb_wrap a.gnb_top {display:none}
#gnb_wrap .mInfo {display:none}

#header.scroll #gnb > li > a {color:#383838;}
#header.scroll #gnb > li > a > span:before {background:#006cff;}
#header.search #gnb > li > a {color:#383838;}
#header.search #gnb > li > a > span:before {background:#006cff;}

#btnNav {display:none; position:absolute; top:10px; right:5px; width:50px; height:45px; border:none; border-radius:4px; background:transparent; cursor:pointer; z-index:1000}
#btnNav span {position:absolute; display:block; left:11px; width:20px; height:2px; background:#ffffff; transition:all .4s ease}
#btnNav span.bar1 {top:12px}
#btnNav span.bar2 {top:18px}
#btnNav span.bar3 {top:24px}
#btnNav.active span.bar1 {top:20px; transform:rotate(45deg)}
#btnNav.active span.bar2 {display:none}
#btnNav.active span.bar3 {top:20px; transform:rotate(-45deg)}

#header.scroll #btnNav span {background:#383838;}
#header.search #btnNav span {background:#383838;}

.topSearch {position:absolute; right:0; top:20px; font-size:1.7rem; color:#fff; z-index:200;}
#header.scroll .topSearch {color:#fff;}
#header.search .topSearch {color:#fff;}
.topSearch a {margin-left:15px;}

.topSearchView{display:none; position:fixed; width:100%; top:0; background:#081538; z-index:1000;}
.topSearchDetail{width:100%; margin:0; padding:5rem 3rem;}
.topSearchDetail h3{font-size:1.8rem; color:#ffffff; text-align:center;}
.keywordSearch{margin-top:2rem;}
.keywordSearch:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.keywordSearchInput{position:relative; float:left; width:90%; background:#ffffff; height:48px;}
.keywordSearchInput input{height:48px; width:100%; padding:0 20px; font-size:2rem;}
.keywordSearchBtn{float:left; width:10%;  text-align:center; background:#006cff;  line-height:48px; height:48px;}
.keywordSearchBtn i{font-size:2.2rem; color:#ffffff;}

.keywordSearchClose{position:absolute; top:20px; right:30px; }
.keywordSearchClose i{font-size:2rem; color:#ffffff;}



.visualArea{position:relative; z-index:8;}

.downloadBtn{display:inline-block; border-radius:20px; border:1px solid #fff; padding:8px 100px 6px 15px; color:#fff; font-size:1.6rem; margin-top:20px; background:url('../img/downloadIco_on.png') no-repeat 90% center;}
.downloadBtn:hover{color:#fff; background-color:#006cff; border:1px solid #006cff;}

.btnArea{margin-top:2rem;}
.btnArea i{padding-left:10px;}

.subTitleArea h2{position:relative; font-size:3.6rem; text-align:center; line-height:4.4rem; padding-bottom:4rem;}
.subTitleArea h2 span{display:inline-block; line-height:3.6rem; font-weight:500;}
/* .subTitleArea h2:before{content:"";width:76px; height:4px; position:absolute; bottom:0px; left:50%; margin-left:-38px; background:#006cff;} */
.subTitleArea h2:before{content:"";width:1px; height:25px; position:absolute; bottom:0px; left:50%; margin-left:-2px; background:#333; }


.subTitleArea p{font-size:1.6rem; color:#555555; text-align:center; margin-top:2.2rem; line-height:2.6rem;}

.subTitleArea p.reportDetailTxt{font-size:1.8rem; color:#555555; }
.subTitleArea p.reportDetailTxt span{display:block;}

.subTitleArea02 h2{position:relative; font-size:3.6rem;  font-weight:200; text-align:center; padding-bottom:1rem; line-height:4.4rem; margin-bottom:45px;}
.subTitleArea02 h2 span{display:inline-block;  line-height:3.6rem}
.subTitleArea02 h2:before{content:"";width:76px; height:4px; position:absolute; bottom:0px; left:50%; margin-left:-38px; background:#006cff;}

.careerJob{padding:20px 0;}
.subTitleArea02.white h2{color:#ffffff;}
.subTitleArea02.white h2:before{background:#ffffff;}


.subTitleArea.right h2{position:relative; font-size:3.6rem;  font-weight:200; text-align:right; padding-bottom:1rem; line-height:3.6rem; text-transform:uppercase;}
.subTitleArea.right h2 span{display:inline-block;  line-height:3.6rem}
.subTitleArea.right h2:before{content:"";width:76px; height:4px; position:absolute; bottom:0px; left:auto; right:0px; margin-left:0; background:#006cff;}



.footWrap{clear:both;position:relative; margin-top:0;background:#1f1f1f; z-index:20;}

.add-animation{
transform: translate3D(0px, 150px, 0px);
-webkit-transform: translate3D(0px, 150px, 0px);
opacity: 0;
-webkit-transition: all 0.75s ease-out 0s;
-moz-transition: all 0.75s ease-out 0s;
-o-transition: all 0.75s ease-out 0s;
-ms-transition: all 0.75s ease-out 0s;
transition: all 0.75s ease-out 0s;
}
.add-animation.animation-1{
-webkit-transition: all 0.75s ease-out 0s;
-moz-transition: all 0.75s ease-out 0s;
-o-transition: all 0.75s ease-out 0s;
-ms-transition: all 0.75s ease-out 0s;
transition: all 0.75s ease-out 0s;
}
.add-animation.animation-2{
-webkit-transition: all 0.75s ease-out 0.15s;
-moz-transition: all 0.75s ease-out 0.15s;
-o-transition: all 0.75s ease-out 0.15s;
-ms-transition: all 0.75s ease-out 0.15s;
transition: all 0.75s ease-out 0.15s;
}
.add-animation.animation-3 {
-webkit-transition: all 0.75s ease-out 0.3s;
-moz-transition: all 0.75s ease-out 0.3s;
-o-transition: all 0.75s ease-out 0.3s;
-ms-transition: all 0.75s ease-out 0.3s;
transition: all 0.75s ease-out 0.3s;
}
.add-animation.animation-4{
-webkit-transition: all 0.75s ease-out 0.45s;
-moz-transition: all 0.75s ease-out 0.45s;
-o-transition: all 0.75s ease-out 0.45s;
-ms-transition: all 0.75s ease-out 0.45s;
transition: all 0.75s ease-out 0.45s;
}
.add-animation.animate{
transform: translate3D(0px, 0px, 0px);
-webkit-transform: translate3D(0px, 0px, 0px);
opacity: 1;
}


.titleAreaView{position:relative; z-index:22; height:42px; background:#fff;}


.titleArea {position:relative; padding:30px 0 30px; text-align:center; margin-bottom:40px;}
.titleArea:after{content:""; position:absolute; bottom:0; left:50%; margin-left:-50px; width:100px; height:1px; background:#006cff;}
.titleArea h3{color:#000000; font-size:32px; padding-bottom:10px; letter-spacing:-1px; font-weight:500;} 
.titleArea p{font-size:18px; color:#000000; line-height:160%; letter-spacing:-0.5px;}





#realContents{padding-top:0; padding-bottom:20px;}

/* tab */
.tab_wrap{}
.tab_wrap.tab_wrap_1{margin-bottom:40px;}
.tab_wrap:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.tabNew {position:relative;width:100%; display:table;}
.tabNew > li{display:table-cell;width:1%}
.tabNew > li:first-child > a{border-left:1px solid #e8e8e8}
.tabNew > li:first-child > a:hover{margin-left:0}
.tabNew > li:first-child.active > a{margin-right:1px}
.tabNew > li > a{position:relative;display:block; transition: none; font-size:1.6rem; min-height:50px; line-height:50px; color:#666666; background:#ffffff; border:1px solid #d8d8d8;border-left:0;text-align:center;text-decoration:none}
.tabNew > li > a:hover{border:1px solid #006cff; margin-left:-1px; color:#006cff;}
.tabNew > li.active .sub_menu{display:block} 
.tabNew > li.active > a{background:#006cff;color:#fff; font-weight:500; border:1px solid #006cff;border-left:1px solid #006cff;margin-left:-1px !important}
.tabNew .sub_menu{display:none;text-align:center;position:absolute;width:100%;margin-top:7px}
.tabNew .sub_menu li{display:inline-block}
.tabNew .sub_menu li a{color:#111;text-decoration:none;padding:10px 5px;display:block}
.tabNew .sub_menu li.active a{color:#0469af}
.tabNew .sub_menu a:before{display:inline-block;height:12px;margin:0 10px 0 0;background:#e1e1e1;vertical-align:-2px;width:1px;content:''}
.tabNew .sub_menu :first-child a:before{display:none}

/**** breadcrumb ****/
.mainLocation {padding-left:0; height:42px; margin-bottom:0; font-size:0; z-index:15;  border-bottom:1px solid #e8e8e8; /* transition:background 0.4s; */}
.mainLocation .cont {padding:0;}
.mainLocation_area:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.mainLocation .li {position:relative;display:inline-block; width:180px; border-right:1px solid #ddd; background:#ffffff;/*border-left:1px solid #389cd2; margin-right:-1px; background:url('../img/ico_breadcrumb.png') 7px 21px no-repeat; */}
/* .mainLocation .li:first-child{border-left:none;} */
.mainLocation .li a {position:relative;display:block;color:#333333; font-weight:500; font-size:13px; line-height:41px;overflow:hidden; transition:all 0.4s; padding:0 6px 0 18px;}
.mainLocation .li a.link {padding-right:25px; text-decoration:none;}
.mainLocation .li a.link em {display:block;position:absolute;left:-9999px;top:-9999px;overflow:hidden;}
.mainLocation .li a.link:after {position:absolute;right:10px;top:13px;width:19px;height:18px; background:url('../img/ico_breadcrumb_op.png') center no-repeat; border-radius:3px;box-sizing:border-box;content:"";transition:all 0.4s;}
.mainLocation .li.act a:after {background-image:url('../img/ico_breadcrumb_cl.png');}
.mainLocation .home {width:42px; padding:0; background:none; text-indent:-9999px; }
.mainLocation .home a {width:41px; height:41px; line-height:41px; background:url('../img/ico_breadcrumb_home.png') center center no-repeat #f9f9f9; text-indent:-5000px; overflow:hidden; border-left:1px solid #ddd;}
.mainLocation .li .dep {position:absolute;left:-1px;top:41px; width:181px; display:none; z-index:50; text-align:left; background:#fff; border:1px solid #dddddd; box-shadow: 0 4px 24px 0 rgb(0 0 0 / 5%);}
.mainLocation .li .dep ul {/* display:inline-block; */padding:0 0 0 0;}
.mainLocation .li .dep li a {display:block; padding:9px 17px; color:#333333; font-size:12px;line-height:13px; text-decoration:none;}
.mainLocation .li .dep li a:hover, .mainLocation .li .dep li a:focus {background:#f7edea;}
.mainLocation .li .dep li.on {color:#006cff;font-size:13px;line-height:13px; cursor:default;}
.mainLocation .li .dep li.on a{color:#006cff;}
.mainLocation .li .dep li.on a:hover, .mainLocation .li .dep li.on a:focus {background:#ffffff;}
.mainLocation .li.act .dep {display:block;}
.mainLocation.on {position:fixed !important;top:0;background:#58b1c0;}
.mainLocation.on .li a {color:#fff;}
.mainLocation.on .li {/* background-image:url('../img/ico_breadcrumb_w.png'); */}
.mainLocation.on .home a {background-image:url('../img/ico_breadcrumb_home.png');}
.mainLocation.on .home {padding-left:0;background:none;}
.mainLocation.on .li a.link:after {border-color:#fff;}
.mainLocation .hit_st, .breadcrumb .hit_ed {display:none;}



.mainLocation.fix {background: #ffffff; /* background-size: cover;  */position:fixed; left:0; width:100%; z-index:200;}

/* 
.mainLocation.fix .li {position:relative;display:inline-block;padding:2px 0 0 20px;background:url('../img/ico_breadcrumb.png') 7px 18px no-repeat;}
.mainLocation.fix .home {padding-left:0;background:none; text-indent:-9999px;}
.mainLocation.fix .home a {width:15px;padding:0 10px;background:url('../img/ico_breadcrumb_home_on.png') center 10px no-repeat; text-indent:5000px; overflow:hidden;}

.mainLocation .topLogo{float:left; display:none; width:228px; height:35px; text-indent:-5000px; background:url('../img/logo.png') no-repeat 0 0; opacity: 0; transition: 0.2s all;}
.mainLocation.fix .topLogo{float:left; display:block; width:134px; height:35px; text-indent:-5000px; background:url('../img/logo_on.png') no-repeat 0 0; margin-right:0; opacity: 1;}
.mainLocation_area{transition: 0.3s all;}
.mainLocation.fix .mainLocation_area{ transform:translate(70px,0); }

.mainLocation.fix .li a {position:relative;display:block;color:#ffffff; font-size:14px; line-height:37px;overflow:hidden;transition:all 0.4s;}
 */


.subContent{}
.subConView{max-width:1250px; margin: 0 auto; padding:2rem 0;}
.subConView.mainConView{padding:25px 0;}


.subConDetail{}

.subConView.membershipArea #lnb{display:none;}
.subConView.membershipArea .subConDetail{float:none; width:100%; padding:0 160px;}

.searchVisual {width:100%; height:259px; position:relative; z-index:100; background:#ffffff;}
.searchVisualArea{position:absolute; top:60px; width:100%; height:187px; background:#f5f5f5;}

.searchVisualArea .mainTitle{position:absolute; left:0; top:60px; width:100%; text-align:center; z-index:20; color:#000000;}
.searchVisualArea .mainTitle h2{font-size:4.4rem; letter-spacing:-1px; line-height:45px;  font-weight:200;}
.searchVisualArea .mainTitle p{display:block; font-size:1.6rem; }

.resultTitle{font-size:24px; color:#2c2c2c; font-weight:500; border-bottom:1px solid #e0e0e0; padding:0 0 22px 10px;}
.resultTitle span{color:#006cff;}

.resultArea{}
.resultDetail{border-bottom:1px solid #e0e0e0; padding:45px 50px 15px;}
.resultDetail dt .loca{font-size:16px; color:#555555;  font-style:italic;}
.resultDetail dt h4{font-size:20px; color:#454545;  line-height:20px; padding:25px 0 15px;}
.resultDetail dt h4 span{font-weight:500; color:#000;}
.resultDetail dd{font-size:14px; color:#777777;  line-height:20px; margin-bottom:20px;}

.btn_type07 {color:#0689db !important; padding:10px 0;}
.btn_type07 i{padding-left:13px; color:#0689db;}
.btn_type07:hover {background:#ffffff; color:#0689db !important; border-color:#ffffff;}
.btn_type07:hover i{color:#0689db}


.nothingFound{width:70%; margin:0 auto; padding:20px; text-align:center;}
.nothingFound h3{font-size:35px; color:#2c2c2c; font-weight:500;}
.nothingFound .foundDescript{font-size:16px; color:#3a3a3a;  padding:25px 0 40px;}
.nothingFound .keywordSearch{margin:2rem 0 15rem;}
.nothingFound .keywordSearchInput{position:relative; float:left; width:90%; background:#f3f3f3; height:48px;}
.nothingFound .keywordSearchInput input{height:48px; width:100%; padding:0 20px; font-size:1.5rem; background:transparent;}
.nothingFound .keywordSearchBtn{float:left; width:10%; font-size:2.2rem; text-align:center; background:#006cff; color:#ffffff; line-height:48px; height:48px;}



/* modelNumberSearch */


.keywordSearchInput .dropdown-menu {
  border: medium none;
  border-radius: 0px;
  box-shadow: 0 0 0px rgba(86, 96, 117, 0.7);
  display: none;
  font-size: 12px;
  list-style: none outside none;
  position: absolute;
  text-shadow: none; 
  padding:0px;
  border:1px solid #b5b5b5;
  background-color: #ffffff;
  width:100%;
  top: 46px !important;
  left:0 !important;
  z-index: 1000;
}

.keywordSearchInput .dropdown-menu > li > a {
  border-radius: 0px;
  color: inherit;
  line-height: 25px;
  margin: 4px;
  text-align: left;
  font-weight: normal;
  font-size:16px;
  padding-top:6px;
  padding-bottom:6px;
  display:block;
  color:#333333;
}
.keywordSearchInput .dropdown-menu > .active > a,
.keywordSearchInput .dropdown-menu > .active > a:focus,
.keywordSearchInput .dropdown-menu > .active > a:hover {
  text-decoration: none;
  background:#ffffff;
  outline: 0;  
  color: #333333;
}
.keywordSearchInput .dropdown-menu > .active strong{color: #000000; font-weight:500;}
.keywordSearchInput ul{padding:0px;}

#businessContent .subConView{padding:4rem 3rem 2rem;}

.blueBg{background:#0689db;}
.grayBg{background:#f6f6f6;}
.blueBg .subConView{padding:2rem 0}
.subTitle01{display:block; font-size:2.5rem;  font-weight:200; text-align:center; color:#ffffff;}
.subTitle01 span{}
.subTitle02{display:block; font-size:3.4rem; padding:1.3rem 0;   text-align:center; color:#ffffff;}
.subTitle02 span{display:block; font-size:1.7rem; }

.subTitle03{display:block; font-size:2.6rem; padding:3rem 2rem;  text-align:center; color:#ffffff;}
.subTitle03 span{display:block; font-size:1.6rem; margin:4.5rem 0 1rem; }
.subTitle03 em{display:block;  color:#b9d5f1; line-height:2rem;}

.subTitle04{font-size:2.2rem; line-height:2.8rem; color:#ffffff; padding:10px 200px; text-align:center; }
.subTitle04 span{display:block; line-height:2rem; color:#b9d5f1; margin-top:5px;}
.subTitle04 span em{display:block;}

.subTitle05{font-size:2.3rem; line-height:2.8rem; color:#2c2c2c; padding:10px 200px; text-align:center;  }
.subTitle05 span{display:block; font-size:1.6rem; line-height:2rem; color:#555555; margin-top:23px;}
.subTitle05 span em{display:block;}

.subTitle06{display:block; font-size:3rem; padding:5rem 0 3rem;   text-align:center; color:#ffffff;}
.subTitle06 span{display:block; font-size:1.6rem; margin-top:20px;  font-weight:normal; line-height:2.6rem;}
.subTitle06 em{display:block;}

.subTitle07{font-size:3rem; line-height:2.8rem; color:#2c2c2c; padding:10px 50px; text-align:center; }
.subTitle07 span{display:block; font-size:1.6rem; line-height:2rem; color:#555555; margin-top:23px; }


.subTitle10{display:block; font-size:2.8rem; padding:0 0 0.5rem;  text-align:center; color:#ffffff;}


.subTitle{position:relative; font-size:4rem;  font-weight:700 !important;  text-align:center; padding-bottom:1rem; line-height:4.2rem; color:#0a0a0a;}
.subTitle span{font-weight:200;}
.subTitle:before{content:"";width:76px; height:4px; position:absolute; bottom:0px; left:50%; margin-left:-38px; background:#006cff;}


.paging{font-size:13px; overflow:hidden; text-align:center}
.paging a{color:#31372F; padding:0 10px; border:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; line-height:30px; vertical-align:top; margin-right:0; display:inline-block; background:#ffffff; border-radius:2px;}
/* .paging a:hover{color:#006cff; border:1px solid #e8e8e8; line-height:28px; border-bottom:3px solid #006cff;} */
.paging .numActive{ font-weight:400; color:#ffffff; line-height:30px; padding:0 10px; border:1px solid #006cff; background:#006cff;}
/* .paging .numActive:hover{color:#ffffff; border:none; line-height:32px !important; } */
.paging a.first {font-size:12px; color:#797979; width:32px; height:32px; background:#ffffff}
.paging a.prev {font-size:12px; color:#797979; width:32px; height:32px; background:#ffffff}
.paging a.next {font-size:12px; color:#797979; width:32px; height:32px; background:#ffffff}
.paging a.last{font-size:12px; color:#797979; width:32px; height:32px; background:#ffffff}

.paging .lastNum{display:none;}




.block{display:block;}

.map {height:443px; overflow:hidden; display:block;}
.big-map {width:100%; height:100%; display:block;}

.mBtnLogin{display:none;}



service_tit, .data_dec, .dc_tit, .sw_tit, .infra_tit{
    position: relative;
    font-size: 26px;
    color: #444;
    padding:0;
    margin-bottom: 15px;
    margin-top: 45px;
} 

.service_tit::after{
    content: "";
    position: absolute;
    height: 16px;
    top: 12px;
    left: -12px;
    border-radius:2.5px;
    border-left: 5px solid #1db496;
} 

.post-prev-title{
	position:relative;
    margin-bottom: 1px;
    font-size: 1.8rem;
    padding: 10px 0 30px;
	color:#006cff;
}
.post-prev-title:after {position:absolute; display:block; width:30px; height:2px; left:0; bottom:0; content:''; background:#006cff}

.section-text{font-size:1.4rem;}
.section-text .data-ul{margin-bottom:20px !important;}

.data-ul li {
	line-height:26px;
	padding-left:14px; background:url('../img/dot01.png') no-repeat 0 10px;
}

.rtecenter {
    text-align: center;
}
.strong-color {color:#58b1c0;}

.data-row{
/*	margin-left:0;
	margin-right:0;*/
	margin-bottom: 35px;
    padding-bottom: 30px;	
	border-bottom:1px solid #e5e5e5;
}
.data-row img {width:100%;}

.data-tab-container .strong-color{padding-left: 20px;}

.txt-img-p{position:relative;}
.txt-img-p::before{
	content:"※";
	position:absolute; left:0; top:0;
}
.captionTxt{display:block; margin:20px 0; font-size:12px; color:#006cff;}
.imgArea{border:1px solid #ddd; padding:40px; border-radius:10px;}



#mask {position:absolute; z-index:1001; background-color:#000; display:none; left:0; top:0px;}

.btn_nav2 {display:none;}
/* .all_menu2{left: -665px; display:none;} */


.tabType01 {position:relative; z-index:9;}
.tabType01 .tabArea {width:100%; border-top: 1px solid #e3e3e3;}
.tabType01 .tabArea li {border-bottom:1px solid #e3e3e3;}
.tabType01 .tabArea li a{display:block; color:#000000; line-height:120%; padding:12px 15px 12px 0; font-size:15px}
.tabType01 .tabArea li a span{display:block;}
.tabType01 .tabArea li:focus,
.tabType01 .tabArea li:hover,
.tabType01 .tabArea li.active{border-bottom:1px solid #006cff;}
.tabType01 .tabArea li:focus a,
.tabType01 .tabArea li:hover a,
.tabType01 .tabArea li.active a{color:#006cff; }
.tabType01 em{display:none;}
.tabType01 .tabArea.block{display:block}
.tab_con{display:none;}
.show{display:block !important;}

.tabType01 .sel_txt{display:none; overflow:hidden; text-overflow:ellipsis;}

.joinLink{margin-top:40px; border-top:1px solid #dddddd; padding-top:20px;}
.joinLink ul{overflow:hidden;}
.joinLink ul li{float:left; width:50%; text-align:center; border-left:1px solid #ddd;}
.joinLink ul li:first-child{border-left:none;}
.joinLink ul li a{font-size:16px; color:#777777; font-weight:500; line-height:100%;}


.board_total{margin-bottom:10px;}
.board_total:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.gridSum{float:left; font-size:16px; color:#666666; font-weight:500;}
.gridSum span{color:#ff8a00;}

.pageNum{float:right;}
.pageNumTxt{display:inline-block; font-size:13px; color:#020202;}
.pageNum .selects{display:inline-block; margin-left:10px; width:70px; font-size:13px;}
.pageNum .selects select{height:30px; line-height:30px;}

.noticeTitle{border-top:2px solid #333; border-bottom:1px solid #e2e2e2; padding:30px 20px; overflow:hidden;}
.contentType06 .noticeTitle{border-top:2px solid #d08599;}

.detailTitle{float:left; font-size:18px; color:#333333;}
.detailTitle em{display:block; font-size:15px; color:#333333;  margin-top:5px;}
.viewTxt{padding:20px 0 0; font-size:15px; color:#333333; line-height:28px !important; padding-bottom:20px;}
.viewTxt *{ line-height:28px !important;}

.noticeViewArea{min-height:100px; padding:0 20px; margin-bottom:20px; line-height:160%; color:#737373;}

.nextPrevious {margin-top:30px;}
.nextPrevious ul{overflow:hidden;}
.nextPrevious ul li{float:left; width:50%; background:#ececec; text-align:right; border-radius:10px;}
.nextPrevious ul li:first-child{background:#f4f4f4; text-align:left; border-radius:10px 0 0 10px;}
.nextPrevious ul li:last-child{border-radius:0 10px 10px 0;}
.nextPrevious ul li a{display:block; padding:30px 40px;}
.nextPrevious ul li dl{position:relative; padding-right:30px;}
.nextPrevious ul li:first-child dl{padding-left:30px;}
.nextPrevious ul li:first-child dl:before{display:block; content:'<'; position:absolute; left:0; top:10px; font-size:30px;}
.nextPrevious ul li:last-child dl:after{display:block; content:'>'; position:absolute; right:0; top:10px; font-size:30px;}
.nextPrevious ul li dt{font-size:15px; color:#555555;}
.nextPrevious ul li dd{font-size:15px; color:#2c2c2c; margin-top:4px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}

.noticeDetailView .actions {
float:right;
overflow:hidden;
}
.noticeDetailView .actions span{display:inline-block; color:#666666; font-size:14px; margin-left:20px;}
.noticeDetailView .actions span:first-child{margin-left:0;}
.noticeDetailView .actions span em{color:#000; margin-left:10px; font-weight:500;}


.srch-area{width:60%; min-height:50px; margin:0 auto 50px; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center;}
.srch-area.year_only{width:30%;}
.srch-area .form_area{flex: 0 1 160px; margin:0 2px;}
.srch-area .form_area.form_select{flex: 0 1 160px;}
.srch-area .form_area.form_input_only{flex: 0 1 160px;}
.srch-area .form_area.form_input_search{flex: 0 1 25%;}
.srch-area .form_area.form_button_search{flex: 0 1 80px;}
.srch-area .form_area.form_button{flex: 0 1 120px;}
.srch-area .form_area.termKeyword{flex: 0 1 100%;}
.form_search_button{display:block; background:#006cff; color:#ffffff !important; line-height:53px; text-align:center;}
.form_detail_button{display:block; background:#0f4782; color:#ffffff !important; line-height:50px; text-align:center;}
.srch-area .form_input_only input{height:50px; font-size:14px; line-height:50px; border:1px solid #dddddd; border-radius:0;}
.srch-area .form_input_search input{height:50px; font-size:14px; line-height:50px; border:1px solid #dddddd; border-radius:0;}
.srch-area .form_input_search .input-group-btn .btn{height:50px; line-height:36px; background:#ffffff; border-left:none; border-radius:0;}

.srch-area .selects {}
.srch-area .selects select{height:50px; line-height:50px; border:1px solid #dddddd; border-radius:0; font-size:14px;}
.srch-area .selects:after {height:50px;}
.srch-area .form_area.form_input{flex:1;}
.srch-area .form_area.form_input_check{flex:0 1 360px;}
.srch-area .input_txtArea{position:relative; border:1px solid #dddddd;}
.srch-area .input_txtArea input{width:90%; height:48px; font-size:14px; border:0; line-height:50px;}
.srch-area .btn-srch{position:absolute; right:5px; top:12px; background:transparent;}
.srch-area .btn-srch:after{content:'';display:inline-block; width:30px;height:30px;background:url('../img/btn_searchResult_block.svg') 0 0 no-repeat; background-size:24px;}

.certify-area.srch-area{width:100%;}
.insightSearch-area.srch-area{width:100%; margin-bottom:0;}


.srch-area .form_area dl.form_txt_input{display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; border:1px solid #ddd; line-height:50px; background:#ffffff;}
.srch-area .form_area dl.form_txt_input dt{flex:0 1 90px; padding-left:20px;}
.srch-area .form_area dl.form_txt_input dd{flex:1;}

.srch-area .form_area dl.form_txt_input dd .input-daterange{width:100%;}
.srch-area .form_area dl.form_txt_input dd .input-daterange.input-group .form-control{height:50px; line-height:50px; border:none; text-align:left; padding:0 20px;}
.srch-area .form_area dl.form_txt_input dd .radios .radio{margin-top:2px;}



.srch-area .termKeyword .termKeywordSelect{margin-top:10px;}
.srch-area .termKeyword .termKeywordSelect .bt-sm{padding:0 10px; border:1px solid #dddddd; color:#000000; margin-bottom:4px;}

.srch-area .termKeyword .termKeywordSelect .bt-checked{color:#ffffff; border:none;}


.modal-body .srch-area {width:100%; height:auto; margin-bottom:20px;}

/* grid */
.col-group0 {width:100%; padding-bottom:40px;}
.col-group1 {float:left; width:50%;}
.col-group2 {float:left; width:33.33%}
.col-group3 {/* padding-left:38px; */}

.grid-wrap .gridRow {margin-bottom:10px; display:table; width:100%}
.grid-wrap .gridRow:after{content:""; display:block; clear:both; height:0; visibility:hidden;}
.gr-header > * {font-size:12px; color:#ffffff}
.gr-header .tit {display:block; text-align:center; border-top:2px solid #000000; border-bottom:1px solid #000000;  padding:15px 0; font-size:14px;  color:#000000; font-weight:500;}
.gr-header .cols:first-child .tit {border-left:none;}

.whiteBg .gr-header .tit{background:#fff;}
.contentType06 .gr-header .tit{border-top:2px solid #d08599;}

.gr-header .number, .gr-header .last {overflow:hidden; }
.grid-wrap .gr-header .gridRow {margin-bottom:0}
.gr-header .gridRow .number{width:38px;}

.gr-body .tit {display:none; color:#555555; font-size:15px;}
.gr-body .gridRow > * {color:#555555}
.gr-body .gridRow {margin-bottom:0; background:#ffffff}
.gr-body .gridRow .col-group {padding:0;}
.gr-body .number {min-width:38px; height:100%; background:#ffffff }
.gr-body .number span { background:#ffffff; max-width:38px; min-height:38px; display:block;}
.gr-body .gridRow {position:relative;}
.gr-body .gridRow .cols.last {text-align:right; position:absolute; right:0; top:0; width:38px;}
.gr-body .gridRow .cols .txt {display:block; /* white-space:nowrap; text-overflow: ellipsis; overflow: hidden; */ color:#555555; word-break:break-all; text-align:center; font-size:13px; font-weight:400;}
.gr-body .gridRow .cols .txt .areaM{display:none;}
.gr-body .gridRow .cols .txt.left{text-align:left;}
.gr-body .gridRow .cols .txt.wBold{font-weight:700;}
.gr-body .gridRow .cols .txt img{vertical-align:middle;}
.gr-body .gridRow .subject {text-align:left; /*white-space:nowrap;*/ overflow:hidden;text-overflow:ellipsis; }
.gr-body .gridRow .subject a {padding:0 10px; }
.gr-body .gridRow .col-group .cols {background:#ffffff}

.gridType01 .gridRow, .gridType02 .gridRow {background:none}
.gridType01 .gridRow {position:relative;}
.gridType01 .gridRow .number {position:absolute; width:38px; height:38px; z-index:1}
.gridType01 .gr-header .col-group3, .gridType01 .gr-body .col-group3 {/* padding-left:0; */display:table;width:100%;}


.gridType01 .col-group3 .cols {float:none;}
.gridType01 .gr-header .col-group3 .cols.subject1 {text-align:left; padding-left:48px}
.gridType01 .gr-header .col-group3 .cols {display:table-cell; padding:0;}
.gridType01 .gr-body .col-group3 .cols span.txt.tBlue {font-weight:bold;}
.gridType01 .gr-body .col-group3 .cols,
.gridType02 .gr-body .col-group3 .cols{display:table-cell; border-bottom: 1px solid #dddddd; text-align: left; padding: 15px 5px ; font-size: 13px; color: #555555; vertical-align: middle; line-height: 140%;}
.gridType01 .gr-body .col-group3 .cols:first-child {border-left:none}
.gridType01 .gr-body .col-group3 .cols.subject1{text-align:left; padding-left:48px}
.gridType02 .gr-body .col-group3 .cols.subject1 {text-align:left; padding-left:10px;}

.gridType01.summaryGrid .gr-body .col-group3 .cols{text-align:center; padding-left:10px; padding-right:10px; font-weight:600; color:#333;}

.gr-body .button{padding:2px 10px;}

.gridRow {margin-right:0; margin-left:0;}
.gridRow .cols {float:left; text-align:center;}
.gridRow .col-group {float:left; width:85%; line-height:auto; height:auto; }
.gridRow .col-group:after {clear:both; content: " "; overflow:hidden; white-space:nowrap}

.gridRow .col38 {width:38px; position:absolute; right:0;}
.gridRow .col1 {width:3%}
.gridRow .col1-1 {width:5%}
.gridRow .col1-2 {width:7%}
.gridRow .col1-3 {width:15%}
.gridRow .col2 {width:10%}
.gridRow .col3 {width:15%}
.gridRow .col4 {width:20%}
.gridRow .col5 {width:25%}
.gridRow .col6 {width:35%}
.gridRow .col7 {width:45%}
.gridRow .col8 {width:50%}
.gridRow .col9 {width:60%}
.gridRow .col10 {width:75%}
.gridRow .col11 {width:83.8%}
.gridRow .col12 {width:90%}
.gridRow .col13 {width:100%}
.gridRow .col-checkbox {width:40px; text-align:center; vertical-align:middle}
.gridRow .col-checkbox .checkbox {margin:0 auto; vertical-align: middle; padding-left:20px;}


.col_xs-12 {width: 100%;}
.col_xs-11 {width: 91.66666667%;}
.col_xs-10 {width: 83.33333333%;}
.col_xs-9 {width: 75%;}
.col_xs-8 {width: 66.66666667%;}
.col_xs-7 {width: 58.33333333%;}
.col_xs-6 {width: 50%;}
.col_xs-5 {width: 41.66666667%;}
.col_xs-4 {width: 33.33333333%;}
.col_xs-3 {width: 25%;}
.col_xs-2 {width: 16.66666667%;}
.col_xs-1 {width: 8.33333333%;}


.dangerWrap .faqTitle01{float:none; width:100%; padding-left:0 !important;}
.dangerWrap .accordion > li.active .accordionView{background:#f9f9f9;}
.dangerWrap .accordion > li > div.accordionDetail{background:#ffffff;}

.accordion > li.active .faqArea .faqTitle01{color:#006cff; font-weight:500; padding-top:10px; padding-bottom:10px;}



.grid_type02{border-top:2px solid #000000; border-bottom:1px solid #000000;}
.grid_list{padding:20px;}
.grid_list:not(:first-child){border-top:1px solid #ddd;}

.grid_list_wrap{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
}

.nation_flg_area{flex:0 1 250px;}


.statusBox{position:relative; flex:0 1 auto; margin-top:6px; width:50px; height:50px; text-align:center; margin-right:10px; background:#c4c4c4; border-radius:5px;}
.statusBox span{display:inline-block; position:absolute; top:50%; left:50%; text-align:center; width:100%; color:#fff; font-size:12px; line-height:14px; font-weight:400; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 51;}
.statusDetailBox{display:inline-block; padding: 0 20px; margin-left:10px; background:#c4c4c4; border-radius:30px; line-height:24px; color:#ffffff; font-size:13px;}
.wtoStatus01{background:#bf25a5;}
.wtoStatus02{background:#8018bc;}
.wtoStatus03{background:#fa6a00;}
.wtoStatus04{background:#c4c4c4;}
.wtoStatus05{background:#006cff;}



.grid_list_detail_info{flex:1;}
.grid_list_detail_info ul{overflow:hidden; float:right;}
.grid_list_detail_info li{float:left; font-size:13px;}
.grid_list_detail_info li:not(:first-child){position:relative; padding-left:12px; margin-left:12px;}
.grid_list_detail_info li:after{content:""; width:1px; height:12px; background:#d4d4d4; position:absolute; left:0; top:5px;}
.grid_list_detail_info dt{float:left; color:#737373;}
.grid_list_detail_info dd{float:left; margin-left:10px; color:#000;}

.nation_flg_area .flag_txt {color:#006cff; font-size:15px; font-weight:700;}
.grid_list_wrap .sort_title01{color:#555555; font-size:14px; margin-top:5px;}
.grid_list .sort_title02 a{display:block; color:#0f4782; font-size:18px; margin-top:5px; line-height:140%;}

.education_area{display:block; flex:0 1 100%; display:flex; flex-wrap:wrap;}
.techGrid .education_area{display:block;}
.edu_cate{flex:0 1 180px; padding:0 10px; border:1px solid #006cff; color:#006cff; height:24px; line-height:24px; text-align:center; font-size:13px; border-radius:30px; background:#ffffff;}
.education_area .sort_title02 {flex:1; margin-left:20px;}
.education_area .sort_title02 a {margin-top:0;}

.techGrid .education_area{display:block;}
.techGrid .edu_cate{flex:auto; display:inline-block; padding:0 20px;}
.techGrid .education_area .sort_title02 {flex:1; margin-left:0; margin-top:10px;}

.education_list .edu_cate{display:inline-block; padding:0 20px;}
.education_list .sort_title02 {margin-left:0; margin:10px 0 20px; color:#0f4782; font-size:20px; line-height:140%;}
.education_list .sort_title02 a {margin-top:0;}

.edu_list_wrap .grid_list_detail_info{display:block; flex:0 1 100%; margin-top:10px;}
.edu_list_wrap .grid_list_detail_info ul{text-align:left; float:left;}

.report_cate{padding:0 10px; border:1px solid #006cff; color:#006cff; height:24px; line-height:24px; display:inline-block; text-align:center; font-size:13px; border-radius:30px; background:#ffffff;}


.techControlNewsListWrap{max-width:500px; width:100%; padding-top:20px; overflow:hidden;}

.techControlNewsListWrap .techControlNewsList:not(:first-child){border-top:1px solid #ebebeb;}

.techControlNewsList{padding:10px 0; }
.techControlNewsList .grid_list{padding:0; position:relative;}
.techControlNewsList .flag_txt{color:#555555; font-weight:500;}

.techControlNewsList .grid_list .sort_title02 a{display:block; font-size:16px; color:#333333; /* height:20px; */ white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}

.techControlNewsList .grid_list_detail_info{display:block; margin-top:10px;}

.techControlNewsList .grid_list_detail_info ul{float:none;}

.techControlNewsList .grid_list_detail_info li:after{display:none;}
.techControlNewsList .grid_list_detail_info dt{font-size:13px; color:#737373; border:1px solid #ddd; border-radius:30px; padding:0 7px; line-height:18px;}
.techControlNewsList .grid_list_detail_info li:not(:first-child){padding-left:5px; margin-left:5px;}
.techControlNewsList .grid_list_detail_info dd{font-size:13px; color:#999999;}


.techControlNewsList .sort_title02{display: inline-flex;  max-width: 100%;}


.techControlNewsListWrap .swiper-button-prev{
  background: url("../img/slideLn.png") no-repeat center center;
  top:10px;  
  left:auto;
  right:25px;
  width:20px;
  height:20px;
  line-height:20px;
  opacity:1;
  margin-top:-1px;
  z-index:10;
}

.techControlNewsListWrap .swiper-button-next{
 background: url("../img/slideRn.png") no-repeat center center;
  top:10px;
  width:20px;
  height:20px;
  line-height:20px;
  right:0;
  left:auto;
  opacity:1;
  margin-top:-1px;
  z-index:10;
}


.iboxConLy01{overflow:hidden; background:#ffffff;}
.iboxConRow01{float:left; width:50%;}

.iboxConLy01 .iboxConRow01:first-child{border-right:1px solid #ebebeb;}

.ddayMark{position:absolute; right:0; top:15px; background:#27598e; width:42px; text-align:center; line-height:16px; color:#ffffff;font-size:12px;}



.bannerAll {background:#ffffff; padding:20px 0;}

.bannerAllWrap {position:relative; max-width:1250px; margin:0 auto;}

.bannerSlide{padding-right:40px;}
.bannerAllQuickList{}
.bannerAllQuickList li{}

.bannerAllQuick .swiper-button-prev{
  background: url("../img/slideLn.png") no-repeat center center #fff;
  top:50%;
  right: 28px;
  width:28px;
  height:60px;
  line-height:60px;
  left:auto;
  opacity:1;
  margin-top:-30px;
  z-index:10;
}

.bannerAllQuick .swiper-button-next{
 background: url("../img/slideRn.png") no-repeat center center #fff;
  top:50%;
  width:28px;
  height:60px;
  line-height:60px;
  left:auto;
  right: 0;
  opacity:1;
  margin-top:-30px;
  z-index:10;
}


.bannerAllQuick .bannerCardCon{text-align:center; padding-right:50px;}
.bannerAllQuick .bannerCardCon img{height:47px;}




.row{    
	margin-right: -5px;
    margin-left: -5px;
}



.ftaTbt .circle_cont {
  position: relative;
  top: 45%;
  left: 0;
  width: 100%;
  text-align: center;
}

.ftaTbt .circle_cont .cir {
  display: inline-block;
  -webkit-transition-property: top, background, border;
  transition-property: top, background, border;
}

.ftaTbt .circle_cont .cir .bg {
  position: relative;
  width: 250px;
  height: 250px;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 1;
}

.ftaTbt .circle_cont .cir .bg .cir_scale {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 100%;

}

.ftaTbt .circle_cont .cir .bgColor01 .cir_scale {
  background: rgba(191, 37, 165, 0.2);
}

.ftaTbt .circle_cont .cir .bgColor02 .cir_scale {
  background: rgba(128, 24, 188, 0.2);
}


.ftaTbt .circle_cont .cir .bgColor03 .cir_scale {
  background: rgba(35, 17, 185, 0.2);
}

.ftaTbt .circle_cont .cir .bgColor04 .cir_scale {
  background: rgba(27, 119, 196, 0.2);
}


.ftaTbt .circle_cont .cir .bg span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #333;
  font-size: 20px;
  font-weight:500;
  line-height:150%;
}

.ftaTbt .circle_cont .cir .bg span em{display:block; font-size:18px; margin-top:30px; font-family: 'SamsungSharp'; font-weight:400; opacity:0.7;}

.ftaTbt .circle_cont .cir:nth-child(1) .bg {
  position: relative;
  top: 0;
  width: 250px;
  height: 250px;
}

.ftaTbt .circle_cont .cir:nth-child(2) .bg {
  position: relative;
  top: 0;
  width: 250px;
  height: 250px;
  margin: 0 -20px;
}

.ftaTbt .circle_cont .cir:nth-child(3) .bg {
  position: relative;
  top: 0;
  width: 250px;
  height: 250px;
  margin: 0 -20px;
}

.ftaTbt .circle_cont .cir:nth-child(4) .bg {
  position: relative;
  top: 0;
  width: 250px;
  height: 250px;
}


.ftaTbt_txt_list{overflow: hidden; padding-top: 100px; padding-left:20px; padding-right:20px;}
.ftaTbt_txt_list dl{float: left; position: relative; width:50%; padding-top: 40px; padding-right:20px; border-top: 3px solid #eee; letter-spacing: -.05em; height:250px;}
.ftaTbt_txt_list dl::before{content: ""; position: absolute; left: 0; top: -50px; font-family: 'SamsungSharp'; font-weight: 400; font-size: 34px; color: #f60; line-height: 1;}
.ftaTbt_txt_list dl:nth-child(1)::before{content: "01"; color:#bf25a5;}
.ftaTbt_txt_list dl:nth-child(2)::before{content: "02"; color:#8018bc;}
.ftaTbt_txt_list dl:nth-child(3)::before{content: "03"; color:#2311b9;}
.ftaTbt_txt_list dl:nth-child(4)::before{content: "04"; color:#1b77c4;}
.ftaTbt_txt_list dl::after{content: ""; position: absolute; left: 0; top: -3px; width: 36px; height: 3px; background-color: #bf25a5;}
.ftaTbt_txt_list dl:nth-child(1)::after{background-color: #bf25a5;}
.ftaTbt_txt_list dl:nth-child(2)::after{background-color: #8018bc;}
.ftaTbt_txt_list dl:nth-child(3)::after{background-color: #2311b9;}
.ftaTbt_txt_list dl:nth-child(4)::after{background-color: #1b77c4;}
.ftaTbt_txt_list dt{margin-bottom: 20px; font-weight:500; font-size: 22px; color: #1c1c1c;}
.ftaTbt_txt_list dd{color: #666; font-size:16px;}
.ftaTbt_txt_list dd p{padding-left:14px; background:url('../img/dot01.png') no-repeat 0 8px; line-height:140%;}


/* WTO TBT 지원 - 20221025 추가 */
.WtobtnArea {text-align:center; margin-bottom:30px;}
.WtobtnArea .btnDown {display:inline-block;}
.WtobtnArea .btnDown a:hover {color:#000;}
.WtobtnArea .btnDown span.kr {display:inline-block; padding:0 80px; font-size:18px; font-weight:500; background:rgba(205,140,221,0.4); height:70px; line-height:70px; border-radius:35px;}
.WtobtnArea .btnDown span.en {display:inline-block; padding:0 80px; font-size:18px; font-weight:500; background:rgba(140,156,221,0.4); height:70px; line-height:70px; border-radius:35px; margin-left:-20px;}



@media screen and (max-width:1219px) {
#header > .navbar {width:100%; padding:0; margin:0;}
.learnMore, .aboutSAS, .sustainability, .careers, .subConView, .blueBg .subConView, .ourTalentDetail, .conMainArea, .mainFooter01{margin: 0; padding-left:20px; padding-right:20px;}
.learnMore, .aboutSAS, .sustainability, .careers, .subConView, .blueBg .subConView, .conMainArea, .mainFooter, .headerQuick{padding-left:20px; padding-right:20px; }
.subConView, .conMainArea{width:100%;}
.visualArea{width:100%;}

.mainFooter01, .WrapFooterInfo{width:100%;}

.utility-navi{padding-left:20px; padding-right:20px;}

.ourCommitment{padding:0;}

.topArea{width:100%;}
#gnbWrap .gnb > ul > li > .gnb-sub {width:100%; left:0; margin-left:0; padding:60px 20px 40px !important;}
.gnbTitle{width:200px}
/* #header h1 {left:20px;} */
.topSearch {right:20px;}


.footerMapCon:last-child{height:auto; }

/* #gnbWrap .gnb > ul > li > .gnb-sub > ul > li > a{padding-left:40px;} */

#gnbWrap .gnb.active .gnb-bg { height:260px;  z-index:9; }

.utility-navi, .topArea, .mainLocation .cont, .briefingAreaDetail{width:100%; margin:0 auto;}
.listTypeDetail.listType04 .brListArea li{width: 32.4%;}

} 

@media screen and (max-width:1024px) {
.mainSection01{padding:30px 20px 0;}

.historyIng li .historyIngWrap{height:320px;}

.footerSnsArea {position:relative; left:0; top:0; margin:20px 0;}

.topRightArea{right:45px;}
.topRightArea .topSitemap{display:none;}

.accredit_area{padding:50px;}


.iboxConRankingWrap{display:block; margin-right:0;}
.iboxConRankingWrap > .iboxConRow{margin-right:0;}
.iboxConRanking{flex: 0 0 100%;}
.iboxConRankingChart.iboxConRow{padding-top:30px;}

/* .mainSection{padding-left:20px; padding-right:20px;} */
.bannerAllWrap{width:100%; margin:0; padding-left:20px; padding-right:20px;}

	.sec_one .visual_wrap .visual .bg_area {
		display: none;
	}
	.sec_one .visual_wrap .visual .m_bgArea {
		display:block;
		position: relative;
		height: 100%;
	}


	.iboxConRow01{float:none; width:100%;}
	.iboxConLy01 .iboxConRow01:first-child{border-right:none;}
	.iboxConLy01 .iboxConRow01:not(:first-child){border-top:1px solid #ddd;}
	.mainSectionCon{padding-top:20px; padding-bottom:40px;}
	.techControlNewsListWrap{max-width:745px;}

	.techControlNewsListWrap.swiper-container{margin:0;}
	.techControlNewsList .grid_list .sort_title02 a{height:auto; white-space: normal; overflow: visible; text-overflow: clip;}

	.techControlNewsListWrap{padding-top:30px;}
	
	.mainSectionCon .titleArea h3{font-size:28px;}
	.notice_list .n_title, .mainNoticeList dd{font-size:16px;}
	.mainNoticeList dd{height:auto;}

	.tbtMainVisual{position:absolute; 
		top: 50%;
		left: 0;
		text-align: center;
		width:100%;
		padding: 0;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		z-index: 11;
	}

	/* .header-fixed-at-mobile-nav-opened #header, #header.fixed{top:0 !important;} */

	.sec_footer{height:auto !important;}
	.reportSlideWrap, .reportSlideWrap, .serviceMainWrap{padding-top:0;}

	.contentWrap{padding-top:67px !important;}

	.mainLocation .home a{border-left:none;}

	.circle_cont{display:none;}
	.ftaTbt_txt_list{padding-top:50px;}

	.globalInsight h4 span{display:block; line-height:140%; letter-spacing:-1px;}

	.insightSearch-area.srch-area .form_area{flex:1 !important; margin:5px 0;}
	.insightSearch-area.srch-area{display:block; height:auto;}

	.dataContentView {display:block;}
	.dataContentView .iboxConRow:not(:first-child){padding-top:30px;}

	.iboxConRankingWrap{display:block; padding-right:0;}
	.iboxConRankingWrap > .iboxConRow{padding-right:0;}
	.iboxConRanking{flex: 0 0 100%;}


	.conInbox .iboxConRanking .iboxConRow:not(:first-child){padding-top:0;}



}


@media screen and (max-width:992px) {

.p-noti-list01 .srch-area{width:100%;}
.mSearchBtn{display:block; position:absolute; right:40px; top:5px;}
.mSearchBtn i{font-size:18px; color:#808080;}
.requiredInfor .form-Area{margin-left:0; margin-right:0 !important;}
.requiredInfor .form-Area .form-group{float:none; width:100%; padding-right:0; padding-left:0;}
.requiredInfor .form-Area .form-group .checkbox-out, .requiredInfor .form-Area .form-group .radios{min-height:auto;}

.subcontentMain01{height:180px;}
.topRightBtn{display:none;}
/* .contentWrap{padding-top:76px !important;} */
.mainQuickView ul li dt{font-size:18px;}
div.map-wrap h2.h2-map {display:none; font-size:25px; color:#fff;}
.mapInfo{position:relative; left:0; top:0; padding:30px; width:100%; height:auto; background:rgba(0, 0, 0, 0.5);}
dl.address-area {margin-top:0;}
dl.address-area dt {margin-bottom:10px;font-size:16px;color:#fff; line-height:22px; font-weight:500;}
dl.address-area dd {margin-bottom:20px;font-size:14px;color:#fff;line-height:21px;}
div.map-wrap2{padding:0; border:none;}


.subConView.membershipArea .subConDetail{padding:0;}
/* .notice-listsSub ul li a:hover:after{display:none;}
.notice-listsSub ul li a:after{display:none;}
.notice-listsSub ul li a:hover .cont-box {padding:25px 0; background:#ffffff;}
.notice-listsSub ul li.normal-notice a:hover .img-area .img-box img {width:100%; height:100%; transition-duration:1s;} */
.join-wrap .btn-mobile{display:block; width:100%;}
.title{display:block;}
.sectionArea01 {padding:20px; border:1px solid #ddd;}
.joinCheck{padding:20px; font-size:14px;}

.findIdPw {padding:20px;}
.sectionArea {padding:20px; border:1px solid #ddd;}
.babyList{padding:20px;}
.findIdPw article{margin:0;}
.findIdPw .tabCont {padding-bottom:20px;}
.login .login-area{display:block;width:auto;}
.login .login-area h3{font-size:18px;}
.membership_type h3 p{font-size:16px;}
.login .login-area .input-wrap.placeholder label{font-size:14px;}
.login .login-wrap{display:block;width:auto;border-right:0 none;}
.login .login-wrap .scode-wrap p{padding-top:14px;}
.login .login-wrap .input-wrap input[type="text"],
.login .login-wrap .input-wrap input[type="password"]{font-size:14px;}
.login .wrap-set{display:block;width:auto;}
.login .join-wrap{border-top:1px solid #e1e1e1;}
.login .find-wrap .btn-wrap{position:static;margin-top:10px;}
.login .find-wrap .btn-wrap .btn{display:block;width:100%;}
.login .find-wrap .btn-wrap .btn:first-child{margin-bottom:5px;}

.tabType01 .sel_txt{display:block; border:1px solid #bfbfbf; cursor:pointer; font-size:1.6rem; color:#000000; background:url('../img/icon_select_down01.png') no-repeat 97% center; border-radius:0; width:100%; height:48px; line-height:48px; padding:0 50px 0 20px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.tabType01 ul{display:none;position:absolute; left:0;top:47px; padding:10px 0; clear:both;width:100%;overflow:hidden;z-index:1000;border:1px solid #bfbfbf !important;background-color:#f3f3f3; max-height:280px; overflow-y:auto}
.tabType01 ul li{padding:0 0 0 20px; display:block !important; text-align:left; vertical-align:middle;  border-bottom:0px solid #cecece !important;}
.tabType01 .tabArea.wid20 li{width:100% !important;}
.tabType01 ul li a{color:#333333; text-align:left; padding:5px 0 !important;}
.tabType01 ul li a span{display:inline-block !important;}
.tabType01 ul li:hover {color:#0074c2;}
.tabType01 ul li:focus,
.tabType01 ul li:hover,
.tabType01 ul li.active{border-bottom:0px solid #000000 !important;}
.tabType01 ul li.active{border-bottom:0px solid #000000 !important;}

.galleryChain ul{display:block; border:none;}
.galleryChain ul:after{display:block;content:'';clear:both}
.galleryChain li{position:relative; display:block; float:left; text-align:center; width:25%;border:1px solid #ddd;box-sizing:border-box;margin:-1px -1px 0 0; background:#ffffff;}
.galleryChain li a{display:block; padding:7px 0; position:relative; font-size:15px; color:#666;}
.galleryChain li:hover, .galleryChain li.activeFilter{z-index:10; border:1px solid #c49a6c; color:#c49a6c; -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);}
.galleryChain li:hover a, .galleryChain li.activeFilter a{color:#c49a6c;}

.thumb + .bx-wrapper .bx-thumb{display:none;}
.info02 dt{width:100%; float:none;}
.info02 dd{float:none; margin-top:10px;}


.mainTitle01{font-size:2.4rem;}
.mainTitle02{width:100%;}
.visualArea{width:100%; margin:0; height:100%;}
.noticeList01 {float:none; width:100%;}
.noticeList02 {float:none; width:100%;}

.mainNoticeList{margin:20px 0;}
.mainNoticeList li{padding:10px 0;}
.mainNoticeList li:last-child{border-bottom:none;}
.mainQuickAppArea ul li{width:33.3%; margin-bottom:10px;}
.mainQuickApp{padding:10px 0;}



#mainSlider{width:100%; margin:0;}
/* .titleAreaView{display:none;} */
.mBtnLogin{display:block; width:100%; text-align:center; overflow:hidden; padding:30px;}
.m_btn_login {float:left; width:50%; text-align:center; padding:2px 0px 2px; color:#fff; border:1px solid #707580;}
.briefingLine{width:100%; left:0; margin:0;}


.mainFooter{margin-bottom:0px;}
.notice-lists ul {display:block;margin:0 0 0 0;vertical-align:top;overflow:hidden}
.notice-lists ul li {float:none;width:100%; margin:30px 0 0 0; border-bottom:1px solid #dedee1}
.notice-lists ul li:first-child{margin-left:0;}
.notice-lists ul li.main-notice {width:100%;}
.notice-lists ul li.main-notice .img-area .img-box {width:100%;height:auto}
.notice-lists ul li.main-notice .img-area .img-box img {width:100%;height:100%}
.notice-lists ul li.main-notice .cont-box {height:auto; padding:20px 30px 20px; background:#ffffff;}
.notice-lists ul li.main-notice .cont-box .tit {display:block;overflow:hidden; font-size:18px;line-height:28px;color:#222}
.notice-lists ul li.main-notice .cont-box .txt {margin-top:25px; height:auto; font-weight:300;font-size:14px;line-height:26px;color:#555}
.notice-lists ul li.main-notice .cont-box .date {display:block;margin-top:50px; font-weight:500;font-size:16px;line-height:.8;color:#6e6e6e}
.notice-lists ul li.normal-notice .img-area .img-box {width:100%;height:auto}
.notice-lists ul li.normal-notice .img-area .img-box img {width:100%;height:100%}
.notice-lists ul li.normal-notice .cont-box {padding:20px 30px 20px; background:#ffffff;}
.notice-lists ul li.normal-notice .cont-box .tit {display:block;overflow:hidden; height:auto; font-weight:400;font-size:18px;line-height:28px;color:#222}
.notice-lists ul li.normal-notice .cont-box .date {display:block;margin-top:25px; font-weight:500;font-size:16px;line-height:.8;color:#012b5d}

.briefingList h2{display:none; float:left; width:13%; font-size:14px; line-height:32px; }
.briefingListDetail{float:left; width:100%; overflow:hidden;}
.briefingListDetail ul, .briefingListDetail dl{overflow:hidden;}
.briefingListDetail li{line-height:32px; opacity:0.8;}
.briefingListDetail dt{float:left; color:#ffffff; font-size:13px; width:75%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.briefingListDetail dd{float:right; color:#ffffff; font-size:13px; width:22%; text-align:right;}


/* #header > .navbar {position:relative; width:100%; height:59px; margin:0;} */

.topSearch {position:absolute; right:70px; top:20px;}

#header > .topbar {display:none}
#gnb_wrap {position:fixed; top:60px; right:-310px; width:300px; height:100%; background:#fff; /* box-shadow:-2px 0 6px 0 rgba(0,0,0,.3); */ z-index:990;}
/*#gnb_wrap a.gnb_top {position:relative; display:block !important; padding:0 0 0 25px; height:80px; font-size:16px; color:#fff; line-height:80px; background:#555}
#gnb_wrap a.gnb_top > span.nav-home {display:inline-block; width:17px; height:16px; margin-right:10px; background:url('../../img/nav_home.png') 0 0 no-repeat; vertical-align:-2px}*/
#gnb_wrap .mInfo {position:relative; display:block !important; padding:20px 0 0 20px; height:70px; background:#003057}
#gnb_wrap .mInfo p{/* background:url('../img/mInfoBg.png') no-repeat 0 center; */ padding-left:36px; color:#a7c4db;  line-height:1.1}
#gnb_wrap .mInfo em{display:block; color:#ffffff; }
#gnb_wrap button {display:block; position:absolute; top:20px; right:50px; width:40px; height:40px; border:none; border-radius:2px; background:#333; cursor:pointer}
#gnb_wrap button span {position:absolute; display:block; left:10px; width:20px; height:2px; background:#fff; transition:all .4s ease}
#gnb_wrap button span.bar1 {top:12px}
#gnb_wrap button span.bar2 {top:18px}
#gnb_wrap button span.bar3 {top:24px}
#gnb_wrap button.active span.bar1 {top:18px; transform:rotate(45deg)}
#gnb_wrap button.active span.bar2 {display:none}
#gnb_wrap button.active span.bar3 {top:18px; transform:rotate(-45deg)}
#gnb {float:none; padding:0 0; height:auto;  margin-right:0;}
#gnb > li {float:none; height:auto}
#gnb > li > a {height:auto; padding:15px 0; font-size:1.6rem; border-bottom:1px solid #e8e8e8; color:#585858; padding-left:38px;}
#gnb > li.dropdown > a {background:url('../img/faq_arr_open.png') no-repeat 90% center #ffffff; background-size:12px 7px}
#gnb > li > a:hover {color:#585858;}
#gnb > li > a > span {line-height:20px; padding:0}
#gnb > li > a > span:before {display:none}
#gnb > li > ul.submnu li:before {display:none}
#gnb > li.open > a{color:#ffffff !important; background:url('../img/faq_arr_close.png') no-repeat 90% center #006cff; background-size:12px 7px}
/* #gnb > li.dropdown > a:before {position:absolute; display:block; width:2px; height:10px; right:20px; top:50%; margin-top:-5px; content:''; background:#c8c8c8; transition:all .3s ease}
#gnb > li.dropdown > a:after {position:absolute; display:block; width:10px; height:2px; right:16px; top:50%; margin-top:-1px; content:''; background:#c8c8c8}
#gnb > li.open > a:before {background:#ffffff;}
#gnb > li.open > a:after {background:#ffffff}
#gnb > li.open > a:before {transform:rotate(90deg);}
 */
#gnb > li > ul.submnu {display:none; position:static; width:100%; padding:0; background:#f8f8f8; opacity:1 !important; filter:alpha(opacity='100') !important; box-shadow:none}
#gnb > li > ul.submnu > li {border-bottom:1px solid #e9e9e9; padding:0;}
#gnb > li > ul.submnu > li > a {padding:5px 10px 5px 50px;color:#2e2e2e; /* background:url('../img/mNaviBar.png') no-repeat 14px 12px; */}
#gnb > li > ul.submnu > li:hover a{color:#007ad9}
#gnb > li > ul.submnu > li > .depth3{padding:0; background:#ffffff;}
#gnb > li > ul.submnu > li > .depth3 li{border-top:1px solid #e9e9e9;}
#gnb > li > ul.submnu > li > .depth3 li > a {display:block; padding:10px 10px 10px 70px; color:#2e2e2e;}

#gnb_mask {display:none; position:fixed; top:60px; left:0; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity='80'); z-index:200}
#gnb_mask.active {display:block; position:fixed; top:60px; left:0; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity='80'); z-index:200}

#maskGnb {display:none; position:fixed; top:60px; left:0; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity='80'); z-index:200}
#maskGnb.active {display:block; position:fixed; top:60px; left:0; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity='80'); z-index:200}

#btnNav {display:block; top:10px}
.quickItem{display:none;}
.quickMenu{display:none; width:45px; position:fixed; right:27px; top:auto; bottom:30px; z-index:30; overflow:hidden;}

#mainSlider ul.imgList li .caption{width:90%;}
#mainSlider ul.imgList li .caption h2 {font-size:2.5rem;}
#mainSlider ul.imgList li .caption p {margin-top:20px;}
/* #mainSlider ul.imgList li.slide03 .caption h2 {font-size:5rem;}
#mainSlider ul.imgList li.slide03 .caption p {font-size:1.8rem; line-height:18px;} */
#mainSlider .bx-prev {left:20px;}
#mainSlider .bx-next {right:20px;}

.NaviQuick ul{float:none; display:inline-block; height:58px; width:100%; margin:0; }

/* #header h1 a, #header.scroll h1 a{background-size:216px 31px; background:url('../img/logo01.png') no-repeat 0 0;} */
.relation01 .site_list li a {display:block; padding:15px 20px; color:#ffffff;}
.relation01 .site_list {height: 230px;}

.subTitleArea h2{font-size:3.2rem; line-height:4rem;}
.philosophyDetail h2{font-size:3rem;}
.visionTitle{font-size:3rem;}

.awardsList{border-top:1px solid #d7d7d7; padding:30px 20px 15px;}
.awardsList li{margin-bottom:20px;}
.awardsList dt{float:none; width:100%;}
.awardsList dd{float:none; width:100%; padding-left:30px; margin-top:2px;} 

.hiddenM{display:none !important;}


.listDetail li{float:left; width:50%; }
.listDetail li .listContent {margin-top:15px;}
.listDate{margin-top:15px;}
.listDetail li a{padding:15px;}
.listDetail li a{margin:5px 0;}

.sitemapBtn, .setupBtn{display:none;}
.topSearch a {font-size:1.8rem; color:#333333;}

.headerQuick{display:none;}


.headerQuick > ul.loginAfter > li > a{display:block; width:31px; height:31px; font-size:0; color:#393939; border:1px solid #ddd; border-radius:100%; padding:0; text-indent:-5000px;}

.listTypeDetail.listType02 .brListArea li{width: 42%;}
.listTypeDetail.listType03 .brListArea li{width: 48%;}
.listTypeDetail.listType04 .brListArea li{width: 48%;}

.listTypeDetail.listType04 .brListArea li dd{width:60%;}
.mainLoginLeft01{display:none}
.mainLoginRight01{float:none; width:100%;}
.loginArea{width:80%; margin:0 auto;}

.nav-tabs > li > a{padding: 8px 15px;}

.mainContentDetail{position:relative; z-index:100; width:100%; margin:0 auto;}
.communityArea{padding:0;}
#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > ul{margin-top:0 !important;}
#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > ul > li > a{color:#d8d8d8;}
#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > ul > li{padding:6px 0;}

.btn_nav2 {display:inline-block; position:absolute; top:8px; left:5px; width:45px; /* z-index:100; */}
.btn_nav2 img {width:100%;}
.btn_nav2.close {position:absolute; left:auto; right:0px; width:54px; top:3px;}



.sitemapArea, /* .gnb,  */#location, #lnb .sub_title_1{display:none;}

#headerNew{background:#fff; height:60px;}
.headerTop {top:18px; left:60px; }
.headerTop h1 a {background-size:130px;}
.WrapFooterInfo {background:none;}
.subConDetail{float:none; width:100%;}


#lnb {float:none; width:100%; padding-top:0;}
.lnb_area{border:none;}
.lnb_area > li{width: 33.3%; float: left; padding:0;}
.lnb_area > li > .deth1{padding:10px 0;}
.lnb_area > li.active > a{color: #006cff;}
.lnb_area > li.active > .deth1{ border-bottom: 1px solid #006cff;}
.info02 dd{width:100%;}

.holicEvent .notice-listsSub ul li a{margin:10px 20px;}
.mainQuickView ul li dt{padding-top:110px;}

.mainQuickView ul li dl.quick01 dt{background-size:130px;}
.mainQuickView ul li dl.quick02 dt{background-size:130px;}
.mainQuickView ul li dl.quick03 dt{background-size:130px;}
.mainQuickView ul li dl.quick04 dt{background-size:130px;}

.gridSum{margin-left:0;}
.gr-header {display:none;}
.gridType01 .gr-body{border-top:2px solid #a5a5a5;}
.contentType05 .gridType01 .gr-body{border-top:2px solid #539601;}
.officeSearchArea .gridType01 .gr-body{border:1px solid #cccccc; border-top:2px solid #539601; padding:15px;}
.officeSearchArea .gridType01 .gr-body .gridRow:last-child{border-bottom:none;}
.contentType06 .gridType01 .gr-body{border-top:2px solid #d08599;}

.gridType01 .gr-body .col-group3{position:relative;}
.gridType01 .gr-body .col-group3 .cols{overflow:hidden; padding:5px 0; display:block; width:100%; border-bottom: none;}
.gridType01 .gr-body .col-group3 .cols .tit{display:block; text-align:left;}
.gridType01 .gr-body .col-group3 .cols .txt{text-align:left; font-size:16px; color:#454545; line-height:140%; /* word-break:break-word; */ }
.gridType01 .gr-body .col-group3 .cols .tit{font-size:14px; color:#838383;}

.gridType01 .gr-body .col-group3 .cols.hideM{display:none;}
.gridType01 .gr-body .col-group3 .cols.gridTitleM .tit{display:none;}
.gridType01 .gr-body .col-group3 .cols.gridTitleM .txt{line-height:150%; font-weight:500; font-size:15px; color:#555555;}
.gridType01 .gr-body .col-group3 .cols.gridTitleM .txt .areaM{display:inline-block; margin-right:5px;}
.gridType01 .gr-body .col-group3 .cols.gridSubM {position:relative; width:auto; display:inline-block; margin-right:20px;}
/* .gridType01 .gr-body .col-group3 .cols.gridSubM:after {content:""; position:absolute; left:0; top:50%; width:4px; height:4px; margin-top:-2px; background:#333; border-radius:100%;} */
.gridType01 .gr-body .col-group3 .cols.gridSubM .tit{display:inline-block; color:#999999; font-size:12px; margin-right:5px; vertical-align:middle; padding:2px 10px; border:1px solid #ddd; border-radius:20px;}
.gridType01 .gr-body .col-group3 .cols.gridSubM .txt{display:inline-block; overflow:hidden; font-size:12px; vertical-align:middle;}
.gridType01 .gr-body .col-group3 .cols.blogLinkM .tit{display:none;}
.gridType01 .gr-body .col-group3 .cols.blogLinkM .txt{display:inline-block; width:30px; position:absolute; right:0; top:5px;}
.gridType01 .gr-body .col-group3 .cols{}
.gridType01 .gr-body .gridRow{border-bottom:1px solid #e2e2e2; padding:16px 8px 8px 8px;}
.grid-wrap .gridRow:after {display:none;}

.gridType01 .gr-body .col-group3 .cols, .gridType02 .gr-body .col-group3 .cols{font-size:13px;}




.dangerWrap .accordionDetail{padding:10px 0 !important;}

.koreanLogin{width:100%; padding:30px; position:relative; top:0; left:0; margin:40px auto 0;}

.login .login-wrap:not(:first-child){border-top:1px solid #e1e1e1; border-left:none;}

.id_search_btn{margin-top:20px;}

.search_title01{font-size:16px;}
.nation_flg_wrap .flag_txt{font-size:16px;}



	.list_title_area ul{
		display:block;
	}

	.list_title_area li{
		flex:1;
		margin-right:0;
		margin-top:-1px;
	}
	.list_title_area li dl{
		padding:20px;
	}

	.list_title_area li dt{
		font-size:14px;
	}

	.list_title_area li dd{margin-top:10px; font-size:16px;}

	
	.accreditWrap.list_title_area li.accreditImg img{width:100px;}

	.iboxConLy{display:block; margin-right:0;}

	.iboxConLy_inform{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		flex-wrap: wrap;
		margin-right:-20px;
	}


	.conInbox .iboxConRow:not(:first-child){padding-top:30px;}


	.section3 .box1 {width:100%}
	.section3 .box1 a {background-position:right top;height:320px}
	.section3 .box1 a .txt-wrap {padding-right:20px;top:50%;transform:translateY(-50%);bottom:inherit}
	.section3 .box1 .txt {margin-bottom:.8rem}
	.section3 .box2, .section3 .box3 {width:50%}

	.iboxConRow70, .iboxConRow30{width:100%;}

	.iboxConRow{padding-right:0;}
	.iboxConRow70_inform, .iboxConRow30_inform{padding-right:20px;}
	.insightMapDetail{bottom:auto; top:0;}

}



@media screen and (max-width:768px) {

.inforLy01 .inforList{width:50%;}
.viewTxt{font-size:14px;}
.table_type1{overflow:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch; width:auto;}
.table_type1 table{max-width:100%; table-layout:auto}
.table_type1 thead th, .table_type1 tbody th, .table_type1 tbody td{white-space:nowrap}

.historyIng{margin-right:0;}
.historyIng li{float:none; width:100%; margin-bottom:10px; margin-right:0;}
.historyIng li .historyIngWrap{height:auto;}

.ICASS_wrap ul li{width:50%;}

.historyReporting ul li{width:50%;}

.reportArea li dl dt{padding-bottom:0; padding-top:0; padding-left:0; font-size:20px; display:inline-block; background:none !important;}
.reportArea li dl dd a{margin-top:10px; font-size:12px; line-height:140%;}
.travelInfoWrap{float:none; width:100%; height:auto;}
.noticeMainWrap{border:none;}
.noticeMainList{float:none; width:100%; margin-bottom:5px;}
.noticeMainList{border:1px solid #e1e1e1;}
.noticeSlider .swiper-buttonArea{right:-1px;}


.mainSectionTitle h3{font-size:26px;}
.travelInfoView h3{font-size:22px;}
.giroSelect{padding:20px 20px 80px 20px; background:#f9f9f9; margin-bottom:40px;}
.faqArea .faqTitle01{width:70%; font-size:16px;}
.paging .num { display: none; border: none; }
/* .paging .num:nth-last-of-type(3) { display: inline-block; }
.paging .num:nth-last-of-type(3)::before { content: "/"; display: inline-block; -webkit-transform: translateX(-15px); transform: translateX(-15px); } */
.paging .first, .paging .prev, .paging .next, .paging .last, .paging .numActive{ display: inline-block; }

.paging .lastNum{position:relative; display:inline-block; background: none; border: none; color:#000000; padding-left:6px;}
.paging .lastNum::after {position:absolute; left:10px; content: "/"; display: inline-block; -webkit-transform: translateX(-15px); transform: translateX(-15px); }

.paging .numActive { background: none; border: none; color:#ff7200;}
.paging .num:hover, .paging .numActive:hover { background: none; border: none !important; color:#ff7200 !important; line-height:30px;}

.reportSlide{padding-right:0 !important;}
.reportSlide .swiper-buttonArea{display:none; position:relative; bottom:0; left:50%; margin-top:30px; margin-left:-50px; right:auto; z-index:200; width:100px; height:40px;}
.mBtn{display:block;}
.mBtn .btn-membership{border-radius:70px;}
.holicEvent{padding:30px 0;}
.holicEvent h2{margin-bottom:20px;}
.exhibitionCompany{text-align:left;}
.exhibitionCompany h3{font-size:30px;}
.exhibitionCompany01 ul{overflow:hidden;}
.exhibitionCompany01 ul li{display:block; margin:0; margin-bottom:10px;}
.exhibitionCompany01 ul li dt{display:block; margin-bottom:5px;}
.exhibitionCompany01 ul li dd{display:block; margin-left:0;}
.exhibitionCompany02 ul li{float:none; width:100%;}
.exhibitionCompany02 ul li dl{height:auto;}
.exhibitionCompany02 ul li dd{font-size:18px;}
.exhibitionL, .exhibitionR{float:none; width:100%; padding:20px;}

.exhibitionSum01 ul li{width:100%; float:none; margin-bottom:-1px;}
.exhibitionSum01 ul li dl{padding:10px 20px;}

.boothImg li{float:none; width:100%; border-left:none; padding:20px;}
.boothImg li:first-child{border-left:none;}
.boothImg li h3{font-size:16px; color:#000; padding-bottom:10px;}
.boothImg .boothImgArea{width:100%;} 
.boothImg .boothImgArea img{width:100%;} 

.requestStep {position:relative;}
.requestStep ul{background:#fff; border:1px solid #e8e8e8; overflow:hidden; display:block; width:100%;}
.requestStep ul > li{display:block; width:100%; text-align:left; border-top:1px solid #e8e8e8; border-left:none; padding:10px 20px;}
.requestStep ul > li:first-child{border-left:none; border-top:none;}
.requestStep ul > li > div .nums{display:block; font-size:12px; margin-bottom:5px; color:#006cff;}
.requestStep ul > li > div .state{display:block; font-size:13px; font-weight:500; letter-spacing:-1px;}
.requestStep ul > li > div .state em{display:inline-block; margin-left:5px;}
.requestStep ul > li.active > div .nums{color:#fff;}

.exhibitionArea li dl{padding:10px 0;}
.exhibitionArea dt{float:none; width:100%; font-size:16px;}
.exhibitionArea dd{float:none; width:100%; font-size:14px; margin-top:10px;}

.exItemList {float:none; width:100%; height:auto; margin-left:0; border:1px solid #eee; padding:20px; background:#f9f9f9;}
.exItemList:first-child {margin-left:0; background:#ffffff;}
.exhibitionArea02{margin-top:20px;}

.stanceArea li{float:none; width:100%;}
.stanceArea li dl{padding:40px 20px; border:1px solid #eee; margin:0; margin-bottom:-1px; height:auto; }


.login .login-wrap, .login .wrap-set > div{padding:30px 20px;}
.icon:before {border-radius:50%; background-position:50% 50%; background-repeat:no-repeat; display:inline-block; content:"";}
.icon.st01 {font-weight:500; color:#333; text-align:left;}
p.icon.st01 > span {margin-left:0; padding-left:0; font-weight:400; color:#666; margin-top:5px;}

.noti-list{border-top:1px solid #e8e8e8;}
.p-noti-list .noti-list li{border:none; border-bottom:1px solid #e8e8e8; margin-bottom:0;}
.p-noti-list .noti-list li:hover{z-index:11; border:none; border-bottom:1px solid #006cff; background:#fff; transition-duration:0.5s; -webkit-box-shadow: 0px 0 0 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0 0 0px rgba(0, 0, 0, 0.1);}
.p-noti-list .noti-list .item-seq{font-size:24px;}
.p-noti-list .srch-area{width:100%; margin:0 auto 26px;font-size:0; border:3px solid #006cff;}
p.icon.st01 > span{display:block;}
.mainOrgView ul li{width:50%; margin-bottom:30px;}
.mainQuickView{padding:20px;}
.conMainArea{padding-top:30px; padding-bottom:20px;}
.mainQuickAppArea ul li{width:50%;}
.mainQuickAppArea ul li a{font-size:15px;}
.communityTab .communityTabArea li {float:left; width:50%; display:inline-block; }
.communityTab .communityTabArea li a{border:1px solid #f6f6f6; border-right:none; margin-top:-1px; margin-bottom:-1px;}

.mainNoticeList dt{float:none; width:100%;}
.mainNoticeList dd{float:none; width:100%; text-align:left;}

#header > .navbar {position:relative; width:100%; height:59px; margin:0;}
#mainSlider ul.imgList li{position:relative; height:395px;}


.learnMore h2, .aboutSASTitle h2, .sustainabilityDetail h2, .careersTitle h2{font-size:3.2rem;}

.mainQuickView ul li{float:left; width:50%; border-top:0px solid #e5e5e5; border-left:none; padding:2rem 0}
.mainQuickView ul li:first-child{border-left:none; border-top:none;}



.quickInfo{float:none; overflow:hidden;}
.quickInfo li{float:none; margin-right:0; margin-bottom:6px; margin-left:0;}
.quickInfo li:first-child{float:none; margin-left:0; padding-left:10px; background:url("../img/bar04.png") no-repeat 0 6px;}
.todayCount{margin-top:20px}

/* .copyrightArea{padding-top:80px; padding-bottom:20px; margin-top:5px; padding-left:0;} */
.quickMenu{bottom:10px; right:5px;}

.blueTitle span{display:block;}

.philosophyImg{float:none; width:100%; height:280px; }
.philosophyImg02{float:none; width:100%; height:280px;}
.philosophyView{float:none; width:100%;}
.philosophyDetail{width:100%; margin:0; padding-top:3rem;}


.vision2020{padding:5rem 0 0; overflow:hidden; text-align:center;}
.vision2020Img{float:none; width:100%; height:280px; }
.vision2020View{float:none; width:100%;}
.vision2020Detail{width:100%; margin:0; padding-top:3rem;}

.missionArea{border-top:none; padding:1rem 0 4rem; text-align:center;}
.missionArea:first-child{border-top:none;}
.missionTitle{float:none; width:100%; display:inline-block;}
.missionTitle h3{font-size:2.8rem; margin-top:0px; margin-bottom:20px;}
.missionTitle h3 span{display:block; color:#a7a7a7; margin-right:0;}
.missionView{float:none; width:100%;}
.missionView ul{display:table; width:100%; margin-top:20px;}
.missionView ul li p{display:inline-block; width:110px; height:110px; font-size:1.6rem;}

.businessArea{overflow:hidden;  text-align:center;}
.businessTitle{float:none; width:100%;}
.businessTitle h2{ text-align:center; display:block;  }
.businessTitle h2 span{}
.businessTitle h2:before{left:50%; margin-left:-38px;}
.businessTitle p{font-size:1.8rem;  color:#2a2a2a;  margin-top:2.5rem; line-height:2.4rem; padding-right:0;}
.businessView{float:none; width:100%; padding-top:20px;}
.businessDetail{width:100%; margin:0;}

.businessMovie{height:280px;}
.businessMovie .bizMovie{height:280px;}
#playerWrapper iframe{height:280px;}


.subTitle03{font-size:2rem;  line-height:2.3rem;}
.subTitle03 span{font-size:1.6rem; margin-top:2rem; line-height:2rem;}
.subTitle03 em{display:none;}


.TabType01{display:none;}

.tabTitle{display:block;}
.tabTitle a{display:block; color:#8c8c8c; font-size:1.8rem; padding:20px 25px; font-weight:500; text-transform:uppercase; border-bottom:2px solid #ebebeb; background:url('../img/tabBlt.png') no-repeat 95% center;}


.tabConArea .tabConAreaDetail {display:block; padding-top:0rem; }


.businessList{display:block;}

.subContent .overviewDetail{display:block;}
.subContent.active .overviewDetail{display:block;}


.subTitle02{font-size:24px;}
.subTitle02 span{font-size:14px;}

.goalsArea h4{font-size:22px;}
.goalsArea > p{font-size:14px;}

.awardsDetail ul li dd{font-size:14px;}

.presidentDetail p{font-size:15px;}
.txt01 p{font-size:18px;}
.messageTxt{font-size:15px;}
.messageTxt02 p{font-size:18px; padding: 4rem 0 0rem;}

.businessMovieWrap{width:80%; margin:5rem auto 0rem;}
#businessContent{padding-bottom:6rem;}
#businessContent .subConView{padding:0 3rem 0;}
.overviewDetail h2{display:none;}

.NaviQuick {display:none;}


.detailTitle{font-size:17px; line-height:24px; float:none;}
.detailTitle em{font-size:14px;}

.noticeDetailView .actions{float:none; margin-top:10px;}
.noticeDetailView .actions span{display:block; text-align:left; margin-left:0;}

.block{display:inline-block !important;}


.footerMapCon{float:left; padding-left:0;}
.footerMapCon:last-child{height:auto;}
.footerMap .footerMapCon:first-child{padding-left:0;}
.footerMapCon h3{margin-bottom:18px; margin-top:10px;}
.footerMapCon h3 a{font-size:15px;}
.footerMapCon > ul > li{padding-bottom:6px;}
.footerMapCon > ul > li > a{font-size:13px;}
.footerRight{float:none; width:100%;}


.relation01{float:none; margin-top:10px; width:200px;}
.relation01 .familySite{text-align:left;}
.relation01 .site_list {right:auto; left:0; bottom:25px;}
.ourApproach ul li dl {padding:100px 70px 0;}
.footerInfoDetail{padding:28px 0 10px;}

#mainSlider ul.imgList li{position:relative; height:300px;}
.join-step ul li{display:none;}
.join-step ul li.active{display:block; width:100%; margin-left:0;}
.join-step ul li div{background:none;}
.id-search{margin-top:0;}
.id-search ul li{float:none; width:100%;}
.id-search ul li + li{margin-left:0;}
.id-search{width:100%;}
.content_text_area{text-align:left;}
.id-search .content_text_area{padding:0 20px;}
.id-search .membershipDetail02{height:auto;}

.allMenu .menuD .list .oneD{float:none; width:100%;}
.allMenu .menuD .list .menuD{float:none; width:100%; margin-top:20px;}
.allMenu .menuD .list:first-child{margin-top:40px;}

.ackisLogin{width:100%; margin:0;}
.mainLoginLeft{display:none;}
.mainLoginRight{float:none; width:100%; height:auto;}
.loginArea{width:100%; padding:20px 20px;}

.loginInput{padding-top:0;}



.mHidden{display:none;}
.msize{width:30% !important;}
.board_top01 .row{margin-right:0; margin-left:0;}
.board_top01 .row .col-sm-4{padding-right:0; padding-left:0;}
.board_top01 .row .col-sm-8{padding-right:0; padding-left:0;}

#location {display:none;}


.listTypeDetail.listType02 .brListArea li{width: 48%;}
.listTypeDetail.listType03 .brListArea li{width: 48%;}
.listTypeDetail.listType04 .brListArea li{width: 48%;}

.wordSearchInput{text-align:center;}

.allSearch{float:none; padding-top:5px;}

.wordSearchBtn .btn {width:100%;}
.allSearch .btn{width:100%; margin-top:2px;}

.board_top .btn{width:100%; margin-top:2px;}

.visualTxt{text-align:center; padding-top:20px;}
.visualTxt h3{font-size:24px; color:#fff; font-weight:500; letter-spacing:-2px;}
.visualTxt h4{font-size:20px; color:#fff; font-weight:200; margin-top:20px;}

.mainContentArea{padding-top:20px;}

.btnArea .btn-membership{width:100%; margin-top:5px;}
.findIdPw{width:100%;}
.accordion > li.active .faqDetail .faqTitle01{padding-left:0;}


.nextPrevious ul { overflow: hidden; }
.nextPrevious ul li { float: none; width: 100%; margin-bottom: 7px; border-radius:10px !important;}
.nextPrevious ul li a{padding:20px;}

.sub-title h3{font-size:16px;}

.grid_list .sort_title02 a{font-size:16px;}

.btnArea.text-right{text-align:center;}

.mainTab li a{font-size:13px;}

.report_img{flex:0 1 250px;}
.report_detail{margin-left:20px;}
.report_view .education_list .sort_title02{font-size:20px;}
.report_detail_txt{font-size:15px;}


.writeForm_wrap{padding:10px 0;}
.writeForm li{flex:0 1 100% !important;}
.writeForm dl{flex-direction: column; align-items: flex-start;}
.writeForm dt{flex:1 !important; margin-bottom:10px;}
.writeForm dd{flex:1 !important; width:100%; padding-left:10px;}
.interestListWrap{margin-right:0; flex-direction: column; align-items: flex-start;}
.interestList{width:100%; margin:0 0 20px; padding:20px;}


.category_wrap .category_list .industry_title{border-bottom:1px solid #000; font-size:16px;}
.category_wrap .category_list .industry_title:not(:first-child){margin-top:20px;}


.tablet .industry_hearder_wrap .category_wrap{display:block;}

.tablet .industry_hearder_wrap .category_wrap .category_list{display:block; margin:0;}
.tablet .industry_hearder_wrap .category_wrap .category_list{width:100%;}

.tablet .industry_hearder_wrap .category_wrap .category_list .category_list-wrap{display:none;}
.tablet .industry_hearder_wrap .category_wrap .category_list.active .category_list-wrap{display:block; margin-bottom:10px;}

.tablet .industry_hearder_wrap .category_wrap .category_list .industry_title{display:block; position:relative; border:1px solid #ddd; margin:0; margin-bottom:-1px; padding:10px; }
.tablet .industry_hearder_wrap .category_wrap .category_list .industry_title:after{content:''; position:absolute; right:10px; top:50%; width:13px; height:13px; margin-top:-5px; background:url("../img/spr_img.png") no-repeat; background-position:-60px -65px;}
.tablet .industry_hearder_wrap .category_wrap .category_list.active .industry_title:after{background-position: -80px -65px;}

.tablet .industry_hearder_wrap .category_wrap .category_list.active .category_list-wrap{background:#f9f9f9;}
.tablet .industry_hearder_wrap .industry_hearder_wrap .category_list-wrap .scrollWrap ul{height:200px;}

.category_wrap .category_list{display:block; margin:0;}
.category_wrap .category_list{width:100%;}


.subject-select-area{-ms-flex-direction: column; flex-direction: column; padding:20px 0;}
.subject-select-title{flex:1;}
.subject-selected{padding-left:0; flex:1; margin-top:10px; padding:20px; background:#f9f9f9; }
.subject-select-reset{flex:1; margin-top:10px;}


.subject-select-view-title{display:block; text-align:center; font-size:20px; font-weight:500; padding:120px 0 0;}
.subject-select-close-mobile{display:block;}

.subject-select-view {position:fixed; width:100%; height:100%; left:0; top:0; right:0; bottom:0; overflow:auto; z-index:1000; padding:0 40px;}
.subject-select-close-mobile{position:absolute; right:20px; top:90px;}
.subject-select-close-mobile i{font-size:20px;}
.subject-select-view .mappingBtn{padding-bottom:80px;}

.ftaTbt_txt_list dl{float:none; width:100%; margin-bottom:80px; height:auto;}

.techReportImg li {
	width: calc(33.3% - ((10px * 3) / 3));
	}


	.iboxConRanking .iboxConLy{display:block;}
	.conInbox .iboxConRanking .iboxConRow:not(:first-child){padding-top:30px;}

	.ibox-title_descript{display:block; margin:10px 0 0 0;}

	.ibox-title{padding-right:80px;}
	.ibox-title h5{font-size:16px; line-height:140%;}

	.insightSection.sySearchForm{padding:20px 20px 70px 20px;}
	.wordSearchBtn{right:auto; top:auto; left:0; bottom:0; width:100%; height:50px;}

	.wordSearchBtn .resetBtn{left:0; top:0; width:50%; height:100%; display:inline-block;}
	.wordSearchBtn .analysisBtn{left:50%; top:0; width:50%; height:100%; display:inline-block;}
	
	.insightReportTimelineCon ul li dt, .insightReportTimelineCon ul li dd{height:auto;}

	.tbtMainVisualSearch .tbt_keywordSearchInput{width:400px;}
	.tbtMainVisualQuickLink ul li{padding:0 25px;}
	.tbtMainVisualQuickLink ul li dt{font-size:16px;}
	.tbtMainVisualTxt01{font-size:30px;}
	.tbtMainVisualTxt02{font-size:36px;}

	.techControlNewsListWrap{max-width:521px}

	.globalInsight{padding-left:30px;}
	.globalInsight h4{font-size:26px;}
	.globalInsight h4 span{display:block; margin-bottom:10px;}

	
	.mainLocation.fix, .mainLocation.fix .li{background:#f9f9f9;}

	.flex-wrap{display:block;}
	.flex-wrap .text-wrap, .regulation-flex-wrap.flex-wrap .text-wrap{padding-right:0;}
	.flex-wrap .text-wrap .title{margin-bottom:20px; font-size:18px; border-top:none; border-bottom:2px solid #000; padding-top:0; padding-bottom:15px;}
	.flex-wrap .text-wrap .title span em{display:inline-block;}

	.ftaTbt_txt_list{padding-left:0; padding-right:0;}
	.fta_txt01 ul{margin-bottom:0;}

	.fta_txt01 li{font-size:14px;}
	.fta_txt01 li:after{top:8px;}

	.eduTitle{font-size:22px;}
	.eduSummary{padding:30px;}

	.productSearchWrap{display:block; margin-right:0;}
	.product_list{flex:1; width:100%; margin:0 0 5px 0;}
	.product_list_detail{padding:5px 10px;}
	.hscodeTxt{font-size:14px;}



}

@media screen and (max-width:767px) {
.requiredInfor .row .col-sm-1, .requiredInfor .row .col-sm-2, .requiredInfor .row .col-sm-3, .requiredInfor .row .col-sm-4, .requiredInfor .row .col-sm-5, .requiredInfor .row .col-sm-6, 
.requiredInfor .row .col-sm-7, .requiredInfor .row .col-sm-8, .requiredInfor .row .col-sm-9, .requiredInfor .row .col-sm-10, .requiredInfor .row .col-sm-11, .requiredInfor .row .col-sm-12{padding-top:0; padding-bottom:5px !important;}
}


@media screen and (max-width:640px) {

.btn-membership{display:block; width:100%;}
.txt_title01{font-size:18px;}
.history_list span{display:block; width:100%; margin-bottom:10px;}
.reportArea li dl{overflow:hidden; padding:15px 20px;}
.reportArea li{float:left; width:100%;}
.reportArea li dl dt{float:left; font-size:16px; margin-top:5px;}
.reportArea li dl dd{float:right;}
.reportArea li dl dd a{margin-top:0;}
.mainNotice h3{background:none; padding-right:10px;}
.galleryView figure figcaption dd{height:auto;}
.accordion > li .accordionOpen{right:7px;}
.faqIndex{margin-right:10px;}
.lnb_area > li{width: 50%; float: left; padding:0;}
.listDetail li{float:none; width:100%; }
.listDetail li h3{height:auto;}
.listDetail li .listContent{height:auto;}
.listDate p{margin-top:5px;}
.listDetail li h3{line-height:22px;}


.notice-listsSub ul li {float:none; width:100%;}
.galleryView li {float:none; width:100%;}
.galleryView li a{margin:0 0 15px;}
.notice-listsSub ul li a{margin:0 0 15px;}
.notice-listsSub ul li.normal-notice .cont-box .txt{height:auto;}
.notice-listsSub ul li.normal-notice .cont-box .date{margin-top:15px;}
.careersDetail ul li{float:left; width:50%; text-align:center; opacity: 0.7; margin-bottom:10px;}
.careersDetail ul dd{width:100%;}
.airInfoList{padding:30px;}
.airInfoList dt{font-size:15px;}


#mainSlider .bx-controls-direction a {width:14px;}
.reportDetailR dd{width:150px;}
.viewBtnL a, .viewBtnR a{display:inline-block; width:40%;}
.viewBtnL .btn_type06 i{padding-left:80px}
.keywordSearchInput{width:75%;}
.keywordSearchBtn{width:25%;}
.nothingFound .keywordSearchInput{width:75%;}
.nothingFound .keywordSearchBtn{width:25%;}
.keywordSearchInput .dropdown-menu{min-width:auto;}
.searchVisualArea .mainTitle p{padding:0;}
.contactArea ul li{padding-left:0;}
.map {height:350px}

.mainCardList li{height:auto;}
.mainCardList li .mainCardCon img{width:100%; height:100%;}

.allSearch{position:relative; left:0; top:0; margin-top:0;}
.brSearchList{padding:10px 20px;}

.footerMapCon{float:left; width:50%; padding-left:0;}

.listTypeDetail.listType02 .brListArea li{width: 100%;}
.listTypeDetail.listType03 .brListArea li{width: 100%;}
.listTypeDetail.listType04 .brListArea li{width: 100%;}

.brListArea{padding:15px;}

.listTypeDetail.listType04 .brListArea li dd{width:70%}
.brListArea h3 .companyName{display:block; width:auto;}
.brListArea h3{white-space:normal; line-height:24px; margin-bottom:5px;}
.brListArea li{padding:7px 0;}
.tabs-container .nav-tabs > li {float: none !important; display:block;}
.nav-tabs > li > a{margin-right:0;}

.visualList{padding:20px 0 0;}
.visualTxt{display:none;}
.visualList01 h2{color:#ffffff; font-size:24px; padding-bottom:10px; margin-bottom:10px; font-weight:100; text-align:left;}

.visualList01 ul li{float:none; width:100%; padding:0px 0; background:none; border-bottom:1px solid #fff;}
.visualList01:first-child  ul li{width:100%;}
.visualList01 ul li:first-child{background:none;}
.visualList01 ul dl{}
.visualList01 ul dt{color:#fff; font-size:30px; line-height:50px;}
.visualList01 ul dd{color:#fff; font-size:14px; margin-top:25px; opacity:0.8; filter:alpha(opacity='0.8');}

.visualList ul li dl{overflow:hidden;}
.visualList ul dd{float:left;}
.visualList ul dt{float:right;}
#mainSlider ul.imgList li .caption p{font-size:30px;}
#mainSlider ul.imgList li .caption p span{font-size:26px; margin-top:0}
#mainSlider .swiper-pagination{display:none;}

.mainTitle h2{font-size:32px;}
.titleArea h3{font-size:24px;}
.titleArea p{font-size:16px;}
.mainTitle p{font-size:16px;}

.srch-area{display:block; height:auto;}
.srch-area .form_area{flex:1 !important; margin:5px 0;}

.grid_list{padding:20px 0;}
.grid_list_wrap{display:block;}

.grid_list_wrap.edu_list_wrap{display:flex;}

.nation_flg_area{flex:1;}
.grid_list_detail_info{flex:1;}
.grid_list_detail_info ul{float:none; margin:10px 0; background:#f9f9f9; padding:15px; border-radius:10px;}

.accredit_area{padding:20px;}

.findIdPw .tabCont h5{font-size:18px;}

.gridType01 .gr-body .col-group3 .cols.gridSubM.gridSubBlock{display:block;}

.education_area{display:block;}
.education_area .edu_cate{display:inline-block;}
.education_area .sort_title02{margin:10px 0 0 0;}

.edu_list_wrap .grid_list_detail_info ul{float:none;}

.edu_list_wrap .grid_list_detail_info li{float:none; margin:4px 0;}
.edu_list_wrap .grid_list_detail_info dl{overflow:hidden;}

.edu_list_wrap .grid_list_detail_info li:after{display:none;}
.edu_list_wrap .grid_list_detail_info li:not(:first-child){padding-left:0; margin-left:0;}

.content_txt{padding:20px;}


.report_view{display:block;}

.report_detail{margin-left:0; margin-top:30px; min-height:auto;}

	.insightMapDetail{width:100%; height:100%;}
	.insightMapList ul{display:block; margin-right:0;}
	.insightMapList ul li{padding:5px 0; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
	.insightMapList dl{text-align:left; overflow:hidden;}
	.insightMapList dt{float:left;}
	.insightMapList dd{float:right;}
	.insightMapList li:not(:first-child):after{display:none;}

	.tbtMainVisualQuickLink ul li dd p{display:none;}
	.tbtMainVisualSearch .tbt_keywordSearchInput{width:300px;}

	.controlNews{display:block;}
	.controlNewsTitle{position:relative; width:100%; text-align:left; padding:15px 20px;}
	.controlNewsTitle .controlNewsMore{position:absolute; right:20px; top:15px; font-size:13px;}
	.controlNewsTitle h4{margin-bottom:0; font-size:20px;}
	.techControlNewsListWrap{max-width:100%;}

	.techControlNewsList .grid_list_detail_info dt{background:#ffffff; width:80px; text-align:center;}

	.bannerAllQuick .bannerCardCon img{height:35px;}

	.wto_grid_type .nation_flg_area{flex:0 1 250px;}

	.wto_grid_type .grid_list_wrap{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.wto_grid_type .grid_list_detail_info{flex:0 1 100%;}

	.regulationWrap ul{display:block; margin-right:0;}
	.regulationWrap dl{margin:0; margin-top:10px;}
	.regulationWrap ul li{display:block; width:100%;}
	.regulationWrap li:after{display:none;}
	.regulationWrap dl dt{text-align:left; margin-top:-20px; padding-left:50px; padding-top:0; line-height:50px; background-position: 0 center; background-size:40px;}
	.ftaTbt_txt_list dt{font-size:18px;}
	.ftaTbt_txt_list dl::before{font-size:24px;}

	.eduCommonTxt{font-size:22px;}

	.eduTitle{padding-top:30px; padding-left:0; text-align:center;}
	.eduTitle:after{content:""; position:absolute; left:50%; top:0; margin-left:-4px; width:8px; height:8px; background:#f18a00; border-radius:100%;}
	.eduDetailTxt{text-align:center; font-size:15px;}
	.educationWrap .txt_title01{text-align:center; font-size:18px;}

	.globalInsight{padding-right:120px;}


}

@media screen and (max-width:425px) {


	.inforLy01{padding-bottom:0;}
	.inforLy01 .inforList{width:100%;}
	.mainLocation .home{display:none; width:42px !important;}
	.mainLocation .li{width:50%; display:none;}
	.mainLocation .li .dep{width:100%; left:0;}
	.mainLocation .li:last-child{width:100%; display:block;}


	.information-icon-wrap{padding:20px;}
	.information-icon-area{display:none;}
	.information-icon-text{flex:1; padding-left:0;}

	.grid_list .sort_title02 a{font-size:15px;}

	.idSearch dl{padding:20px;}

	.modal-body{padding:20px;}
	.respondHistoryList{padding:20px 10px;}
	.respondHistoryView{padding:20px 10px;}
	
	.respondHistoryTxt{padding:0;}

	.techReportImg li {
		width: calc(50% - ((10px * 2) / 2));
	}
	
	.attentionBtn{position:relative; bottom:auto; right:0; margin-top:30px;}
	.attentionBtn .button{display:block;}

	.section3 .box2, .section3 .box3 {width:100%}
	.section3 .box1 a {background-size:cover}
	.section3 .box1 a, .section3 [class^="box_"] a,.section3 .box2 .box_2 {height:55vw} 
	.section3 .box2 .box_2 .txt, .section3 .box3 .box_1 .txt:last-child {display:block}
	.section3 .box3 .box_1 .img {width:124px;height:124px;margin:1.65rem auto 1.4rem}

	.tbtMainVisualTxt01{font-size:24px;}
	.tbtMainVisualTxt02{font-size:26px; letter-spacing:-1px;}
	

	.title{display:none;}
	#news-detail-modal .title{display:block !important;}
	.news-view .news-view-head .title{display:block !important;}

	.tbtMainVisual{position:absolute; 
		top: 50%;
		left: 50%;
		text-align: center;
		max-width:100%;
		margin:0 auto;
		padding: 20px;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	
	.sec_one_left{height:500px;}

	.tbt_keywordSearch{width:100%;}
	.tbtMainVisualSearch .tbt_keywordBtn .tbt_searchDetailBtn{display:block; margin-top:10px;}
	.tbtMainVisualSearch .tbt_topSearchWrap .tbt_keywordBtn{display:block !important; width:100%;  margin:0 auto;}
	.tbtMainVisualQuickLink{display:none;}
	.tbtMainVisualSearch .tbt_keywordSearchInput{width:100%;}
	.tbtMainVisualTxt{margin-bottom:25px;}
	
	.globalInsight{padding:30px; text-align:center;}
	.globalInsightBtn{
		position:relative;
		top:0;
		right:0;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		margin-top:20px;
		border-radius:10px;
		width:auto;
		height:auto;
		padding:10px 20px;
		line-height:100%;
		display:inline-block;
		text-decoration:none !important;
		font-size:14px;
	}

	.notice_list_wrap{display:block;}
	.notice_list_wrap_img{display:none;}

	.serviceImg03Txt{display:none;}

	.ddayMark{top:0;}

	.techControlNewsList .nation_flg_wrap .flag_txt{font-size:14px;}

	.mainSectionCon .titleArea h3{font-size:24px;}

	.techControlNewsList .grid_list_wrap .sort_title01{font-size:12px;}
	.techControlNewsList .grid_list .sort_title02 a{font-size:15px;}

	.mainLocation .li{border-right:none;}
	.mainLocation .li .dep{border-left:none; border-right:none;}

	.globalTypeArea{position:relative; left:0; right:auto; margin-bottom:10px;}

	.iboxConLy_inform{display:block; margin-right:0;}
	.iboxConRow30_inform, .iboxConRow70_inform{width:100%; padding-right:0;}

	.WtobtnArea .btnDown span.kr {display:block; width:385px; min-width:280px; font-size:18px; font-weight:500; background:rgba(205,140,221,0.4); height:70px; line-height:70px; border-radius:35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.WtobtnArea .btnDown span.en {display:block; width:385px; min-width:280px; font-size:18px; font-weight:500; background:rgba(140,156,221,0.4); height:70px; line-height:70px; border-radius:35px; margin-left:0; margin-top:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	

}

@media screen and (max-width:375px) {

	.gridSum{font-size:13px; padding-top:7px;}
	.grid_list_detail_info li{float:none; margin:4px 0;}
	.grid_list_detail_info li:after{display:none;}
	.grid_list_detail_info dl{overflow:hidden;}
	.grid_list_detail_info li:not(:first-child){padding-left:0; margin-left:0;}

	.tbtMainVisualTxt01{font-size:20px;}
	.tbtMainVisualTxt02{font-size:24px;}

	.notice_list .ymd_box{position:absolute; right:0; font-size:12px;}
	.notice_list .text_box{padding-left:0; margin-top:10px;}
	.notice_list .ymd_box span{}
	.notice_list{padding-top:30px;}
	.notice_list .n_title, .mainNoticeList dd, .techControlNewsList .grid_list .sort_title02 a{font-size:14px;}
	.notice_list .n_title{height:auto;}

	.techControlNewsList .grid_list_detail_info li:not(:first-child){padding-left:0; margin-left:0;}
	.section3[class^="box_"] .tit{margin-top:10px;}

	.section3 .box1 a, .section3 [class^="box_"] a, .section3 .box2 .box_2{height:65vw;}
	.section3 .box1 .tit{font-size:22px;}
	.section3 .box2 .box_2 p{font-size:14px;}
	.section3 [class^="box_"] .tit{margin-top:10px;}

	.srch-area .form_area dl.form_txt_input{display:block; line-height:100%;}
	.srch-area .form_area dl.form_txt_input dt{flex:1; padding-left:0; margin-bottom:10px;}
	.srch-area .form_area dl.form_txt_input{padding:10px;}
	.srch-area .form_area dl.form_txt_input dd .input-daterange.input-group .form-control{border:1px solid #ddd; line-height:34px; height:34px;}

	.contact-Information-list-wrap h4{padding:10px 20px; padding-top:60px; background-position:center 20px; display:block; border-radius:10px; font-size:14px; }

	.hscodeTxt{position:relative; margin-top:10px; left:0; text-decoration:none;}
	.product_list li{padding-right:0;}

	.WtobtnArea .btnDown span.kr {display:block; width:335px; min-width:280px; padding:0; font-size:18px; font-weight:500; background:rgba(205,140,221,0.4); height:70px; line-height:70px; border-radius:35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.WtobtnArea .btnDown span.en {display:block; width:335px; min-width:280px; padding:0; font-size:18px; font-weight:500; background:rgba(140,156,221,0.4); height:70px; line-height:70px; border-radius:35px; margin-left:0; margin-top:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	
}

@media screen and (max-width:320px) {
	
	
	.respondHistoryViewTitle h5{float:none;}
	.respondHistoryViewTitle dl{float:none; margin-top:10px; text-align:right;}

	.globalInsight h4{font-size:22px;}
	.tbtMainVisualTxt01{font-size:18px;}
	.section3 .box1 .txt, .section3 .box2 .box_2 .txt, .section3 .box3 .box_1 .txt:last-child{display:none;}
	.section3 .box3 .box_1 .img{width:80px; height:80px;}
	.section3 .box3 .box_1 .img:before{width:80px; height:80px; background-size:40px;}
	.section3 .box1 a, .section3 [class^="box_"] a, .section3 .box2 .box_2{height:55vw;}
	
	.serviceImg04Txt{background-size: 60px; padding-top:70px;}

	.wto_grid_type .grid_list_wrap{
		display:block;
	}
	
	.WtobtnArea .btnDown span.kr {display:block; width:280px; font-size:14px; padding:0; font-weight:500; background:rgba(205,140,221,0.4); height:70px; line-height:70px; border-radius:35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.WtobtnArea .btnDown span.en {display:block; width:280px; font-size:14px; padding:0; font-weight:500; background:rgba(140,156,221,0.4); height:70px; line-height:70px; border-radius:35px; margin-left:0; margin-top:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	

}