﻿#header .header_wrap .util {margin-right:0 !important;}

/* 인사말 */
.ceo_photo_wrap {position:relative; padding-top:5.85rem; letter-spacing:-1px;}
.ceo_photo_wrap .ceo_photo {position:absolute; bottom:0; left:2.5rem; z-index:2; }
.ceo_photo_wrap .ceo_photo img {max-width:100%;}
.ceo_photo_wrap .ceo_photo:before {position:absolute; top:4.5rem; right:1rem; background:url('/images/web/ieec/sub/img0401_02.png') repeat 0 0; width:93px; height:60px; z-index:-1; content:'';}
.ceo_photo_wrap .ceo_name {border-radius:1rem 5rem 0 1rem; background:#f0fbff; height:10rem; padding: 2.5rem 0 0 18.75rem; font-size:1.3rem; line-height:1.3; color:#444;}
.ceo_photo_wrap .ceo_name:before {position:absolute; bottom:0; right:4.5rem; background:url('/images/web/ieec/sub/img0401_03.png') repeat 0 0; width:87px; height:156px; z-index:0; content:'';}
.ceo_photo_wrap .ceo_name strong {position:relative; font-size:2rem; font-weight:600; color:#222; padding:0 0.3rem; letter-spacing:-2px; z-index:1;}
.ceo_photo_wrap .ceo_name strong:before {position:absolute; bottom:0.15rem; left:0; background:#cae9fb; width:100%; height:1rem; border-radius:0.5rem; z-index:-1; content:'';}
.greeting_tit {margin-top:2rem; border:1px dashed #1b7bdf; padding:0.95rem 1rem; word-break:keep-all; line-height:1.5rem; text-align:center; border-radius:1.75rem; font-size:1.1rem; color:#444;}
.greeting_tit strong {font-weight:600; color:#053c80;}
.greeting_txt {font-size:0.8rem; line-height:1.75rem; color:#222; padding:2rem 1.25rem; word-break:keep-all;}

/* 연혁 */
.history_tit {position:relative; font-size:1.75rem; font-weight:700; text-align:center; color:#222;}
.history_tit:before,
.history_tit:after {content:''; position:absolute; left:50%;}
.history_tit:before {width:46px; height:33px; top:0; background:url('/images/web/ieec/sub/img0402_01.png') repeat 0 0; margin-left:-7rem; top:0.6rem; }
.history_tit:after {width:29px; height:29px; top:0; background:url('/images/web/ieec/sub/img0402_02.png') repeat 0 0; margin-left:4.5rem; top:0; }
.history_tit span {display:block; font-weight:400; font-size:0.9rem;}
.history_img {width:25rem; height:12.5rem; margin:1.5rem auto; border-radius:1rem; overflow:hidden;}
.history_img img {width:100%;}
.history_list_wrap {position:relative; z-index:0; padding-bottom:3rem;}
.history_list_wrap:before {position:absolute; top:0; left:50%; width:1px; height:100%; border-left:1px dashed #a8b7c6; z-index:-1; content:'';}
.history_list_wrap .history_year {width:7.3rem; height:7.3rem; border-radius:50%; border:13px solid #e8f2fc; background:#017ce3; text-align:center; color:#fff; font-size:1rem; line-height:1.1; padding:1.3rem 1.5rem; margin:0 auto;}
.history_list_wrap ul {padding-top:2rem;}
.history_list_wrap li {position:relative; padding-bottom:3rem; overflow:hidden;}
.history_list_wrap li p {position:relative; width:50%; font-size:0.8rem;}
.history_list_wrap li p:before,
.history_list_wrap li p:after {content:''; position:absolute;}
.history_list_wrap li p:before {top:0.25rem; width:0.85rem; height:0.85rem; border-radius:50%; background:#fff; border:4px solid #017ce4;}
.history_list_wrap li p:after {top:0.65rem; width:2rem; height:1px; border-top:1px dashed #a8b7c6; }
.history_list_wrap li:nth-child(odd) p {float:right; padding-left:9rem;}
.history_list_wrap li:nth-child(odd) p:before {left:-0.4rem;}
.history_list_wrap li:nth-child(odd) p:after {left:1.25rem; }
.history_list_wrap li:nth-child(even) p {text-align:right; padding-right:9rem;}
.history_list_wrap li:nth-child(even) p:before {right:-0.45rem;}
.history_list_wrap li:nth-child(even) p:after { right:1.25rem; }
.history_list_wrap li p span {position:absolute; font-size:0.9rem; font-weight:600; color:#007de3;}
.history_list_wrap li:nth-child(odd) p span {left:3.8rem;}
.history_list_wrap li:nth-child(even) p span {right:3.8rem;}

/* 오시는길 */
.map_wrap {border-radius:1rem 1rem 0 0; background:#d6d6d6; display:flex; height:25rem; align-items:center; justify-content:center; color:#fff; font-size:1.6rem;}
.map_info {border-radius:0 0 1rem 1rem; background:#0082fe; padding:1rem 3rem; display:flex; justify-content:space-between;}
.map_info li {position:relative; color:#fff; font-size:0.85rem;}
.map_info li ~ li:before {position:absolute; left:-2.5rem; top:50%; width:1px; height:15px; border-left:1px dashed #fff; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); content:'';}
.map_info li span {display:inline-block; width:2.25rem; height:2.25rem; border-radius:50%; background:#fff; margin-right:1rem; line-height:2.25rem; text-align:center; font-size:1.25rem; color:#090909; vertical-align:middle;}
.map_businfo li {display:flex; align-items:center; margin-bottom:0.5rem;}
.map_businfo li p {border-radius:0.5rem; height:7.5rem;}
.map_businfo li .bus_start {display:flex; flex-direction:column; width:10rem; margin-right:1rem; background:#edf5ff; text-align:center; padding-top:1.25rem;}
.map_businfo li .bus_start span {display:inline-block; width:3.5rem; height:3.5rem; line-height:3.5rem; text-align:center; border-radius:50%; margin: 0 auto 0.5rem; background:#fff; color:#444; box-shadow:7px 7px 3px rgba(221,227,230,0.5);}
.map_businfo li .bus_process {flex:1; border:1px dashed #aec7e1; display:flex; align-items:center; padding:2rem;}

/* faq */
.faq_sch_wrap {position:relative; border-radius:1.25rem; background:#f5f6fa; text-align:center; padding:1.25rem 2.5rem 2.25rem;}
.faq_sch_wrap select,
.faq_sch_wrap input,
.faq_sch_wrap button {border-radius:0.5rem; border:1px solid #b5b5b7; height:2.5rem; padding:0 0.5rem; vertical-align:middle;}
.faq_sch_wrap select {width:7.5rem;}
.faq_sch_wrap input {width:calc(100% - 17rem);}
.faq_sch_wrap button {width:7.5rem; border-color:#616161; background:#616161; color:#fff; font-size:1.1rem; }
.faq_sch_wrap .faq_sch_down {position:absolute; bottom:-1rem; left:50%; width:6rem; line-height:2rem; border-radius:1rem; background:#949494; font-size:1rem; color:#fff; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);}
.faq-box {margin-top:3rem;}
.faq-box > ul > li {}
.faq-box > ul > li ~ li {margin-top:0.75rem;}
.faq-box__question {position:relative; cursor:pointer; padding:0.75rem 4rem 0.75rem 3.5rem; font-size:0.9rem; color:#222; border:1px solid #b5b5b5; transition: all .2s; -webkit-transition: all .2s;}
.faq-box__question::after {position:absolute; top:0; right:0; height:100%; line-height:2.9rem; width:3rem; text-align:center; content:"\e94a"; font-family:'xeicon'; font-size:1rem; color:#b6b6b6; border-left:1px solid #b5b5b5; transition: all .2s; -webkit-transition: all .2s;}
.faq-box__question span,
.faq-box__answer span {position:absolute; left:1rem; display:inline-block; width:2rem; height:2rem; line-height:2rem; margin-right:0.5rem; text-align:center; border-radius:50%; color:#fff; font-size:1rem;}
.faq-box__question span {top:0.5rem; background:#017ce3;}
.faq-box__answer {display:none; position:relative; background:#f1f8fe; border-radius:0 0 0.5rem 0.5rem; padding:1.5rem 3rem 2rem 3.5rem;}
.faq-box__answer span {top:1rem; background:#003883;}
.faq-box__box1 {padding:0.5rem 1.5rem 1.25rem; border-radius:0.5rem; background:#fff; margin-top:1rem; box-shadow:4px 4px 5px rgba(136,137,138,0.15);}
.faq-box__answer p {margin-top:1rem;}
/* faq.on */
.faq-box > ul > li.on > .faq-box__question {border-radius:0.5rem 0.5rem 0 0; border-color:#007de3; box-shadow:0 0 6px rgba(8,134,219,0.15);}
.faq-box > ul > li.on > .faq-box__question::after {background:#017ce3; border-color:#017ce3; content:"\e941"; color:#fff; border-top-right-radius:0.4rem;}

/* 발명채움관 */
.sub_slide {position:relative; border-radius:0.5rem; background:#f5f6f8; padding:1.5rem 4.5rem 3rem; margin-top:1.5rem;}
.sub_slide .slider {}
.sub_slide .item {border-radius:0.5rem; background:#fff; overflow:hidden; margin:0 0.625rem;}
.sub_slide .item img { position: relative; left:50%; width:100%; height:auto; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.sub_slide .control .prev,
.sub_slide .control .next {position:absolute; top: 35%; width:2.5rem; height:2.5rem; border-radius:50%; background-color:#fff; background-repeat:no-repeat; background-position:center center; box-shadow: 3px 3px 6px rgba(115,115,115,0.15);}
.sub_slide .control .prev {background-image:url('/images/web/ieec/sub/img0103_prev.png'); left:1rem;}
.sub_slide .control .next {background-image:url('/images/web/ieec/sub/img0103_next.png'); right:1rem;}
.sub_slide .control > a.play,
.sub_slide .control > a.stop {position:absolute; bottom:0.95rem; right:50%; margin-right:-7rem; color:#8f959d; }
.sisul2 .control > a.play,
.sisul2 .control > a.stop {margin-right:-8.5rem; }
.sisul3 .control > a.play,
.sisul3 .control > a.stop {margin-right:-4rem; }
.sisul4 .control > a.play,
.sisul4 .control > a.stop {margin-right:-5.5rem; }
.sisul5 .control > a.play,
.sisul5 .control > a.stop {margin-right:-13rem; }
.sisul6 .control > a.play,
.sisul6 .control > a.stop {margin-right:-8.5rem; }
.sub_slide .control > a.play{display:none;}
.slick-dots {position: absolute; left:0; bottom: 1.25rem; display: block; width: 100%; padding-right: 20px; margin: 0; list-style: none; text-align: center;}
.slick-dots li {position: relative; display: inline-block; margin: 0 5px; padding: 0; cursor: pointer;}
.slick-dots li button {font-size: 0; line-height: 0; display: inline-block; width: 10px; height: 10px; border-radius:5px; cursor: pointer; color: transparent; border: 0; outline: none; background: #c0c5cb;}
.slick-dots li button:hover,
.slick-dots li button:focus {}
.slick-dots li.slick-active button {width:30px; background: #017ce3;}

/* 관련법령 */
.sub_box_Scrl {height:400px; overflow-y:auto;}

/* 정보공개처리흐름도 */
.info_process dl {display:flex; margin-bottom:0.5rem; word-break:keep-all;}
.info_process dt {position:relative; display:flex; flex-direction:column;  justify-content:center; width:12.5rem; margin-right:0.5rem; border-radius:1rem 1rem 0 1rem; background:#0090fb; color:#fff; padding:1.75rem 0 1.75rem 4.25rem; font-size:0.9rem; line-height:1.4;}
.info_process dt span {position:absolute; left:1.25rem; top:50%; width:2.3rem; height:2.3rem; line-height:2.3rem; text-align:center; border-radius:50%; background:#fff; font-size:1.2rem; font-weight:800; color:#0090fb; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.info_process dt strong {display:block; width:100%; font-size:1rem; font-weight:600;}
.info_process dl:nth-child(2) dt {background:#196ee1;}
.info_process dl:nth-child(2) dt span {color:#196ee1;}
.info_process dl:nth-child(3) dt {background:#3357bf;}
.info_process dl:nth-child(3) dt span {color:#3357bf;}
.info_process dl:nth-child(4) dt {background:#254190;}
.info_process dl:nth-child(4) dt span {color:#254190;}
.info_process dl:nth-child(5) dt {background:#183175;}
.info_process dl:nth-child(5) dt span {color:#183175;}
.info_process dl:nth-child(6) dt {background:#1e2d56;}
.info_process dl:nth-child(6) dt span {color:#1e2d56;}
.info_process dd {display:flex; align-items:center; flex:1; background:#f5f5f5; border-radius:1rem 1rem 1rem 0; padding:0.5rem 1.5rem 1rem;}

/* 이용약관 */
.privacy-contents-wrap > div {margin-top:2rem; padding-bottom:2rem; border-bottom:1px dashed #ccc;}
.privacy-contents-wrap > div:first-child {margin-top:0;}
.privacy-contents-wrap > div:last-child {padding-bottom:0; border-bottom:none;}
.privacy-contents-wrap > div h5 {margin-top:1rem;}

@media (min-width:1301px) and (max-width:1400px) {
	/* 오시는길 */
	.map_info li ~ li:before {left:-1.5rem;}
}

@media (min-width:1241px) and (max-width:1300px) {
	/* 오시는길 */
	.map_info li ~ li:before {left:-0.75rem;}
}

@media (max-width:1050px) {
	/* 오시는길 */
	.map_info li ~ li:before {left:-1.5rem;}
}

@media (max-width:1024px) {
	/* 발명채움관 */
	.sub_slide {padding:1.5rem 3.75rem 3rem;}
}

@media (max-width:1000px) {
	/* 오시는길 */
	.map_info li ~ li:before {left:-0.65rem;}
}


@media (max-width:960px){
	/* 연혁 */
	.history_list_wrap li:nth-child(odd) p {padding-left:4rem;}
	.history_list_wrap li:nth-child(even) p {padding-right:4rem;}
	.history_list_wrap li p span {position:relative; display:block;}
	.history_list_wrap li:nth-child(odd) p span {left:auto;}
	.history_list_wrap li:nth-child(even) p span {right:auto;}
	
	/* 오시는길 */
	.map_info {flex-direction:column; padding: 1rem 1.5rem;}
	.map_info li ~ li {margin-top:0.5rem;}
	.map_info li ~ li:before {display:none;}
	.map_businfo li .bus_start {width:9rem;}
	.map_businfo li .bus_process {padding:1.5rem;}
}

@media (max-width:768px){
	/* 인사말 */
	.ceo_photo_wrap {padding-top:2rem;}
	.ceo_photo_wrap .ceo_photo {width:8.75rem;}
	.ceo_photo_wrap .ceo_photo:before {top:4rem; right:0;}
	.ceo_photo_wrap .ceo_name {border-radius:1rem 4rem 0 1rem; height:8.5rem; padding: 2.5rem 0 0 13rem; font-size:1.2rem;}
	.ceo_photo_wrap .ceo_name:before {right:1rem;}
	.ceo_photo_wrap .ceo_name strong {font-size:1.65rem;}
	.greeting_tit {margin-top:1.5rem; padding:0.75rem 1rem; line-height:1.5rem; font-size:1rem;}
	.greeting_txt {font-size:0.75rem; line-height:1.5rem; padding:1.5rem 0.5rem;}
	
	/* 연혁 */
	.history_tit {font-size:1.65rem;}
	.history_tit span {font-size:0.8rem;}
	.history_list_wrap:before {left:3.5rem;}
	.history_list_wrap .history_year {margin:0;}
	.history_list_wrap ul {padding-top:2rem;}
	.history_list_wrap li {position:relative; padding-bottom:3rem; overflow:hidden;}
	.history_list_wrap li p {width:calc(100% - 3.5rem); font-size:0.75rem;}
	.history_list_wrap li:nth-child(odd) p {float:right;}
	.history_list_wrap li:nth-child(even) p {float:right; text-align:left; padding-right:0; padding-left:4rem;}
	.history_list_wrap li:nth-child(even) p:before {right:auto; left:-0.45rem;}
	.history_list_wrap li:nth-child(even) p:after {right:auto; left:1.25rem;}
	.history_list_wrap li:nth-child(even) p span {right:auto; left:0; font-size:0.85rem;}
	
	/* 오시는길 */
	.map_wrap {height:17.5rem;}
	.map_info li {font-size:0.8rem;}
	.map_info li span {width:2rem; height:2rem; line-height:2rem; font-size:1.15rem;}
	.map_businfo li {display:flex; align-items:center; margin-bottom:1rem; flex-direction:column;}
	.map_businfo li p {height:auto;}
	.map_businfo li .bus_start {flex-direction:row; width:100%; margin-right:0; background:#edf5ff; text-align:left; padding:0.5rem 0 0.35rem; margin-bottom:0.5rem; align-items:center;}
	.map_businfo li .bus_start span {width:3rem; height:3rem; line-height:3rem; margin: 0 1rem;}
	.map_businfo li .bus_process {padding:0.75rem 1.25rem;}
	
	/* faq */
	.faq_sch_wrap {border-radius:1rem; padding:0.75rem .75rem 2rem;}
	.faq_sch_wrap select,
	.faq_sch_wrap input,
	.faq_sch_wrap button {height:2.25rem;}
	.faq_sch_wrap select {width:100%;}
	.faq_sch_wrap input {width:100%; margin-top:0.25rem;}
	.faq_sch_wrap button {width:100%; padding:0; margin-top:0.25rem;}
	.faq-box {margin-top:2.5rem;}
	.faq-box > ul > li {}
	.faq-box > ul > li ~ li {margin-top:0.75rem;}
	.faq-box__question {padding:0.65rem 3rem 0.65rem 2.75rem; font-size:0.85rem;}
	.faq-box__question::after {line-height:2.7rem; width:2.5rem;}
	.faq-box__question span,
	.faq-box__answer span {left:0.5rem; width:1.75rem; height:1.75rem; line-height:1.75rem; font-size:0.9rem;}
	.faq-box__question span {top:0.45rem;}
	.faq-box__answer {padding:1rem 1rem 1.5rem 2.75rem;}
	.faq-box__answer span {top:0.75rem;}
	.faq-box__box1 {padding:0.25rem 1rem 1rem; margin-top:0.75rem;}
	.faq-box__answer p {margin-top:0.75rem;}
	
	/* 정보공개처리흐름도 */
	.info_process dl {flex-direction:column;}
	.info_process dt {width:100%; margin-right:0; margin-bottom:0.5rem; border-radius:1rem 1rem 0 1rem; padding:0.5rem 0 0.5rem 4rem; font-size:0.85rem;}
	.info_process dt span {width:2.2rem; height:2.2rem; line-height:2.2rem; font-size:1.1rem;}
	.info_process dt strong {font-size:0.95rem;}
	.info_process dd {border-radius:1rem 0 1rem 1rem; padding:0.5rem 1.5rem 1rem;}
}

@media (max-width:580px){
	/* 인사말 */
	.ceo_photo_wrap {padding-top:0;}
	.ceo_photo_wrap .ceo_photo {left:1rem; width:5.5rem;}
	.ceo_photo_wrap .ceo_photo:before {top:2rem; right:-0.75rem; width:80px;}
	.ceo_photo_wrap .ceo_name {border-radius:1rem 3rem 0 1rem; height:6.5rem; padding: 1.5rem 0 0 40%; font-size:1.1rem;}
	.ceo_photo_wrap .ceo_name:before {display:none;}
	.ceo_photo_wrap .ceo_name strong {font-size:1.5rem;}
	
	/* 연혁 */
	.history_tit {font-size:1.6rem;}
	.history_tit:before {margin-left:-6.5rem;}
	.history_tit:after {margin-left:4rem;}
	.history_tit span {font-size:0.75rem;}
	.history_img {width:100%; height:auto;}
	.history_list_wrap {padding-bottom:0;}
	.history_list_wrap:before {left:2.5rem;}
	.history_list_wrap .history_year {width:5rem; height:5rem; border-width:10px; font-size:0.9rem; padding:0.65rem 0.75rem; line-height:1;}
	.history_list_wrap li {padding-bottom:2rem;}
	.history_list_wrap li p {width:calc(100% - 2.5rem); padding-right:1rem !important;}
	.history_list_wrap li p:after {display:none;}
	.history_list_wrap li:nth-child(odd) p,
	.history_list_wrap li:nth-child(even) p {padding-left:1rem;}
	
	/* 오시는길 */
	.map_wrap {height:12.5rem;}
	.map_info li span {margin-right:.5rem;}
	
	/* 발명채움관 */
	.sub_slide {padding:1.25rem 2.5rem 3rem;}
	.sub_slide .control .prev,
	.sub_slide .control .next {top: 35%; width:2rem; height:2rem; background-size:45%;}
	.sub_slide .control .prev {left:0.5rem;}
	.sub_slide .control .next {right:0.5rem;}
	.sub_slide .control > a.play,
	.sub_slide .control > a.stop {bottom:0.35rem; right:0.75rem; margin-right:0; }
	.slick-dots {display: flex !important; flex-wrap:wrap; padding:0 1.5rem; justify-content:center; bottom:1rem;}
	.slick-dots li {height:1rem;}
}

@media (max-width:480px){
	/* 인사말 */
	.ceo_photo_wrap .ceo_photo {position:relative; left:auto; bottom:auto; margin:0 auto;}
	.ceo_photo_wrap .ceo_photo:before {top:2rem; right:-0.75rem; width:80px;}
	.ceo_photo_wrap .ceo_name {border-radius:1rem 2rem 0 1rem; height:auto; padding: 1rem 0; text-align:center;}
	.greeting_txt {padding:1.5rem 0;}
	
	/* 오시는길 */
	.map_businfo li p {font-size:0.75rem;}	
	
	/* 정보공개처리흐름도 */
	.info_process dt {padding:0.5rem 0 0.5rem 3.5rem;}
	.info_process dt span {left:0.75rem;}
	.info_process dd {padding:0.25rem 1rem 0.75rem;}
}

@media (max-width:380px){
	/* 발명채움관 */
	.sub_slide.sisul5 {padding-bottom:4rem;}
	
}

@media (max-width:320px){
	
}