@charset "utf-8";

@font-face{
	font-family:NotoSansM;
	src:url(../../../style/font/NotoSansKR-Medium.eot);
	src:local('※'), url(../../../style/font/NotoSansKR-Medium.woff) format('woff');
}

/* Guide */
.guide{padding:0 0 40px;font-family:NotoSans, sans-serif}
.guideBox{margin-bottom:40px;padding:35px 30px 35px 150px;line-height:20px}
.guideBox p{color:#575757;font-size:15px}
.guideBox p.point{margin-bottom:10px;color:#015057;font-size:17px}
.guideBox1{background:url(../../../image/en/local/guide/guideBoxBg1.png) no-repeat 48px 50% #ebf4f5}
.guideBox2{background:url(../../../image/en/local/guide/guideBoxBg2.png) no-repeat 46px 50% #ebf4f5}
.guideBox3{background:url(../../../image/en/local/guide/guideBoxBg3.png) no-repeat 60px 50% #ebf4f5}
.guideBox4{background:url(../../../image/en/local/guide/guideBoxBg4.png) no-repeat 56px 50% #ebf4f5}
.guideBox5{background:url(../../../image/en/local/guide/guideBoxBg5.png) no-repeat 38px 50% #ebf4f5}
.guideBox6{background:url(../../../image/en/local/guide/guideBoxBg6.png) no-repeat 56px 50% #ebf4f5}
.guideContent{margin-bottom:40px}
.guideContent2{margin-bottom:40px;padding-left:25px}
@media (min-width:0) and (max-width:767px){
	.guideBox{padding:100px 20px 35px}
	.guideBox1{background-position:50% 20px}
	.guideBox2{background-position:50% 20px}
	.guideBox3{background-position:50% 20px}
	.guideBox4{background-position:50% 20px}
	.guideBox5{background-position:50% 20px}
	.guideBox6{background-position:50% 20px}
	.guideBox p.point{text-align:center}
}

/* Guide Tab */
.guide .guideTab{margin-bottom:30px;height:40px;border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9}
.guide .guideTab ul li{float:left}
.guide .guideTab ul li a{display:block;height:40px;padding:0 30px;color:#666;font-size:15px;line-height:40px}
.guide .guideTab ul li.on a{background:url(../../../image/en/local/guide/guideTabArrow.png) no-repeat 50% -1px;color:#79a901;margin-top:-1px;height:38px;border-top:2px solid #96c02e;border-bottom:2px solid #96c02e}
.guide .guideTab ul li a:hover, .guide .guideTab ul li a:focus{text-decoration:none}
@media (min-width:0) and (max-width:767px){
	.guide .guideTab ul li a{padding:0 9px}
}

/* Title */
.guide .guideTitle{min-height:17px;padding-left:25px;background:url(../../../image/en/local/guide/guideTitleBg1.png) no-repeat 0 0;color:#333;font-size:17px;font-family:NotoSansM, sans-serif;font-weight:normal}
.guide .guideTitle2{min-height:17px;margin-bottom:20px;padding-left:25px;background:url(../../../image/en/local/guide/guideTitleBg1.png) no-repeat 0 4px;color:#333;font-size:17px;font-family:NotoSansM, sans-serif;font-weight:normal}

/* 정렬 */
.guide .alignLeft{text-align:center}
.guide .alignCenter{text-align:center}
.guide .alignRight{text-align:right}

/* Table */
.guideTable > p.tableDetail{margin-bottom:15px;color:#595959;font-size:14px;text-align:right}
.guideTable table{width:100%;border-collapse:collapse;border-spacing:0;border-top:3px solid #015057}
.guideTable table thead th{padding:20px 0;background-color:#ebf4f5;border:1px solid #d7d7d7;color:#444;font-family:NotoSansM, sans-serif;font-size:15px;font-weight:normal;text-align:center}
.guideTable table tbody th{padding:20px 0;background-color:#f8f8f7;border:1px solid #d7d7d7;color:#595959;font-size:14px;text-align:center;font-weight:normal}
.guideTable table tbody td{padding:20px 20px;border:1px solid #d7d7d7;color:#595959;font-size:14px}
.guideTable table.condition tbody td{text-align:center}
.guideTable table .tableBg1{background-color:#fef8f8;color:#ff6f6f}
.guideTable table .location{display:inline-block;padding:2px 0 5px 29px;background:url(../../../image/en/local/guide/location.png) no-repeat 0 2px}
.guideTable table .tel{display:inline-block;padding:1px 0 5px 29px;background:url(../../../image/en/local/guide/tel.png) no-repeat 0 4px}
.guideTable table .noBorderL{border-left:none}
.guideTable table .noBorderR{border-right:none}
.guideTable table .space{margin:0 10px}
.guideTable table .dbIcon{background-color:#f8f8f7;text-align:center}
.guideTable table .dbIcon img{border:1px solid #c5c5c5}
.responsiveTable2{word-break:break-all}
@media(min-width:0px) and (max-width:767px){
	.guideTable table.responsiveTable tbody th, .guideTable table.responsiveTable tbody td{border-left:none;border-right:none}
	.guideTable table.responsiveTable tbody td.expand{background-image:url(../../../image/en/solution/common/ico/tableOn.png);background-repeat:no-repeat;background-position:97% 50%}
	.guideTable table.responsiveTable tbody > tr.footable-detail-show > td.expand{background-image:url(../../../image/en/solution/common/ico/tableOff.png)}
	.guideTable table.responsiveTable .footable-row-detail-inner > div{margin-top:10px}
	.guideTable table.responsiveTable .footable-row-detail-inner > div:first-child{margin-top:0}
	.guideTable table.responsiveTable .footable-row-detail-inner > div strong{margin-right:10px}
}
@media(min-width:0px) and (max-width:550px){
	.guideTable2{overflow-x:auto}
	.guideTable2 table{width:550px;word-break:break-all}
}

/* Table Width */
.guide .colWidth1{width:10%}
.guide .colWidth2{width:15%}
.guide .colWidth3{width:20%}
.guide .colWidth4{width:25%}
.guide .colWidth5{width:30%}
.guide .colWidth6{width:35%}
.guide .colWidth7{width:40%}
.guide .colWidth8{width:45%}
.guide .colWidth9{width:50%}
.guide .colWidth10{width:55%}
.guide .colWidth11{width:60%}
.guide .colWidth12{width:65%}
.guide .colWidth13{width:70%}
.guide .colWidth14{width:75%}
.guide .colWidth15{width:80%}
.guide .colWidth16{width:85%}
.guide .colWidth17{width:90%}

/* 연혁 */
.history > div{min-height:104px;padding:40px 0;border-top:1px solid #ddd}
.history > div.history1{border-top:none}
.history > div > dl dt{float:left;width:128px;height:104px;margin-left:22px;padding-top:25px;text-align:center;color:#fff;font-size:22px;font-family:NotoSansM, sans-serif;line-height:25px}
.history > div.history1 > dl dt{margin-top:10px;background:url(../../../image/en/local/guide/history1.png) no-repeat 0 0}
.history > div.history2 > dl dt{margin-top:75px;background:url(../../../image/en/local/guide/history2.png) no-repeat 0 0}
.history > div.history3 > dl dt{background:url(../../../image/en/local/guide/history3.png) no-repeat 0 0}
.history > div > dl dt span{display:block}
.history > div > dl dd{margin-left:204px}
.history > div.history3 > dl dd{padding-top:1px}
.history > div.history3 > dl dd ul{margin-top:35px}
.history > div > dl dd ul li{min-height:18px;margin-top:25px;color:#646463;font-size:16px;overflow:hidden}
.history > div > dl dd ul li:first-child{margin-top:0}
.history > div > dl dd ul li span{float:left;width:740px;line-height:22px}
.history > div > dl dd ul li span:first-child{width:54px;margin-top:0;margin-right:32px;padding-right:50px;background:url(../../../image/en/local/guide/historyBg.jpg) no-repeat 100% 9px;color:#8f8f8f;font-size:23px;font-family:NotoSansM, sans-serif}
@media(min-width:768px) and (max-width:1024px){
	.history > div > dl dd ul li span{display:block;width:auto;float:none;margin-left:98px}
	.history > div > dl dd ul li span:first-child{width:auto;float:left;margin:0;padding-right:30px}
}
@media(min-width:0px) and (max-width:767px){
	.history > div.history1{padding-top:0}
	.history > div > dl dt{float:none;margin:0 auto}
	.history > div.history1 > dl dt{margin-top:0}
	.history > div.history2 > dl dt{margin-top:0}
	.history > div > dl dd{margin:20px 0 0}
	.history > div.history3 > dl dd ul{margin-top:0}
	.history > div > dl dd ul li span{display:block;width:auto;float:none;margin-left:98px}
	.history > div > dl dd ul li span:first-child{width:auto;float:left;margin:0;padding-right:30px}
}

/* Point */
.guide .point1{color:#ff6f6f !important}

/* List */
.guide .tableList > li{padding-left:10px;background:url(../../../image/en/local/guide/guideBullet1.gif) no-repeat 0 9px;color:#595959}
.guide .tableList2{margin-bottom:10px}
.guide .tableList2 > li{padding-left:10px;background:url(../../../image/en/local/guide/guideBullet1.gif) no-repeat 0 6px;color:#595959}
.guide .tableList2 > li > ul{margin-top:8px}
.guide .tableList2 > li > ul > li{margin-top:3px;padding-left:14px;background:url(../../../image/en/local/guide/guideBullet2.gif) no-repeat 0 7px;letter-spacing:-1px;color:#777}
.guide .tableList2 > li > ul > li:first-child{margin-top:0}
.guide .tableList3 > li > p{margin-bottom:5px}
.guide .tableList3 > li > ul{padding-left:17px}
.guide .tableList3 > li > ul > li{color:#777;line-height:22px;letter-spacing:-1px}
.guide .guideList1 > li{margin-top:20px;padding-left:10px;background:url(../../../image/en/local/guide/guideBullet2.gif) no-repeat 0 7px;color:#595959;font-size:14px}
.guide .guideList1 > li:first-child{margin-top:0}

/* Map */
.guide .map{min-height:468px;margin-top:0;border:1px solid #d2d2d2;}
@media (min-width:0) and (max-width:767px){
	.guide .map{min-height:0}
}

/* 바로가기 */
.guide .shortcut{display:inline-block;height:34px;padding:0 10px;background-color:#96c02e;line-height:34px;color:#fff;font-size:13px}
.guide .shortcut span{display:inline-block;padding-right:22px;background:url(../../../image/en/local/guide/shortcut.png) no-repeat 100% 10px}

/* Link */
.guide a.link1{color:#00c2d9;text-decoration:none}
.guide a.link1:hover, .guide a.link1:focus{text-decoration:underline}

/* Margin */
.guide .mgb20{margin-bottom:20px;font-weight:600}

/* 통계원문 이용안내 */
.originalText img{vertical-align:top}
.originalText > ul > li{margin-bottom:40px}
.originalText > ul > li > p{color:#333;font-size:17px;font-family:NotoSansM, sans-serif}
.originalText > ul > li > ul{margin-top:15px;padding-left:20px}
.originalText > ul > li > ul > li{margin-top:15px;color:#595959;font-size:14px}
.originalText > ul > li > ul > li:first-child{margin-top:0}
.originalText > ul > li > ul > li > a{color:#00c2d9}
.originalText > ul > li > ul > li > a span{padding-right:17px;background:url(../../../image/en/local/guide/shortcut2.png) no-repeat 100% 4px}
.originalText > ul > li > ul > li p.originalTextImg{margin-top:15px;border:1px solid #c7c7c7}
.originalText > ul > li > ul > li p.originalTextImg img{width:100%}
.originalText > ul > li > ul > li p.step{margin:25px 0;color:#ff6f6f;font-size:19px}
.originalText > ul > li > ul > li p.step span{display:inline-block;padding-right:24px;background:url(../../../image/en/local/guide/originalTextArrow.png) no-repeat 100% 8px}
.originalText > ul > li > ul > li > ul{margin-top:15px;padding-left:20px}
.originalText > ul > li > ul > li > ul > li{margin-top:10px;padding-left:10px;background:url(../../../image/en/local/guide/guideBullet2.gif) no-repeat 0 8px}
.originalText > ul > li > ul > li > ul > li:first-child{margin-top:0}
.originalText .originalTextImgArea{margin:15px 0 30px;overflow:hidden}
.originalText .originalTextImgArea > div{float:left;text-align:center}
.originalText .originalTextImgArea > div:first-child{margin-right:10px}
.originalText .originalTextImgArea > div p.pic{margin-top:0;border:1px solid #c7c7c7}
.originalText .originalTextImgArea > div p{margin-top:10px;padding-bottom:2px;color:#ff6f6f;text-align:center;font-size:14px}

/* 모바일 문의사항 영역 */
.mobileInquiry{display:none}
@media (min-width:0) and (max-width:767px){
	.mobileInquiry{display:block;border-top:3px solid #015057}
	.mobileInquiry dl dt{padding:20px 0;background-color:#f8f8f7;border-bottom:1px solid #d7d7d7;text-align:center}
	.mobileInquiry dl dt.location span{display:inline-block;padding:2px 0 5px 29px;background:url(../../../image/en/local/guide/location.png) no-repeat 0 2px}
	.mobileInquiry dl dt.tel span{display:inline-block;padding:1px 0 5px 29px;background:url(../../../image/en/local/guide/tel.png) no-repeat 0 4px}
	.mobileInquiry dl dd{padding:20px 15px;border-bottom:1px solid #d7d7d7}
	.mobileInquiry dl dd p{padding-left:10px;background:url(../../../image/en/local/guide/guideBullet1.gif) no-repeat 0 9px;color:#595959}
}

@media (min-width:0) and (max-width:767px){
	.mobileHide{display:none}
}


/*개인정보처리방침*/
.innerList {line-height: 25px; margin-top: 8px;}
.textBox {background: #f7f7f7; padding: 25px 40px; margin: 20px 0;font-size: 15px; color: #666; letter-spacing: -0.02em; line-height: 24px; word-break: keep-all;}
.textBox2 {background: #f7f7f7; color:#444444; letter-spacing: -0.02em; padding: 18px 20px; margin: 10px 0 25px; color: #444444; line-height: 19px; font-size: 15px;}
.textBox2 ul:after {display: block; clear: both; content: "";}
.textBox2 ul li {float: left; margin: 3px 0;}
.guide .guideTitle3{margin-bottom:30px;color:#242424;font-size:23px;font-family:NotoSansM, sans-serif; font-weight:normal; display: flex; align-items: center; column-gap: 8px;}
.guide .guideTitle3 span {display: flex}
.guide .guideTitle3 span img {width: 31px;}
.guide .guideTitle3 span:not(:first-child) {margin-right: 5px}
.guide .guideTitle4 {margin-bottom:15px;color:#444444;font-size:18px;font-family:NotoSansM, sans-serif; font-weight:normal; letter-spacing:-0.025em;}

.guideTable3 {margin-top: 20px;}
.guideTable3 table{width:100%;border-collapse:collapse;border-spacing:0;border-top:2px solid #343434;word-break: keep-all;}
.guideTable3 table thead th{padding:20px;background-color:#f7f7f7;border-left:1px solid #d1d1d1;color:#444;font-family:NotoSansM, sans-serif;font-size:15px;font-weight:normal;text-align:center; line-height: 19px;}
.guideTable3 table tbody td{padding:20px 20px;border-left:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; color:#444444;font-size:15px;line-height: 19px;}
.guideTable3 table .noBorderL {border-left: none;}
@media(min-width:0px) and (max-width:620px){
	.guideTable3{overflow-x:auto}
	.guideTable3 table{width:600px; word-break:break-all}
}

.guide .guideList2 > li{margin-top:20px;padding-left:15px;color:#666666;font-size:15px; letter-spacing: -0.02em; position: relative;}/*개인정보처리방침*/
.guide .guideList2 > li:before {display: block; clear: both; content: ""; width: 4px; height: 4px; border-radius: 50%; background: #666666; position: absolute; top: 9px; left: 0;}
.innerList .guideList1 > li { font-size: 15px; letter-spacing: -0.02em;margin-top: 0px; line-height: 25px; background:url(../../../image/ko/local/guide/guideBullet2.gif) no-repeat 0 11px;}
.tblList {display: inline-block; text-align: left;}
.tblList .guideList1 > li {font-size: 15px; letter-spacing: -0.02em; margin-top: 0px; background:url(../../../image/ko/local/guide/guideBullet2.gif) no-repeat 0 11px;}

a.goto {color: #1676bf;}
a.goto:hover {text-decoration: underline;}
.slash {margin: 0 15px; color:#979797; font-size: 13px;}
.arrow {margin: 0 10px; color: #1676bf;}

.labelWrap {border-left: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3}
.labelWrap .guideTitle4 {text-align: center; margin-top: 15px}
.labelWrap > p {color: #ff6f6f; line-height: 1.2; letter-spacing: -0.02em; margin-top: 15px;}
.labelWrap .markList {display: flex; flex-wrap: wrap; background-color: #f7f7f7; border-top: 1px solid #e3e3e3; }
.labelWrap .markList li {width: 33.33333%; text-align: center; padding: 14px 10px 20px; box-sizing: border-box; border-bottom: 1px solid #e3e3e3;}
.labelWrap .markList li i {display: block; margin-bottom: 12px;}
.labelWrap .markList li i img {max-width: 96px}
.labelWrap .markList li a {display: block;}
.labelWrap .markList li em {display: block; font-size: 15px; font-family: NotoSansM, sans-serif; line-height: 1.6; letter-spacing: -0.02em; color: #2e2e2e}
.labelWrap .markList li span {color: #4069c1; line-height: 1.2; letter-spacing: -0.02em;}

.bookmarkList {padding: 21px 30px; border: 1px solid #e3e3e3; margin: 30px 0 40px;}
.bookmarkList li {display: flex; column-gap: 5px; align-items: center}
.bookmarkList li:not(:first-child) {margin-top: 10px;}
.bookmarkList li a {display: block}
.bookmarkList li span {display: block; width: 31px; height: 31px;}
.bookmarkList li span img {width: 100%}
.bookmarkList li p {color:#666666;font-size:15px; letter-spacing: -0.02em;}

.downloadBox { background-color: #f1f4f8; padding: 25px 40px; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.downloadBox a { background-color: #ffffff; background-repeat: no-repeat; display: flex; transition: 0.1s; text-decoration: none; color: #1676bf; line-height: 1.3; font-size: 16px; border: solid 1px #abb8cd; padding:10px 38px 10px 18px; background-position: right 15px center; margin: 3px 5px; font-weight: 500; text-align: center; align-items: center;}
.downloadBox a:hover,
.downloadBox a:focus { border: solid 1px #1676bf; }
.downloadBox a.linkDown { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231676bf' class='w-6 h-6'%3E%3Cpath fill-rule='evenodd' d='M12 2.25a.75.75 0 0 1 .75.75v11.69l3.22-3.22a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0l-4.5-4.5a.75.75 0 1 1 1.06-1.06l3.22 3.22V3a.75.75 0 0 1 .75-.75Zm-9 13.5a.75.75 0 0 1 .75.75v2.25a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5V16.5a.75.75 0 0 1 1.5 0v2.25a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3V16.5a.75.75 0 0 1 .75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); background-size: 20px}
.downloadBox a.linkShortcut { background-image: url(../img/sub/images/t_blank_icon.png); padding: 10px 28px 10px 10px; background-position: right 10px center; }

@media (max-width: 767px) {
	.labelWrap .markList li {width: 50%;}
	.downloadBox a {font-size: 14px;}
}