@charset "utf-8";

/**/
.ui-page-tab {margin-top:0px; border-bottom:0; background:#f6f6f6; border-radius: 40px; }
.ui-page-tab > ul li {display: table-cell; width: 1%; float: none; position: relative;}
.ui-page-tab > ul li.on{background:#3fb85f; border-radius: 40px;}
.ui-page-tab li a {font-family: 'Gmarket'; font-weight:300; height:unset; line-height:1em; padding:22px 10px; color:#606060; font-size:20px; overflow-y:visible;}
.ui-page-tab li.on a{color:#fff;}
.ui-page-tab li.on a:hover{color:#fff; font-weight:300;}
.ui-page-tab li a:hover	{color:#3fb85f; font-weight: 500;}
@media all and (max-width:767px){
	.ui-page-tab li a{font-size:16px; padding:16px 10px;}
	.ui-page-tab > ul li{display:block; width:33%; float:left; position:relative;}
}
@media all and (max-width:480px){
	.ui-page-tab{border-radius: 0; margin-top:110px}
	.ui-page-tab > ul li{display:block; width:50%; float:left; position:relative;}
	.ui-page-tab > ul li.on{border-radius: 0;}
	
}

/********************** 기본정의 추가  **********************/

.text-left{text-align:left!important;}
.text-right{text-align:right!important;}
.text-center{text-align:center!important;}
.text-justify{text-align:justify!important;}

.mg3r { margin-right:3px}
.mg10r { margin-right:10px}
.mg20r { margin-right:20px}
.mg10t { margin-top: 10px;}
.pad5a {padding:5px}
.pad5tf {padding-top:5px;padding-bottom:5px}
.pad5lr {padding-left:5px;padding-right:5px;}
.pad5r {padding-right:5px}
.pad5l {padding-left:5px}
.pad5t {padding-top:5px}
.pad5f {padding-bottom:5px}
.pad10a {padding:10px}
.pad10tf {padding-top:10px;padding-bottom:10px}
.pad10lr {padding-left:10px;padding-right:10px;}
.pad10r {padding-right:10px}
.pad10l {padding-left:10px}
.pad10t {padding-top:10px}
.pad10f {padding-bottom:10px}
.pad15a {padding:15px}
.pad15tf {padding-top:15px;padding-bottom:15px}
.pad15lr {padding-left:15px;padding-right:15px;}
.pad15r {padding-right:15px}
.pad15l {padding-left:15px}
.pad15t {padding-top:15px}
.pad15f {padding-bottom:15px}
.pad20a {padding:20px}
.pad20tf {padding-top:20px;padding-bottom:20px}
.pad20lr {padding-left:20px;padding-right:20px;}
.pad20r {padding-right:20px}
.pad20l {padding-left:20px}
.pad20t {padding-top:20px}
.pad20f {padding-bottom:20px}
.pad25a {padding:25px}
.pad25tf {padding-top:25px;padding-bottom:25px}
.pad25lr {padding-left:25px;padding-right:25px;}
.pad25r {padding-right:25px}
.pad25l {padding-left:25px}
.pad25t {padding-top:25px}
.pad25f {padding-bottom:25px}
.pad30a {padding:30px}
.pad30tf {padding-top:30px;padding-bottom:30px}
.pad30lr {padding-left:30px;padding-right:30px;}
.pad30r {padding-right:30px}
.pad30l {padding-left:30px}
.pad30t {padding-top:30px}
.pad30f {padding-bottom:30px}
.pad40a {padding:40px}
.pad40tf {padding-top:40px;padding-bottom:40px}
.pad40lr {padding-left:40px;padding-right:40px;}
.pad40r {padding-right:40px}
.pad40l {padding-left:40px}
.pad40t {padding-top:40px}
.pad40f {padding-bottom:40px}
.pad50a {padding:50px}
.pad50tf {padding-top:50px;padding-bottom:50px}
.pad50lr {padding-left:50px;padding-right:50px;}
.pad50r {padding-right:50px}
.pad50l {padding-left:50px}
.pad50t {padding-top:50px}
.pad50f {padding-bottom:50px}

.w90 {width:90px;}
.w80 {width:80px;}
.w70 {width:70px;}
.w60 {width:60px;}
.w50 {width:50px;}
.w45 {width:45px;}
.w40 {width:40px;}
.w30 {width:30px;}
.w22 {width:22px;}
.w20 {width:20px;}
.w10{width:10px;}

.w100p {width:100%;}
.w99p {width:99%;}
.w98p {width:98%;}
.w90p {width:90%;}
.w80p {width:80%;}
.w75p {width:75%;}
.w70p {width:70%;}
.w60p {width:60%;}
.w50p {width:49%;}
.w48p {width:48%;}
.w46p {width:46%;}
.w45p {width:44%;}
.w40p {width:40%;}
.w35p {width:35%;}
.w33p {width:33.3333%;}
.w30p {width:30%;}
.w25p {width:25%;}
.w20p{width:20%;}
.w15p{width:15%;}
.w14p{width:14.2857%;}
.w10p{width:10%;}
.w5p {width:5%;}

/* 리스트*/
ul[class^=c-list] {text-align:left}
ul[class^=c-list] > li {font-size:1em;box-sizing:border-box;white-space:normal;position:relative}
ul[class^=c-list] > li:first-child {margin-top:0}
ul[class^=c-list] > li .tit, .c-list01-li .tit, .c-list04-li .tit {display:block;color:#222;font-weight:600}
ul[class^=c-list] > li .tit-in, .c-list01-li .tit-in, .c-list04-li .tit-in {display:inline;color:#222;font-weight:600}
ul[class^=c-list] > li ul li:before {display:block;content:"";width:3px;height:3px;background:#cfcfcf;position:absolute;top:11px;left:0}
ul[class^=c-list] > li ul {margin:7px 0 0 0;font-size:.941em}
ul[class^=c-list] > li ul li {padding:0 0 0 11px;position:relative;font-size:.944em;color:#666;margin-bottom:4px}
[class^=c-list] > li > ul.s-list > li {padding-left:26px}
[class^=c-list] > li > ul.s-list > li:before {display:none}
[class^=c-list] > li > ul.s-list > li > .stit {position:absolute;top:0;left:0;font-weight:500}
.c-list01 > li, .c-list01-li {position:relative;padding:0 0 0 14px;margin-top:0px;text-align:left;margin-top:4px}
.c-list01 > li:first-child, .c-list01-li:first-child, .c-list02 > li:first-child {margin-top:0}
.c-list01 > li:before, .c-list01-li:before {display:block;content:"";position:absolute;top:11px;left:0;width:4px;height:4px;background:#767676;border-radius:50%}
.c-list01 > li .txt {display:inline-block}
.c-list02 {counter-reset:section;}
.c-list02 > li {padding-left:25px}
.c-list02 > li {margin-top:3px}
.c-list02 > li:first-child {margin-top:0}
.c-list02 > li:before {display:block;position:absolute;top:1px;left:0px;color:#222;font-size:.941em;font-weight:600;height:auto}
.c-list02 > li .tit {margin-bottom:2px}
.c-list02.num > li:before {counter-increment:section;content:counters(section, ".") ".";width:24px}
.c-list02.snum > li:before {counter-increment:section;content:counters(section, ".") ")";width:24px}
.c-list02.han > li:before {width:27px}
.c-list02.han > li:nth-child(1):before {content:"가."}
.c-list02.han > li:nth-child(2):before {content:"나."}
.c-list02.han > li:nth-child(3):before {content:"다."}
.c-list02.han > li:nth-child(4):before {content:"라."}
.c-list02.han > li:nth-child(5):before {content:"마."}
.c-list02.han > li:nth-child(6):before {content:"바."}
.c-list02.han > li:nth-child(7):before {content:"사."}
.c-list02.han > li:nth-child(8):before {content:"아."}
.c-list02.han > li:nth-child(9):before {content:"자."}
.c-list02.han > li:nth-child(10):before {content:"차."}
.c-list02.han > li:nth-child(11):before {content:"카."}
.c-list02.han > li:nth-child(12):before {content:"타."}
.c-list02.han > li:nth-child(13):before {content:"파."}
.c-list02.han > li:nth-child(14):before {content:"하."}
.c-list03 {counter-reset:section}
.c-list03 > li {position:relative;padding:0 0 0 35px;margin-top:6px}
.c-list03 > li:first-child {margin-top:0}
.c-list03 > li:before {display:block;position:absolute;top:2px;left:0px;color:#222;font-size:12px;font-weight:400;background:#f1f1f1;border-radius:50%;counter-increment:section;content:counters(section, ".") "";width:23px;height:23px;line-height:22px;box-sizing:border-box;text-align:center;font-family:"lato",sans-serif}
.c-list03.cor1 > li:before {background:#008cd7;color:#fff}
.c-list03.cor2 > li:before {background:#e73f82;color:#fff}
.c-list03 > li .tit {color:#222;display:block;font-weight:500}
.c-list04 > li, .c-list04-li {position:relative;padding:0 0 0 19px;margin-top:4px;text-align:left}
.c-list04 > li:first-child {margin-top:0}
.c-list04 > li:before, .c-list04-li:before {display:block;content:"";width:8px;height:8px;border:2px solid #008cd7;border-radius:50%;box-sizing:border-box;position:absolute;top:9px;left:3px}
.c-list05 {}
.c-list05 > li {position:relative;font-family:"SCoreDream", sans-serif;color:#555;font-weight:400;letter-spacing:-.05em;line-height:2.058;padding-left:20px;box-sizing:border-box}
.c-list05 > li:before {content:'';display:block;width:5px;height:5px;border-radius:50%;background-color:#7fb6ee;position:absolute;top:13px;left:0}


@media all and (max-width:999px){
	.c-list01 > li:before, .c-list01-li:before {top:8px}
}
@media all and (max-width:599px){
	ul[class^=c-list] > li ul li:before {top:8px}
	ul[class^=c-list] > li ul{margin-top:5px}
	.c-list01 > li, .c-list01-li {padding-left:11px}
	.c-list02 > li {padding-left:22px}
	.c-list03 > li {padding-left:34px}
	.c-list03 > li:before {width:20px;line-height:20px;height:20px;font-size:11px}
}

sup,sub{position: relative;font-size: 0.9em;line-height: 0;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
label{cursor:pointer;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;display:table}
caption,legend{overflow:hidden;position:relative;width:0;height:0;margin:0;padding:0;line-height:0}
hr {overflow:hidden; position:absolute; height:0; width:0;}

/* 기본테이블 */
.flip-scroll,.table-pc,.table-responsive{position:relative; line-height:1.4;}
.flip-scroll .table-icon,.table-responsive .table-icon{display:block;opacity:1;}
.table-pc .table-icon{display:none;}

.table{margin-bottom:10px;width:100%;background:#fff;}
.table td,.table th{border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;color:#2d2d2d;}
.table th[scope="row"]{text-align:center !important;}
.table thead th{background:#f4f6f6;color:#222;font-size:15px;font-weight:600;}
.table tbody th{background:#f6fafb;color:#222;}
.table tbody>tr>td, .table tbody>tr>th, .table tfoot>tr>td, .table tfoot>tr>th, .table thead>tr>td, .table thead>tr>th{padding:10px;}

.table tfoot,.table tfoot th{background:#f6f6f6;font-weight:700;}
.table .tfoot{background:#f6f9f9;font-weight:500; }
.table td[rowspan],.table th[rowspan]{border-right:1px solid #d2d2d2;}
.table td:first-child,.table th:first-child{border-left:none;}
.table td:last-child,.table th:last-child{border-right:none; }
.table-bordered{border-top:2px solid #333;border-bottom:1px solid #ccc;}

@media(max-width: 767px) {
    .table-responsive {
        display:block;
        width: 100%;
        overflow-x: auto;
        -ms-overflow-style: 0;
    }

    .table-responsive .table {
        width: 995px;
    }
}

.cBtnBox1 {display:block;width:100%;text-align:center;margin:30px 0}
.cBtnBox1.hasLine {padding:30px 0 0;border-top:1px solid #ddd;}
.cBtnBox1.top {margin:0 0 30px;}
.cBtnBox1.bottom {}
.cBtnBox1 > * {margin:0 3px}
.cBtnBox1:after {content:"";display:block;clear:both}
#popup-wrap .cBtnBox1.top {margin:0 0 30px;padding:0 0 30px;border-bottom:1px solid #ddd;}
#popup-wrap .cBtnBox1.bottom {margin:30px 0 0;padding:30px 0 0;border-top:1px solid #ddd;}
@media all and (max-width:699px) {
	.cBtnBox1 {margin:20px 0 0}
	.cBtnBox1.hasLine {padding:20px 0 0}
	.cBtnBox1 > * {margin:0}
	.cBtnBox1.has3 > * {display:block;float:left;box-sizing:border-box;min-width:0 !important;max-width:none !important}
	.cBtnBox1.has3 > *:nth-child(1) {width:49%;margin-right:2%}
	.cBtnBox1.has3 > *:nth-child(2) {width:49%}
	.cBtnBox1.has3 > *:nth-child(3) {width:100%;margin:5px 0 0}
}
@media all and (max-width:599px) {
	.cBtnBox1.has1 > *,
	.cBtnBox1.has2 > * {display:block;float:left;box-sizing:border-box;min-width:0 !important;max-width:none !important}
	.cBtnBox1.has1 > * {width:100%}
	.cBtnBox1.has2 > * {width:49%;margin-right:2%}
	.cBtnBox1.has2 > *:last-child {margin-right:0}
}

.cw-btn, .cg-btn, .cp-btn, .cdp-btn {box-sizing:border-box;font-size:1em;font-weight:400;display:inline-block;vertical-align:top;line-height:1.1;max-width:330px;min-width:160px;padding:0 80px 0 20px;position:relative;text-align:left;transition:all .3s ease}
a.cw-btn span, a.cg-btn span, a.cp-btn span, a.cdp-btn span {display:flex;align-items:center;height:54px}
input.cw-btn, button.cw-btn {position:relative;padding:0 40px 0 15px;height:40px;cursor:pointer;vertical-align:top}
.cw-btn, a.cw-btn {background:#fff;border:1px solid #c9c9c9;color:#444 !important}
.cw-btn:hover, .cw-btn:focus {background:#e71e6e;border:1px solid #e71e6e;color:#fff !important}
.cg-btn, a.cg-btn {background:#f7f7f7 ;border:1px solid #c9c9c9;color:#444 !important}
.cg-btn:hover, .cg-btn:focus {background:#e5e5e5;border:1px solid #c9c9c9}
.cp-btn, a.cp-btn {background:#0a51d1;border:1px solid #0a51d1;color:#fff !important; border-radius:10px;}
.cp-btn:hover, .cp-btn:focus {background:#0d3276;border:1px solid #0d3276}
.cdp-btn, a.cdp-btn {background:#474d67;border:1px solid #474d67;color:#fff !important}
.cdp-btn:hover, .cdp-btn:focus {background:#2b3046;border:1px solid #2b3046}
.cw-btn span:before, .cg-btn span:before, .cp-btn span:before, .cdp-btn span:before,
.cw-btn span:after, .cg-btn span:after, .cp-btn span:after, .cdp-btn span:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0}
.cw-btn span:before, .cg-btn span:before, .cp-btn span:before, .cdp-btn span:before {width:1px;height:20px;border-radius:50%;background:#cbcbcb;margin:auto 54px auto auto}
.cw-btn span:after, .cg-btn span:after, .cp-btn span:after, .cdp-btn span:after {margin:auto 18px auto auto;width:20px;height:20px;background:url(/resources/custom/images/guidance/sub/st_set.png) no-repeat}
.cw-btn .arr:after, .cg-btn .arr:after {background-position:0 0}
.cw-btn .nw:after, .cg-btn .nw:after {background-position:-30px 0}
.cw-btn .zoom:after, .cg-btn .zoom:after {background-position:-60px 0}
.cw-btn .down:after, .cg-btn .down:after {background-position:-90px 0}
.cw-btn .calendar:after, .cg-btn .calendar:after {background-position:-120px 0}
.cw-btn:hover .arr:after {background-position:0 -60px}
.cw-btn:hover .nw:after {background-position:-30px -60px}
.cw-btn:hover .zoom:after {background-position:-60px -60px}
.cw-btn:hover .down:after {background-position:-90px -60px}
.cw-btn:hover .calendar:after {background-position:-120px -60px}
.cg-btn:hover .arr:after {background-position:0 -30px}
.cg-btn:hover .nw:after {background-position:-30px -30px}
.cg-btn:hover .zoom:after {background-position:-60px -30px}
.cg-btn:hover .down:after {background-position:-90px -30px}
.cg-btn:hover .calendar:after {background-position:-120px -30px}
.cp-btn .arr:after, .cdp-btn .arr:after {background-position:0 -60px}
.cp-btn .nw:after, .cdp-btn .nw:after {background-position:-30px -60px}
.cp-btn .zoom:after, .cdp-btn .zoom:after {background-position:-60px -60px}
.cp-btn .down:after, .cdp-btn .down:after {background-position:-90px -60px}
.cp-btn .calendar:after, .cdp-btn .calendar:after {background-position:-120px -60px}
@media all and (max-width:999px) {
	.sw-btn, .sg-btn, .sp-btn, .sdp-btn {height:37px}
	.sw-btn, a.sw-btn {height:37px}
}

.nw-btn {display:inline-block;color:#555;transition:all .3s ease}
.nw-btn:after {content:"";display:inline-block;width:20px;height:21px;background:url(/resources/custom/images/guidance/sub/st_set.png) no-repeat -33px -25px;margin:0 0 0 5px;transform:translateY(-1px)}
.nw-btn span {position:relative;padding:0 3px 2px;font-size:.941em;transition:all .3s ease}
.nw-btn:focus span,
.nw-btn:hover span { color:#117ee4;/*text-decoration:underline*/}

.chk-input {display:inline-block; vertical-align:top; position:relative; box-sizing:border-box;}
.chk-input input{height:40px; letter-spacing:-0.03em; border:1px solid #ddd; background:#fff; color:#666; padding:20px 20px;font-size:15px; box-sizing:border-box; display:block; width:100%; position:relative;border-radius: 5px;}
.chk-input.active input{color:#000;}
.chk-input input:focus{color:#000}
.chk-input textarea{height:190px; letter-spacing:-0.03em; border:1px solid #ddd; background:#fff; color:#666; padding:20px;font-size:15px; box-sizing:border-box; display:block; width:100%; position:relative; resize:none;border-radius: 5px;}
	@media only screen and (max-width:1200px){
		.chk-input input{font-size:15px;}
		.chk-input textarea{font-size:15px;}
	}
	@media only screen and (max-width:999px){
		.chk-input input{font-size:14px; padding:0 15px; height:45px;}
		.chk-input textarea{font-size:14px; padding:15px;}
	}
	@media only screen and (max-width:680px){
		.chk-input input{height:40px}
	}
	@media only screen and (max-width:480px){
		
	}

	
.chk-select{position:relative; box-sizing:border-box;display:inline-block; vertical-align:top}
.chk-select:after{background:url(/resources/custom/images/guidance/sub/select-arrow01.png) no-repeat center center; position:absolute; width:20px; height:30px; margin-top:-15px; right:5px; top:50%; display:block; content:""; z-index:3}
.chk-select select{font-size:15px; border:1px solid #ddd; width:100%; height:48px; color:#666; box-sizing:border-box; padding:0 30px 0 10px; border-radius:5px; -webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;width:100%; margin:0;  position:relative; z-index:5; cursor:pointer;}
.chk-select select::-ms-expand{display:none;}
.chk-select.active select{color:#000;}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.chk-select select{font-size:15px; height:45px;}
	}
	@media only screen and (max-width:680px){
		.chk-select select{font-size:14px; height:40px;}
	}
	@media only screen and (max-width:480px){
		
	}
	

.chk-radio {display:inline-block; font-size:0px; vertical-align:middle; line-height:100%; color:#000;}
.chk-radio input[type="radio"]{position: absolute; width:1px; height:1px; padding: 0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border: 0; }
.chk-radio input[type="radio"] + label{display:block; position: relative; padding-left:32px; font-size:16px; color:#1e1e1e; line-height:20px; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.chk-radio input[type="radio"] + label:before { content:''; position: absolute; left:0; top:0px; width:20px; height:20px; text-align:center; background:#fff; border:1px solid #aaa; border-radius:100%; box-sizing:border-box; }
.chk-radio input[type="radio"] + label:after {}
.chk-radio input[type="radio"]:checked + label:before { background:url(/resources/custom/images/guidance/sub/radio_on.png) no-repeat center center; border-color:#4880ed; }
	@media only screen and (max-width:1200px) {
		.chk-radio input[type="radio"] + label{font-size:15px;}
	}
	@media only screen and (max-width:999px) {
		.chk-radio input[type="radio"] + label{font-size:14px; padding-left:30px; }
		.chk-radio input[type="radio"] + label:before{width:22px;height:22px;}
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		
	}

.chk-check{display:inline-block; font-size:0; vertical-align:middle; }
.chk-check input[type="checkbox"]{position: absolute; width:1px; height: 1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.chk-check input[type="checkbox"] + label{display:block; position:relative; padding-left:32px; font-size:15px; line-height:22px; color:#111; /*font-weight:400;*/ letter-spacing:-0.02em; cursor:pointer;}
.chk-check input[type="checkbox"] + label:before{content:''; position: absolute; left:0px; top:0px; box-sizing:border-box;width:22px; height:22px; text-align:center; background:#fff;  border:1px solid #333;  border-radius:3px; }
.chk-check input[type="checkbox"]:checked + label{color:#000;}
.chk-check input[type="checkbox"]:checked + label:before{background:url(/resources/custom/images/guidance/sub/check_on.png) no-repeat center #fff;background-size:100% auto}
	@media only screen and (max-width:1200px) {
		.chk-check input[type="checkbox"] + label{font-size:15px;}
	}
	@media only screen and (max-width:999px) {
		.chk-check input[type="checkbox"] + label{font-size:14px; padding-left:30px; }
		.chk-check input[type="checkbox"] + label:before{width:22px;height:22px;}
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		.chk-check input[type="checkbox"] + label{ padding-left:25px; font-size:12px; ;}
		
	}

/********************** 센터소개/인사말  **********************/
.greet-wrap {}
.greet-wrap .topBox {position:relative;box-sizing:border-box;padding-left:5%;min-height:260px}
.greet-wrap .topBox .txtBox {margin:70px 0 0 20px; padding-top: 70px;}
.greet-wrap .topBox .txtBox:before {content:'';display:block;width:200%;height:100%;background-color:#e1e0fd;position:absolute;top:0;left:0px;z-index:-1; border-radius:30px;}
.greet-wrap .topBox .txtBox:after {content: ""; position: absolute; right: 0px; top: -80px; width: 463px;  height: 363px; background-size: contain; background-image: url("/resources/custom/images/guidance/sub/greet_img01.png");}
.greet-wrap .topBox .txtBox h3 {font-size:1.425em; padding-left:0px;box-sizing:border-box;margin-bottom:33px; color:#09474e; font-weight:500;}
.greet-wrap .topBox .txtBox .txt {font-size:1.125em;color:#117ee4;letter-spacing:-.025em;line-height:1.5}
.greet-wrap .topBox .txtBox .txt span { margin:0 10px; color:#117ee4; border-bottom:1px solid #117ee4;display:inline-block;vertical-align:top;line-height:1.0;padding-bottom:2px;}
.greet-wrap .topBox .txtBox .txt span a, .greet-wrap .topBox .txtBox .txt span a:hover  {color:#117ee4;}
.greet-wrap .introbox { padding:50px;}
.greet-wrap .introbox .intro-txt {font-size:19px;font-weight:300;line-height:1.578;letter-spacing:-.05em;margin-bottom:60px; color:#383838;}
.greet-wrap .introbox .name-info {color:#111;text-align:right}
.greet-wrap .introbox .name-info .name {font-size:1.5em;font-weight:500;margin-left:10px}


@media all and (max-width:1399px){
    .greet-wrap .topBox {}
    .greet-wrap .topBox .txtBox {margin:80px 0 0 20px}
	.greet-wrap .topBox .txtBox:after { width: 250px; height: 200px;  background-size:100%; background-repeat:no-repeat; top: -150px;}
    .greet-wrap .topBox .imgBox {width:45%}
    .greet-wrap .topBox .txtBox .subject {font-size:32px}
    .greet-wrap .topBox .txtBox .subject .accent:before {width:100%;height:25px}
    .greet-wrap .topBox .txtBox .txt {font-size:1.3em}
}

@media all and (max-width:1099px){
    .greet-wrap .topBox {}
    .greet-wrap .topBox .txtBox h3 {font-size:20px;margin-bottom:15px;} 
    .greet-wrap .topBox .txtBox .txt {font-size:1.0em;}
}

@media all and (max-width:900px){
	.greet-wrap .topBox { min-height:auto; padding-bottom:20px; /*padding:20px; */}
    .greet-wrap .topBox .txtBox h3 {font-size:20px;  font-weight:normal;}
    /*.greet-wrap .topBox {min-height:auto}*/
    .greet-wrap .topBox .txtBox {margin:40px 0 0 10px; padding:30px 30px 0; }
   
} 

@media all and (max-width:699px){
    .greet-wrap .topBox .imgBox {position:relative;top:0;left:0;width:100%;padding-top:30px}
    .greet-wrap .topBox {padding-left:0}
	.greet-wrap .topBox .txtBox:after { width: 210px;}
    .greet-wrap .topBox .txtBox {margin:0px 0 0 0}
	.greet-wrap .introbox .intro-txt {font-size:16px;}
	.greet-wrap .introbox .name-info .name {font-size:1.25em;font-weight:500;margin-left:10px}
    
}

@media all and (max-width:399px){
    .greet-wrap .topBox .txtBox {margin-top:40px}
    .greet-wrap .topBox .txtBox h3 {font-size:20px;margin-bottom:10px;padding-left:10px} 

}

.intro-wrap {}
.intro-wrap .topBox {position:relative;padding-left:850px;box-sizing:border-box;min-height:492px}
.intro-wrap .topBox .imgBox {position:absolute;top:0;left:40px}
.intro-wrap .topBox .imgBox:before,
.intro-wrap .topBox .imgBox:after {content:'';display:block;z-index:-1;position:absolute}
.intro-wrap .topBox .imgBox img {border-radius:0 100px 0 0}
.intro-wrap .topBox .txtBox {padding-top:70px;box-sizing:border-box}
.intro-wrap .topBox .txtBox h3 {font-size:45px;color:#004fbb;letter-spacing:0;}
.intro-wrap .topBox .txtBox h3 span {font-family: 'Gmarket'; font-weight:700;}
.intro-wrap .topBox .txtBox h3 em {font-style:normal;color:#d91a84;}
.intro-wrap .topBox .txtBox h3 .ko {display:block; font-family: 'Gmarket'; font-size:30px;font-weight:500;color:#000;letter-spacing:-.075em; /*margin-top:20px;*/}
.intro-wrap .topBox .txtBox .txtWr {position:relative;margin-top:40px;padding:40px 0 20px 0;box-sizing:border-box}
.intro-wrap .topBox .txtBox .txtWr:before {content:'';display:block;width:3000px;height:260px;background-color:#f8f8f8;position:absolute;top:0;left:-3000px;transform:translateX(1500px);z-index:-1}
.intro-wrap .topBox .txtBox .txtWr p {font-size:22px;letter-spacing:-.075em;font-weight:400;color:#2a3941;line-height:1.636}
.intro-wrap .topBox .txtBox .txtWr .info li {color: #333; font-size: 1.059em; margin: 0 0 30px;position: relative;}
.intro-wrap .topBox .txtBox .txtWr .info li .tit { font-weight: 600;margin-left: 45px; margin-bottom: 7px;}
.intro-wrap .topBox .txtBox .txtWr .info li .tit:before { content: ""; display: block; background: url(/resources/custom/images/guidance/sub/st_set.png) no-repeat -53px -184px; width: 32px; height: 32px; position: absolute; top: 0; left: 0;}
.intro-wrap .topBox .txtBox .txtWr .info li .tit01 { font-weight: 600;margin-left: 45px; margin-bottom: 7px;}
.intro-wrap .topBox .txtBox .txtWr .info li .tit01:before { content: ""; display: block; background: url(/resources/custom/images/guidance/sub/st_set.png) no-repeat -109px -185px; width: 32px; height: 32px; position: absolute; top: 0; left: 0;}
.intro-wrap .topBox .txtBox .txtWr .info li .tit02 { font-weight: 600;margin-left: 45px; margin-bottom: 7px;}
.intro-wrap .topBox .txtBox .txtWr .info li .tit02:before { content: ""; display: block; background: url(/resources/custom/images/guidance/sub/st_set.png) no-repeat -164px -184px; width: 32px; height: 32px; position: absolute; top: 0; left: 0;}
.intro-wrap .topBox .txtBox .txtWr .info li .tit03 { font-weight: 600;margin-left: 45px; margin-bottom: 7px;}
.intro-wrap .topBox .txtBox .txtWr .info li .tit03:before { content: ""; display: block; background: url(/resources/custom/images/guidance/sub/st_set.png) no-repeat -223px -188px; width: 32px; height: 32px; position: absolute; top: 0; left: 0;}

@media all and (max-width:1699px){
    .intro-wrap .topBox .imgBox {left:20px;width:50%}
    .intro-wrap .topBox .imgBox img {width:100%;}
    .intro-wrap .topBox {padding-left: 60.714%}
    .intro-wrap .topBox .txtBox h3 {font-size:45px}
    .intro-wrap .topBox .imgBox:before {width:128px;height:127px;background-size:128px auto;top:-50px;left:-50px}
    .intro-wrap .topBox .imgBox:after {width:68px;height:106px;background-size:68px auto;top:-40px;right:-55px}
}
@media all and (max-width:1399px){
    .intro-wrap .topBox {padding-left:57%}
    .intro-wrap .topBox .imgBox:before {width:128px;height:127px;background-size:128px auto;top:-50px;left:-50px}
    .intro-wrap .topBox .imgBox:after {width:68px;height:106px;background-size:68px auto;top:-40px;right:-55px}
    .intro-wrap .topBox .txtBox h3 {font-size:40px}
    .intro-wrap .topBox .txtBox h3 .ko {font-size:25px}
    .intro-wrap .topBox .txtBox .txtWr p {font-size:20px}
}
@media all and (max-width:1099px){
    .intro-wrap .topBox {min-height:470px}
    .intro-wrap .topBox .txtBox .txtWr:before {height:200px}
}
@media all and (max-width:899px){
    .intro-wrap .topBox {padding-left:0;}
    .intro-wrap .topBox .imgBox {width:100%;position:relative;left:0}
    .intro-wrap .topBox .txtBox {padding-top:30px}
    .intro-wrap .topBox .txtBox .txtWr {margin-top:20px;padding:30px 0}
    .intro-wrap .topBox .txtBox .txtWr:before {height:100%}
    .intro-wrap .topBox .imgBox:before,
    .intro-wrap .topBox .imgBox:after {display:none}
    .intro-wrap .topBox .txtBox h3 {position:relative}
    .intro-wrap .topBox .txtBox h3:before,
    .intro-wrap .topBox .txtBox h3:after {content:'';display:block;z-index:-1;position:absolute}
	.intro-wrap .botbox > ul {gap: 30px; }   
}
@media (max-width: 768px) {
    .intro-wrap .botbox > ul > li { width: calc(100% - 2.5rem); margin-right:0rem;}
	.intro-wrap .botbox > ul > li + li {margin-top: 30px;  }
}

@media all and (max-width:599px){
    .intro-wrap .topBox .txtBox {padding-top:20px}
    .intro-wrap .topBox .txtBox h3 {font-size:30px}
    .intro-wrap .topBox .txtBox h3:before {width:55px;height:54px;top:77px;right:29px;background-size:55px auto;z-index:1}
    .intro-wrap .topBox .txtBox h3:after {width:29px;height:46px;top:84px;background-size:29px auto;z-index:1}    
    .intro-wrap .topBox .txtBox h3 .ko {font-size:22px}
    .intro-wrap .topBox .txtBox .txtWr p {font-size:18px}
}
@media all and (max-width:399px){
    .intro-wrap .topBox .txtBox h3:before,
    .intro-wrap .topBox .txtBox h3:after {display:none}
}

.intro-wrap .map_box { overflow: hidden; margin-bottom: 40px;border-radius: 20px;}
.intro-wrap .map_box .map { width: 100%;height: 460px;}
.intro-wrap .map_box .map_info { position: relative;background: #2966b0; padding: 56.5px 170px 58.5px 57px;}
.intro-wrap .map_box .map_info .map_title { display: block; vertical-align: middle; width: auto;margin-right: 30px; margin-bottom:20px;}
.intro-wrap .map_box .map_info .map_title strong {color: #fff; font-size: 30px;letter-spacing: -0.05em;  font-weight: bold;}
.intro-wrap .map_box .map_info .map_lst { display: inline-block;  vertical-align: top;  padding-left: 25px;  border-left: 1px solid #fff;width: calc(100% - 214px);}
.intro-wrap .map_box .map_info .map_lst ul li {  position: relative; padding-left: 120px; color: #fff; font-size: 18px; line-height: 1.2; letter-spacing: -0.05em;}
.intro-wrap .map_box .map_info .map_lst ul li+li {margin-top: 18px;}
.intro-wrap .map_box .map_info .map_lst ul li b { position: absolute; left: 0;top: 0; font-weight: bold; padding-left: 40px; line-height: 1.2;letter-spacing: -0.05em;}
.intro-wrap .map_box .map_info .map_lst ul li b::before {content: ""; position: absolute; left: 0; top: 0; width: 32px; height: 32px; background-color: #fff; background-position: center; background-repeat: no-repeat; border-radius: 100%;}
.intro-wrap .map_box .map_info .map_lst ul li.address b::before { background: url(/resources/custom/images/guidance/sub/st_set.png) no-repeat -109px -230px;}
.intro-wrap .map_box .map_info .map_lst ul li.tel b::before { background: url(/resources/custom/images/guidance/sub/st_set.png) no-repeat -164px -230px;;}
.intro-wrap .map_box .map_info .map_button {  position: absolute; right: 49px; top: 50%; transform: translateY(-50%);}
.intro-wrap .map_box .map_info .map_button a { display: flex; align-items: center;justify-content: center; flex-direction: column; width: 150px; height: 100px; border: 0px solid #fff; background: #fff; border-radius: 20px;color: #fff !important;font-weight: bold; transition: 0.3s; text-align: center; color: #004fbb !important;}
.intro-wrap .map_box .map_info .map_button a em { display: block;/*margin: 0 auto 11px;*/ width: 32px; height: 36px; background: url(/resources/custom/images/guidance/sub/st_set.png) no-repeat -53px -226px;}
.intro-wrap .map_box .map_info .map_button a:hover, .intro-wrap .map_box .map_info .map_button a:focus { background: #fff;  color: #ff7c3c !important; border: 2px solid #ff7c3c;}
.intro-wrap .map_box .map_info .map_button a:hover em, .intro-wrap .map_box .map_info .map_button a:focus em { background: url(/resources/custom/images/guidance/sub/st_set.png) no-repeat -53px -230px;}
.intro-wrap .location_conbox{border-top:3px solid #383838;}
.intro-wrap .location_conbox .cont_box{padding:40px 40px 40px 190px;border-bottom:1px solid #ddd;position: relative; min-height:175px;}
.intro-wrap .location_conbox .cont_box .icon_box {position: absolute;left:30px;top:40px;}
.intro-wrap .location_conbox .cont_box .icon_box .ir {display:block;width:101px;height:101px;background:#f2f4f4 url(/resources/custom/images/guidance/sub/st_set.png) no-repeat; border-radius: 100%;}
.intro-wrap .location_conbox .cont_box .icon_box .ir.bus {background-position:18px -260px;}
.intro-wrap .location_conbox .cont_box .icon_box .ir.train {background-position: -101px 0;}
.intro-wrap .location_conbox .cont_box .icon_box .ir.car {background-position: -70px -260px;}
.intro-wrap .location_conbox .cont_box .cont_txt strong{color:#004fbb;font-size:25px;letter-spacing: -0.025em;font-weight: bold;}
.intro-wrap .location_conbox .cont_box .cont_txt .tit {display:inline-block;padding:5px 10px;margin-bottom:10px;border:1px solid #999999;font-weight: bold;color:#333333;}
.intro-wrap .location_conbox .cont_box .cont_txt .cont_info{margin-top:25px;}
.intro-wrap .location_conbox .cont_box .cont_txt .cont_info:first-child{margin-top:25px;}
.intro-wrap .location_conbox .cont_box .cont_txt .cont_info .cont_tit {position: relative;padding-right:25px;font-size:16px;font-weight: bold;}
.intro-wrap .location_conbox .cont_box .cont_txt .cont_info .cont_tit:before {content: '';position: absolute;right:13px;top: 50%;display: block;transform: translateY(-50%);width: 1px;height: 14px;background: #e5e5e5;}
.intro-wrap .location_conbox .cont_box .cont_txt .cont_info ul ,
.intro-wrap .location_conbox .cont_box .cont_txt .cont_info p {margin-top:0;}
.intro-wrap .location_conbox .cont_box .cont_txt .cont_info p + p {margin-top:5px;}
.intro-wrap .location_conbox .cont_box .cont_txt .cont_info .list-type01 { line-height:30px}
.intro-wrap .location_conbox .cont_box .cont_txt .cont_info .btnwrap { margin-top:20px;}
.intro-wrap .location_conbox .cont_box .cont_txt .cont_info .btnwrap .cn_btn span { height:40px;}

@media(max-width: 767px) {
	.intro-wrap .map_box .map {  height:300px; padding-top: 0;}
    .intro-wrap .map_box .map_info {padding: 50px 30px;}
    .intro-wrap .map_box .map_info .map_title {display: block;width: auto;margin-right: 0;}
    .intro-wrap .map_box .map_info .map_lst { display: block; width: 100%; border: 0; padding: 0; padding-right: 150px; margin: 20px auto 30px;}
    .intro-wrap .location_conbox .cont_box{min-height:auto;}
	.intro-wrap .location_conbox .cont_box{padding:40px 5.216%;}
    .intro-wrap .location_conbox .cont_box .icon_box {position: relative;left:auto;top:auto;margin:0 auto 20px;}
    .intro-wrap .location_conbox .cont_box .icon_box .ir {margin:0 auto 0;}

}

@media(max-width: 599px) {
    .intro-wrap .map_box .map_info .map_lst { padding-right:0;}
    .intro-wrap .map_box .map_info .map_button {  position: relative; right: auto; top: auto;  transform: none;}
    .intro-wrap .map_box .map_info .map_button a {  flex-direction: row;margin: 0 auto;padding: 13.82px 10px; border-radius: 8px;width: 100%;height: 100%;}
    .intro-wrap .map_box .map_info .map_button a:hover, .intro-wrap .map_box .map_info .map_button a:focus { border-radius: 0;}
    .intro-wrap .map_box .map_info .map_button a em {   margin: 0;margin-right: 9px; }
}



/********************** 개인상담 / 심리검사  **********************/
/* 2025-02-18 */
.ui-subcon { display:block; position:relative; margin-bottom: 120px; line-height: 1.63;}
.ui-subcon h2 { display:block; position:relative; margin: 40px 0 20px 0; padding-left: 20px; color: #121212; font-weight: bold; font-size: 24px } 
.ui-subcon h2:before { content: ""; display: block; position: absolute; top: 9px; left: 0; border-radius: 50%; width: 8px; height: 8px; background-color: #3a9c4e; } 

.c02-wrap {}
.c02-wrap .topbox-wrap{display: block;  margin: 80px 0 50px;}
.c02-wrap .topbox-wrap .tit-wrap{width:100%; background-color:#f8f8f8;background-image:url();background-position:center;background-size:cover;background-repeat:no-repeat; border-radius: 30px;}
.c02-wrap .topbox-wrap .tit-wrap:before {content: ""; position: absolute; left: 15px; top: 150px; width: 161px;  height: 214px; background-size: contain; background-image: url("/resources/custom/images/guidance/sub/info_img01.png");}
.c02-wrap .topbox-wrap .tit-wrap.ty01:before {content: ""; position: absolute; left: 15px; top: 150px; width: 161px;  height: 214px; background-size: contain; background-image: url("/resources/custom/images/guidance/sub/info_img02.png");}
.c02-wrap .topbox-wrap .tit-wrap .inner{padding:60px 60px; text-align:center}
.c02-wrap .topbox-wrap .tit-wrap .inner em{display:block;text-align:center;font-weight:bold;font-size:32px;color:#018ba9;}
.c02-wrap .topbox-wrap .tit-wrap .inner p{text-align:center; font-size:20px;margin-top:15px;line-height:1.36 ;color:#444;}
.c02-wrap .topbox-wrap .tit-wrap .inner a { display: inline-block; position: relative; margin-top: 21px; padding: 18px 48px 18px 23px; background: #F2761B;border: 1px solid #F2761B; font-size: 18px; font-weight: bold;color: #fff; line-height: 22px; letter-spacing: 0; border-radius: 60px;}
.c02-wrap .topbox-wrap .tit-wrap .inner a::after { content: "";position: absolute; right: 22px;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;background-image: url("/resources/custom/images/guidance/sub/st_set.png"); background-position: 0px -60px;}
.c02-wrap .topbox-wrap .tit-wrap .inner a:hover, .c02-wrap .topbox-wrap .tit-wrap .inner a:focus { background: #fff; color: #F2761B;}
.c02-wrap .topbox-wrap .tit-wrap .inner a:hover::after, .c02-wrap .topbox-wrap .tit-wrap .inner a:focus::after {background-image: url("/resources/custom/images/guidance/sub/st_set.png"); background-position: 0px -30px;}

.c02-wrap .topbox-wrap + h2 { margin-top:30px; margin-bottom:5px}

@media(max-width:890px){
	.c02-wrap .topbox-wrap .tit-wrap:before { left: -10px; top: 220px;}
}
@media(max-width:640px){
	.c02-wrap .topbox-wrap .tit-wrap:before { background:none; }
}
@media(max-width:500px){
	
    .c02-wrap .topbox-wrap .tit-wrap .inner em{font-size:26px;}
	.c02-wrap .topbox-wrap .tit-wrap .inner p{font-size:18px;}
}


/* 안내박스 */
.txt-box + .txt-box{margin-top:15px;}
.txt-box{padding:24px 20px;border-radius:5px;border:1px solid #dedede;background:#fff;}
.txt-fouse{padding-left:20px;color:#1983aa !important;}

/* 프로세서*/
.process_ty1 { padding: 40px 30px;background: #FBFBFB;}
.prc { position: relative;}
.prc.type1 { overflow: hidden;margin-left: -45px; width: calc(100% + 45px);}
.prc.type1 > li { float: left; position: relative; margin-top: 58px;margin-left: 45px;}
.prc.type1 > li .inner {position: relative;display: block;padding: 20px;background: #fff;border: 1px solid #EAEBEF;border-radius: 15px;text-align: center;}
.prc.type1 > li .inner:before {content: "";display: block;position: absolute;right: -31px;top: 50%;transform: translateY(calc(50% - 24px));width: 16px;height: 24px;background-image: url("/resources/custom/images/guidance/sub/style_ico01.png");}
.prc.type1 > li:last-child .inner::before {display: none;}
.prc.type1 > li .inner .prc_title {display: block;color: #444;font-size: 16px;line-height: 1.38;letter-spacing: 0.01em;font-weight: bold;}
.prc.type1 .circle {display: block;position: relative;margin: 0 auto 14px;width: 48px;height: 48px;border-radius: 13px;box-shadow: 0px 2px 8px rgba(0, 1, 14, 0.2);}
.prc.type1 .circle.color1 {background: #0099B8;}
.prc.type1 .circle.color2 {background: #FFC700;}
.prc.type1 .circle.color3 { background: #009C7D;}
.prc.type1 .circle.color4 {background: #FF7C1D;}

/* prc.type1 - step2 */
.prc.type1.step2 > li {width: calc(50% - 45px);}
.prc.type1.step2 > li:nth-child(-n+2) {margin-top: 0;}
.prc.type1.step2 > li:nth-child(4n-1) { float: right}
.prc.type1.step2 > li:nth-child(2n) .inner:before {right: 50%;top: auto;bottom: -38px;transform: rotate(90deg) translateY(calc(50% - 24px));}
.prc.type1.step2 > li:nth-child(4n-1) .inner:before {right: auto;left: -31px;transform: rotateY(-180deg) translateY(calc(50% - 24px));}

/* prc.type1 - step3 */
.prc.type1.step3 > li { width: calc(33.33% - 45px);}
.prc.type1.step3 > li:nth-child(-n+3) {margin-top: 0;}
.prc.type1.step3 > li:nth-child(4), .prc.type1.step3 > li:nth-child(5), .prc.type1.step3 > li:nth-child(6), .prc.type1.step3 > li:nth-child(10), .prc.type1.step3 > li:nth-child(11), .prc.type1.step3 > li:nth-child(12) {float: right}
.prc.type1.step3 > li:nth-child(3) .inner:before, .prc.type1.step3 > li:nth-child(6) .inner:before, .prc.type1.step3 > li:nth-child(9) .inner:before {right: 50%;top: auto;bottom: -38px;transform: rotate(90deg) translateY(calc(50% - 24px));}
.prc.type1.step3 > li:nth-child(4) .inner:before, .prc.type1.step3 > li:nth-child(5) .inner:before, .prc.type1.step3 > li:nth-child(10) .inner:before, .prc.type1.step3 > li:nth-child(11) .inner:before {right: auto;
left: -31px;transform: rotateY(-180deg) translateY(calc(50% - 24px));}

/* prc.type1 - step4 */
.prc.type1.step4 > li { width: calc(25% - 45px);}
.prc.type1.step4 > li:nth-child(-n+4) {margin-top: 0;}
.prc.type1.step4 > li:nth-child(5), .prc.type1.step4 > li:nth-child(6), .prc.type1.step4 > li:nth-child(7), .prc.type1.step4 > li:nth-child(8) {float: right}
.prc.type1.step4 > li:nth-child(4) .inner:before, .prc.type1.step4 > li:nth-child(8) .inner:before {right: 50%;top: auto;bottom: -38px;transform: rotate(90deg) translateY(calc(50% - 24px));}
.prc.type1.step4 > li:nth-child(5) .inner:before, .prc.type1.step4 > li:nth-child(6) .inner:before, .prc.type1.step4 > li:nth-child(7) .inner:before {right: auto;left: -31px;transform: rotateY(-180deg) translateY(calc(50% - 24px));}

/* prc.type1 - step5 */
.prc.type1.step5 > li {width: calc(20% - 45px);}
.prc.type1.step5 > li:nth-child(-n+5) {margin-top: 0;}
.prc.type1.step5 > li:nth-child(6), .prc.type1.step5 > li:nth-child(7), .prc.type1.step5 > li:nth-child(8), .prc.type1.step5 > li:nth-child(9) {float: right}
.prc.type1.step5 > li:nth-child(5) .inner:before, .prc.type1.step5 > li:nth-child(10) .inner:before {right: 50%;top: auto;bottom: -38px;transform: rotate(90deg) translateY(calc(50% - 24px));}
.prc.type1.step5 > li:nth-child(6) .inner:before, .prc.type1.step5 > li:nth-child(7) .inner:before, .prc.type1.step5 > li:nth-child(8) .inner:before, .prc.type1.step5 > li:nth-child(9) .inner:before {right: auto;left: -31px;transform: rotateY(-180deg) translateY(calc(50% - 24px));}

/* prc.type1 - step6 */
.prc.type1.step6 > li {width: calc(16.66% - 45px);}
.prc.type1.step6 > li:nth-child(-n+6) { margin-top: 0;}
.prc.type1.step6 > li:nth-child(7), .prc.type1.step6 > li:nth-child(8), .prc.type1.step6 > li:nth-child(9), .prc.type1.step6 > li:nth-child(10), .prc.type1.step6 > li:nth-child(11), .prc.type1.step6 > li:nth-child(12) { float: right}
.prc.type1.step6 > li:nth-child(6) .inner:before, .prc.type1.step6 > li:nth-child(12) .inner:before {right: 50%;top: auto;bottom: -38px;transform: rotate(90deg) translateY(calc(50% - 24px));}

.prc.type1.step6 > li:nth-child(7) .inner:before, .prc.type1.step6 > li:nth-child(8) .inner:before, .prc.type1.step6 > li:nth-child(9) .inner:before, .prc.type1.step6 > li:nth-child(10) .inner:before, .prc.type1.step6 > li:nth-child(11) .inner:before { right: auto;left: -31px;transform: rotateY(-180deg) translateY(calc(50% - 24px));}
.prc.type1.step6 > li:nth-child(11) .inner:before {right: auto;left: -31px;transform: rotateY(-180deg) translateY(calc(50% - 24px));}

@media (max-width: 1023px) {
    .prc.type1.step4 > li, .prc.type1.step5 > li, .prc.type1.step6 > li { width:calc(33.33% - 45px);}
    .prc.type1.step4 > li:nth-child(4), .prc.type1.step5 > li:nth-child(4), .prc.type1.step6 > li:nth-child(4) {margin-top: 58px;}
     .prc.type1.step4 > li:nth-child(4), .prc.type1.step4 > li:nth-child(10), .prc.type1.step4 > li:nth-child(11), .prc.type1.step4 > li:nth-child(12), .prc.type1.step5 > li:nth-child(4), .prc.type1.step5 > li:nth-child(10),      .prc.type1.step5 > li:nth-child(11), .prc.type1.step5 > li:nth-child(12), .prc.type1.step6 > li:nth-child(4), .prc.type1.step6 > li:nth-child(10), .prc.type1.step6 > li:nth-child(11), .prc.type1.step6 > li:nth-child(12)       { float: right}

    .prc.type1.step4 > li:nth-child(7), .prc.type1.step4 > li:nth-child(8), .prc.type1.step5 > li:nth-child(7), .prc.type1.step5 > li:nth-child(8), .prc.type1.step6 > li:nth-child(7), .prc.type1.step6 > li:nth-child(8) {
        float: left
    }

    .prc.type1.step4 > li:nth-child(3) .inner:before, .prc.type1.step4 > li:nth-child(6) .inner:before, .prc.type1.step4 > li:nth-child(9) .inner:before, .prc.type1.step5 > li:nth-child(3) .inner:before, .prc.type1.step5 > li:nth-child(6) .inner:before, .prc.type1.step5 > li:nth-child(9) .inner:before, .prc.type1.step6 > li:nth-child(3) .inner:before, .prc.type1.step6 > li:nth-child(6) .inner:before, .prc.type1.step6 > li:nth-child(9) .inner:before {
        left: auto;
        right: 50%;
        top: auto;
        bottom: -38px;
        transform: rotate(90deg) translateY(calc(50% - 24px));
    }

    .prc.type1.step4 > li:nth-child(4) .inner:before, .prc.type1.step4 > li:nth-child(10) .inner:before, .prc.type1.step4 > li:nth-child(11) .inner:before, .prc.type1.step5 > li:nth-child(4) .inner:before, .prc.type1.step5 > li:nth-child(10) .inner:before, .prc.type1.step5 > li:nth-child(11) .inner:before, .prc.type1.step6 > li:nth-child(4) .inner:before, .prc.type1.step6 > li:nth-child(10) .inner:before, .prc.type1.step6 > li:nth-child(11) .inner:before {
        right: auto;
        left: -31px;
        top: 50%;
        bottom: auto;
        transform: rotateY(-180deg) translateY(calc(50% - 24px));
    }

    .prc.type1.step4 > li:nth-child(7) .inner:before, .prc.type1.step4 > li:nth-child(8) .inner:before, .prc.type1.step5 > li:nth-child(7) .inner:before, .prc.type1.step5 > li:nth-child(8) .inner:before, .prc.type1.step6 > li:nth-child(7) .inner:before, .prc.type1.step6 > li:nth-child(8) .inner:before {
        left: auto;
        right: -31px;
        bottom: auto;
        top: 50%;
        transform: translateY(calc(50% - 24px));
    }
}

@media(max-width: 767px) {
    .process_ty1 {
        padding:15px;
    }

    .prc.type1 {
        width: 100%;
        margin: 0;
    }

    .prc.type1.step2 > li, .prc.type1.step3 > li, .prc.type1.step4 > li, .prc.type1.step5 > li, .prc.type1.step6 > li {
        width: 100%;
        margin-left: 0;
    }

    .prc.type1.step4 > li:nth-child(4), .prc.type1.step5 > li:nth-child(4), .prc.type1.step6 > li:nth-child(4) {
        margin-top: 0;
    }

    .prc.type1.step2 > li:nth-child(-n+2), .prc.type1.step3 > li:nth-child(-n+3), .prc.type1.step4 > li:nth-child(-n+4), .prc.type1.step5 > li:nth-child(-n+4), .prc.type1.step6 > li:nth-child(-n+4) {
        margin-top: 58px;
    }

    .prc.type1.step2 > li:nth-child(1), .prc.type1.step3 > li:nth-child(1), .prc.type1.step4 > li:nth-child(1), .prc.type1.step5 > li:nth-child(1), .prc.type1.step6 > li:nth-child(1) {
        margin-top: 0;
    }

    .prc.type1.step2 > li:nth-child(1) .inner:before, .prc.type1.step2 > li:nth-child(3) .inner:before, .prc.type1.step2 > li:nth-child(5) .inner:before, .prc.type1.step2 > li:nth-child(7) .inner:before, .prc.type1.step2 > li:nth-child(9) .inner:before, .prc.type1.step2 > li:nth-child(11) .inner:before, .prc.type1.step3 > li:nth-child(1) .inner:before, .prc.type1.step3 > li:nth-child(2) .inner:before, .prc.type1.step3 > li:nth-child(4) .inner:before, .prc.type1.step3 > li:nth-child(5) .inner:before, .prc.type1.step3 > li:nth-child(7) .inner:before, .prc.type1.step3 > li:nth-child(8) .inner:before, .prc.type1.step3 > li:nth-child(10) .inner:before, .prc.type1.step3 > li:nth-child(11) .inner:before, .prc.type1.step4 > li:nth-child(1) .inner:before, .prc.type1.step4 > li:nth-child(2) .inner:before, .prc.type1.step4 > li:nth-child(4) .inner:before, .prc.type1.step4 > li:nth-child(5) .inner:before, .prc.type1.step4 > li:nth-child(7) .inner:before, .prc.type1.step4 > li:nth-child(8) .inner:before, .prc.type1.step4 > li:nth-child(10) .inner:before, .prc.type1.step4 > li:nth-child(11) .inner:before, .prc.type1.step5 > li:nth-child(1) .inner:before, .prc.type1.step5 > li:nth-child(2) .inner:before, .prc.type1.step5 > li:nth-child(4) .inner:before, .prc.type1.step5 > li:nth-child(5) .inner:before, .prc.type1.step5 > li:nth-child(7) .inner:before, .prc.type1.step5 > li:nth-child(8) .inner:before, .prc.type1.step5 > li:nth-child(10) .inner:before, .prc.type1.step5 > li:nth-child(11) .inner:before, .prc.type1.step6 > li:nth-child(1) .inner:before, .prc.type1.step6 > li:nth-child(2) .inner:before, .prc.type1.step6 > li:nth-child(4) .inner:before, .prc.type1.step6 > li:nth-child(5) .inner:before, .prc.type1.step6 > li:nth-child(7) .inner:before, .prc.type1.step6 > li:nth-child(8) .inner:before, .prc.type1.step6 > li:nth-child(10) .inner:before, .prc.type1.step6 > li:nth-child(11) .inner:before {
        left: auto;
        right: 50%;
        top: auto;
        bottom: -38px;
        transform: rotate(90deg) translateY(calc(50% - 24px));
    }
}

.ir-icon_process {
    position: absolute;
    left: calc(50% - 14px);
    top: calc(50% - 14px);
    width: 28px;
    height: 28px;
    background: url("/resources/custom/images/guidance/sub/style_ico02.png");
}

.ir-icon_process.icon1 { background-position: 0 0 ;}
.ir-icon_process.icon2 { background-position: -26px 0 ;}
.ir-icon_process.icon3 { background-position: -50px 0 ;}
.ir-icon_process.icon4 { background-position: -73px 0 ;}
.ir-icon_process.icon5 { background-position: -112px 0 ;}
.ir-icon_process.icon6 { background-position: -140px 0 ;}

.half_box {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 50px;
}
.half_box .txt-fouse { padding-left:0px; margin-bottom:10px; font-size:25px; }
.half_box .h3_wrap {
	position: relative;
    margin-bottom: 32px;
    padding: 60px 72px;
    border: 5px solid #E3E7EC;
    border-radius: 30px;
    background: #fff;
    width: calc(50% - 15px);
    margin: 0;
}
.half_box .h3_wrap h3 { color: #02498b; font-weight: bold; font-size: 20px; padding-left: 10px; margin: 0px 0 10px 0;}

.half_box li .cate {display:inline-block; line-height:30px; padding: 5px 25px; border-radius:30px; color:#fff; }
.half_box li .cate.cate1 {background:#666 center;}

.half_box li .cate + p { margin-bottom:15px;}
.half_box li p { padding-top:10px; padding-left:10px;}

/* 공백 */
.gap {height:60px;clear:both;display:block}
.sgap {height:40px;clear:both;display:block}
.ssgap {height:30px;clear:both;display:block}
 @media all and (max-width:600px){
	.gap {height:40px;clear:both;display:block}
	.sgap {height:25px;clear:both;display:block}
	.ssgap {height:15px;clear:both;display:block}
	.sssgap {height:10px;clear:both;display:block}
}

@media (max-width: 960px) {
    .half_box .h3_wrap {
        width: 100%;
		padding: 25px 35px;
    }

}



.etc_list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
}

.etc_list::after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
}

.etc_list .etc_box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    margin-left: 20px;
    padding: 20px 15px;
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 7px;
}

.etc_list .etc_box + .etc_box {
    margin-top: 15px;
}

.etc_list .etc_box::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 7px;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #f4f6fa;
    border-radius: 7px;
}

.etc_list .etc_box span {
    color: #222;
    font-size: 16px;
    letter-spacing: -0.025em;
    line-height: 1.5;
}

.etc_list .etc_box span em {
    position: relative;
    display: block;
    margin-bottom: 15px;
    font: inherit;
    font-weight: bold;
}

.etc_list .etc_box span em::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -7.5px;
    margin-left: -27.5px;
    width: 55px;
    height: 1px;
    border-bottom: 1px dashed rgba(0,0,0,0.3);
}

.etc_list.col2 .etc_box {
    width: calc(50% - 20px);
}

.etc_list.col3 .etc_box {
    width: calc(33.33% - 20px);
}

.etc_list.col4 .etc_box {
    width: calc(25% - 20px);
}

.etc_list.col2 .etc_box:nth-child(-n+2) {
    margin-top: 0;
}

.etc_list.col3 .etc_box:nth-child(-n+3) {
    margin-top: 0;
}

.etc_list.col4 .etc_box:nth-child(-n+4) {
    margin-top: 0;
}

@media(max-width: 900px) {
    .etc_list.col4 .etc_box {
        width:calc(33.33% - 20px);
    }

    .etc_list.col4 .etc_box:nth-child(4) {
        margin-top: 15px;
    }
}

@media(max-width: 768px) {
    .etc_list.col3 .etc_box, .etc_list.col4 .etc_box {
        width:calc(50% - 20px);
    }

    .etc_list.col3 .etc_box:nth-child(3), .etc_list.col4 .etc_box:nth-child(3) {
        margin-top: 15px;
    }
}

@media(max-width: 500px) {
    .etc_list {
        margin-left:0;
    }

    .etc_list .etc_box {
        margin-left: 0;
    }

    .etc_list.col2 .etc_box, .etc_list.col3 .etc_box, .etc_list.col4 .etc_box {
        width: 100%;
    }

    .etc_list.col2 .etc_box:nth-child(2), .etc_list.col3 .etc_box:nth-child(2), .etc_list.col4 .etc_box:nth-child(2) {
        margin-top: 15px;
    }
}

/* 테이블 */
.table-bordered {border-color: #008199;}
.table tbody>tr>td, .table tbody>tr>th, .table tfoot>tr>td, .table tfoot>tr>th, .table thead>tr>td, .table thead>tr>th {font-size: 16px;}
.table thead th {background: #F4F5F6;text-align: center;}

/* topbox */
.uit{overflow:hidden;position:relative; margin-top:40px; margin-bottom: 50px;border:0px solid #d2d2d2;}
.uit:after{content:"";display:block;clear:both;visibility:hidden;}
.uit .inner{position:relative;padding:50px 25px 50px;}
.uit .inner .txtwrap{position:relative;}
.uit .inner .txtwrap ul{display: block;margin: 0;text-align: left;}
.uit .inner .tit_inner{display:block;color:#121212;font-size:20px;line-height:30px;margin:0 0 20px 0;padding:0; font-weight:600;}
.uit .inner .txtwrap p{margin:0;font-size:15px;/*font-weight:400;*/color:#545454;word-break:break-word;}
.uit .inner .txtwrap p.txt-tip{display: inline-block;color: #da4453;}
.uit .inner .txtwrap b{display: block;}
.uit .inner .txtwrap a{margin: 10px 0 0;}
.uit .btnwrap{position:absolute;top:-35px;right:0;margin-top:0;}

.type1.uit{border:none;}
.uit.type1 .inner{min-height:180px;padding-left:190px; background-color: #f9f9f9; border-radius:20px;}
.uit.type1 .inner .tp_icon,
.uit.type1 .inner .tp_icon2{display:block;position:absolute;top:50%;left:35px;margin-top: -55px}
.uit.type1 .inner.long .tp_icon,
.uit.type1 .inner.long .tp_icon2{top:45px;margin-top: 0}
.uit.type1 .inner.n_short{min-height: auto;padding: 70px 25px 70px 170px}

.uit.type3{border-color:#fff;border-top-color:#949494;border-bottom-color:#ddd;}
.uit.type3 .inner{min-height:213px;padding-left:300px;}
.uit.type3 .inner .thm_figure{display:block;overflow:hidden;position:absolute;top:35px;left:35px;width:230px;height:153px;margin:0;text-align:center}
.uit.type3 .thm_figure img{max-width:100%;width:auto;}

@media only screen and (max-width:767px) {
    .uit .inner,
    .uit.type1 .inner,
    .uit.type1 .inner.n_short,
    .uit.type3 .inner{position:relative;min-height: auto;padding:25px;}
    .uit.type1 .inner .tp_icon,
    .uit.type1 .inner .tp_icon2{display:none;}
    .uit .thm_figure,
    .uit.type3 .inner .thm_figure{display:none;}
    .uit .inner .btnwrap{position: static;margin-top:20px;}
}

/* 탑박스 아이콘 */
.tp_icon{display:block;overflow:hidden;width:110px;height:110px;background:url(/resources/custom/images/guidance/sub/top_info_ico01.png) no-repeat;}
.tp_icon.circle1{background-position:0 0;}
.tp_icon.circle2{background-position:-110px 0;}
.tp_icon.circle3{background-position:-220px 0;}
.tp_icon.circle4{background-position:-330px 0;}
.tp_icon .icon{display:block;overflow:hidden;width:110px;height:110px;background:url(/resources/custom/images/guidance/sub/top_info_ico01.png) no-repeat;}
.tp_icon .icon1{background-position:0 -110px;}
.tp_icon .icon2{background-position:-110px -110px;}
.tp_icon .icon3{background-position:-220px -110px;}
.tp_icon .icon4{background-position:-333px -110px;}
.tp_icon .icon5{background-position:-445px -110px;}
.tp_icon .icon6{background-position:-550px -110px;}
.tp_icon .icon7{background-position:-660px -110px;}
.tp_icon .icon8{background-position:-765px -110px;}

.psy_list { margin-bottom:10px;}
.psy_list li { display:inline-block; padding:0px 0px; line-height:1.9;}
/*.psy_list li:last-child { padding:0 0px;}*/

@media only screen and (max-width:900px) {
	.psy_list li { display:block; padding:0 0px;}
}



.counsel-wrap{padding-bottom:50px;  margin:0 auto;position:relative;}
.counsel-wrap h4{font-size:24px;color:#333; line-height:1.2em; font-weight:600; margin-bottom:20px; }
.counsel-wrap .App{position:relative;padding:40px;box-sizing:border-box; border:1px solid #fcfcfc; background:#fff; border-radius:30px; box-shadow: 0px 0px 30px rgba(144, 162, 175, 0.1);}
.counsel-wrap h3 { color: #02498b; font-weight: bold; font-size: 20px; padding-left: 10px; margin: 0px 0 10px 0;}
/*.counsel-wrap .App:before {content:'';display:block;width:3500px;height:260px;background-color:#f8f8f8;position:absolute;top:0;left:-2500px;transform:translateX(1500px);z-index:-1}*/
.counsel-wrap .App li{ position:relative; padding:11px 11px 11px 220px; box-sizing:border-box;border-bottom:1px solid #ddd}
.counsel-wrap .App li .btxt{padding-left:44px; line-height:24px; font-size:16px; color:#000; position:absolute; left:0; top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}

.counsel-wrap .App li .stxt{}
.counsel-wrap .App li .mg7t{margin-top:7px}

.counsel-wrap .App li .w400{width:400px;}
.counsel-wrap .App li .w120{width:120px;}
.counsel-wrap .App li .field{font-size:0; position:relative;}
.counsel-wrap .App li .field:after{display:block; content:"";clear:both;}
.counsel-wrap .App li .field .ctxt{display:inline-block;vertical-align:top; font-size:15px; color:#000; line-height:48px; width:4%; text-align:center;}
.counsel-wrap .App li .field .stxt{display:inline-block;vertical-align:top; font-size:15px; color:#000; line-height:48px; width:20%; text-align:center;}

.counsel-wrap .App li .field.gender{padding:7px 0 7px 180px}
.counsel-wrap .App li .field.gender .chk-radio:nth-child(n+2){margin-left:15px;}
.counsel-wrap .App li .field.gender .rtxt{line-height:48px; font-size:16px; color:#666; position:absolute; left:0; top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}

.counsel-wrap .App li .field.birth{display:inline-block;vertical-align:top;}
.counsel-wrap .App li .field.birth .ctxt{width:25px;}

.counsel-wrap .App li .field.years{display:inline-block;vertical-align:top;margin-left:20px;padding:14px 0 0 0}
.counsel-wrap .App li .field.years .chk-radio:nth-child(n+2){margin-left:15px;}

/*.counsel-wrap .App li .field.phone{}
.counsel-wrap .App li .field.phone .ctxt{width:25px;}
.counsel-wrap .App li .field.phone .stxt{width:150px;}*/

.counsel-wrap .App li .field.addr{}
.counsel-wrap .App li .field.addr .w120{display:inline-block;vertical-align:top;}
.counsel-wrap .App li .field.addr .post-find{display:inline-block;vertical-align:top;margin-left:10px; border:1px solid #000; line-height:38px; height:40px; box-sizing:border-box; width:112px; text-align:center; color:#666; font-size:14px;border-radius: 5px;}
.counsel-wrap .App li .field.addr .post-find:hover{background:#000; color:#fff;}

.counsel-wrap .App li .field.roots{padding:14px 0 0 0}
.counsel-wrap .App li .field.roots .chk-check:nth-child(n+2){margin-left:35px;}

.counsel-wrap .App li .field.autos{max-width:1000px}
.counsel-wrap .App li .field.autos .chk-input{padding-left:90px}
.counsel-wrap .App li .field.autos .vtxt{line-height:48px; font-size:16px; color:#666; position:absolute; left:0; top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}


.counsel-wrap .private{margin-top:20px;}
.counsel-wrap .private .scroll{border:1px solid #d9d9d9; padding:25px; max-height:195px; box-sizing:border-box; overflow-y:auto; border-radius: 20px;}
.counsel-wrap .private .scroll p{font-size:15px; font-weight:400; line-height:1.7em; color:#666;word-break: keep-all;}
.counsel-wrap .private .agrees{margin-top:25px; text-align:right;}

.counsel-wrap .lower{margin-top:5px; text-align:center; font-size:0;}
.counsel-wrap .lower a:nth-child(n+2){margin-left:5px;}
	@media only screen and (max-width:1200px) {
		.counsel-wrap h4{font-size:21px;margin-bottom:15px;}
		.counsel-wrap .App li{padding-left:200px;}
		.counsel-wrap .App li .field .ctxt{line-height:45px;}
		.counsel-wrap .App li .field.addr .post-find{line-height:43px;height:45px; width:115px;}
		.counsel-wrap .App li .field.autos .vtxt{line-height:45px; font-size:15px;}
	
		.counsel-wrap .private .scroll{padding:25px;}
	}
	@media only screen and (max-width:999px) {
		.counsel-wrap h4{font-size:18px;margin-bottom:10px;}
		.counsel-wrap .App .nec-ex{display:none;}

		.counsel-wrap .App li{padding:15px 15px}
		.counsel-wrap .App li .btxt{line-height:1.2em; position:relative; left:auto; top:auto; padding:0; margin-bottom:15px;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
		.counsel-wrap .App li .field .ctxt{line-height:40px;}
		.counsel-wrap .App li .field.gender{padding:0 0 0 0}
		.counsel-wrap .App li .field.roots{padding:0 0 0 0}
		.counsel-wrap .App li .field.years{padding-top:12px;}

		.counsel-wrap .private{margin-top:35px;}
		.counsel-wrap .private .scroll{padding:20px;}
		.counsel-wrap .private .scroll p{font-size:14px}
		.counsel-wrap .private .agrees{margin-top:15px;}
		
		.counsel-wrap .lower{margin-top:25px;}
	}
	@media only screen and (max-width:680px) {
		.counsel-wrap h4{font-size:16px;}
		
		.counsel-wrap .App li{padding:15px 10px}
		.counsel-wrap .App li .w400{width:100%;}
		.counsel-wrap .App li .btxt{font-size:15px;}
		.counsel-wrap .App li .field.birth{display:block;}
		.counsel-wrap .App li .field.birth .w120{width:30%;}
		.counsel-wrap .App li .field.birth .ctxt{width:5%;}

		.counsel-wrap .App li .field.years{display:block; margin-left:0; margin-top:10px; padding-top:0}

		.counsel-wrap .App li .field.phone .w120{width:30%;}
		.counsel-wrap .App li .field.phone .ctxt{width:5%;}
		
		.counsel-wrap .App li .field.roots .chk-check{width:50%;}
		.counsel-wrap .App li .field.roots .chk-check:nth-child(n+2){margin-left:0;}
		.counsel-wrap .App li .field.roots .chk-check:nth-child(n+3){margin-top:10px;}
	
		.counsel-wrap .App li .field.addr .post-find{line-height:38px;height:40px; width:100px; font-size:13px;}
		
		.counsel-wrap .App li .field.autos .chk-input{padding-left:80px}
		.counsel-wrap .App li .field.autos .vtxt{font-size:14px;}

		.counsel-wrap .private .scroll{padding:20px 15px;}
		.counsel-wrap .private .scroll p{font-size:13px}
		.counsel-wrap .App li .field.gender{padding: 7px 0 7px 200px;}
	}
	@media only screen and (max-width:480px) {
		.counsel-wrap .App li .field.autos .chk-input{padding-left:70px}

		.counsel-wrap .App li .field.roots .chk-check{width:100%;}
		.counsel-wrap .App li .field.gender .rtxt{font-size:14px; color:#666; left:0;}
		.counsel-wrap .App li .field.gender{padding: 7px 0 7px 180px;}

	}
	
.program {}
.p_counseling_wrap,.p_counseling_wrap.type04 { position: relative; margin-bottom:80px;}
.p_counseling_wrap::before { position: absolute;content: ''; width: 100%;height: 282px;  top: -180px; left: 50%;  transform: translateX(-50%); background-size: 100%;  background-repeat: no-repeat; background-position: center; background-image:url (/resources/custom/images/guidance/sub/program_img01.jpg);}
.p_counseling_wrap.type01::before { position: absolute;content: ''; display:block; width: 100%;height: 282px;  top: -180px; left: 50%;  transform: translateX(-50%); background-size: 100%;  background-repeat: no-repeat; background-position: center; background:#cbf1ff url(/resources/custom/images/guidance/sub/program_img01.jpg); border-radius:50px;}
.p_counseling_wrap.type02::before { position: absolute;content: ''; display:block; width: 100%;height: 282px;  top: -180px; left: 50%;  transform: translateX(-50%); background-size: 100%;  background-repeat: no-repeat; background-position: center;background:#fdf7eb url(/resources/custom/images/guidance/sub/program_img02.jpg); border-radius:50px;}
.p_counseling_wrap.type03::before { position: absolute;content: ''; display:block; width: 100%;height: 282px;  top: -180px; left: 50%;  transform: translateX(-50%); background-size: 100%;  background-repeat: no-repeat; background-position: center; background:#fdf7eb url(/resources/custom/images/guidance/sub/program_img03.jpg); border-radius:50px;}
.p_counseling_wrap.type04::before { position: absolute;content: ''; display:block; width: 100%;height: 282px;  top: -180px; left: 50%;  transform: translateX(-50%); background-size: 100%;  background-repeat: no-repeat; background-position: center; background:#fdf7eb url(/resources/custom/images/guidance/sub/program_img04.jpg); border-radius:50px;}
.p_counseling_wrap div { position: relative;}
.p_counseling_wrap .tit {position: absolute; display: inline-block; top: -25px;left: 50%;transform: translateX(-50%); padding: 15px 30px 10px;border-radius: 50px;background:#17964a;color: #FFF;font-size: 24px;font-weight: 500;z-index: 1; text-align:center;}
.p_counseling_wrap .tit01 {position: absolute; display: inline-block; top: -25px;left: 50%;transform: translateX(-50%); padding: 15px 30px 10px;border-radius: 50px;background:#0091c8;color: #FFF;font-size: 24px;font-weight: 500;z-index: 1; text-align:center;}
.p_counseling_wrap .tit02 {position: absolute; display: inline-block; top: -25px;left: 50%;transform: translateX(-50%); padding: 15px 30px 10px;border-radius: 50px;background:#3c67b7;color: #FFF;font-size: 24px;font-weight: 500;z-index: 1; text-align:center;}
.p_counseling_wrap .tit03 {position: absolute; display: inline-block; top: -25px;left: 50%;transform: translateX(-50%); padding: 15px 30px 10px;border-radius: 50px;background:#449a97;color: #FFF;font-size: 24px;font-weight: 500;z-index: 1; text-align:center;}
.p_counseling_wrap p {position: relative;text-align: center; margin: 0;color: #222;font-size: 18px;line-height: 170%;}
.p_counseling_wrap .txt-wrap01 {padding: 0 40px;}
.p_counseling_wrap .txt-wrap01 .contbox { max-width: 1200px;padding: 55px 30px 47px;margin: 244px auto 80px;border-radius: 15px;background: #FFF;}
.p_counseling_wrap .txt-wrap01 p .color { color: #0A9093;font-weight: 700;}
.p_counseling_wrap .txt-wrap01 p .color01 { color: #0A9093;font-weight: 700;}

@media (max-width: 920px) {
    .p_counseling_wrap::before {top: -200px;}
    .p_counseling_wrap .tit {font-size: 22px;}
    .p_counseling_wrap p {  font-size: 18px;}
    .p_counseling_wrap .txt-wrap01 .contbox{ padding: 45px 30px 37px;}
}
@media (max-width: 580px) {
    .p_counseling_wrap .tit { padding: 5px 18px; font-size: 20px;}
    .p_counseling_wrap p { font-size: 18px;}
    .p_counseling_wrap .txt-wrap01 .contbox {padding: 35px 20px 30px; }
	.p_counseling_wrap .txt-wrap01{  padding: 0 20px;}
}


/* SITEMAP COMMON */
.VISUAL_sitemap { padding:22px; background:#f4f4f4}
.sitemapWrap .sub-page-top {margin-top:60px;}
.sitemapWrap .sub-page-top .contentsTitle{ font-size: 50px; color: #2c2c2c; font-weight: 500;}
.sitemapWrap .sub-page-top .contentsUtill { display:none;}
.sitemap{padding:50px 0; border-top:2px solid #000; border-bottom:1px solid #c5c5c5;}
.sitemap > ul > li{display:flex; margin-bottom:70px;}
.sitemap > ul > li > a{width:200px; font-size:24px; font-weight:600; color:#000; border-right:1px solid #d7d7d7;}
.sitemap > ul > li > ul{width:calc(100% - 200px); padding-left:50px; display:flex; flex-wrap:wrap;}
.sitemap > ul > li > ul > li{width:25%;}
.sitemap > ul > li > ul > li > a{color:#222; font-weight:600; font-size:20px; display:block; margin-bottom:10px;}
.sitemap > ul > li > ul > li > ul > li > a{padding-left:10px; position:relative; color:#5a5a5a; margin-bottom:5px; display:block; font-size:16px;}
.sitemap > ul > li > ul > li > ul > li > a::before{display:block; content:''; width:3px; height:3px; background:#e5e5e5; position:absolute; top:7px; left:0;}
@media all and (max-width:1200px){
	.sitemap{padding:0px;}
	.sitemap > ul > li{display:block; margin-bottom:0;}
	.sitemap > ul > li > a{display:block; width:100%; border-bottom:1px solid #d7d7d7; border-right:0; padding:15px; border-top:1px solid #d7d7d7; background:#f9f9f9;}
	.sitemap > ul > li:first-child > a{border-top:0}
	.sitemap > ul > li > ul{width:100%; padding-left:0; min-height:80px;}
	.sitemap > ul > li > ul > li{padding:15px;}
}
@media all and (max-width:767px){
	.sitemap > ul > li > ul > li{width:50%;}
}

/* 구성원 관련 */
.profBoard .figcaption .info li { width: 100%;}
.profBoard .shortInfo {height: auto;}
.profBoard .col > a{color: #333;}
.profBoard .col > a:hover{color: #333;}

.btn-default{font-size:16px; color:#474747; border:1px solid #474747; border-radius: 4px; padding:20px 60px 20px 24px; background:#fff; line-height:1; position:relative; transition:all .3s ease; display:inline-block;}
.btn-default:hover{background:#474747; color:#fff;}
.btn-default::before{display:block; content:''; width:1px; height:20px; position:absolute; right:48px; top:17px; background:#474747;}
.btn-default::after{display:block; content:''; width:16px; height:16px; position:absolute; right:18px; top:19px;}
.btn-default.css-navy{color:#00185c; border:1px solid #00185c;}
.btn-default.css-navy:hover{background:#00185c; color:#fff; transition:all .3s ease;}
.btn-default.css-navy::before{background:#00185c}
.btn-default.css-blue{color:#0839c4; border:1px solid #0839c4;}
.btn-default.css-blue:hover{background:#0839c4; color:#fff; transition:all .3s ease;}
.btn-default.css-blue::before{background:#0839c4}
.btn-default:hover::before{background:#fff;}
.btn-default.list::after{background:url(/resources/custom/images/main/sub/ico_btn_list.png) no-repeat;}
.btn-default.down::after{background:url(/resources/custom/images/main/sub/ico_btn_down.png) no-repeat;}
.btn-default.link::after{background:url(/resources/custom/images/main/sub/ico_btn_move.png) no-repeat;}
.btn-default.list:hover::after{background:url(/resources/custom/images/main/sub/ico_btn_list_on.png) no-repeat;}
.btn-default.down:hover::after{background:url(/resources/custom/images/main/sub/ico_btn_down_on.png) no-repeat;}
.btn-default.link:hover::after{background:url(/resources/custom/images/main/sub/ico_btn_move_on.png) no-repeat;}
.btn-xs{ display:inline-block; border-radius: 2px; border:1px solid #333; padding:8px 12px; position:relative; transition:all .3s ease; font-weight:500; font-size:14px}
.btn-xs.black{color:#333;border:1px solid #333;}
.btn-xs.blue{color:#003894; border:1px solid #003894;}
.btn-xs.skyblue{color:#0089e5; border:1px solid #0089e5;}
.btn-xs.red{color:#ba1605; border:1px solid #ba1605;}
.btn-xs:hover{color:#fff; transition:all .3s ease;}
.btn-xs::before{display:block; content:''; width:0px; height:100%; transition:all .3s ease; position:absolute; left:0; bottom:0; z-index:-1;}
.btn-xs:hover::before{width:100%;}
.btn-xs.black::before{background:#333}
.btn-xs.blue::before{background:#003894;}
.btn-xs.skyblue::before{background:#0089e5;}
.btn-xs.red::before{background:#ba1605;}
.btnwrap{margin-bottom:20px;}
.hasBtnDiv{display:flex; justify-content:space-between;}
@media all and (max-width:768px){
	.btn-default{padding:12px 60px 12px 12px; font-size:12px}
	.btn-default::before{top:12px; height:12px;}
	.btn-default::after{top:10px;}
	.hasBtnDiv{flex-direction:column; }
	.hasBtnDiv .btnwrap{text-align:right;}
	.btn-xs{font-size:12px; padding:5px 8px}
}