@charset "UTF-8";

/* 공통 */
body .subcon_wrap {font-family: 'Noto Sans KR', sans-serif; font-size:17px; color:#333; }
.sub_visu {position: relative;height: 360px;overflow-x: hidden;}
.sub_visu img {position: absolute; left: 50%; transform: translateX(-50%);max-width: 1920px;}
.sub__tit {margin-bottom: 10px;font-size: 26px;}
.sub__tit:before {content: '';width: 3px; height: 30px; background: #002f68; display: inline-block; vertical-align: middle; margin-top: -4px; margin-right: 10px;}
.sub__con__tit {font-size: 22px; font-weight: 800; margin-bottom: 20px; color: #009688;}
.sub__con__tit:before {content:'';width: 11px;height: 19px; display: inline-block;background: url('/design/default/img/sub/i_sub_tit.png') left top no-repeat; vertical-align: middle;margin-right: 10px;    margin-top: -3px;}
.f_left {float: left;}
.f_right {float: right;}
.list_bd_bull > li{position: relative; padding-left: 20px;}
.list_bd_bull > li:after {content:''; position: absolute; display: inline-block; width: 6px; height: 6px; background: #fff; border:3px solid #002f68; border-radius: 50%; left: 0; top: 9px;}
.list_bull > li{position: relative; padding-left: 15px;}
.list_bull > li:after {content:''; position: absolute; display: inline-block; width: 6px; height: 6px; background: #002f68; border-radius: 50%; left: 0; top: 11px;}
.list_line > li{position: relative; padding-left: 17px;}
.list_line > li:after {content:''; position: absolute; display: inline-block; width: 8px; height: 1px; background: #666; left: 0; top: 13px;}
.bd {border: 1px solid #ddd; padding: 2% 3%;}
.txt-left {text-align: left !important;}

/* 레프트 메뉴 */
#sub_wrap .lnb{ width:100%; border-bottom:1px solid #ebebeb;  background:#002f68; }
#sub_wrap .lnb .wrapper > ul{ width:100%;}
#sub_wrap .lnb .wrapper > ul > li{ float:left; min-width: 235px; padding:15px 20px; box-sizing:border-box; border-right:1px solid #ebebeb;}
#sub_wrap .lnb .wrapper ul  li, #sub_wrap .lnb .wrapper ul  li a{ color:#fff; }
#sub_wrap .lnb .wrapper > ul > li.home{ padding:15px 0; max-width:55px;min-width: 55px; text-align:center; border-left:1px solid #ebebeb;}
#sub_wrap .lnb .wrapper > ul > li.last{ position:relative; z-index:99; cursor:pointer;padding: 15px 40px 15px 20px;}
#sub_wrap .lnb .wrapper > ul > li.last:after{ content:''; height:9px; width:15px; display:block; position:absolute; background:url('/design/default/img/sub/i_lnb_arrow.png') no-repeat; top:50%; margin-top:-5px; right:15px;transition: 0.5s;}
#sub_wrap .lnb .wrapper > ul > li.last.on:after {transform: rotate(180deg); transition: 0.5s; }
#sub_wrap .lnb .wrapper > ul > li ul{ display:none; position:absolute;  background:#07203e; width:calc(100% + 2px); border:1px solid #ebebeb; box-sizing:border-box; top:55px; left:-1px;}
#sub_wrap .lnb .wrapper > ul > li ul li.on a{ background:#002f68; color:#fff; }
#sub_wrap .lnb .wrapper > ul > li ul a{ padding:8px 15px; }
#sub_wrap .lnb .wrapper > ul > li ul a:hover{ background:#002f68; }

.subcon_wrap .section {margin-top: 4rem; margin-bottom: 4rem;}
.subcon_wrap .section__tit {margin-bottom: 4rem;font-size: 2.125rem;line-height: 1;text-align: center;}

/* 행사개요 */
.sub2010 .row > dl.last dd {margin-top: 5px; margin-left: 1.3em;}
.sub2010 .row > dl.last dt:after {display: none;}
.sub2010 dl:after {content:''; clear:both; height: 10px; display: block;}
.sub2010 dl dt {float: left; font-weight: 800;margin-right: 20px}
.sub2010 dl dt:before {content:''; display: inline-block; width: 6px; height: 6px; background: #fff; border:3px solid #002f68; border-radius: 50%; vertical-align: middle; margin-right: 10px;margin-top: -3px;}
.sub2010 dl dt:after {content:'';display: inline-block;width: 1px;height: 20px;background: #002f68;vertical-align: middle;margin-top: -3px;margin-left: 20px;}
.sub2010 dl dd {float: left; }
.sub2010 .check {width:15px; height: 15px; border: 3px solid #fe9e25; background: #fff; border-radius: 50%; display: block; margin: auto;}
.sub2010 .tbl--vert th, .sub2010 .tbl--vert td {text-align: center;vertical-align: middle; border-right: 1px solid #ddd;word-break: keep-all;}
.sub2010 .tbl--vert td:last-child {border-right: 1px solid #ddd;}
.sub2010 .tbl--vert th.last, .sub2010 .tbl--vert td.last {border-right: none;}
.sub2010 .bg_list {margin-top: 10px; float: right;margin-bottom: 10px;}
.sub2010 .bg_list li {float: left;margin-right: 25px;}
/* .sub2010 .bg_list li span {width: 18px;height: 18px; display: inline-block; vertical-align: middle; margin-right: 8px; margin-top: -3px; border: 1px solid #ddd;} */
.sub2010 .bg_list p{display: inline-block;  width: 60px; height: 20px; margin-right: 8px;  margin-top: -3px; vertical-align: middle; border: 1px solid #d7d7d7;}
.sub2010 .bg_list span small{font-size: 0.785rem;}
.bg1 {background: #f0e8ff;}
.bg2 {background: #eff6fe;}
.bg3 {background: #fffbd9;}
.bg4 {background: #ffe9c8;}
.bg5 {background: #e2ffbf;}
.bg6 {background: #fbe0ff;}
.bg7 {background: #ffe1df;}
.bg8 {background: #dafbff;}
.sub2010 .btn {float: right; padding: 7px 30px; margin-top: -46px;}
.sub2010 .btn a {color: #fff; display: inline-block;}

/* Background and Plan */
.sub2012 .bd {margin: 13px 0;}
.sub2012 .step:after {content:''; display: block; width: 203px; height: 70px; margin: 1.3rem auto; background:url('/design/default/img/sub/i_step_arrow.png') bottom center no-repeat; }
.sub2012 .step .step__tit { text-align: center; font-size: 1.15rem; background: #184c8c; color: #fff; padding: 0.875rem 0; border-radius: 15px; }
.sub2012 .step .f_left {width: 30%; margin-right: 2%; margin-top: 1rem;}
.sub2012 .step .f_left p {background: #eff6fe; text-align: center; font-size: 1.8rem; height:228px; padding-top: 77px; line-height: 1.3em; font-weight: 800; border: 1px solid #184c8c; color: #002f68;}
.sub2012 .step .f_left p .br {display: block;}
.sub2012 .step .f_right {width: 68%; margin-top: 1rem; padding: 1.5% 2%; border: 1px solid #184c8c;}
.sub2012 .bd .tbl--vert {float: left; width: 49%;}
.sub2012 .bd .tbl--vert:last-child {margin-left: 2%;}
.sub2012 .bd .tbl--vert th, .sub2012 .bd .tbl--vert td {text-align: center;vertical-align: middle; padding: 10px 5px;}
.sub2012 .bd .tbl--vert td .list_bull li {text-align: left;}
.sub2012 .bd .tbl--vert th.tbl__tit {font-size: 1.2rem; font-weight: 800;}
.sub2012 .bd .tbl--vert th.tbl__sub__tit {background-color: #f5f5f5;}
.sub2012 .bd .tbl--vert:first-child tbody td {padding: 0.68rem 0.75rem;}
.sub2012 .bd .tbl--vert:first-child tbody tr:last-child td {padding-top:0.75rem;}
.sub2012 .plan .step {position: relative;margin-top: 30px;padding-bottom: 1px;}
.sub2012 .plan .step .bd {padding: 3% 3% 2%;}
.sub2012 .plan .step .bd__tit {position: absolute; top: -19px; left: 3%; font-size: 1.2rem; background: #184c8c; padding: 6px 65px; border-radius: 10px; color: #fff;}
.sub2012 .plan dl {float: left;width: 49%; margin-bottom: 2%;}
.sub2012 .plan dl:nth-child(2n) {margin-left: 2%;}
.sub2012 .plan dt {text-align: center; font-size: 1.2rem; background: #184c8c; padding: 10px 0; color: #fff;}
.sub2012 .plan dd.bd {margin: 0;min-height:118px;padding: 3% 5%;}

/* 오시는 길 */
.sub2014 .map {margin-top: 40px;}
.sub2014 dl {margin-bottom: 20px;}
.sub2014 dl dt {width: 20%;margin-right: 0;}
.sub2014 dl dt:after {display: none;}
.sub2014 dl dd {float: right;width: 80%;margin-bottom: 5px;}
.sub2014 dl dd + dd {margin-bottom: 0;}
.sub2014 dl dd strong {color: #184c8c; font-weight: 800;display: block;}

/* 부스안내 */
.sub2412 .tbl--vert td {vertical-align: middle; border-right: 1px solid #ddd;}
.sub2412 .tbl--vert td .list_bull li {line-height: 1.8em;}

/* 기조연설 */
.col-xs-3, .col-xs-9 {float: left;}
.col-xs-3 {width:  25%;}
.col-xs-9 {width:  75%;}
.sub2210 .speaker__head {margin-top: 1.7rem; margin-bottom: 5rem;}
.sub2210 .speaker__profile { text-align: center;}
.sub2210 .speaker__profile img {border: 7px solid #fff; box-shadow: 0px 0px 15px rgba(0,0,0,0.3);}
.sub2210 .speaker__info {padding-left: 2%;}


/*투자설명회*/
.sub1113{overflow: hidden;}
.sub1113 .row {float: left;}
.sub1113 dl:after {content:''; clear:both; height: 10px; display: block;}
.sub1113 dl dt {float: left; font-weight: 800;margin-right: 20px}
.sub1113 dl dt:before {content:''; display: inline-block; width: 6px; height: 6px; background: #fff; border:3px solid #002f68; border-radius: 50%; vertical-align: middle; margin-right: 10px;margin-top: -3px;}
.sub1113 dl dt:after {content:'';display: inline-block;width: 1px;height: 20px;background: #002f68;vertical-align: middle;margin-top: -3px;margin-left: 20px;}
.sub1113 dl dd {float: left; }
.sub1113 dl dd small {margin: 1rem 0;display: block;font-size: 0.975rem;color: #666;}
.sub1113 .img_wrap{display: inline-block; margin: 2em 0 0 4em;}

/*전시EXPO*/
.sub1110{overflow: hidden;}
.sub1110 .row > p{margin-bottom: 2rem;}
.sub1110 dl:after {content:''; clear:both; height: 10px; display: block;}
.sub1110 dl dt {float: left; font-weight: 800;margin-right: 20px}
.sub1110 dl dt:before {content:''; display: inline-block; width: 6px; height: 6px; background: #fff; border:3px solid #002f68; border-radius: 50%; vertical-align: middle; margin-right: 10px;margin-top: -3px;}
.sub1110 dl dt:after {content:'';display: inline-block;width: 1px;height: 20px;background: #002f68;vertical-align: middle;margin-top: -3px;margin-left: 20px;}
.sub1110 dl dd {float: left; }
.sub1110 dl dd small {margin: 1rem 0;display: block;font-size: 0.975rem;color: #666;}
.sub1110 .img_wrap{margin: 2em 0 0; text-align: center;}
.sub1110 .img_wrap img{display: inline-block; }

/*전문 포럼*/
.sub1111{overflow: hidden;}
.sub1111 .row > p{margin-bottom: 2rem;}
.sub1111 dl:after {content:''; clear:both; height: 10px; display: block;}
.sub1111 dl dt {float: left; font-weight: 800;margin-right: 20px}
.sub1111 dl dt:before {content:''; display: inline-block; width: 6px; height: 6px; background: #fff; border:3px solid #002f68; border-radius: 50%; vertical-align: middle; margin-right: 10px;margin-top: -3px;}
.sub1111 dl dt:after {content:'';display: inline-block;width: 1px;height: 20px;background: #002f68;vertical-align: middle;margin-top: -3px;margin-left: 20px;}
.sub1111 dl dd {float: left; }
.sub1111 dl dd small {margin: 1rem 0;display: block;font-size: 0.975rem;color: #666;}
.sub1111 .check {width:15px; height: 15px; border: 3px solid #fe9e25; background: #fff; border-radius: 50%; display: block; margin: auto;}
.sub1111 .tbl--vert th, .sub1111 .tbl--vert td {text-align: center;vertical-align: middle; border-right: 1px solid #ddd;word-break: keep-all;}
.sub1111 .tbl--vert td:last-child {border-right: 1px solid #ddd;}
.sub1111 .tbl--vert th.last, .sub1111 .tbl--vert td.last {border-right: none;}
.sub1111 .bg_list {margin-top: 10px;}
.sub1111 .bg_list li {float: left;margin-right: 25px;}
.sub1111 .bg_list li span {width: 18px;height: 18px; display: inline-block; vertical-align: middle; margin-right: 8px; margin-top: -3px; border: 1px solid #ddd;}
.sub1111 tbody .c_01 td{background: #6ac9be;}
.sub1111 tbody .c_02 td{background: #ffdd75;}
.sub1111 tbody .c_03 td{background: #22bffa;}
.sub1111 tbody .c_04 td{background: #ffc77e;}
.sub1111 tbody .c_05 td{background: #e4e4e4;}
.sub1111 tbody .c_06 td{background: #4cd2f8;}
.sub1111 tbody tr td.td_wh{background: #fff;}
.sub1111 .top_list{float: right; display: table; margin: 1rem 0; vertical-align: bottom;}
.sub1111 .top_list li{display: table-cell;}
.sub1111 .top_list li p{ padding: 0.85rem 1.45rem; font-size: 0.695rem;}
.sub1111 .top_list li p.c_01{background: #6ac9be;}
.sub1111 .top_list li p.c_02{background: #ffdd75;}
.sub1111 .top_list li p.c_03{background: #22bffa;}
.sub1111 .top_list li p.c_04{background: #ffc77e;}
.sub1111 .top_list li p.c_05{background: #e4e4e4;}
.sub1111 .top_list li p.c_06{background: #4cd2f8;}

/* 채용이벤트 */
.sub2010.sub2114 .row > dl.nth3 dd {margin-top: 5px; margin-left: 1.3em;}
.sub2010.sub2114 .row > dl.nth3 dt:after {display: none;}
.sub2114 .sub_sec { margin-top: 7rem; border-top: 2px dotted #002f68; padding-top: 5rem;}
.sub2114 .sub_sec .sub__tit {line-height: 1.4em;}
.sub2114 .sub_sec .sub__tit span {display: inline-block;width: 13px;}
.sub2114 .sub_sec .row > dl:last-child dd {margin-top: 0; margin-left: 0;}
.sub2114 .sub_sec .row > dl:last-child dt:after {display: inline-block;}
.sub2114 .tbl--vert th {padding: 10px; font-size: 1.1rem;}

@media all and (max-width:480px) {
}

@media all and (max-width:540px) {
}


@media all and (min-width:1000px) {

	.sub2012 .step .f_left p {  height: 143px; padding-top: 32px;}

}

@media all and (max-width:991px) {

	.sub_visu img {left: 46.5%;}
	.sub2012 .step .f_left {float: none; width: 100%; margin-right: 0;}
	.sub2012 .step .f_right {width: 100%;}
	.sub2012 .step .f_left p {height: auto; padding-top: 0; padding: 10px;}
	.sub2012 .step .f_left p .br {display: inline-block;}
}