@charset "utf-8";

.organization, .organization_eng {overflow:hidden;}
.organization li,.organization_eng li {margin-bottom:15px;}
.organization dl, .organization_eng dl {overflow:hidden;}
.organization dt {box-sizing:border-box; float:left; width:20%; padding:10px 0; color:#fff; font-weight:bold; text-align:center; background:#007fac; border:1px solid #007fac;}
.organization dd {box-sizing:border-box; width:79%; float:right; padding:10px 10px; border:1px solid #007fac;}
@media all and (max-width:640px) {
	.organization dt, .organization dd {float:none; width:100%;}
}

.organization_eng dt {box-sizing:border-box; float:left; width:30%; height:75px; padding:20px 0; color:#fff; font-weight:bold; text-align:center; background:#007fac; border:1px solid #007fac;}
.organization_eng dd {box-sizing:border-box; width:69%; float:right; height:75px; padding:15px 10px 18px 10px; line-height:20px; border:1px solid #007fac;}


.ebook {overflow:hidden;}
.ebook li {box-sizing:border-box; float:left; width:25%; height:291px; margin-bottom:25px; padding-bottom:25px; color:#000; text-align:center; background:url('/Main/Images/ko/sub/bg_dojeong.gif') repeat-x left 197px;}
.ebook li p {box-sizing:border-box; width:147px; margin:0 auto; padding:5px; border:1px solid #ddd;}
.ebook li span {display:block; margin:25px 0 5px 0; font-weight:bold;}

.box_line {margin-bottom:25px; padding:10px; background:url('/Main/Images/ko/sub/bg_pattern.gif') repeat;}
.box_line dl {background:#fff; overflow:hidden;}
.paragraph {text-align:left;}
.paragraph.icon {box-sizing:border-box; min-height:105px; padding:30px 20px 30px 170px; background:url('/Main/Images/ko/sub/icon.png') no-repeat 40px center #fff;}
.paragraph dt {margin-bottom:10px; color:#3c599b; font-size:15px; font-weight:bold;}
.paragraph dd {font-size:14px; line-height:20px;}
.paragraph li {padding-left:12px; background:url('/Main/Images/ko/sub/blt01.gif') no-repeat left 10px;}

@media all and (max-width:640px) {
	.paragraph.icon {box-sizing:border-box; min-height:auto; padding:15px;; background:#fff;}
}

.btn_line {display:inline-block; margin:0 5px 0 10px; padding:3px 15px; color:#7d7d7d !important; text-align:center; font-size:13px; letter-spacing:-1px; border:1px solid #707070; background:#f8f7f5; border-radius:3px;}
.btn_line.down {position:relative; min-width:33px; margin-bottom:5px; padding:0 35px 2px 10px;}
.btn_line.down:after {content:""; display:block; position:absolute; right:12px; top:50%; width:11px; height:11px; margin-top:-6px; background:url('/Main/Images/ko/sub/ico_down_s.gif') no-repeat;}
.btn_line.blank {position:relative; min-width:33px; padding:2px 30px 2px 15px;}
.btn_line.blank:after {content:""; display:block; position:absolute; right:15px; top:50%; width:7px; height:7px; margin-top:-3px; background:url('/Main/Images/ko/sub/ico_blank_s.gif') no-repeat;}

.bullet_banner {overflow:hidden; margin-top:10px;}
.bullet_banner li {box-sizing:border-box; float:left; width:21%; margin:0 0 10px 30px; text-align:center; border:1px solid #ccc;}

@media all and (max-width:640px) {
	.bullet_banner li {width:30%; margin-left:15px;}
}

@media all and (max-width:480px) {
	.bullet_banner li {width:45%; margin-left:15px;}
}

.bullet_textimg {overflow:hidden; margin-left:30px;}
.bullet_textimg li {padding:5px 0 5px 12px; background:url('/Main/Images/section/common/bul_black.png') no-repeat 0 16px; overflow:hidden;}
.bullet_textimg li p {float:left;}
.bullet_textimg li span {float:right; padding:5px 10px; border:1px solid #ccc;}

@media all and (max-width:640px) {
	.bullet_textimg li p {float:none;}
	.bullet_textimg li span {float:none; display:inline-block; overflow:hidden;}
}

.guide {margin-top:15px; font-weight:bold; color:#103e93;}

.complex {overflow:hidden; margin-left:30px;}
.complex .img {float:left; width:33%; border:1px solid #ccc; padding:15px; text-align:center;}
.complex div {float:right; width:60%;}
.complex div h5 {margin:0 0 5px 15px;}
.mt_0 {margin-top:0;}

@media all and (max-width:640px) {
	.complex .img {box-sizing:border-box; float:none; width:100%;}
	.complex div {float:none; width:100%;}
	.complex div h5 {margin-top:15px;}
}


.click_img {margin:0 0 5px 30px; color:#f1612c;}

.belt {overflow:hidden;}
.belt div {float:left; width:50%;}

@media all and (max-width:640px) {
	.belt div {float:none; width:100%;}
}

.traffic {margin-top:30px; overflow:hidden;}
.traffic div {float:left; width:60%;}
.traffic p {float:right; width:35%; margin-top:50px; text-align:right;}
.traffic .reference {float:right;  margin-top:50px; overflow:hidden;}
.traffic .reference li {margin-bottom:10px;}

@media all and (max-width:640px) {
	.traffic div {float:none; width:100%;}
	.traffic p {float:none; width:100%; margin-top:20px; text-align:center;}
	.traffic .reference {float:none; margin:15px 0 0 30px;}
	.traffic .reference li {float:left; margin:0 10px 0 0;}
}

.basic {overflow:hidden;}
.basic li {box-sizing:border-box; float:left; width:30%; height:225px; margin:0 0 10px 3%;  padding:20px; font-size:16px; color:#333; line-height:23px; text-align:center; border:1px solid #d7d7d7; border-radius:3px;}
.basic li span {display:block; padding-bottom:110px; color:#0f4f96; font-size:18px; font-weight:bold;}
.basic .symbol {text-indent:-9999px; border:none; background:url('/data/intro_2021/img/intro/logo_2022.png') no-repeat center center #fafafa;}
.basic .icon01 {background:url('/Main/Images/ko/sub/ico_structure01.png') no-repeat center 40px;}
.basic .icon02 {background:url('/Main/Images/ko/sub/ico_structure02.png') no-repeat center 40px;}
.basic .icon03 {background:url('/Main/Images/ko/sub/ico_structure03.png') no-repeat center 40px;}
.basic .icon04 {background:url('/Main/Images/ko/sub/ico_structure04.png') no-repeat center 40px;}
.basic .icon05 {background:url('/Main/Images/ko/sub/ico_structure05.png') no-repeat center 40px;}

@media all and (max-width:768px) { 
	.basic li {width:47%;}
}

@media all and (max-width:480px) {
	.basic li {width:100%; height:auto; margin:0 0 10px 0;}
	.basic .symbol {display:none;}
}

/*ÀÔÁÖ±â¾÷ÇöȲ*/
.inv_district {width:15%;}
.inv_company {width:20%;}
/*td.inv_product {text-align:left !important;}*/
.inv_date {width:12%;}
.inv_info {overflow:hidden; border-top:2px solid #1588e1; border-bottom:1px solid #1588e1;}
.inv_info dl {float:left; width:50%; border-bottom:1px solid #d1d1d1;}
.inv_info dl dt, .inv_info dl dd {float:left; padding:10px; border-left:1px solid #d1d1d1;}
.inv_info dl:nth-child(2n+1) dt, .inv_info dl.address dt, .inv_info dl.district dt {border-left:none;}
.inv_info dl dt {width:170px; text-align:center; font-weight:600;}
.inv_info dl.address, .inv_info dl.district {width:100%;}
.inv_product {overflow:hidden;}
.inv_product li {position:relative; float:left; width:49%; height:270px; margin:0 0 20px 2%;}
.inv_product li:nth-child(2n+1) {margin-left:0;}
.inv_product li img {width:100%; height:100%;}
.inv_product li span {display:block; position:absolute; left:0; bottom:0; width:100%; padding:7px 10px; box-sizing:border-box; font-size:14px; text-align:center; color:#fff; background:rgba(0,0,0,0.7); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
@media all and (max-width:768px) { 
	.inv_info dl {display:block; width:100%;}
	.inv_info dl dt {width:120px; border-left:none;}
	.inv_product li {height:180px;}
}
@media all and (max-width:650px) {
	.inv_district {width:18%;}
	.inv_company {width:23%;}
	.inv_date {display:none;}
}


.complex_info {border-top:1px solid #dadada;}
.complex_info dt {position:relative; border-bottom:1px solid #dadada; text-align:left;}
.complex_info dt span a {display:block; position:absolute; right:10px; top:13px; height:33px; line-height:33px; padding:0 20px; background:#223b5b; color:#fff; border-radius:20px;}
.complex_info dt > a {display:block; padding:15px 20px; font-size:17px; color:#333; font-weight:600; /*background:url('/Main/Images/new/global/sub/arrow_down.png') no-repeat 99% center;*/}
.complex_info dt > a.open {background:#f7f7f7 /*url('/Main/Images/new/global/sub/arrow_up.png') no-repeat 99% center*/;}
.complex_info dd {display:none; padding:15px; border-bottom:1px solid #dadada; font-size:16px}
.complex_info .img {margin:10px 0 20px 0; padding:10px; border:1px solid #ccc;}


.invest_area {background:#eee; padding:30px; overflow:hidden;}
.invest_area p {position:relative; margin-bottom:15px;}
.invest_area .vr_link {display:block; position:absolute; right:15px; top:15px; background:#fcce55; font-weight:700; color:#000; padding:0 20px; height:40px; line-height:40px; border-radius:20px;}
@media all and (max-width:768px) {
	.invest_area {padding:15px;}
}

.half_box {margin-top:40px; overflow:hidden;}
.half_box > div {float:left; width:49%; margin-left:2%;}
.half_box > div:first-child {margin-left:0;}
.half_box > div p {border:1px solid #eee; padding:10px; text-align:center;}
@media all and (max-width:650px) {
	.half_box > div {float:none; width:100%; margin-left:0;}
	.half_box > div:first-child p {margin-bottom:30px !important;}
}

/*.img {border:1px solid #eee; padding:10px;}*/