@charset "utf-8";
/**************************************************

	Global.css

**************************************************/
/**************************************************
	Variables (공통색상 지정)
**************************************************/
:root {

	/* layout */
	--search-submit-bg-color : #444c62; /* 헤더 검색창 검색버튼 배경색 */
	--search-submit-txt-color : #ffffff; /* 헤더 검색창 검색버튼 글자색 */
	--search-close-bg-color : #545c73; /* 헤더 검색창 닫기버튼 배경색 */
	--search-close-txt-color : #ffffff; /* 헤더 검색창 닫기버튼 글자색 */
	--lnb-bg-color : #444c62; /* lnb 메뉴바 배경색 */
	--slidebar-bg-color : #545c73; /* 햄버거 메뉴 타이틀 배경색 */

	--gbg : 

	/* buttons 공통 (스킨에도 적용됨) */
	--btn1-bg-color : #444c62; /* 강조 버튼 배경색 */
	--btn1-border-color : #444c62; /* 강조 버튼 테두리색 */
	--btn1-txt-color : #ffffff; /* 강조 버튼 글자색 */

	--btn2-bg-color : #ffffff; /* 일반형 버튼 배경색 */
	--btn2-border-color : #333333; /* 일반형 버튼 테두리색 */
	--btn2-txt-color : #333333; /* 일반형 버튼 글자색 */

	--btn3-bg-color : #f7f7f7; /* 배경흐린 버튼 배경색 */
	--btn3-border-color : #dddddd; /* 배경흐린 버튼 테두리색 */
	--btn3-txt-color : #000000; /* 배경흐린 버튼 글자색 */

	/* skins 공통 (게시판, 제품관리, 연혁 등등) */
	--skin-search-btn-bg-color : #444c62; /* 각종 스킨 검색창 버튼 배경색 */
	--skin-search-btn-txt-color : #ffffff; /* 각종 스킨 검색창 버튼 글자색 */

}

/**************************************************
	Public
**************************************************/
html{min-width: 1300px;overflow-x: hidden;}
body {overflow:hidden;}
#_device_pc{display: block;} #_device_ta{display: none;} #_device_mo{display: none;} .__pc{display: block !important;} .__ta{display: none !important;} .__mo{display: none;}

/* Table */
.table1{width: 100%;border-top: 2px solid #333;border-bottom: 1px solid #ccc;}
.table1 tr > *{padding: 12px 20px;border-top: 1px solid #dddddd;font-size: 15px;line-height: 18px;}
.table1 tr:first-child > *{border-top: none;}
.table1 thead th{background: #f7f7f7;font-weight: normal;color: #000;border-bottom: 1px solid #dddddd;padding: 20px 10px;}
.table1 tbody th{font-weight: normal;color: #000;text-align: left;}
.table1 tbody th em{font-style: normal;margin-right: 5px;color: #999;}
.table1 tbody.memo td{padding: 0 !important;border: none !important;}
.table1 tbody.fileWrap th em{font-style: normal;margin-left: 3px;}
.table1 .w100p{width: 100%;}
.table1 .w50p{width: 500px;}
.table1 .w33p{width: 200px;}
.table1 input[type=text],
.table1 input[type=password],
.table1 input[type=search],
.table1 input[type=email],
.table1 input[type=url],
.table1 input[type=number]{outline: none;height: 40px;line-height: 40px;margin: 2px 0;padding: 0 15px;background: #f9f9f9;border: 1px solid #ddd;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;cursor: pointer;vertical-align: middle;font-size: 15px;}
.table1 select{height: 40px;line-height: 40px;margin: 2px 0;padding: 0 0 0 10px;background: #ffffff;border: 1px solid #ccc;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;cursor: pointer;font-size: 15px;}
.table1 textarea{outline: none;width: 100%;height: 300px;font-size: 14px;line-height: 18px;margin: 2px 0;padding: 15px;background: #f9f9f9;border: 1px solid #ddd;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;cursor: pointer;font-size: 15px;}
.table1 label{font-size: 15px;letter-spacing: -1px;}
.table1 em.tbl_sment{display: block;margin: 5px 0;font-size: 14px;color: #999;font-style: normal;letter-spacing: -1px;}
.table1 .many-inputs .hipen{font-style: normal;display: inline-block;vertical-align: middle;width: 30px;display: inline-block;vertical-align: baseline;text-align: center;font-size: 13px;color: #999;}
.table1 .many-inputs > *{vertical-align: middle;}
.table1.borderAll tr > *{border: 1px solid #ddd;}



.table1 th strong {display:block; font-size:22px; line-height:30px; color:#333; font-weight:700; margin-bottom:15px;}
.table1 th strong b {font-size:18px; font-weight:500; line-height:30px; color:#df0076; margin-left:5px;}


/* Tab */
.tab1{margin-bottom: 50px;border-bottom: 1px solid #000;display: flex;justify-content: space-between;flex-wrap: wrap;}
.tab1 li{display: inline-block;vertical-align: top;flex-basis: 0;flex-grow: 1;}
.tab1 li a{display: block;font-size: 18px;color: #666;display: block;line-height: 60px;text-decoration: none;text-align: center;}
.tab1 li.active{margin-bottom: -1px;}
.tab1 li.active a{border: 1px solid #000;border-bottom: none;background: #fff;color: #000;}

/* Button */
.btnWrap{ margin-top: 30px; }
.btnWrap > *{margin: 0 2px;}
.btn1{background: none;padding: 0 30px;display: inline-block;vertical-align: top;box-sizing: border-box;height: 50px;line-height: 48px;text-align: center;font-size: 16px;background: var(--btn1-bg-color);border: 1px solid var(--btn1-border-color);color: var(--btn1-txt-color) !important;text-decoration: none !important;}
.btn2{background: none;padding: 0 30px;display: inline-block;vertical-align: top;box-sizing: border-box;height: 50px;line-height: 48px;text-align: center;font-size: 16px;background: var(--btn2-bg-color);border: 1px solid var(--btn2-border-color);color: var(--btn2-txt-color) !important;text-decoration: none !important;}
.btn3{background: none;padding: 0 30px;display: inline-block;vertical-align: top;box-sizing: border-box;height: 50px;line-height: 48px;text-align: center;font-size: 16px;background: var(--btn3-bg-color);border: 1px solid var(--btn3-border-color);color: var(--btn3-txt-color) !important;text-decoration: none !important;}
.btn1.small,
.btn2.small,
.btn3.small{padding: 0 20px;height: 40px;line-height: 40px;font-size: 14px;}

/**************************
	Site Layer Popup
**************************/
.sp-pop{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);border-radius: 3px;overflow: hidden;}
.sp-pop:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);}
.sp-pop .img{position: relative;min-height: 100px;}
.sp-pop .img img{max-width:100%;}
.sp-pop .btns{position: absolute;bottom: 0;left: 0;width: 100%;white-space: nowrap;background: #f7f7f7;}
.sp-pop .btns li{position: relative;display: inline-block;vertical-align: top;width: 50%;}
.sp-pop .btns li:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);border-width: 1px 1px 1px 0;}
.sp-pop .btns li:first-child:before{border-left-width: 1px;}
.sp-pop .btns li a,
.sp-pop .btns li label{position: relative;display: block;text-align: center;line-height: 32px;text-align: center;font-size: 11px;color: #666;letter-spacing: -1px;z-index: 3;text-decoration: none;font-family: dotum;}
.sp-pop .btns li label input{display: none;}
.sp-pop .btns.len3 li{width: 33.33%;}

/**************************
	Paging
**************************/
.paging{text-align: center !important;margin-top: 50px !important;font-family: empty !important;font-size: 0 !important;}
.paging a{display: inline-block !important;vertical-align: top !important;margin: 0 !important;margin-right: -1px !important;position: relative !important;margin: 0 10px !important;height: 35px !important;line-height: 35px !important;text-align: center !important;color: #ccc !important;font-size: 16px !important;font-weight: bold !important;text-decoration: none !important;box-sizing: border-box !important;font-family: tahoma, arial, axicon !important;}
.paging a:hover{color: #000 !important;}
.paging a:after{position: absolute !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;line-height: 35px !important;text-align: center !important;font-size: 15px !important;text-indent: 0 !important;}
.paging a.active{background: #ffffff !important;color: #333333 !important;font-weight: 600 !important;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last{background: #f7f7f7 !important;width: 35px !important;line-height: 35px !important;text-align: center !important;border-radius: 50% !important;color: #666666 !important;text-indent: -999em !important;margin: 0 2px !important;}
.paging a.first:hover,
.paging a.prev:hover,
.paging a.next:hover,
.paging a.last:hover{background: #333 !important;}
.paging a:hover:after{color: #fff !important;}
.paging a.first{margin-right: 15px !important;margin-left: -10px !important;}
.paging a.prev{margin-right: 15px !important;margin-left: -10px !important;}
.paging a.next{margin-left: 15px !important;margin-right: -10px !important;}
.paging a.last{margin-left: 15px !important;margin-right: -10px !important;}
.paging a.first:after{content: '\f100' !important;font-size: 18px !important;color: #999 !important;}
.paging a.prev:after{content: '\f104' !important;font-size: 18px !important;color: #999 !important;}
.paging a.next:after{content: '\f105' !important;font-size: 18px !important;color: #999 !important;}
.paging a.last:after{content: '\f101' !important;font-size: 18px !important;color: #999 !important;}

/**************************************************
	Layout
**************************************************/
.top_banner {position:fixed; top:0; left:0; width:100%; text-align:center; z-index:5;}
.top_banner.off {display:none;}
.top_banner a img {display:block; margin:0 auto; position:relative; left:50%; transform:translateX(-50%);}
.top_banner .closebtn {position:absolute; top:50%; right:50%; margin-right:-650px; margin-top:-15px; width:30px; height:30px; background:url('/images/layout/top_close.png') no-repeat; cursor:pointer; z-index:2;}


#header{position:fixed; top:0; left:0; width:100%; z-index: 90;background: #fff;box-shadow: 0 3px 3px rgba(0,0,0,0.1);}
#header:after {position:absolute; content:''; width:100%; height:1px; background:#ddd; bottom:70px; left:0;}


#header .snb_inner {position:relative; width:1300px; margin:0 auto; padding-top:20px;}
#header .snb_inner:after {display:block; content:''; clear:both;}
#header .snb_inner .left {float:left; display:inline-block;}
#header .snb_inner .right {float:right; display:inline-block;}
#header .snb_inner ul > li {position:relative; display:inline-block; vertical-align:top; padding-left:10px; margin-left:10px; font-size:14px; line-height:20px; color:#555; }
#header .snb_inner ul > li span { display:block; cursor:pointer; font-size:14px; line-height:20px; color:#555; }
#header .snb_inner ul > li:first-child {padding-left:0; margin-left:0;}
#header .snb_inner ul > li:after {position:absolute; content:''; width:1px; height:12px; top:4px; left:0; background:#cdcdcd;}
#header .snb_inner ul > li:first-child:after {display:none;}

#header .snb_inner ul > li > ol {position:absolute; top:0; left:50%; width:140px; padding:50px 0 20px; margin-left:-70px;visibility: hidden;z-index:4;}
#header .snb_inner ul > li > ol:before { position:absolute; content:''; width:100%; height:calc(100% - 30px); top:30px; left:0; z-index:-1;border:2px solid #df0076; box-sizing:border-box; border-radius:15px;  background:#fff; }
#header .snb_inner ul > li:hover > ol{visibility: visible;opacity: 1;}

#header .snb_inner ul > li > ol > li {display:block;}

#header .snb_inner ul > li > ol > li > a {display:block; line-height:28px; font-size:15px; font-weight:normal; color:#222; text-align:center;}

#header .snb_inner ul > li > ol > li.active > a {color:#df0076; font-weight:500;}

#header > .inner{position: relative;width: 1300px;height: 80px;margin: 0 auto;}

#header > .inner .hd_quick {position:absolute; top:27px; left:0; }
#header > .inner .hd_quick a {display:inline-block; vertical-align:top; margin-right:15px; box-sizing:border-box; position:relative; padding-left:44px; font-size:15px; line-height:35px; font-weight:500; color:#333;}
#header > .inner .hd_quick a img {position:absolute; top:0; left:0;}
#header .logo{position: absolute;top:-10px;left:50%; transform:translateX(-50%); height: 100%;line-height: 90px;}
#header .logo img{width: auto;max-height: calc(100% - 20px);vertical-align: middle;}


#header .gnb_inner {position:relative; width:1300px; margin:0 auto; box-sizing:border-box; padding-left:50px; padding-right:355px;}

.quick {position:fixed; top:50%; right:30px; transform:translateY(-50%); z-index:9; width:95px;}
.quick h3 {text-align:center; border-radius:10px 10px 0 0; background:#df0076; font-size:13px; font-weight:normal; font-family: 'Play';  color:#fff; line-height:30px;}
.quick ul {border-left:1px solid #ddd; border-right:1px solid #ddd; background:#fff;}
.quick ul li {position:relative;}
.quick ul li:after {position:absolute; content:''; width:calc(100% - 34px); height:1px; background:#ddd; bottom:0; left:17px;}
.quick ul li a {display:block; text-align:center; padding:10px 0;}
.quick ul li p {font-size:14px; font-weight:500; color:#333; margin-top:10px; line-height:1.2em;}
.quick #gotop {position:relative; top:auto; right:auto; background:#fff; width:100%; line-height:48px; font-size:14px; font-weight:700; color:#333; font-family: 'Play'; height:auto; box-sizing:border-box; text-align:center; text-indent:unset; border-radius:0 0 10px 10px; border:1px solid #ddd; border-top:0;}
.quick #gotop i {font-size:20px; line-height:48px;  vertical-align:middle;}







#slide-btn{text-indent: -999em;width:22px;height: 17px;position: absolute;top:26px;left: 0;}
#slide-btn button{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;background: none;cursor: pointer;}
#slide-btn button span,
#slide-btn button:before,
#slide-btn button:after{border-radius: 2px;overflow: hidden;position: absolute;left: 0;width: 100%;height: 3px;background: #333;}
#slide-btn button span{display: block;top: 50%;margin-top: -2px;opacity: 1;transition: all 0.3s; width:15px;}
#slide-btn button:before{content: '';display: block;top: 0;transition: all 0.3s;}
#slide-btn button:after{content: '';display: block;bottom: 0;transition: all 0.3s;}
#slide-btn button.on span{opacity: 0;}
#slide-btn button.on:before{top: 50%;margin-top: -1px;transform: rotate(45deg);}
#slide-btn button.on:after{bottom: 50%;margin-bottom: -1px;transform: rotate(-45deg);}

#slide-bg{display: none;}
#slide-menu{display: none;}

#gnb{ }
#gnb > li{position: relative;display: inline-block;vertical-align: top;}
#gnb > li.pc_none {display:none;}
#gnb > li > a{display: block;padding: 0 25px;line-height:70px;font-size: 18px;color: #222; font-weight:600; text-decoration: none; letter-spacing:-0.5px;}
#gnb > li > ul{position: absolute;top: 70px;left: 50%;width: 240px;transform: translate(-50%, 0);background: #fff; padding:15px 0;box-sizing: border-box;visibility: hidden;box-shadow: 3px 3px 10px rgba(0,0,0,0.1);}
#gnb > li > ul li:first-child{border-top-color: rgba(0,0,0,0.15);}

#gnb > li > ul li a{display: block;font-size: 15px;color: #666;line-height: 45px;text-align: center;text-decoration: none;}
#gnb > li > ul li:hover a,
#gnb > li > ul li.active a{background: #df0076;color: #fff;}

#gnb > li:hover > ul,
#gnb > li:focus-within > ul{visibility: visible;opacity: 1;}

#gnb > li.hidden-gnb{display: none;}
#gnb > li > a span {width:76px; margin:17px 0; display:inline-block; padding:0 20px; font-size:18px; line-height:32px; text-align:center; border-radius:36px; color:#fff; line-height:32px; letter-spacing:-1px; box-sizing:border-box; border:2px solid #df0076; background:#df0076;}
#gnb > li > a span:hover {background:#fff; color:#df0076;}


#header .gnb_inner .h_search {position:absolute;  width:145px; top:17px; right:220px; line-height:32px; text-align:center; border-radius:36px; font-size:14px; color:#fff; box-sizing:border-box; border:2px solid #7539c7; background:#7539c7; }
#header .gnb_inner .h_search i {font-size:12px;}
#header .gnb_inner .h_search:hover {background:#fff; color:#7539c7;}
#header .gnb_inner .h_call {position:absolute; top:15px; right:0; font-size:18px; font-weight:700; color:#333; line-height:36px; letter-spacing:-1px;}
#header .gnb_inner .h_call b {font-size:24px; line-height:36px; color:#7539c7; font-weight:700; font-family: 'Play';}

#drdw{position: fixed;top: 190px;left: 0;width: 100%;background: #fff;border-top: 1px solid #ddd;z-index: 91;display: none;box-shadow: 3px 10px 10px rgba(0,0,0,0.1);}

#drdw .inner{position: relative;width: 1300px;margin: 0 auto;border-right: 1px solid #e8e8e8;}
#drdw .inner > li{display: inline-block;padding: 40px 0;vertical-align: top; width:14.285%;}
#drdw .inner > li:before{content: '';display: block;position: absolute;top: 0;height: 100%;width: 1px;background: #e8e8e8;}
#drdw .inner > li:first-child{border-left-width: 1px;}
#drdw .inner > li > a{display: block;margin-bottom: 15px;font-size: 18px;color: #000;text-align: center;font-weight: bold;}
#drdw .inner > li > a span {display: block; font-size: 18px;color: #000;text-align: center;font-weight: bold;}
#drdw .inner > li ul li a{display: block;font-size: 15px;line-height: 35px;color: #555555;text-align: center;}
#drdw .inner > li ul li.active a{font-weight: bold;}
#drdw .inner > li.pc_none{display: none;}
#drdw .inner > li.hidden-gnb{display: none;}
#drdw .close{width: 0;height: 0;border: none;background: #333;font-size: 16px;color: #fff;letter-spacing: -1px;overflow: hidden;margin: 0;display: block;}
#drdw .close:focus-within{width: 100%;height: 55px;}

#tnb{position: absolute;top: 25px;right: 0;z-index: 2;}
#tnb > li{display: inline-block;margin-left:5px;box-sizing: border-box;}
#tnb > li a{display:block; font-size: 13px;color: #666; line-height:26px; width:90px; text-align:center; border:2px solid #e5e5e5; border-radius:30px; }
#tnb > li a i {font-size:15px;}
#tnb > li a:hover {border-color:#333; background:#333; color:#fff;}


#hd-lan{position: absolute;top: 45px;right: 110px;z-index: 92;}
#hd-lan > a{display: block;line-height: 40px;padding: 0 22px 0 28px;font-size: 14px;color: #2e3144;text-decoration: none;text-transform: uppercase;background: url('/images/layout/hd-lan-ico.png') no-repeat 0 center, url('/images/layout/hd-lan-spr.png') no-repeat right center;}
#hd-lan > ul{position: absolute;top: 45px;left: 50%;display: none;width: 80px;margin-left: -40px;padding: 10px 0;border: 1px solid #b8b8b8;background: #fff;}
#hd-lan > ul:before{position: absolute;top: -7px;left: 50%;content: '';display: block;width: 6px;height: 7px;margin-left: -3px;background: url('/images/layout/hd-lanbox-spr.png');}
#hd-lan > ul li a{display: block;font-size: 14px;line-height: 26px;color: #666666;text-decoration: none;text-align: center;text-transform: uppercase;}
#hd-lan.on > ul,
#hd-lan:focus-within > ul{display: block;}

#hd-sch{position: absolute;top: 55px;right: 50px;z-index: 91; display:none;}
#hd-sch .btn{display: block;width: 21px;height: 21px;background: url('/images/layout/hd-sch-btn.png');text-indent: -999em;border: none;}
#hd-sch-pop{position: absolute;top: 100px;left: 0;width: 100%;background: #fff;border-top: 1px solid #ddd;z-index: 91;display: none;box-shadow: 3px 10px 10px rgba(0,0,0,0.1);padding: 30px 0;}
#hd-sch-pop.on{display: block !important;}
#hd-sch-pop form{width: 1300px;position: relative;margin: 0 auto;zoom: 1;}
#hd-sch-pop form fieldset > *{float: left;}
#hd-sch-pop legend{display: none;}
#hd-sch-pop .inp{width: calc(100% - 110px);height: 55px;line-height: 55px;text-indent: 20px;font-size: 16px;background: none;border: none;background: #f7f7f7;}
#hd-sch-pop .sbm{position: relative;width: 55px;height: 55px;background: var(--search-submit-bg-color);border: none;text-indent: -999em;}
#hd-sch-pop .sbm:after{position: absolute;top: 0;left: 0;width: 100%;line-height: 55px;display: block;content: '\e036';font-family: axicon;color: var(--search-submit-txt-color);font-size: 18px;text-indent: 0;}
#hd-sch-pop .close{position: relative;width: 55px;height: 55px;background: var(--search-close-bg-color);border: none;text-indent: -999em;}
#hd-sch-pop .close:after{position: absolute;top: 0;left: 0;width: 100%;line-height: 55px;display: block;content: '\f1b5';font-family: axicon;color: var(--search-close-txt-color);font-size: 18px;text-indent: 0;}



.event_banner {position:fixed; bottom:15px; left:0; width:100%; display:block; text-align:center; z-index:4;}
.event_banner.on {position:relative; bottom:auto; left:auto; margin-bottom:15px;}
.event_banner a img {display:block; margin:0 auto;}
#footer{background:fff;}
#footer .f_body {width:100%; max-width:1300px; margin:0 auto; padding:80px 0; position:relative; box-sizing:border-box;}
#footer .f_body:before {position:absolute; content:''; width:100vw; height:100%; top:0; left:50%; margin-left:-50vw; z-index:-1; background:#222;}
#footer .f_body:after {display:block; content:''; clear:both;}
#footer .f_body .left {width:375px; float:left;}
#footer .f_body .left p {margin-top:30px; font-size:14px; line-height:28px; color:#ddd;}
#footer .f_body .left p b{width: 20px;border: none;display: inline-block;vertical-align: middle;}

#footer address { font-style: normal; font-size: 14px; line-height: 1.5; color: #fff;}


#footer .f_body .right {width:calc(100% - 375px); float:left;}
#footer .ftWrap{position: relative;width: 100%;}
#footer p{margin-top:15px;}
#footer p:first-child {margin-top:0;}
#footer p:after {display:block; content:''; clear:both;}
#footer p span {display:inline-block; float:left; min-height:24px; vertical-align:top; box-sizing:border-box; position:relative; font-size:14px; line-height:24px; color:#aaa;}
#footer p span strong {position:absolute; top:0; left:0; font-size:14px; line-height:24px;font-weight:600; color:#eee;}

#footer .ftWrap p:first-child { display: none;}

#footer p span.txt1 {padding-left:70px; width:450px;}
#footer p span.txt2 {padding-left:70px; width:190px}
#footer p span.txt3 {padding-left:93px; width:285px;}

#footer .fnbWrap{ background:#111;}
#footer .fnbWrap .inner{position: relative;width: 1300px;margin: 0 auto;}
#footer .copyright{position:absolute; top:0; right:0; display:inline-block; font-size: 13px; line-height:60px; color: #ddd;}

#footer hr { display: inline-block; width: 1px; height: 10px; background-color: #fff; margin: 0 5px; border: 0;}

#sns-ico{margin-top: 30px;}
#sns-ico li{display: inline-block;margin-right: 18px;}

#gotop{position: absolute;top: 0;right: 0;display: block;background: url('/images/layout/ft-top-btn.jpg') no-repeat center center;width: 50px;height: 50px;text-indent: -999em;}

#fnb > li{display: inline-block;padding: 0 16px;}
#fnb > li:first-child{padding-left: 0;background: none;}
#fnb > li a{font-size: 14px;color: #fff;letter-spacing: -1px;line-height: 60px;}

#ft-fam{position: absolute;top: 35px;right: 0;width: 230px;height: 40px;}
#ft-fam > a{display: block;line-height: 40px;padding: 0 15px;border: 1px solid #444444;font-size: 15px;color: #aaaaaa;text-decoration: none;background: url('/images/layout/ft-family-spr.png') no-repeat 92% center;}
#ft-fam ul{position: absolute;bottom: 40px;left: 0;display: none;width: 100%;padding: 5px 15px;background: #444444;box-sizing: border-box;}
#ft-fam ul li{border-top: 1px solid #575757;}
#ft-fam ul li:first-child{border-top: none;}
#ft-fam ul li a{display: block;line-height: 35px;color: #f7f7f7;text-align: center;}
#ft-fam.on ul,
#ft-fam:focus-within ul{display: block;}














/**************************************************
	Ajax Popup
**************************************************/
.layer-ajaxpop{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);padding-top: 60px;z-index: 301;background: #fff;overflow: hidden;box-sizing: border-box;opacity: 0;box-shadow: 0 0 10px rgba(0,0,0,0.1);max-height: calc(100% - 40px);}
.layer-ajaxpop .pop-tit{position: absolute;top: 0;left: 0;width: 100%;height: 60px;background: #fff;padding: 0 20px;border-bottom: 1px solid #ddd;box-sizing: border-box;box-shadow: 0 0 3px rgba(0,0,0,0.1);}
.layer-ajaxpop .pop-tit h3{font-size: 16px;color: #000;font-weight: bold;line-height: 60px;}
.layer-ajaxpop .pop-tit .close{display: block;position: absolute;top: 0;right: 0;width: 60px;height: 60px;line-height: 60px;text-align: center;color: #666;border-left: 1px solid #ddd;text-indent: -999em;}
.layer-ajaxpop .pop-tit .close:after{content: '\f1b5';display: block;position: absolute;top: 0;left: 0;width: 100%;line-height: 60px;text-align: center;font-size: 16px;color: #333;font-family: axicon;text-indent: 0;}

.layer-ajaxpop .pop-wrap{height: 100%;overflow-y: auto;padding: 20px;box-sizing: border-box;}
.layer-ajaxpop.on{opacity: 1;}
.layer-ajaxpopBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);opacity: 0;}
.layer-ajaxpopBG.on{opacity: 1;}

/* sitemap */
.layer-ajaxpop .sitemap{text-align: center;display: flex;justify-content: space-between;flex-wrap: wrap;}
.layer-ajaxpop .sitemap > li{display: inline-block;width: 32.5%;}
.layer-ajaxpop .sitemap > li > a{display: block;text-align: center;font-size: 15px;letter-spacing: -1px;background: #f7f7f7;line-height: 45px;color: #000;text-decoration: none;}
.layer-ajaxpop .sitemap > li ul{padding: 15px 0;}
.layer-ajaxpop .sitemap > li ul li{margin-bottom: 5px;}
.layer-ajaxpop .sitemap > li ul li a{display: block;font-size: 14px;color: #333;line-height: 18px;text-align: center;text-decoration: none;color: #666;}

/**************************************************
	Main
**************************************************/
#main{  padding-bottom:100px;}

#main #content{  }
#main #mainWrap{position: relative;width: 1300px;margin: 50px auto;}

#main .visual{position: relative;}
#main .visual .roll .item{position: relative;overflow: hidden;}
#main .visual .roll .item img{position: relative;top: 0;left: 50%;margin-left: -960px;}
#main .visual .slick-dots{position: absolute;bottom: 50px;left: 0;width: 100%;z-index:3;text-align: center;}
#main .visual .slick-dots li{display: inline-block;margin: 0 2px;}
#main .visual .slick-dots li button{display: block;width: 12px;height: 12px;background:#eee;text-indent: -999em;overflow: hidden;border: none;border-radius: 12px;transition: all 0.1s;}
#main .visual .slick-dots li.slick-active button{background: #df0076;width: 30px;}

#main .visual .slick-prev {position:absolute; top:50%; left:7%; width:60px; height:60px; margin-top:-30px; border:0; border-radius:50%; box-shadow:0 5px 10px rgba(0,0,0,0.1); font-size:0; z-index:2; background:url('/images/layout/prev_1.png') no-repeat;}
#main .visual .slick-next {position:absolute; top:50%; right:7%; width:60px; height:60px; margin-top:-30px; border:0; border-radius:50%; box-shadow:0 5px 10px rgba(0,0,0,0.1); font-size:0; z-index:2; background:url('/images/layout/next_1.png') no-repeat;}





.main_tit_1 {position:relative; width:100%; max-width:1300px; margin:0 auto; }
.main_tit_1 h3 {text-align:center; font-size:48px; font-weight:500; color:#222; line-height:50px; }
.main_tit_1 h3 b {font-weight:700;}
.main_tit_1 p {font-size:20px; line-height:1.5em; color:#333; margin-top:20px; text-align:center;}
.main_tit_1 a {position:absolute; box-sizing:border-box; padding-right:40px; top:10px; right:0; font-size:15px; color:#666; line-height:30px;}
.main_tit_1 a i {position:absolute; top:0; right:0; width:30px; line-height:30px; font-size:13px; color:#fff; text-align:center; background:#02b8c6; border-radius:50%; }





.section_1 {padding:120px 0 90px; width:100%; max-width:1300px; margin:0 auto;}

.section_1 .sec1_slide {margin:40px -18px 0;}
.section_1 .sec1_slide .slick-dots {display:none !important;}


.section_1 .sec1_slide .item {margin:18px;}
.section_1 .sec1_slide .item a {position:relative; display:block; border-radius:15px;box-shadow:0 10px 10px rgba(0,0,0,0.1); 
	overflow: hidden;
}
.section_1 .sec1_slide .item a:after {position:absolute; content:''; top:0; left:0; width:100%; height:100%; box-sizing:border-box; opacity:0; transition:all 0.3s; border:3px solid #7539c7; border-radius:15px; }
.section_1 .sec1_slide .item a .img {position:relative; width:100%; height:0; padding-bottom:58.53%;
	padding-bottom: 56.25%;overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: contain;background-color: #f1f1f1;
}/* 이미지크기:1280x720 */
.section_1 .sec1_slide .item a .img img {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:15px 15px 0 0;}
.section_1 .sec1_slide .item a .img .tag {position:absolute; top:24px; left:24px; box-sizing:border-box; padding:0 15px; border-radius:5px; font-size:15px; line-height:30px; color:#fff; background:#df0076; z-index:1;}
.section_1 .sec1_slide .item a .txt {box-sizing:border-box; padding:30px; border-radius:0 0 15px 15px; background:#fff; border:1px solid #ddd; border-top:0;}
.section_1 .sec1_slide .item a .txt span {display:block; font-size:16px; line-height:1.6em; color:#02b8c6;}
.section_1 .sec1_slide .item a .txt strong {display:block; font-size:24px;line-height:1.5em; color:#333; font-weight:700; margin-top:10px;}
.section_1 .sec1_slide .item a .txt p {font-size:15px; line-height:1.5em; color:#666; font-weight:300; margin-top:10px;}
.section_1 .sec1_slide .item a:hover:after {opacity:1;}


.section_1 .progress-wrap {position:relative; box-sizing:border-box; width:100%; max-width:1300px; margin:18px auto 0; padding:24px 0; padding-right:140px;}
.section_1 .progress-wrap .body {position:relative;}
.section_1 .progress-wrap .progress {position:relative; display: block; width:100%; height:2px;  background-color:#d5d5d5;  background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out;}
.section_1 .progress-wrap .progress .slider__label{position:absolute; z-index:2; width:100%; top:-1px; left:0; height:4px; border-radius:0 4px 4px 0; font-size:0;  background-image: linear-gradient(to right, #111, #111); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out;}

.section_1 .progress-wrap .first_bar {position:absolute; top:-1px; left:0; height:4px; background:#111; border-radius:4px 0 0 4px;}

.section_1 .progress-wrap .prev {position:absolute; width:50px; top:0; right:60px; cursor:pointer; box-sizing:border-box; border-radius:50%; border:2px solid #e5e5e5; background:#fff; font-size:36px; color:#333; text-align:center;}
.section_1 .progress-wrap .prev i {line-height:44px;}
.section_1 .progress-wrap .prev:hover {background:#000; border-color:#000; color:#fff;}
.section_1 .progress-wrap .next {position:absolute; width:50px; top:0; right:0; cursor:pointer; box-sizing:border-box; border-radius:50%; border:2px solid #e5e5e5; background:#fff; font-size:36px; color:#333; text-align:center;}
.section_1 .progress-wrap .next i {line-height:44px;}
.section_1 .progress-wrap .next:hover {background:#000; border-color:#000; color:#fff;}







.section_2 { padding:120px 0 100px; overflow:hidden; background: -webkit-linear-gradient(right bottom, #f7f3fc 0, #e9fafc 100%); background: -o-linear-gradient(right bottom, #f7f3fc 0, #e9fafc 100%); background: -moz-linear-gradient(right bottom, #f7f3fc 0, #e9fafc 100%); background: linear-gradient(to right bottom, #f7f3fc 0, #e9fafc 100%);}

.section_2 .sec2_slide {width:100%; max-width:1320px; margin:50px auto 0;}
.section_2 .sec2_slide .slick-list {overflow:unset;}
.section_2 .sec2_slide .slick-list:after {display:block; content:''; clear:both;}
.section_2 .sec2_slide .slick-slide {width:420px;}
.section_2 .sec2_slide .slick-slide > div {margin:18px 10px;}
.section_2 .sec2_slide .slick-slide > div:nth-child(2) .item {margin-left:50%;}

.section_2 .sec2_slide .slick-slide .item {position:relative;}
.section_2 .sec2_slide .slick-slide .item .img {position:absolute; top:50%; left:35px; transform:translateY(-50%);}

.section_2 .sec2_slide .slick-slide .item .txt {width:100%;}
.section_2 .sec2_slide .slick-slide .item .txt span {display:block; font-size:15px; line-height:1.1em; color:#02b8c6;}
.section_2 .sec2_slide .slick-slide .item .txt strong {margin-top:5px; display:block; font-size:22px; line-height:30px; color:#333; font-weight:700;}
.section_2 .sec2_slide .slick-slide .item .txt strong b {display:inline-block; width:24px; height:24px; margin:3px 0 3px 10px; vertical-align: text-bottom;}
.section_2 .sec2_slide .slick-slide .item .txt strong b.tag1 {background:url('/images/main/section_2_img_2.png') no-repeat;}
.section_2 .sec2_slide .slick-slide .item .txt strong b.tag2 {background:url('/images/main/section_2_img_3.png') no-repeat;}
.section_2 .sec2_slide .slick-slide .item .txt strong b.tag3 {background:url('/images/main/section_2_img_4.png') no-repeat;}
.section_2 .sec2_slide .slick-slide .item .txt p {margin-top:10px; font-size:15px; color:#777; height:72px; line-height:24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}

.section_2 .sec2_slide .item a {position:relative; display:block;  box-sizing:border-box; padding:35px 35px 35px 165px;  border-radius:20px; border:1px solid #ddd; background:#fff; box-shadow:0 10px 10px rgba(0,0,0,0.1);}
.section_2 .sec2_slide .item a:after {position:absolute; content:''; top:0; left:0; width:100%; height:100%; box-sizing:border-box; opacity:0; transition:all 0.3s; border:3px solid #7539c7; border-radius:15px;}
.section_2 .sec2_slide .item a:hover:after {opacity:1;}



.section_3 {padding-top:120px;}
.section_3 ul {width:100%; margin-top:60px;}
.section_3 ul li {position:relative; width:20%; height:560px; display:inline-block; vertical-align:top; overflow:hidden;}
.section_3 ul li:before {position:absolute; content:''; width:100%; height:100%; top:0; left:0; right:0; bottom:0; z-index:-1; transition:all 0.3s ease;}
.section_3 ul li a {display:block; position:relative; width:100%; height:100%; transition:all 0.3s ease;}
.section_3 ul li .txt {position:absolute; z-index:2; width:100%; bottom:0; left:0; padding:50px; box-sizing:border-box; }
.section_3 ul li a:before {position:absolute; content:'';bottom:0; left:0;  width:100%; height:45%; z-index:1; background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.1) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.1) 100%); background: linear-gradient(to top, rgba(0,0,0,0.8) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.1) 100%); box-shadow:0 -15px 20px 10px rgba(0,0,0,0.1);}
.section_3 ul li .txt span {display:block; font-size:20px; line-height:1.3em; color:#fff; font-weight:normal;  font-family: 'Play';}
.section_3 ul li .txt strong {display:block; font-size:34px; line-height:40px; color:#fff; font-weight:700; margin-top:15px;}
.section_3 ul li .txt strong i {font-size:26px; line-height:40px; margin-left:20px; opacity:0;  }
.section_3 ul li .txt p {font-size:16px; line-height:1.5em; color:#fff; margin-top:15px; height:0; opacity:0; }

.section_3 ul li.box_1:before {background:url('/images/main/section_3_img_1.png') center center no-repeat; background-size:cover;}
.section_3 ul li.box_2:before {background:url('/images/main/section_3_img_2.png') center center no-repeat; background-size:cover;}
.section_3 ul li.box_3:before {background:url('/images/main/section_3_img_3.png') center center no-repeat; background-size:cover;}
.section_3 ul li.box_4:before {background:url('/images/main/section_3_img_4.png') center center no-repeat; background-size:cover;}
.section_3 ul li.box_5:before {background:url('/images/main/section_3_img_5.png') center center no-repeat; background-size:cover;}

.section_3 ul li:hover:before {transform:scale(1.1);}
.section_3 ul li a:hover:before {   background: -webkit-linear-gradient(top, rgba(117,57,199,0.8) 0, rgba(117,57,199,0.5) 50%, rgba(117,57,199,0.1) 100%); background: -o-linear-gradient(top, rgba(117,57,199,0.8) 0, rgba(117,57,199,0.5) 50%, rgba(117,57,199,0.1) 100%); background: -moz-linear-gradient(top, rgba(117,57,199,0.8) 0, rgba(117,57,199,0.5) 50%, rgba(117,57,199,0.1) 100%); background: linear-gradient(to top, rgba(117,57,199,0.8) 0, rgba(117,57,199,0.5) 50%, rgba(117,57,199,0.1) 100%); box-shadow:0 -15px 20px 10px rgba(117,57,199,0.1);}

.section_3 ul li a:hover .txt strong i {opacity:1;}
.section_3 ul li a:hover .txt p {opacity:1; height:auto;}





.section_4 {padding-top:120px; width:100%; max-width:1300px; margin:0 auto;}
.section_4 ul {margin:0 -25px;}
.section_4 ul li {width:calc(50% - 50px); margin:60px 25px 0; display:inline-block; vertical-align:top;}

.section_4 ul li a {display:block; position:relative; border-radius:12px; overflow:hidden; }
.section_4 ul li a:before {position:absolute; content:'';bottom:0; left:0;  width:100%; height:45%; z-index:1; background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.1) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.1) 100%); background: linear-gradient(to top, rgba(0,0,0,0.8) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.1) 100%); box-shadow:0 -15px 20px 10px rgba(0,0,0,0.1);}

.section_4 ul li .img {position:relative; width:100%; height:0; padding-bottom:64%;}
.section_4 ul li .img img {position:absolute; top:0; left:0; width:100%; height:100%;}
.section_4 ul li .tag {position:absolute; top:24px; left:24px; box-sizing:border-box; padding:0 15px; border-radius:5px; font-size:15px; line-height:30px; color:#fff; background:#df0076; z-index:1;}
.section_4 ul li .txt {position:absolute; z-index:2; width:100%; bottom:0; left:0; padding:40px; box-sizing:border-box; }

.section_4 ul li .txt strong {display:block; font-size:26px; line-height:1.2em; color:#fff; font-weight:700;}
.section_4 ul li .txt p {font-size:16px; line-height:1.5em; color:#fff; margin-top:10px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.section_4 ul li .txt span {display:block; font-size:14px; color:#fff; line-height:1.3em; margin-top:20px;  font-weight:normal;  font-family: 'Play';}
.section_4 ul li a:hover:before {   background: -webkit-linear-gradient(top, rgba(117,57,199,0.8) 0, rgba(117,57,199,0.5) 50%, rgba(117,57,199,0.1) 100%); background: -o-linear-gradient(top, rgba(117,57,199,0.8) 0, rgba(117,57,199,0.5) 50%, rgba(117,57,199,0.1) 100%); background: -moz-linear-gradient(top, rgba(117,57,199,0.8) 0, rgba(117,57,199,0.5) 50%, rgba(117,57,199,0.1) 100%); background: linear-gradient(to top, rgba(117,57,199,0.8) 0, rgba(117,57,199,0.5) 50%, rgba(117,57,199,0.1) 100%); box-shadow:0 -15px 20px 10px rgba(117,57,199,0.1);}





.section_5 {padding-top:120px; width:100%; max-width:1300px; margin:0 auto;}
.section_5 ul {margin:60px 0 0; padding:25px 0; border-top:3px solid #333; border-bottom:1px solid #ddd;}
.section_5 ul:after {display:block; content:''; clear:both;}
.section_5 ul li {position:relative; width:calc(50% - 40px); float:right; box-sizing:border-box; margin-left:40px; padding:35px 0; padding-left:195px; display:inline-block; vertical-align:top; border-bottom:1px solid #ddd;}
.section_5 ul li .iframe {position:absolute; top:35px; left:0; width:165px; height:95px; border-radius:10px; overflow:hidden;}
.section_5 ul li .iframe iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.section_5 ul li .iframe img {position:absolute; top:0; left:0; width:100%; height:100%;}
.section_5 ul li a {display:block; }
.section_5 ul li a strong {display:block; margin-top:15px; font-size:18px; line-height:1.5em; color:#333; font-weight:500;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.section_5 ul li a span {display:block; font-size:14px; color:#888; line-height:1.3em; margin-top:10px; margin-bottom:25px; font-weight:normal;  font-family: 'Play';}

.section_5 ul li:first-child {float:left; margin-left:0; margin-right:40px; padding-left:0; padding-bottom:15px; border-bottom:0;}

.section_5 ul li:first-child {padding:35px 0;}
.section_5 ul li:first-child .iframe {position:relative; top:auto; left:auto; width:100%; height:0; padding-bottom:56.25%;}
.section_5 ul li:first-child strong {margin-top:35px; font-size:24px; color:#222; font-weight:700; -webkit-line-clamp:1; }
.section_5 ul li:first-child span {}

.section_5 ul li:last-child {border-bottom:0;}




.section_6 {padding:120px 0 90px; width:100%; position:relative;}
.section_6:before {position:absolute; content:''; width:100%; height:50%; bottom:0; left:0; 
background: -webkit-linear-gradient(top, rgba(246,244,241,0.8) 0, rgba(246,244,241,0.5) 50%, rgba(246,244,241,0.1) 100%); background: -o-linear-gradient(top, rgba(246,244,241,0.8) 0, rgba(246,244,241,0.5) 50%, rgba(246,244,241,0.1) 100%); background: -moz-linear-gradient(top, rgba(246,244,241,0.8) 0, rgba(246,244,241,0.5) 50%, rgba(246,244,241,0.1) 100%); background: linear-gradient(to top, rgba(246,244,241,0.8) 0, rgba(246,244,241,0.5) 50%, rgba(246,244,241,0.1) 100%); box-shadow:0 -15px 20px 10px rgba(246,244,241,0.1);}
.section_6 .body {width:100%; max-width:1300px; margin:0 auto;}
.section_6 .sec6_slide {margin:60px -17px 0;}
.section_6 .sec6_slide .slick-list {overflow:unset;}
.section_6 .sec6_slide .slick-list:after {display:block; content:''; clear:both;}
.section_6 .sec6_slide .slick-dots {display:none !important;}
.section_6 .sec6_slide .item {margin:0 17px;}
.section_6 .sec6_slide .item a {border-radius:12px; overflow:hidden; position:relative;}
.section_6 .sec6_slide .item a:before {position:absolute; content:'';bottom:0; left:0; border-radius:0 0 15px 15px;  width:100%; height:45%; z-index:1; background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.1) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.1) 100%); background: linear-gradient(to top, rgba(0,0,0,0.8) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.1) 100%); box-shadow:0 -15px 20px 10px rgba(0,0,0,0.1);}

.section_6 .sec6_slide .item .img {position:relative; top:0; left:0; width:100%; height:0; padding-bottom:153.33%;}
.section_6 .sec6_slide .item .img img {position:absolute; top:0; left:0; border-radius:12px; width:100%; height:100%; }
.section_6 .sec6_slide .item .txt {position:absolute; bottom:0; left:0; padding:0 10px 50px; width:100%; text-align:center; z-index:2;}

.section_6 .sec6_slide .item .txt span {display:block; font-size:18px; font-weight:500; color:#fff; line-height:1.3em;}
.section_6 .sec6_slide .item .txt strong {display:block; margin-top:15px; font-size:28px; line-height:1.5em; color:#fff; font-weight:700;}
.section_6 .sec6_slide .item .txt .plus {display:none; margin-top:20px; width:40px; line-height:36px; padding-bottom:4px; border-radius:50%; font-size:26px; font-weight:500; color:#7539c7; background:#fff;}


.section_6 .sec6_slide .item a:hover:before {   background: -webkit-linear-gradient(top, rgba(117,57,199,0.8) 0, rgba(117,57,199,0.5) 50%, rgba(117,57,199,0.1) 100%); background: -o-linear-gradient(top, rgba(117,57,199,0.8) 0, rgba(117,57,199,0.5) 50%, rgba(117,57,199,0.1) 100%); background: -moz-linear-gradient(top, rgba(117,57,199,0.8) 0, rgba(117,57,199,0.5) 50%, rgba(117,57,199,0.1) 100%); background: linear-gradient(to top, rgba(117,57,199,0.8) 0, rgba(117,57,199,0.5) 50%, rgba(117,57,199,0.1) 100%); box-shadow:0 -15px 20px 10px rgba(117,57,199,0.1);}
.section_6 .sec6_slide .item a:hover .txt .plus {display:inline-block;}


.section_6 .progress-wrap2 {position:relative; box-sizing:border-box; width:100%; max-width:1300px; margin:40px auto 0; padding:24px 0; padding-right:140px;}
.section_6 .progress-wrap2 .body {position:relative;}
.section_6 .progress-wrap2 .progress2 {position:relative; display: block; width:100%; height:2px;  background-color:#d5d5d5;  background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out;}
.section_6 .progress-wrap2 .progress2 .slider__label2 {position:absolute; z-index:2; width:100%; top:-1px; left:0; height:4px; border-radius:0 4px 4px 0; font-size:0;  background-image: linear-gradient(to right, #111, #111); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out;}

.section_6 .progress-wrap2 .first_bar2 {position:absolute; top:-1px; left:0; height:4px; background:#111; border-radius:4px 0 0 4px;}

.section_6 .progress-wrap2 .prev {position:absolute; width:50px; top:0; right:60px; cursor:pointer; box-sizing:border-box; border-radius:50%; border:2px solid #e5e5e5; background:#fff; font-size:36px; color:#333; text-align:center;}
.section_6 .progress-wrap2 .prev i {line-height:44px;}
.section_6 .progress-wrap2 .prev:hover {background:#000; border-color:#000; color:#fff;}
.section_6 .progress-wrap2 .next {position:absolute; width:50px; top:0; right:0; cursor:pointer; box-sizing:border-box; border-radius:50%; border:2px solid #e5e5e5; background:#fff;  font-size:36px; color:#333; text-align:center;}
.section_6 .progress-wrap2 .next i {line-height:44px;}
.section_6 .progress-wrap2 .next:hover {background:#000; border-color:#000; color:#fff;}



.section_7 {padding-top:120px; }
.section_7 .sec7_tab {width:100%; max-width:1300px; margin:20px auto 0; text-align:center;}
.section_7 .sec7_tab li {position:relative; cursor:pointer; line-height:30px; margin:0 20px; padding:0 6px 10px; box-sizing:border-box; display:inline-block; vertical-align:top; font-size:20px; color:#666;}
.section_7 .sec7_tab li.active {font-weight:600; color:#02bdcb;}
.section_7 .sec7_tab li:hover {color:#02bdcb;}
.section_7 .sec7_tab li.active:before {position:absolute; content:''; width:100%; height:3px; left:0; bottom:0; background:#02bdcb;}
.section_7 .sec7_tab li:after {position:absolute; content:''; width:5px; height:5px; border-radius:50%; background:#ccc; top:12px; right:-22px;}
.section_7 .sec7_tab li:last-child:after {display:none;}
.section_7 .sec7_ajax {margin:50px auto 0; width:1060px;}
.section_7 .sec7_ajax .sec7_slide .slick-list {overflow:unset;}
.section_7 .sec7_ajax .sec7_slide .slick-list:after {display:block; content:''; clear:both;}
.section_7 .sec7_ajax .item {margin:0 30px;}
.section_7 .sec7_ajax .item a {display:block; position:relative;}
.section_7 .sec7_ajax .item .img {position:relative; width:100%; height:0; padding-bottom:50%; }
.section_7 .sec7_ajax .item .img img {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:15px; }

.section_7 .sec7_ajax .sec7_slide .slick-prev {position:absolute; z-index:2; width:75px; height:75px; bottom:0; right:105px; border:0; font-size:0; background:#fff; text-align:center; border-radius:12px 0 0 0; }
.section_7 .sec7_ajax .sec7_slide .slick-prev:after { content: '\e84f'; display: block;  position: absolute; top: 50%; transform: translate(0, -50%); left: 0; width: 75px; line-height: 75px; text-align: center; font-family: axicon; font-size: 40px; color: #444;}
.section_7 .sec7_ajax .sec7_slide .slick-prev:before {position:absolute; content:''; width:1px; height:24px; top:50%; right:0; margin-top:-12px; background:#c1c1c1; }
.section_7 .sec7_ajax .sec7_slide .slick-next {position:absolute; z-index:2; width:75px; height:75px; bottom:0; right:30px; border:0; font-size:0; background:#fff; text-align:center; border-radius:0 0 12px 0; }
.section_7 .sec7_ajax .sec7_slide .slick-next:after { content: '\e850'; display: block;  position: absolute; top: 50%; transform: translate(0, -50%); left: 0; width: 75px; line-height: 75px; text-align: center; font-family: axicon; font-size: 40px; color: #444;}




/**************************************************
	Sub
**************************************************/
#sub{  overflow:hidden; }

#sub #content{ position: relative;width: 1300px;margin: 0 auto;padding:60px 0; }

#sub #content > *{}

#sub .sub-tit{position: relative;}
#sub .sub-tit h3{ font-size:48px;color: #222; font-weight:700; text-align:center;}




#sub .sub_vis {margin-top:70px; width:100%; position:relative; padding:130px 120px; border-radius:15px; box-sizing:border-box; background-position:center center; background-size:cover; background-repeat:no-repeat;}
#sub .sub_vis h2 {font-size:48px; font-weight:700; color:#fff; line-height:50px;}
#sub .sub_vis h2 span {margin-left:24px; font-size:22px; line-height:50px; color:#fff; font-weight:normal; font-family: 'Play'; vertical-align:top;}
#sub .sub_vis p {font-size:18px; line-height:1.8em; color:#fff; margin-top:20px;}


#sub .sub_vis2 {margin-top:70px; width:100%; position:relative; padding:130px 120px; border-radius:15px; box-sizing:border-box; background-position:center center; background-size:cover; background-repeat:no-repeat;}
#sub .sub_vis2 p {font-size:22px; line-height:1.2em; color:#fff; font-weight:normal; font-family: 'Play'; }
#sub .sub_vis2 h2 {font-size:48px; font-weight:700; color:#fff; line-height:60px; margin-top:20px;}
#sub .sub_vis2 h2 b {color:#df0076; font-weight:700; display:block;}





.lnbWrap{width:100%; position:relative; margin:40px 0 70px; }
#lnb{position:relative; width: 1300px;margin: 0 auto; text-align:center;}
#lnb:after {position:absolute; content:''; width:100vw; height:1px; bottom:0; left:50%; margin-left:-50vw; background:#ddd;}
#lnb > li{display: inline-block;vertical-align: top; margin:0 28px; }
#lnb > li a{position: relative;display: block;line-height:35px;font-size: 18px;text-decoration: none;text-align: center;color: #666; padding:0 5px 15px;}
#lnb > li.active a{ font-weight:600; color: #02bdcb;}
#lnb > li.active a:after {content: '';display: block;position: absolute;bottom:-1px;left: 0;width: 100%;height: 3px;background:#02bdcb; z-index:1;}

#status{position: absolute;bottom: 20px;right: 0;}
#status > ul > li{display: inline-block;}
#status > ul > li .spr{display: inline-block;vertical-align: middle;margin: 0 10px;color: #999;font-size: 14px;line-height: 11px;margin-top: -2px;}
#status > ul > li a{font-size: 15px;color: #999;text-decoration: none;letter-spacing: -1px;}
#status > ul > li:last-child a{color: #000;}
#status > ul > li > ul{display: none;}

#navigator{position: relative;border: 1px solid #ddd;border-width: 0 0 1px 0;}
#navigator:before{content: '';display: block;position: absolute;top: -1px;left: 0;width: 100%;height: 1px;background: rgba(0,0,0,0.1);}
#navigator > ul{width: 1300px;position: relative;margin: 0 auto;border-left: 1px solid rgba(0,0,0,0.1);box-sizing: border-box;background: #fff;}
#navigator > ul > li{position: relative;display: inline-block;border-right: 1px solid rgba(0,0,0,0.1);vertical-align: top;z-index: 89;}
#navigator > ul > li > a{display: block;min-width: 198px;font-size: 15px;font-weight: 500;color: #333;text-decoration: none;padding: 0 60px 0 15px;line-height: 50px;background: url('/images/layout/ft-family-spr.png') no-repeat 95% center;}
#navigator > ul > li:first-child a{min-width: 0;width: 50px;text-align: center;padding: 0;background: #f7f7f7;color: #888;font-size: 20px;}
#navigator > ul > li:first-child a i{vertical-align: middle;display: inline-block;margin-top: -2px;}
#navigator > ul > li > ul{position: absolute;top: 50px;left: -1px;width: 100%;border: 1px solid #ddd;visibility: hidden;opacity: 0;box-shadow: 3px 3px 10px rgba(0,0,0,0.03);}
#navigator > ul > li > ul li a{display: block;padding: 14px 15px;font-size: 15px;border-top: 1px solid #eee;text-decoration: none;transition: all 0.3s;}
#navigator > ul > li > ul li:first-child a{border-top: none;}
#navigator > ul > li > ul li:hover a{background: #f7f7f7;}
#navigator > ul > li.on > ul{background: #fff;visibility: visible;opacity: 1;}
#navigator > ul > li > ul li.hidden-gnb{display: none;}

/* 통합검색 */
#total_search dl{margin-bottom: 40px;}
#total_search dl dt{position: relative;margin-bottom: 10px;padding-bottom: 25px;border-bottom: 1px solid #ccc;}
#total_search dl dt h4{display: block;font-size: 22px;color: #000000;font-weight: bold;letter-spacing: -1px;}
#total_search dl dt .more{position: absolute;bottom: 20px;right: 0;font-size: 15px;color: #999;}
#total_search dl dd{position: relative;padding: 25px 300px 25px 0;border-bottom: 1px solid #eee;}
#total_search dl dd > a{}
#total_search dl dd .sbj{display: block;margin-bottom: 15px;font-size: 18px;color: #000;font-weight: bold;}
#total_search dl dd .txt{display: block;font-size: 15px;color: #999;letter-spacing: -1px;line-height: 24px;}
#total_search dl dd ul.inf{position: absolute;top: 50%;transform: translate(0, -50%);right: 0;}
#total_search dl dd ul.inf li{display: inline-block;vertical-align: top;margin-left: 5px;color: #666;line-height: 30px;padding: 0 15px;background: #f7f7f7;border-radius: 3px;}
#total_search dl dd ul.inf li strong{font-weight: normal;color: #000;margin-right: 5px;}
#total_search dl dd.gallery{padding-right: 0;}
#total_search dl dd.gallery > ul{margin: -20px -10px;}
#total_search dl dd.gallery > ul > li{margin: 20px 10px;display: inline-block;vertical-align: top;width: calc(20% - 20px);}
#total_search dl dd.gallery > ul > li a{text-decoration: none;}
#total_search dl dd.gallery .g-tmb{padding-bottom: 80%;background-position: center center;background-size: cover;}
#total_search dl dd.gallery .g-sbj{display: block;font-size: 16px;line-height: 20px;color: #000;font-weight: bold;margin-top: 15px;}
#total_search dl dd.gallery .g-txt{display: block;font-size: 14px;line-height: 18px;color: #999;margin-top: 10px;}
#total_search dl dd.gallery .g-inf{margin-top: 15px;}
#total_search dl dd.gallery .g-inf li{font-size: 13px;color: #999;display: inline-block;vertical-align: top;margin-right: 10px;}
#total_search_no_data{display: block;margin: 30px 0;padding: 60px 30px;text-align: center;font-size: 15px;color: #666;background: #f7f7f7;letter-spacing: -1px;}

/* shop */
#shopCart{display: flex;justify-content: space-between;flex-wrap: wrap;}
#shopCart > *{box-sizing: border-box;}
#shopCart .lef{width: calc(100% - 350px);}
#shopCart .lef .btnWrap > *{margin-left: 0;}
#shopCart .rig{width: 300px;}
#shopCart .rig .btnWrap{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 15px;}
#shopCart .rig .btnWrap > *{width: calc(50% - 5px);margin: 0;padding: 0;}
#shopCart .rig .btnWrap.len1 > *{width: 100%;}
#shopCart .cartbox{display: flex;flex-wrap: wrap;align-items: center;}
#shopCart .cartbox > *{box-sizing: border-box;}
#shopCart .cartbox dt{width: 100px;}
#shopCart .cartbox dt img{width: 100px;height: 100px;object-fit: cover;object-position: center center;}
#shopCart .cartbox dd{width: calc(100% - 130px);margin-left: 30px;padding-top: 5px;}
#shopCart .cartbox dd .tit{display: block;margin-bottom: 10px;font-weight: bold;letter-spacing: -1px;}
#shopCart .cartbox dd .tit label{color: #000;font-size: 15px;line-height: 20px;}
#shopCart .cartbox dd .opt{display: block;font-size: 13px;color: #666;margin-bottom: 10px;}
#shopCart .cartbox dd .opt-modify-btn{height: 30px;line-height: 30px;padding: 0 10px;font-size: 14px;}
#shopCart .cartinfo li{position: relative;padding-left: 80px;font-size: 14px;line-height: 22px;}
#shopCart .cartinfo li > strong{position: absolute;top: 0;left: 0;color: #000;font-weight: normal;}
#shopCart .cartinfo li > p{color: #666;}
#shopCart .cartinfo li.total-price > p{font-weight: bold;color: #000;}
#shopCart .carttotal{border: 1px solid #333;padding: 30px 20px;}
#shopCart .carttotal dd{border-bottom: 1px dashed #ddd;padding-bottom: 20px;}
#shopCart .carttotal dt{padding-top: 20px;}
#shopCart .carttotal ul li{position: relative;padding-left: 80px;font-size: 15px;line-height: 22px;}
#shopCart .carttotal ul li > strong{position: absolute;top: 0;left: 0;color: #000;font-weight: normal;}
#shopCart .carttotal ul li > p{font-size: 15px;text-align: right;}
#shopCart .carttotal ul li > p strong{font-size: 18px;color: #000;}
#shopCart legend{display: block;margin-bottom: 20px;font-size: 22px;color: #000000;font-weight: bold;letter-spacing: -1px;}

#shopCart.order_detail .cartbox dt{width: 60px;}
#shopCart.order_detail .cartbox dt img{width: 60px;height: 60px;}
#shopCart.order_detail .cartbox dd{width: calc(100% - 75px);margin-left: 15px;padding-top: 5px;}

#shopOrderList .order-ico{display: inline-block;padding: 0 6px;line-height: 23px;min-width: 50px;text-align: center;border-radius: 2px;font-size: 12px;letter-spacing: -1px;}
#shopOrderList .order-ico.step0{background: #e44066;color: #fff;border: 1px solid #e44066;}
#shopOrderList .order-ico.step1{background: #c8123c;color: #fff;border: 1px solid #c8123c;}
#shopOrderList .order-ico.step2{background: #11913c;color: #fff;border: 1px solid #11913c;}
#shopOrderList .order-ico.step3{background: #a61ac8;color: #fff;border: 1px solid #a61ac8;}
#shopOrderList .order-ico.step4{background: #d4760b;color: #fff;border: 1px solid #d4760b;}
#shopOrderList .order-ico.step5{background: #0b5bd4;color: #fff;border: 1px solid #0b5bd4;}


/* 약관 내용 출력 박스 */
.policybox{color: #666;font-size: 13px;line-height: 20px;}




.s_tit_1 {position:relative; width:100%; max-width:1300px; margin:0 auto; }
.s_tit_1 h3 {text-align:center; font-size:48px; font-weight:500; color:#222; line-height:50px; }
.s_tit_1 h3 b {font-weight:700;}
.s_tit_1 p {font-size:20px; line-height:1.5em; color:#333; margin-top:20px; text-align:center;}
.s_tit_1 a {position:absolute; box-sizing:border-box; padding-right:40px; top:10px; right:0; font-size:15px; color:#666; line-height:30px;}
.s_tit_1 a i {position:absolute; top:0; right:0; width:30px; line-height:30px; font-size:13px; color:#fff; text-align:center; background:#02b8c6; border-radius:50%; }



.s_tit_2 {position:relative; width:100%; max-width:1300px; margin:0 auto; }
.s_tit_2 h3 {text-align:center; font-size:48px; font-weight:500; color:#222; line-height:50px; }
.s_tit_2 h3 b {font-weight:700;}
.s_tit_2 p {font-size:18px; line-height:1.5em; color:#666; margin-top:15px; text-align:center;}
.s_tit_2 strong {display:block; font-size:20px; line-height:1.5em; color:#222; font-weight:normal; margin-top:30px; text-align:center;}

.table_1 {width:100%; border-top:2px solid #222;}
.table_1 table {width:100%;}
.table_1 thead th {background:#f7f7f7; text-align:center; vertical-align:middle; font-size:17px; font-weight:600; color:#333; line-height:26px; padding:15px 0;}
.table_1 tbody th {border:1px solid #ddd; text-align:center; vertical-align:middle; font-size:17px; color:#333; font-weight:600; line-height:30px;}
.table_1 tbody td {border:1px solid #ddd; text-align:left; vertical-align:middle; font-size:16px; color:#555; line-height:30px; padding:20px 25px;}
.table_1 tbody td p {position:relative; box-sizing:border-box; padding-left:85px; margin:10px 0; font-size:16px; line-height:30px; color:#555;}
.table_1 tbody td p b {position:absolute; top:0; left:0; width:70px; line-height:30px; border-radius:30px; text-align:center; font-size:15px; color:#fff; background:#df0076; font-weight:normal;}

.table_1 tbody th:first-child,
.table_1 tbody td:first-child {
	border-left: 0;
}
.table_1 tbody th:last-child,
.table_1 tbody td:last-child {
	border-right: 0;
}



/** 국가자격증 **/
.makeup_1 {width:100%;}
.makeup_1 .cont_1 {position:relative; width:100%; margin-top:80px;}
.makeup_1 .cont_1 .left {width:50%; padding-right:40px; box-sizing:border-box;}
.makeup_1 .cont_1 .right {position:absolute; top:50%; left:50%; transform:translateY(-50%); box-sizing:border-box; padding-left:40px;}
.makeup_1 .cont_1 .right h3 {font-size:46px; line-height:1.2em; font-weight:700; color:#222;}
.makeup_1 .cont_1 .right p {font-size:18px; line-height:1.6em; color:#555; margin-top:30px;}

.makeup_1 .cont_2 {position:relative; width:100%; margin-top:70px;}
.makeup_1 .cont_2 h3 {font-size:34px; line-height:1.4em; color:#222; font-weight:700;}


.makeup_1 .cont_3 {position:relative; width:100%; margin-top:120px;}
.makeup_1 .cont_3 h3 {text-align:center; font-size:48px; line-height:1.2em; color:#222; font-weight:500;}
.makeup_1 .cont_3 h3 b {font-weight:700;}
.makeup_1 .cont_3 p {font-size:20px; line-height:1.6em; text-align:center; margin-top:20px; color:#333;}
.makeup_1 .cont_3 ul {margin:0 -17px;  display: flex;justify-content: space-between;flex-wrap: wrap;}
.makeup_1 .cont_3 ul li {position:relative; display:inline-block; vertical-align:top;flex-basis: 0;flex-grow: 1; margin:50px 17px 0;}
.makeup_1 .cont_3 ul li .box {position:relative; width:100%; height:0; padding-bottom:153.333%; }
.makeup_1 .cont_3 ul li .box img {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:15px;}
.makeup_1 .cont_3 ul li .txt {position:absolute; width:100%;  bottom:0; left:0; box-sizing:border-box; padding:0 10px 30px; text-align:center;}
.makeup_1 .cont_3 ul li .txt b {display:block; font-size:18px; font-weight:500; line-height:1.5em; color:#fff;}
.makeup_1 .cont_3 ul li .txt strong {display:block; margin-top:10px; font-size:24px; line-height:1.5em; color:#fff; font-weight:700;}
.makeup_1 .cont_3 ul li .txt span {display:block; margin-top:15px; font-size:15px; line-height:1.5em; color:#fff; }



.makeup_1 .cont_4 {position:relative; width:100%; margin:240px 0 200px;}
.makeup_1 .cont_4.bg2 {position:relative; width:100%; margin:120px 0 0; padding:120px 0;}
.makeup_1 .cont_4.bg2:after {position:absolute; content:''; width:100vw; height:100%; top:0; left:50%; margin-left:-50vw; z-index:-1; background:#f7f7f7;}
.makeup_1 .cont_4 h3 {text-align:center; font-size:48px; line-height:1.2em; color:#222; font-weight:500;}
.makeup_1 .cont_4 h3 b {font-weight:700;}
.makeup_1 .cont_4 p {font-size:20px; line-height:1.6em; text-align:center; margin-top:20px; color:#333;}
.makeup_1 .cont_4 .img {margin:50px auto 0; text-align:center;}

.makeup_1 .cont_4 .tabs_1 {width:100%; max-width:1300px; margin:30px auto 0; text-align:center;}
.makeup_1 .cont_4 .tabs_1 li {position:relative; cursor:pointer; line-height:30px; margin:0 20px; padding:0 6px 10px; box-sizing:border-box; display:inline-block; vertical-align:top; font-size:20px; color:#666;}
.makeup_1 .cont_4 .tabs_1 li.active {font-weight:600; color:#02bdcb;}
.makeup_1 .cont_4 .tabs_1 li:hover {color:#02bdcb;}
.makeup_1 .cont_4 .tabs_1 li.active:before {position:absolute; content:''; width:100%; height:3px; left:0; bottom:0; background:#02bdcb;}
.makeup_1 .cont_4 .tabs_1 li:after {position:absolute; content:''; width:5px; height:5px; border-radius:50%; background:#ccc; top:12px; right:-22px;}
.makeup_1 .cont_4 .tabs_1 li:last-child:after {display:none;}

.make_slide_1 {margin:0 -16px;}
.make_slide_1 li {display:inline-block; vertical-align:top; width:calc(25% - 32px); margin:50px 16px 0;}
.make_slide_1 .slick-dots {display:none !important;}

.slide_progress {position:relative; box-sizing:border-box; width:100%; max-width:1300px; margin:18px auto 0; padding:24px 0; padding-right:140px;}
.slide_progress .body {position:relative;}
.slide_progress .progress {position:relative; display: block; width:100%; height:2px;  background-color:#d5d5d5;  background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out;}
.slide_progress .progress .slider__label{position:absolute; z-index:2; width:100%; top:-1px; left:0; height:4px; border-radius:0 4px 4px 0; font-size:0;  background-image: linear-gradient(to right, #111, #111); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out;}

.slide_progress .first_bar {position:absolute; top:-1px; left:0; height:4px; background:#111; border-radius:4px 0 0 4px;}

.slide_progress .prev {position:absolute; width:50px; top:0; right:60px; cursor:pointer; box-sizing:border-box; border-radius:50%; border:2px solid #e5e5e5; background:#fff; font-size:36px; color:#333; text-align:center;}
.slide_progress .prev i {line-height:44px;}
.slide_progress .prev:hover {background:#000; border-color:#000; color:#fff;}
.slide_progress .next {position:absolute; width:50px; top:0; right:0; cursor:pointer; box-sizing:border-box; border-radius:50%; border:2px solid #e5e5e5; background:#fff; font-size:36px; color:#333; text-align:center;}
.slide_progress .next i {line-height:44px;}
.slide_progress .next:hover {background:#000; border-color:#000; color:#fff;}






/** 프로 분장 실무 / 프로 현장 실무 / 전문 병원 실무 / 프로 업스타일링반 **/
.makeup_2 {width:100%;}
.makeup_2 .cont_1 {position:relative; width:100%; margin-top:80px;}
.makeup_2 .cont_1 .left {width:50%; padding-right:40px; box-sizing:border-box;}
.makeup_2 .cont_1 .right {position:absolute; top:50%; left:50%; transform:translateY(-50%); box-sizing:border-box; padding-left:40px;}
.makeup_2 .cont_1 .right h3 {font-size:46px; line-height:1.2em; font-weight:700; color:#222;}
.makeup_2 .cont_1 .right p {font-size:18px; line-height:1.6em; color:#555; margin-top:30px;}

.makeup_2 .cont_2 {position:relative; width:100%; margin-top:120px;}
.makeup_2 .cont_2 h3 {text-align:center; font-size:48px; line-height:1.2em; color:#222; font-weight:500;}
.makeup_2 .cont_2 h3 b {font-weight:700;}
.makeup_2 .cont_2 p {font-size:20px; line-height:1.6em; text-align:center; margin-top:20px; color:#333;}
.makeup_2 .cont_2 ul {margin:0 -25px; display: flex;justify-content: space-between;flex-wrap: wrap;}
.makeup_2 .cont_2 ul li { position:relative;flex-basis: 0;flex-grow: 1;display:inline-block; vertical-align:top; margin:50px 25px 0; border:1px solid #ddd; box-sizing:border-box; border-radius:12px;}
.makeup_2 .cont_2 ul li:after {position:absolute; content:''; width:50px; right:-50px; height:20px; top:50%; margin-top:-10px; background:url('/images/sub/arrow_1.png') center center no-repeat;}
.makeup_2 .cont_2 ul li:last-child:after {display:none;}
.makeup_2 .cont_2 ul li .img {position:relative; width:100%; height:0; padding-bottom:83.25%;}
.makeup_2 .cont_2 ul li .img img {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:12px 12px 0 0 ;}
.makeup_2 .cont_2 ul li .txt {width:100%; height:176px; box-sizing:border-box; padding:25px 10px 0; text-align:center;}
.makeup_2 .cont_2 ul li .txt strong {display:inline-block; width:108px; line-height:36px; border-radius:36px; font-size:16px; font-weight:700; color:#fff; font-family: 'Play';}
.makeup_2 .cont_2 ul li .txt span {display:block; margin-top:15px; font-size:22px; line-height:1.5em; color:#222; font-weight:700;}

.makeup_2 .cont_2 ul.he2 li .txt {height:130px;}
.makeup_2 .cont_2 ul li.box_1 .txt strong {background:#02b8c6;}
.makeup_2 .cont_2 ul li.box_2 .txt strong {background:#df0076;}
.makeup_2 .cont_2 ul li.box_3 .txt strong {background:#7539c7;}
.makeup_2 .cont_2 ul li.box_4 .txt strong {background:#222;}



.makeup_2 .cont_3 {position:relative; width:100%; margin-top:120px; padding:120px 0;}
.makeup_2 .cont_3:after {position:absolute; content:''; width:100vw; height:100%; top:0; left:50%; margin-left:-50vw; z-index:-1; background:#f7f7f7;}
.makeup_2 .cont_3 h3 {text-align:center; font-size:48px; line-height:1.2em; color:#222; font-weight:500;}
.makeup_2 .cont_3 h3 b {font-weight:700;}
.makeup_2 .cont_3 p {font-size:20px; line-height:1.6em; text-align:center; margin-top:20px; color:#333;}
.makeup_2 .cont_3 .img {margin:50px auto 0; text-align:center;}
.makeup_2 .cont_3 ul {margin:0 -16px;  display: flex;justify-content: space-between;flex-wrap: wrap;}
.makeup_2 .cont_3 ul li {flex-basis: 0;flex-grow: 1; margin:50px 16px 0; display:inline-block; vertical-align:top;}
.makeup_2 .cont_3 ul li .img {position:relative; width:100%; height:0; padding-bottom:106.66%; margin-top:0;}
.makeup_2 .cont_3 ul li .img img {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:15px;}
.makeup_2 .cont_3 ul li strong {display:block; text-align:center; font-size:20px; color:#333; line-height:1.3em; font-weight:700; margin-top:15px;}
.makeup_2 .cont_3 ul li span {display:block;  text-align:center; font-size:18px; color:#555; line-height:1.6em; margin-top:15px;}



.makeup_2 .cont_4 {position:relative; width:100%; margin-top:120px; padding:120px 0;}
.makeup_2 .cont_4:after {position:absolute; content:''; width:100vw; height:100%; top:0; left:50%; margin-left:-50vw; z-index:-1; background:#f7f7f7;}
.makeup_2 .cont_4 h3 {text-align:center; font-size:48px; line-height:1.2em; color:#222; font-weight:500;}
.makeup_2 .cont_4 h3 b {font-weight:700;}
.makeup_2 .cont_4 p {font-size:20px; line-height:1.6em; text-align:center; margin-top:20px; color:#333;}

.makeup_2 .cont_4 ul {margin:0 -16px;}
.makeup_2 .cont_4 ul li {width:calc(25% - 32px); margin:50px 16px 0; display:inline-block; vertical-align:top;}
.makeup_2 .cont_4 ul li .img2 {position:relative; width:100%; height:0; padding-bottom:106.66%;}
.makeup_2 .cont_4 ul li .img2 img {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:15px;}
.makeup_2 .cont_4 ul li strong {display:block; text-align:center; font-size:20px; color:#333; line-height:1.3em; font-weight:700; margin-top:15px;}
.makeup_2 .cont_4 ul li span {display:block;  text-align:center; font-size:18px; color:#555; line-height:1.6em; margin-top:15px;}




/** 프로 현장 실무 / 프로 드릴 실무 / 전문 살롱 관리 / 프로 디자이너반 **/
.makeup_3 {width:100%;}
.makeup_3 .cont_1 {position:relative; width:100%; margin-top:80px;}
.makeup_3 .cont_1 .left {width:50%; padding-right:40px; box-sizing:border-box;}
.makeup_3 .cont_1 .right {position:absolute; top:50%; left:50%; transform:translateY(-50%); box-sizing:border-box; padding-left:40px;}
.makeup_3 .cont_1 .right h3 {font-size:46px; line-height:1.2em; font-weight:700; color:#222;}
.makeup_3 .cont_1 .right p {font-size:18px; line-height:1.6em; color:#555; margin-top:30px;}

.makeup_3 .cont_2 {position:relative; width:100%; margin-top:120px;}
.makeup_3 .cont_2 h3 {text-align:center; font-size:48px; line-height:1.2em; color:#222; font-weight:500;}
.makeup_3 .cont_2 h3 b {font-weight:700;}
.makeup_3 .cont_2 p {font-size:20px; line-height:1.6em; text-align:center; margin-top:20px; color:#333;}
.makeup_3 .cont_2 ul {margin:0 -20px;  display: flex;justify-content: space-between;flex-wrap: wrap;}
.makeup_3 .cont_2 ul li { position:relative; flex-basis: 0;flex-grow: 1;  display:inline-block; vertical-align:top; margin:50px 20px 0; border:1px solid #ddd; box-sizing:border-box; border-radius:12px;}
.makeup_3 .cont_2 ul li:after {position:absolute; content:''; width:50px; right:-50px; height:20px; top:50%; margin-top:-10px; background:url('/images/sub/arrow_1.png') center center no-repeat;}
.makeup_3 .cont_2 ul li:last-child:after {display:none;}
.makeup_3 .cont_2 ul li .img {position:relative; width:100%; }
.makeup_3 .cont_2 ul li .img img {width:100%; max-width:100%; display:block; border-radius:12px 12px 0 0 ;}
.makeup_3 .cont_2 ul li .txt {width:100%; height:176px; box-sizing:border-box; padding:30px 10px 0; text-align:center;}
.makeup_3 .cont_2 ul li .txt strong {display:inline-block; width:108px; line-height:36px; border-radius:36px; font-size:16px; font-weight:700; color:#fff; font-family: 'Play';}
.makeup_3 .cont_2 ul li .txt span {display:block; margin-top:15px; font-size:22px; line-height:1.5em; color:#222; font-weight:700;}

.makeup_3 .cont_2 ul.he2 li .txt {height:200px;}



.makeup_3 .cont_2 ul li.box_1 .txt strong {background:#02b8c6;}
.makeup_3 .cont_2 ul li.box_2 .txt strong {background:#df0076;}
.makeup_3 .cont_2 ul li.box_3 .txt strong {background:#7539c7;}
.makeup_3 .cont_2 ul li.box_4 .txt strong {background:#222;}



.makeup_3 .cont_3 {position:relative; width:100%; margin-top:120px; padding:120px 0;}
.makeup_3 .cont_3:after {position:absolute; content:''; width:100vw; height:100%; top:0; left:50%; margin-left:-50vw; z-index:-1; background:#f7f7f7;}
.makeup_3 .cont_3 h3 {text-align:center; font-size:48px; line-height:1.2em; color:#222; font-weight:500;}
.makeup_3 .cont_3 h3 b {font-weight:700;}
.makeup_3 .cont_3 p {font-size:20px; line-height:1.6em; text-align:center; margin-top:20px; color:#333;}
.makeup_3 .cont_3 .img {margin:50px auto 0; text-align:center;}

.makeup_3 .cont_3 ul {margin:0 -16px;  display: flex;justify-content: space-between;flex-wrap: wrap;}
.makeup_3 .cont_3 ul li {flex-basis: 0;flex-grow: 1; margin:50px 16px 0; display:inline-block; vertical-align:top;}
.makeup_3 .cont_3 ul li .img2 {position:relative; width:100%; }
.makeup_3 .cont_3 ul li .img2 img {width:100%; max-width:100%; display:block;; border-radius:15px;}
.makeup_3 .cont_3 ul li strong {display:block; text-align:center; font-size:20px; color:#333; line-height:1.3em; font-weight:700; margin-top:15px;}
.makeup_3 .cont_3 ul li span {display:block;  text-align:center; font-size:18px; color:#555; line-height:1.6em; margin-top:15px;}




/** 맞춤 1:1실무 / 전문 1:1 창업반 / 맞춤 1:1 창업반 / 프로 바버샵(이용사)반 **/
.makeup_4 {width:100%;}
.makeup_4 .cont_1 {position:relative; width:100%; margin-top:80px;}
.makeup_4 .cont_1 .left {width:50%; padding-right:40px; box-sizing:border-box;}
.makeup_4 .cont_1 .right {position:absolute; top:50%; left:50%; transform:translateY(-50%); box-sizing:border-box; padding-left:40px;}
.makeup_4 .cont_1 .right h3 {font-size:46px; line-height:1.2em; font-weight:700; color:#222;}
.makeup_4 .cont_1 .right p {font-size:18px; line-height:1.6em; color:#555; margin-top:30px;}

.makeup_4 .cont_2 {position:relative; width:100%; margin-top:70px;}
.makeup_4 .cont_2 h3 {font-size:34px; line-height:1.4em; color:#222; font-weight:700;}



.makeup_4 .cont_3 {position:relative; width:100%; margin-top:120px; padding:120px 0;}
.makeup_4 .cont_3:after {position:absolute; content:''; width:100vw; height:100%; top:0; left:50%; margin-left:-50vw; z-index:-1; background:#f7f7f7;}
.makeup_4 .cont_3 h3 {text-align:center; font-size:48px; line-height:1.2em; color:#222; font-weight:500;}
.makeup_4 .cont_3 h3 b {font-weight:700;}
.makeup_4 .cont_3 p {font-size:20px; line-height:1.6em; text-align:center; margin-top:20px; color:#333;}
.makeup_4 .cont_3 .tabs_2 {width:100%; max-width:1300px; margin:30px auto 0; text-align:center;}
.makeup_4 .cont_3 .tabs_2 li {position:relative; cursor:pointer; line-height:30px; margin:0 20px; padding:0 6px 10px; box-sizing:border-box; display:inline-block; vertical-align:top; font-size:20px; color:#666;}
.makeup_4 .cont_3 .tabs_2 li.active {font-weight:600; color:#02bdcb;}
.makeup_4 .cont_3 .tabs_2 li:hover {color:#02bdcb;}
.makeup_4 .cont_3 .tabs_2 li.active:before {position:absolute; content:''; width:100%; height:3px; left:0; bottom:0; background:#02bdcb;}
.makeup_4 .cont_3 .tabs_2 li:after {position:absolute; content:''; width:5px; height:5px; border-radius:50%; background:#ccc; top:12px; right:-22px;}
.makeup_4 .cont_3 .tabs_2 li:last-child:after {display:none;}
.makeup_4 .cont_3 .cont_3_body {display:none;}
.makeup_4 .cont_3 .cont_3_body ul {margin:0 -16px;}
.makeup_4 .cont_3 .cont_3_body ul li {width:calc(25% - 32px); margin:50px 16px 0; display:inline-block; vertical-align:top;}
.makeup_4 .cont_3 .cont_3_body ul li .img {position:relative; width:100%; height:0; padding-bottom:106.66%;}
.makeup_4 .cont_3 .cont_3_body ul li .img img {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:15px;}
.makeup_4 .cont_3 .cont_3_body ul li strong {display:block; text-align:center; font-size:20px; color:#333; line-height:1.3em; font-weight:700; margin-top:15px;}





.makeup_4 .cont_4 {position:relative; width:100%; margin-top:120px; padding:120px 0;}
.makeup_4 .cont_4:after {position:absolute; content:''; width:100vw; height:100%; top:0; left:50%; margin-left:-50vw; z-index:-1; background:#f7f7f7;}
.makeup_4 .cont_4 h3 {text-align:center; font-size:48px; line-height:1.2em; color:#222; font-weight:500;}
.makeup_4 .cont_4 h3 b {font-weight:700;}
.makeup_4 .cont_4 p {font-size:20px; line-height:1.6em; text-align:center; margin-top:20px; color:#333;}

.makeup_4 .cont_4 ul {margin:0 -16px;  display: flex;justify-content: space-between;flex-wrap: wrap;}
.makeup_4 .cont_4 ul li {flex-basis: 0;flex-grow: 1; margin:50px 16px 0; display:inline-block; vertical-align:top;}
.makeup_4 .cont_4 ul li .img2 {position:relative; width:100%; height:0; padding-bottom:106.66%;}
.makeup_4 .cont_4 ul li .img2 img {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:15px;}
.makeup_4 .cont_4 ul li strong {display:block; text-align:center; font-size:20px; color:#333; line-height:1.3em; font-weight:700; margin-top:15px;}
.makeup_4 .cont_4 ul li span {display:block;  text-align:center; font-size:18px; color:#555; line-height:1.6em; margin-top:15px;}



/** 자격증 합격현황 **/
.makeup_5 {margin-top:80px;}

.makeup_5 h3 {font-size:46px; line-height:1.1em; color:#333; font-weight:700; text-align:center;}
.makeup_5 .cate_tab {width:100%; max-width:1300px; margin:30px auto 0; text-align:center;}
.makeup_5 .cate_tab li {position:relative; cursor:pointer; line-height:30px; margin:0 20px; padding:0 6px 10px; box-sizing:border-box; display:inline-block; vertical-align:top; font-size:20px; color:#666;}
.makeup_5 .cate_tab li.active {font-weight:600; color:#02bdcb;}
.makeup_5 .cate_tab li:hover {color:#02bdcb;}
.makeup_5 .cate_tab li.active:before {position:absolute; content:''; width:100%; height:3px; left:0; bottom:0; background:#02bdcb;}
.makeup_5 .cate_tab li:after {position:absolute; content:''; width:5px; height:5px; border-radius:50%; background:#ccc; top:12px; right:-22px;}
.makeup_5 .cate_tab li:last-child:after {display:none;}
.makeup_5 .gal_list li {width:calc(33.333% - 36px); margin:25px 18px; display:inline-block; vertical-align:top;}
.makeup_5 .gal_list li a {position:relative; display:block; border-radius:15px !important;box-shadow:0 10px 10px rgba(0,0,0,0.1); }
.makeup_5 .gal_list li a:after {position:absolute; content:''; top:0; left:0; width:100%; height:100%; box-sizing:border-box; opacity:0; transition:all 0.3s; border:3px solid #7539c7; border-radius:15px; }
/* .makeup_5 .gal_list li a .img {position:relative; width:100%; height:0; padding-bottom:58.53%; }
.makeup_5 .gal_list li a .img img {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:15px 15px 0 0 !important;} */
.makeup_5 .gal_list li a .img {position:relative; width:100%; height:0; padding-bottom:56.25%; overflow: hidden;background: #f1f1f1;border-radius:15px 15px 0 0 !important;}
.makeup_5 .gal_list li a .img img {position:absolute; top:50%; left: 50%; max-width: 100%;max-height: 100%; transform: translate(-50%, -50%);}
.makeup_5 .gal_list li a .img .tag {position:absolute; top:24px; left:24px; box-sizing:border-box; padding:0 15px; border-radius:5px; font-size:15px; line-height:30px; color:#fff; background:#df0076; z-index:1;}
.makeup_5 .gal_list li a .txt {box-sizing:border-box; padding:30px; border-radius:0 0 15px 15px !important; background:#fff; border:1px solid #ddd; border-top:0;}
.makeup_5 .gal_list li a .txt span {display:block; font-size:16px; line-height:1.6em; color:#02b8c6;}
.makeup_5 .gal_list li a .txt strong {display:block; font-size:16px;line-height:1.6em; color:#333; font-weight:700; margin-top:10px;}
.makeup_5 .gal_list li a .txt p {font-size:15px; line-height:1.5em; color:#666; font-weight:300; margin-top:10px !important;}
.makeup_5 .gal_list li a:hover:after {opacity:1;}






/** 스펙업클래스 **/
.specup_1 {width:100%;}
.specup_1 .cont_1 {position:relative; width:100%; margin-top:80px;}
.specup_1 .cont_1 .left {width:50%; padding-right:40px; box-sizing:border-box;}
.specup_1 .cont_1 .right {position:absolute; top:50%; left:50%; transform:translateY(-50%); box-sizing:border-box; padding-left:40px;}
.specup_1 .cont_1 .right h3 {font-size:46px; line-height:1.2em; font-weight:700; color:#222;}
.specup_1 .cont_1 .right p {font-size:18px; line-height:1.6em; color:#555; margin-top:30px;}
.specup_1 .cont_1 .right strong {display:block; margin-top:30px; padding-top:30px; border-top:1px solid #ddd; font-size:24px; line-height:1.5em; color:#333; font-weight:normal;}
.specup_1 .cont_1 .right strong b {font-weight:900; color:#02bdcb;}
.specup_1 .cont_1 .right strong span {font-size:24px; line-height:1.5em; color:#df0076; font-weight:900;}


.specup_1 .cont_2 {position:relative; width:100%; margin-top:120px; padding:120px 0;}
.specup_1 .cont_2:after {position:absolute; content:''; width:100vw; height:100%; top:0; left:50%; margin-left:-50vw; z-index:-1; background:#f7f7f7;}
.specup_1 .cont_2 h3 {text-align:center; font-size:48px; line-height:1.2em; color:#222; font-weight:500;}
.specup_1 .cont_2 h3 b {font-weight:700;}
.specup_1 .cont_2 p {font-size:20px; line-height:1.6em; text-align:center; margin-top:20px; color:#333;}
.specup_1 .cont_2 .tabs_1 {width:100%; max-width:1300px; margin:30px auto 0; text-align:center;}
.specup_1 .cont_2 .tabs_1 li {position:relative; cursor:pointer; line-height:30px; margin:0 20px; padding:0 6px 10px; box-sizing:border-box; display:inline-block; vertical-align:top; font-size:20px; color:#666;}
.specup_1 .cont_2 .tabs_1 li.active {font-weight:600; color:#02bdcb;}
.specup_1 .cont_2 .tabs_1 li:hover {color:#02bdcb;}
.specup_1 .cont_2 .tabs_1 li.active:before {position:absolute; content:''; width:100%; height:3px; left:0; bottom:0; background:#02bdcb;}
.specup_1 .cont_2 .tabs_1 li:after {position:absolute; content:''; width:5px; height:5px; border-radius:50%; background:#ccc; top:12px; right:-22px;}
.specup_1 .cont_2 .tabs_1 li:last-child:after {display:none;}
.specup_1 .cont_2 .cont_2_body {display:none;}
.specup_1 .cont_2 .cont_2_body ul {margin:0 -16px;}
.specup_1 .cont_2 .cont_2_body ul li {width:calc(25% - 32px); margin:50px 16px 0; display:inline-block; vertical-align:top;}
.specup_1 .cont_2 .cont_2_body ul li .img {position:relative; width:100%; height:0; padding-bottom:106.66%;}
.specup_1 .cont_2 .cont_2_body ul li .img img {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:15px;}
.specup_1 .cont_2 .cont_2_body ul li strong {display:block; text-align:center; font-size:20px; color:#333; line-height:1.3em; font-weight:700; margin-top:15px;}



.specup_2 {width:100%; margin-top:100px;}
.specup_2 .box {position:relative; box-sizing:border-box; padding-left:340px; padding-bottom:80px; margin-bottom:80px; border-bottom:1px solid #ddd;}
.specup_2 .box:last-child {padding-bottom:0; margin-bottom:0; border-bottom:0;}
.specup_2 .box h4 {position:absolute; top:0; left:0; font-size:46px; line-height:1.1em; color:#333; font-weight:700;}
.specup_2 .box p {font-size:18px; line-height:1.5em; color:#555;}
.specup_2 .box ul {margin:0 -16px;}
.specup_2 .box ul li {width:calc(50% - 32px); margin:40px 16px 0; display:inline-block; vertical-align:top;}
.specup_2 .box ul li img {width:100%; border-radius:15px;}



.specup_3 {width:100%;}
.specup_3 .cont_1 { margin-top:100px; text-align:center;}
.specup_3 .cont_1 h3 {font-size:46px; line-height:1.2em; font-weight:700; color:#222; text-align:center;}
.specup_3 .cont_1 p {font-size:18px; line-height:1.6em; color:#555; margin-top:20px;}
.specup_3 .cont_1 .img {margin-top:50px;}

.specup_3 .cont_2 {width:100%; margin-top:120px;}
.specup_3 .cont_2 h3 {font-size:46px; line-height:1.2em; font-weight:700; color:#222; text-align:center;}
.specup_3 .cont_2 ul {margin:0 -15px;}
.specup_3 .cont_2 ul li {width:calc(33.333% - 30px); margin:50px 15px 0; display:inline-block; vertical-align:top;}
.specup_3 .cont_2 ul li .img {position:relative; width:100%; height:0; padding-bottom:70.49%;}
.specup_3 .cont_2 ul li .img img {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:15px;}
.specup_3 .cont_2 ul li strong {display:block; text-align:center; font-size:20px; color:#333; line-height:1.3em; font-weight:700; margin-top:15px;}



.specup_3 .cont_3 {position:relative; width:100%; margin-top:120px; padding:120px 0;}
.specup_3 .cont_3:after {position:absolute; content:''; width:100vw; height:100%; top:0; left:50%; margin-left:-50vw; z-index:-1; background:#f7f7f7;}
.specup_3 .cont_3 h3 {text-align:center; font-size:46px; line-height:1.2em; color:#222; font-weight:700;}
.specup_3 .cont_3 ul {margin:42px -8px 0;}
.specup_3 .cont_3 ul li {width:calc(16.666% - 16px); margin:8px; display:inline-block; vertical-align:top; box-sizing:border-box; background:#fff; padding:40px 10px 0; height:220px; border:1px solid #ddd; border-radius:15px; text-align:center;}
.specup_3 .cont_3 ul li p {font-size:22px; line-height:1.5em; color:#222; font-weight:700; margin-top:10px;}
.specup_3 .cont_3 ul li p span {font-size:20px; color:#333; line-height:1.5em; display:block; font-weight:normal;}



.specup_4 {width:100%;}
.specup_4 .cont_1 {position:relative; width:100%; margin-top:80px;}
.specup_4 .cont_1 .left {width:50%; box-sizing:border-box;}
.specup_4 .cont_1 .right {position:absolute; top:50%; left:50%; transform:translateY(-50%); box-sizing:border-box; padding-left:100px;}
.specup_4 .cont_1 .right h3 {font-size:46px; line-height:1.2em; font-weight:700; color:#222;}
.specup_4 .cont_1 .right p {font-size:18px; line-height:1.6em; color:#555; margin-top:30px;}
.specup_4 .cont_1 .right strong {display:block; margin-top:30px; padding-top:30px; border-top:1px solid #ddd; font-size:24px; line-height:1.5em; color:#333; font-weight:normal;}
.specup_4 .cont_1 .right strong b {font-weight:900; color:#02bdcb;}
.specup_4 .cont_1 .right strong span {font-size:24px; line-height:1.5em; color:#df0076; font-weight:900;}


.specup_4 .cont_2 {position:relative; width:100%; margin-top:120px; padding:120px 0;}
.specup_4 .cont_2:after {position:absolute; content:''; width:100vw; height:100%; top:0; left:50%; margin-left:-50vw; z-index:-1; background:#f7f7f7;}
.specup_4 .cont_2 h3 {text-align:center; font-size:48px; line-height:1.2em; color:#222; font-weight:500;}
.specup_4 .cont_2 h3 b {font-weight:700;}
.specup_4 .cont_2 ol {margin:0 -25px;}
.specup_4 .cont_2 ol:after {display:block; content:''; clear:both;}
.specup_4 .cont_2 ol li {position:relative; width:calc(25% - 50px); margin:50px 25px 0; float:left; display:inline-block; vertical-align:top; text-align:center; box-sizing:border-box; border:1px solid #ddd; border-radius:15px; padding:60px 10px 0; height:300px; background:#fff;}
.specup_4 .cont_2 ol li:after {position:absolute; content:''; width:50px; right:-50px; height:20px; top:50%; margin-top:-10px; background:url('/images/sub/arrow_1.png') center center no-repeat;}
.specup_4 .cont_2 ol li strong {display:block; font-size:22px; line-height:1.5em; color:#222; font-weight:700; margin-top:20px;}

.specup_4 .cont_2 ol li:last-child {border-color:#df0076; background:#df0076;}
.specup_4 .cont_2 ol li:last-child:after {display:none;}
.specup_4 .cont_2 ol li:last-child strong {color:#fff;}


.specup_4 .cont_2 h4 {margin-top:80px; text-align:center; font-size:34px; font-weight:700; color:#222; line-height:1.3em;}
.specup_4 .cont_2 p { text-align:center; font-size:18px; line-height:1.6em; color:#666; margin-top:20px;}
.specup_4 .cont_2 ul {margin:50px -5px 0;}
.specup_4 .cont_2 ul li {display:inline-block; width:calc(25% - 10px); margin:5px; vertical-align:top;}
.specup_4 .cont_2 ul li img {border-radius:15px; display:block;}

.specup_4 .cont_2 ul li:first-child {width:calc(50% - 10px);}
.specup_4 .cont_2 ul li:last-child {width:calc(50% - 10px);}








/** 취업 창업 성공 퍼펙트 플랜 **/
.success_2 {width:100%; margin-top:70px;}
.success_2 .success_2_top {width:100%; text-align:center;}
.success_2 .success_2_top h3 {text-align:center; font-size:48px; line-height:1.2em; color:#222; font-weight:700;}
.success_2 .success_2_top ul {width:100%; overflow:hidden; margin-top:50px;}
.success_2 .success_2_top ul li {width:50%; box-sizing:border-box; float:left; box-sizing:border-box; border:1px solid #ddd; border-bottom:2px solid #04bdcb; border-left:0;  }
.success_2 .success_2_top ul li:first-child {border-left:1px solid #ddd;}
.success_2 .success_2_top ul li a {display:block; line-height:68px; font-size:20px; font-weight:500; color:#666;}
.success_2 .success_2_top ul li.active {border:2px solid #04bdcb; border-bottom:2px solid #fff;}
.success_2 .success_2_top ul li.active a {line-height:67px; font-weight:600; color:#04bdcb;}




.success_2 .cont_1 {margin-top:70px; width:100%; position:relative; padding:110px 100px; border-radius:15px; box-sizing:border-box; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.success_2 .cont_1.bg1 {background-image:url('/images/sub/success_2_img_1.png'); }
.success_2 .cont_1.bg2 {background-image:url('/images/sub/success_2_img_41.png'); }
.success_2 .cont_1 h3 {font-size:48px; font-weight:700; color:#fff; line-height:1.1em;}
.success_2 .cont_1 p {font-size:18px; line-height:1.8em; color:rgba(255,255,255,0.9); margin-top:20px;}
.success_2 .cont_1 strong {display:block; margin-top:15px; font-size:24px; line-height:1.3em; color:#fff; font-weight:600;}

.success_2 .cont_2 {margin-top:35px;}
.success_2 .cont_2 .box_1 {position:relative; margin-top:55px;}
.success_2 .cont_2 .box_1 .img {position:relative; width:50%; margin-left:50%;}
.success_2 .cont_2 .box_1 .img img {border-radius:15px;}
.success_2 .cont_2 .box_1 .txt {position:absolute; top:50%; left:0; transform:translateY(-50%); width:50%; box-sizing:border-box; padding-left:40px; padding-right:80px;}
.success_2 .cont_2 .box_1 .txt strong {display:block; font-size:18px; line-height:1.3em; font-weight:700; color:#04bdcb; font-family: 'Play';}
.success_2 .cont_2 .box_1 .txt h4 {margin-top:10px; font-size:34px; line-height:1.2em; color:#222; font-weight:700;}
.success_2 .cont_2 .box_1 .txt p {margin-top:10px; font-size:20px; line-height:1.5em; color:#555;}
.success_2 .cont_2 .box_1 .txt span {box-sizing:border-box; padding-left:18px; display:block; font-size:18px; line-height:30px; color:#555; background:url('/images/sub/txt_img_1.png') top 10px left no-repeat;}
.success_2 .cont_2 .box_2 {position:relative; margin-top:55px;}
.success_2 .cont_2 .box_2 .img {position:relative; width:50%;}
.success_2 .cont_2 .box_2 .img img {border-radius:15px;}
.success_2 .cont_2 .box_2 .txt {position:absolute; top:50%; left:50%; transform:translateY(-50%); width:50%; box-sizing:border-box; padding-left:80px; padding-right:40px;}
.success_2 .cont_2 .box_2 .txt strong {display:block; font-size:18px; line-height:1.3em; font-weight:700; color:#04bdcb; font-family: 'Play';}
.success_2 .cont_2 .box_2 .txt h4 {margin-top:10px; font-size:34px; line-height:1.2em; color:#222; font-weight:700;}
.success_2 .cont_2 .box_2 .txt p {margin-top:10px; font-size:20px; line-height:1.5em; color:#555;}
.success_2 .cont_2 .box_2 .txt span {box-sizing:border-box; padding-left:18px; display:block; font-size:18px; line-height:30px; color:#555; background:url('/images/sub/txt_img_1.png') top 10px left no-repeat;}



.success_2 .cont_3 {position:relative; width:100%; margin-top:120px; padding:120px 0;}
.success_2 .cont_3:after {position:absolute; content:''; width:100vw; height:100%; top:0; left:50%; margin-left:-50vw; z-index:-1; background:#f7f7f7;}
.success_2 .cont_3 h3 {text-align:center; font-size:48px; line-height:1.2em; color:#222; font-weight:500;}
.success_2 .cont_3 h3 b {font-weight:700;}

.success_2 .cont_3 ul {margin:50px -10px 0;}
.success_2 .cont_3 ul li {width:calc(20% - 20px); margin:10px; display:inline-block; vertical-align:top; }
.success_2 .cont_3 ul li img {display:block; width:100%;}


.success_2 .cont_4 {position:relative; width:100%; margin-top:120px; padding:120px 0;}
.success_2 .cont_4:after {position:absolute; content:''; width:100vw; height:100%; top:0; left:50%; margin-left:-50vw; z-index:-1; background:#f7f7f7;}
.suc_example {width:100%; margin-top:120px;}
.suc_example .suc_slide {margin:40px -18px 0;}
.suc_example .suc_slide .slick-dots {display:none !important;}


.suc_example .suc_slide .item {margin:18px;}
.suc_example .suc_slide .item a {position:relative; display:block; border-radius:15px;box-shadow:0 10px 10px rgba(0,0,0,0.1); }
.suc_example .suc_slide .item a:after {position:absolute; content:''; top:0; left:0; width:100%; height:100%; box-sizing:border-box; opacity:0; transition:all 0.3s; border:3px solid #7539c7; border-radius:15px; }
.suc_example .suc_slide .item a .img {position:relative; width:100%; height:0; padding-bottom:58.53%;}
.suc_example .suc_slide .item a .img img {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:15px 15px 0 0;}
.suc_example .suc_slide .item a .img .tag {position:absolute; top:24px; left:24px; box-sizing:border-box; padding:0 15px; border-radius:5px; font-size:15px; line-height:30px; color:#fff; background:#df0076; z-index:1;}
.suc_example .suc_slide .item a .txt {box-sizing:border-box; padding:30px; border-radius:0 0 15px 15px; background:#fff; border:1px solid #ddd; border-top:0;}
.suc_example .suc_slide .item a .txt span {display:block; font-size:16px; line-height:1.6em; color:#02b8c6;}
.suc_example .suc_slide .item a .txt strong {display:block; font-size:24px;line-height:1.5em; color:#333; font-weight:700; margin-top:10px;}
.suc_example .suc_slide .item a .txt p {font-size:15px; line-height:1.5em; color:#666; font-weight:300; margin-top:10px;}
.suc_example .suc_slide .item a:hover:after {opacity:1;}






.success_3 {width:100%; }
.success_3 .cont_1 ul {margin-top:60px; border-top:2px solid #333;}
.success_3 .cont_1 ul > li {position:relative; box-sizing:border-box; padding:50px 0 50px 345px; border-bottom:1px solid #ddd;}
.success_3 .cont_1 ul li strong {position:absolute; top:50px; left:0; font-size:28px; line-height:1em; font-weight:700; color:#333;}
.success_3 .cont_1 ul li b {display:block; position:relative; box-sizing:border-box; padding-left:34px; font-size:22px; color:#333; font-weight:700; line-height:36px; }
.success_3 .cont_1 ul li b:after {content: '\f1ad';display: block;position: absolute;top:6px; left: 0;width: 24px;line-height: 24px;text-align: center;font-family: axicon;font-size: 12px;color: #fff; background:#df0076; border-radius:50%;}
.success_3 .cont_1 ul li p {box-sizing:border-box; padding-left:34px; margin-top:10px; font-size:18px; line-height:1.5em; color:#555;}
.success_3 .cont_1 ul li ol {width:100%;}
.success_3 .cont_1 ul li ol:after {display:block; content:''; clear:both;}
.success_3 .cont_1 ul li ol li {position:relative; width:calc(50% - 15px); float:left; margin-right:30px; box-sizing:border-box; padding:35px 100px 35px 45px; border-radius:15px; background:#f7f7f7;}
.success_3 .cont_1 ul li ol li:last-child {margin-right:0;}
.success_3 .cont_1 ul li ol li span {display:block; font-size:22px; line-height:1em; color:#333; font-weight:700;}
.success_3 .cont_1 ul li ol li em {display:block; font-style:normal; font-size:18px; color:#555; line-height:1.5em; margin-top:10px;}
.success_3 .cont_1 ul li ol li img {position:absolute; top:50%; right:30px; transform:translateY(-50%);}


.success_3 .cont_2 {position:relative; width:100%; margin-top:120px; padding:120px 0;}
.success_3 .cont_2:after {position:absolute; content:''; width:100vw; height:100%; top:0; left:50%; margin-left:-50vw; z-index:-1; background:#f7f7f7;}
.success_3 .cont_2 ul {margin-top:50px;}
.success_3 .cont_2 ul li {display:block; width:100%; margin-top:10px; box-sizing:border-box; background:#fff; padding:35px; border-radius:15px;}
.success_3 .cont_2 ul li b {display:block; position:relative; box-sizing:border-box; padding-left:34px; font-size:20px; color:#333; font-weight:700; line-height:32px; }
.success_3 .cont_2 ul li b:after {content: '\f1ad';display: block;position: absolute;top:4px; left: 0;width: 24px;line-height: 24px;text-align: center;font-family: axicon;font-size: 12px;color: #fff; background:#df0076; border-radius:50%;}

.success_3 .cont_2 ul li p {box-sizing:border-box; padding-left:34px; font-size:18px; line-height:1.5em; color:#666; margin-top:10px;}
.success_3 .cont_2 ul li p em {font-style:normal; font-weight:700; color:#df0076;}
.success_3 .cont_2 ul li span {display:block; margin-top:20px; box-sizing:border-box; padding-left:34px; font-size:16px; line-height:1.5em; color:#666;}
.success_3 .cont_2 ul li span em {font-style:normal; font-weight:700; color:#df0076;}

.success_3 .cont_2 h4 {font-size:34px; line-height:1.3em; color:#333; font-weight:700; text-align:center; margin-top:70px;}
.success_3 .cont_2 ol {margin:0 -15px;}
.success_3 .cont_2 ol:after {display:block; content:''; clear:both;}
.success_3 .cont_2 ol li {position:relative; width:calc(50% - 30px); margin:40px 15px 0; height:515px; display:inline-block; vertical-align:top; float:left; box-sizing:border-box; padding:50px; border-radius:15px; background:#fff;}
.success_3 .cont_2 ol li h5 {font-size:28px; color:#333; font-weight:700; line-height:30px; padding-bottom:20px; border-bottom:1px solid #ddd;}
.success_3 .cont_2 ol li strong {margin-top:20px; position:relative; display:block; box-sizing:border-box; padding-left:12px; font-size:20px; line-height:1.5em; color:#333; font-weight:700;}
.success_3 .cont_2 ol li strong:after {position:absolute; content:''; width:4px; height:4px; border-radius:50%; background:#df0076; top:50%; left:0; margin-top:-2px;}
.success_3 .cont_2 ol li p {box-sizing:border-box; padding-left:12px; font-size:18px; line-height:1.5em; color:#555; margin-top:10px;}
.success_3 .cont_2 ol li span {position:absolute; bottom:0; left:0; width:100%; text-align:center; font-size:20px; font-weighT:700; color:#fff; line-height:30px; padding:20px 10px; box-sizing:border-box; border-radius:0 0 15px 15px;}

.success_3 .cont_2 ol li.box_1 span {background:#df0076;}
.success_3 .cont_2 ol li.box_2 span {background:#02bdcb;}








/** 게시판 검색 **/
.search_body{position: relative; padding-bottom:30px; border-bottom:1px solid #ddd; margin:50px 0;}
.search_body .total{font-size: 16px;color: #666;line-height: 54px;}
.search_body .total strong{color: #333; font-weight:700;}
.search_body .tit{font-size: 16px;letter-spacing: -1px;color: #333;font-weight: bold;line-height: 40px;}
.search_body .tit i{margin-right: 5px;}
.search_body fieldset{position: absolute;top: 0;right: 0; }
.search_body fieldset:after {display:block; content:''; clear:both;}
.search_body fieldset.no-abs{position: static;text-align: center;padding: 10px 0;}
.search_body legend{display: none;}
.search_body .where{float:left; border: 1px solid #ddd;width: 150px;overflow: hidden; box-sizing:border-box; line-height:52px; border-radius:5px; background: url(/superboard/images/sb_slt_spr.jpg) no-repeat 92% center; }
.search_body .where select{width: 130%;height: 45px;border: none;background: none;padding-left: 18px;font-size: 16px;color: #666;}
.search_body .inp{position: relative; float:left; width:330px; display:inline-block; padding-right: 52px;margin-left: 5px; border:1px solid #ddd; border-radius:5px; box-sizing:border-box;}
.search_body .inp .keyword{width: 100%;border: none;background: none;height: 52px;font-size: 16px;padding-left: 15px; width:100%;}
.search_body .inp .sbm{position: absolute;top: 0;right: 0;width: 45px;height: 54px;background:none;border: none;color:#000;font-size: 20px; text-align:center;}


/** 공통 배너 **/
.inc_banner {position:relative; margin:120px -90px 0; box-sizing:border-box; padding:0 90px;}
.inc_banner .banner_slide {width:100%;}

.inc_banner .prev {position:absolute; width:50px; top:50%; left:0; margin-top:-25px;  cursor:pointer; box-sizing:border-box; border-radius:50%; border:2px solid #e5e5e5; background:#fff; font-size:36px; color:#333; text-align:center;}
.inc_banner .prev i {line-height:44px;}
.inc_banner .prev:hover {background:#000; border-color:#000; color:#fff;}
.inc_banner .next {position:absolute; width:50px; top:50%; right:0; margin-top:-25px; cursor:pointer; box-sizing:border-box; border-radius:50%; border:2px solid #e5e5e5; background:#fff; font-size:36px; color:#333; text-align:center;}
.inc_banner .next i {line-height:44px;}
.inc_banner .next:hover {background:#000; border-color:#000; color:#fff;}





/** 공통 후기 **/
.inc_review {width:100%; margin-top:120px;}
.inc_review .review_slide {margin:40px -18px 0;}
.inc_review .review_slide .slick-dots {display:none !important;}


.inc_review .review_slide .item {margin:18px;}
.inc_review .review_slide .item a {position:relative; display:block; border-radius:15px;box-shadow:0 10px 10px rgba(0,0,0,0.1); }
.inc_review .review_slide .item a:after {position:absolute; content:''; top:0; left:0; width:100%; height:100%; box-sizing:border-box; opacity:0; transition:all 0.3s; border:3px solid #7539c7; border-radius:15px; }
.inc_review .review_slide .item a .img {position:relative; width:100%; height:0; padding-bottom:58.53%;}
.inc_review .review_slide .item a .img img {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:15px 15px 0 0;}
.inc_review .review_slide .item a .img .tag {position:absolute; top:24px; left:24px; box-sizing:border-box; padding:0 15px; border-radius:5px; font-size:15px; line-height:30px; color:#fff; background:#df0076; z-index:1;}
.inc_review .review_slide .item a .txt {box-sizing:border-box; padding:30px; border-radius:0 0 15px 15px; background:#fff; border:1px solid #ddd; border-top:0;}
.inc_review .review_slide .item a .txt span {display:block; font-size:16px; line-height:1.6em; color:#02b8c6;}
.inc_review .review_slide .item a .txt strong {display:block; font-size:24px;line-height:1.5em; color:#333; font-weight:700; margin-top:10px;}
.inc_review .review_slide .item a .txt p {font-size:15px; line-height:1.5em; color:#666; font-weight:300; margin-top:10px;}
.inc_review .review_slide .item a:hover:after {opacity:1;}





/** 공통 리얼후기 **/
.inc_real { margin-top:100px; position:relative; padding:120px 0 100px; }
.inc_real:before {position:absolute; content:''; width:100vw; height:100%; top:0; left:50%; margin-left:-50vw;  background: -webkit-linear-gradient(right bottom, #f7f3fc 0, #e9fafc 100%); background: -o-linear-gradient(right bottom, #f7f3fc 0, #e9fafc 100%); background: -moz-linear-gradient(right bottom, #f7f3fc 0, #e9fafc 100%); background: linear-gradient(to right bottom, #f7f3fc 0, #e9fafc 100%); z-index:-1;}
.inc_real .real_slide {margin:50px -10px 0;}

.inc_real .real_slide .slick-dots {display:none !important;}

.inc_real .real_slide .item {position:relative; margin:10px; }
.inc_real .real_slide .item a {position:relative; display:block;  box-sizing:border-box; padding:35px 35px 35px 165px;  border-radius:20px; border:1px solid #ddd; background:#fff; box-shadow:0 0 10px  rgba(0,0,0,0.1);}
.inc_real .real_slide .item a:after {position:absolute; content:''; top:0; left:0; width:100%; height:100%; box-sizing:border-box; opacity:0; transition:all 0.3s; border:3px solid #7539c7; border-radius:15px;}

.inc_real .real_slide .item .img {position:absolute; top:50%; left:35px; transform:translateY(-50%);}

.inc_real .real_slide .item .txt {width:100%;}
.inc_real .real_slide .item .txt span {display:block; font-size:15px; line-height:1.1em; color:#02b8c6;}
.inc_real .real_slide .item .txt strong {margin-top:5px; display:block; font-size:22px; line-height:30px; color:#333; font-weight:700;         word-break: break-word !important;}
.inc_real .real_slide .item .txt strong b {display:inline-block; width:24px; height:24px; margin:3px 0 3px 10px; vertical-align: text-bottom;}
.inc_real .real_slide .item .txt strong b.tag1 {background:url('/images/main/section_2_img_2.png') no-repeat;}
.inc_real .real_slide .item .txt strong b.tag2 {background:url('/images/main/section_2_img_3.png') no-repeat;}
.inc_real .real_slide .item .txt strong b.tag3 {background:url('/images/main/section_2_img_4.png') no-repeat;}
.inc_real .real_slide .item .txt p {margin-top:10px; font-size:15px; color:#777; line-height:1.6em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
.inc_real .real_slide .item a:hover:after {opacity:1;}



.inc_teacher {padding:120px 0 0; width:100%; position:relative;}
.inc_teacher .body {width:100%; max-width:1300px; margin:0 auto;}
.inc_teacher .teacher_slide {margin:60px -17px 0;}
.inc_teacher .teacher_slide .slick-dots {display:none !important;}
.inc_teacher .teacher_slide .item {margin:0 17px; overflow:hidden;}
.inc_teacher .teacher_slide .item a {border-radius:12px; overflow:hidden; position:relative;}
.inc_teacher .teacher_slide .item a:before {position:absolute; content:'';bottom:0; left:0; border-radius:0 0 15px 15px;  width:100%; height:45%; z-index:1; background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.1) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.1) 100%); background: linear-gradient(to top, rgba(0,0,0,0.8) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.1) 100%); box-shadow:0 -15px 20px 10px rgba(0,0,0,0.1);}

.inc_teacher .teacher_slide .item .img {position:relative; top:0; left:0; width:100%; height:0; padding-bottom:153.33%;}
.inc_teacher .teacher_slide .item .img img {position:absolute; top:0; left:0; border-radius:12px; width:100%; height:100%; }
.inc_teacher .teacher_slide .item .txt {position:absolute; bottom:0; left:0; padding:0 10px 50px; width:100%; text-align:center; z-index:2;}

.inc_teacher .teacher_slide .item .txt span {display:block; font-size:18px; font-weight:500; color:#fff; line-height:1.3em;}
.inc_teacher .teacher_slide .item .txt strong {display:block; margin-top:15px; font-size:28px; line-height:1.5em; color:#fff; font-weight:700;}
.inc_teacher .teacher_slide .item .txt .plus {display:none; margin-top:20px; width:40px; line-height:36px; padding-bottom:4px; border-radius:50%; font-size:26px; font-weight:500; color:#7539c7; background:#fff;}


.inc_teacher .teacher_slide .item a:hover:before {   background: -webkit-linear-gradient(top, rgba(117,57,199,0.8) 0, rgba(117,57,199,0.5) 50%, rgba(117,57,199,0.1) 100%); background: -o-linear-gradient(top, rgba(117,57,199,0.8) 0, rgba(117,57,199,0.5) 50%, rgba(117,57,199,0.1) 100%); background: -moz-linear-gradient(top, rgba(117,57,199,0.8) 0, rgba(117,57,199,0.5) 50%, rgba(117,57,199,0.1) 100%); background: linear-gradient(to top, rgba(117,57,199,0.8) 0, rgba(117,57,199,0.5) 50%, rgba(117,57,199,0.1) 100%); box-shadow:0 -15px 20px 10px rgba(117,57,199,0.1);}
.inc_teacher .teacher_slide .item a:hover .txt .plus {display:inline-block;}




.inc_facility {padding:120px 0 0;}
.inc_facility .facility_tab {width:100%; max-width:1300px; margin:30px auto 0; text-align:center;}
.inc_facility .facility_tab li {position:relative; cursor:pointer; line-height:30px; margin:0 20px; padding:0 6px 10px; box-sizing:border-box; display:inline-block; vertical-align:top; font-size:20px; color:#666;}
.inc_facility .facility_tab li.active {font-weight:600; color:#02bdcb;}
.inc_facility .facility_tab li:hover {color:#02bdcb;}
.inc_facility .facility_tab li.active:before {position:absolute; content:''; width:100%; height:3px; left:0; bottom:0; background:#02bdcb;}
.inc_facility .facility_tab li:after {position:absolute; content:''; width:5px; height:5px; border-radius:50%; background:#ccc; top:12px; right:-22px;}
.inc_facility .facility_tab li:last-child:after {display:none;}
.inc_facility .facility_ajax {margin:50px auto 0; width:1060px;}
.inc_facility .facility_ajax .facility_slide .slick-list {overflow:unset;}
.inc_facility .facility_ajax .facility_slide .slick-list:after {display:block; content:''; clear:both;}
.inc_facility .facility_ajax .item {margin:0 30px;}
.inc_facility .facility_ajax .item a {display:block; position:relative;}
.inc_facility .facility_ajax .item .img {position:relative; width:100%; height:0; padding-bottom:50%; }
.inc_facility .facility_ajax .item .img img {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:15px; }

.inc_facility .facility_ajax .facility_slide .slick-prev {position:absolute; z-index:2; width:75px; height:75px; bottom:0; right:105px; border:0; font-size:0; background:#fff; text-align:center; border-radius:12px 0 0 0; }
.inc_facility .facility_ajax .facility_slide .slick-prev:after { content: '\e84f'; display: block;  position: absolute; top: 50%; transform: translate(0, -50%); left: 0; width: 75px; line-height: 75px; text-align: center; font-family: axicon; font-size: 40px; color: #444;}
.inc_facility .facility_ajax .facility_slide .slick-prev:before {position:absolute; content:''; width:1px; height:24px; top:50%; right:0; margin-top:-12px; background:#c1c1c1; }
.inc_facility .facility_ajax .facility_slide .slick-prev:hover:after {background:#444; color:#fff; border-radius:12px 0 0 0;}
.inc_facility .facility_ajax .facility_slide .slick-next {position:absolute; z-index:2; width:75px; height:75px; bottom:0; right:30px; border:0; font-size:0; background:#fff; text-align:center; border-radius:0 0 12px 0; }
.inc_facility .facility_ajax .facility_slide .slick-next:after { content: '\e850'; display: block;  position: absolute; top: 50%; transform: translate(0, -50%); left: 0; width: 75px; line-height: 75px; text-align: center; font-family: axicon; font-size: 40px; color: #444;}
.inc_facility .facility_ajax .facility_slide .slick-next:hover:after {background:#444; color:#fff; border-radius:12px 0 0 0;}



.inc_inquiry {padding:120px 0 30px;}
.inc_inquiry .body { width:100%; max-width:1300px; margin:0 auto;}
.inc_inquiry .inq_body {position:relative; margin-top:60px; border-top:3px solid #333; box-sizing:border-box;  padding-left:430px; padding-top:60px;}
.inc_inquiry .left {position:absolute; top:60px; left:0;}
.inc_inquiry .left h4 {font-size:34px; line-height:1em; color:#333; font-weight:700;}
.inc_inquiry .left p {margin-top:20px; font-size:18px; line-height:1.5em; color:#555;}
.inc_inquiry .left ul {margin-top:40px;}
.inc_inquiry .left ul li {margin:10px 0; position:relative; box-sizing:border-box; padding-left:120px; }
.inc_inquiry .left ul li b {position:absolute; top:0; left:0; line-height:30px; box-sizing:border-box; padding-left:40px; font-size:18px; line-height:30px; font-weight:600; color:#333; }
.inc_inquiry .left ul li b i {position:absolute;top:0; left:0; width:30px; line-height:30px; border-radius:50%; background:#333; font-size:18px; text-align:center; color:#fff;}
.inc_inquiry .left ul li a {font-size:36px; line-height:30px; font-weight:700; color:#7539c7; font-family: 'Play';}
.inc_inquiry .left ul li span {font-size:17px; line-height:30px; color:#666;}
.inc_inquiry .left .more {display:block; width:180px; line-height:46px; border:1px solid #ddd; border-radius:48px; text-align:center; font-size:16px; color:#333; margin-top:40px;}
.inc_inquiry .left .more i {font-size:14px; margin-left:15px;}

.inc_inquiry .left .more:hover {border-color:#333; background:#333; color:#fff;}



.inc_inquiry .box {position:relative; width:100%; margin-bottom:40px;}
.inc_inquiry .box strong {display:block; font-size:22px; line-height:30px; color:#333; font-weight:700;}
.inc_inquiry .box strong b {font-size:18px; font-weight:500; line-height:30px; color:#df0076; margin-left:5px;}
.inc_inquiry .inq {margin:20px -6px 0;}
.inc_inquiry .inq:after {display:block; content:''; clear:both;}
.labtn {display:inline-block; float:left; margin:6px; width:calc(16.666% - 12px); vertical-align:top;}
.labtn input {display:none;}
.labtn input + em {display:block; font-style:normal; border:1px solid #ddd; line-height:50px; font-size:17px; color:#555; border-radius:5px !important; text-align:center;}
.labtn input:checked + em {border-color:#7539c7; background:#7539c7; color:#fff; font-weight:500;}
.inc_inquiry .inq .inp_box {position:relative; width:calc(50% - 12px); margin:6px; display:inline-block; vertical-align:top; float:left; }
.inc_inquiry .inq .inp_box .inp {position:relative; width:100%; line-height:50px; border:1px solid #ddd; border-radius:5px; padding:0 20px 0 90px; box-sizing:border-box;}
.inc_inquiry .inq .inp_box .inp + label { color: #777; font-size: 16px; line-height:50px;  position: absolute; box-sizing:border-box; padding:0 20px; left:0; top:0;}
.inc_inquiry .inq .inp_box .inp + label:after { content:'*'; color:#d00b39; margin-left:3px;}
.inc_inquiry .inq .inp_box .inp[required]:valid + label{  display: none;}



.inc_inquiry .inq_body .ip_che {position:relative; width:100%; box-sizing:border-box; padding-right:250px; margin-top:30px;}
.inc_inquiry .inq_body .ip_che label {  display:inline-block; margin-top:13px; }
.inc_inquiry .inq_body .ip_che label input[type="checkbox"] {display:none;}
.inc_inquiry .inq_body .ip_che label input + em{border:0; display:inline-block; text-align:left;  padding-left:25px; line-height:27px; color:#666; font-size:15px; font-weight:300; font-style:normal; border-radius:5px; box-sizing:border-box; background:none; position:relative;}
.inc_inquiry .inq_body .ip_che label input + em:after {position:absolute; content:''; width:18px; height:18px; top:50%; left:0; margin-top:-9px; border-radius:3px; box-sizing:border-box; border:1px solid #999; background:#fff;}
.inc_inquiry .inq_body .ip_che label input + em a {font-weight:500; line-height:24px; display:inline-block; }
.inc_inquiry .inq_body .ip_che label input[type="checkbox"]:checked + em:before {position:absolute; content:''; width:10px; height:10px; top:50%; left:4px; margin-top:-5px; z-index:2; background:#4d81ce; }

.inc_inquiry .inq_body .ip_che .ip_btn {position:absolute; top:0; right:0; width:240px; box-sizing:border-box; border:0; line-height:52px; text-align:center; display:block; font-size:18px; font-weight:600; border-radius:52px ;color:#fff; background:#02b8c6;}
.inc_inquiry .inq_body .ip_che .ip_btn:hover {box-shadow:0 5px 10px rgba(0,0,0,0.1);}






/** IBR뷰티소개 - 뷰티소개 **/
.overview {position:relative; width:100vw; left:50%; margin-left:-50vw; margin-bottom:-100px;}
.overview .cont_1 {width:100%;  max-width:1920px; margin:0 auto;}
.overview .cont_1 .body {width:100%; max-width:1300px; margin:0 auto;}
.overview .cont_1 h3 {text-align:center; font-size:48px; line-height:1.2em; color:#222; font-weight:700;}
.overview .cont_1 p {text-align:center; font-size:18px; line-height:1.6em; color:#555; margin-top:20px;}
.overview .cont_1 .img {margin-top:50px; background:url('/images/sub/overview_img_3.png') center center no-repeat; background-size:cover; border-radius:15px;}
.overview .cont_1 .img .txt {padding:60px 0; box-sizing:border-box; text-align:center; width:50%;}
.overview .cont_1 .img .txt img {display:inline-block;}
.overview .cont_1 .img .txt strong {display:block; font-size:32px; line-height:1.5em; color:#fff; font-weight:normal; margin:20px 0;}
.overview .cont_1 ul {margin:30px 15px 0; }
.overview .cont_1 ul li {display:inline-block; vertical-align:top; width:calc(33.333% - 30px); margin:30px 15px 0; position:relative;}
.overview .cont_1 ul li img {width:100%;}
.overview .cont_1 ul li span {position:absolute; bottom:0; left:0; box-sizing:border-box; padding:0 40px 40px; font-size:22px; line-height:1.5em; font-weight:500; color:#fff;}

.overview .cont_2 {width:100%; margin-top:120px; padding:110px 0; background:url('/images/sub/overview_img_10.png') center center no-repeat; background-size:cover; position: relative;}
.overview .cont_2 .body {width:100%; max-width:1300px; margin:0 auto; text-align:center;}
.overview .cont_2 .body > p { position: absolute; top: 20px; left: 5px; right: 5px; color: #fff; font-size: 18px;}
.overview .cont_2 span {display:block; font-size:28px; color:#fff; line-height:36px; font-weight:normal;}
.overview .cont_2 strong { position:relative; display:block; padding:0 30px;font-size:34px; font-weight:700; color:#fff; line-height:42px; margin:10px 0;}
.overview .cont_2 strong b {font-size:40px; line-height:42px; color:#df0076; font-weight:700;}
.overview .cont_2 em {font-style:normal; display:block; font-size:22px; line-height:30px; color:rgba(255,255,255,0.6); font-weight:normal; margin-bottom:40px;}
.overview .cont_2 h4 {font-size:60px; line-height:1em; margin-top:20px; font-weight:800; color:#fff; text-align:center; background: linear-gradient(125deg, #7539c7 0, #7539c7 42%, #ce0983 60%, #df0076 100%); color: transparent; -webkit-background-clip: text;}
.overview .cont_2 .txt_box {width:100%; max-width:980px;  box-sizing:border-box; margin:55px auto 0; display:block; border:4px solid rgba(255,255,255,0.2); padding:25px 40px; text-align:left;}
.overview .cont_2 .txt_box p {position:relative; box-sizing:border-box; padding-left:88px; font-size:18px; line-height:34px; color:#fff;margin:12px 0;display:block;}
.overview .cont_2 .txt_box p b {position:absolute; top:0; left:0; width:70px; text-align:center;font-size:16px; line-height:34px; color:#fff; font-weight:600;border-radius:34px;}


.overview .cont_2 .txt_box p.t1 b {background:#df0076;} 
.overview .cont_2 .txt_box p.t2 b {background:#7539c7;}






.overview .cont_3 {width:100%; margin-top:120px;}
.overview .cont_3 h3 {text-align:center; font-size:48px; line-height:1.2em; color:#222; font-weight:700;}
.overview .cont_3 strong {display:block; text-align:center;font-size:32px; line-height:1em; color:#333; font-weight:700; margin-top:30px;}
.overview .cont_3 p {text-align:center; font-size:18px; line-height:1.6em; color:#555; margin-top:20px;}
.overview .cont_3 ul {margin:50px auto 0;}
.overview .cont_3 ul li {width:20%; display:inline-block; vertical-align:top;}
.overview .cont_3 ul li img {width:100%;}

.overview .cont_4 {width:100%; margin-top:120px;}
.overview .cont_4 h3 {text-align:center; font-size:48px; line-height:1.2em; color:#222; font-weight:700;}
.overview .cont_4 p {text-align:center; font-size:18px; line-height:1.6em; color:#555; margin-top:20px;}

.overview .ov_slide1 {margin:50px auto 0; width:1060px;}
.overview .ov_slide1 .slick-list {overflow:unset;}
.overview .ov_slide1 .slick-list:after {display:block; content:''; clear:both;}
.overview .ov_slide1 .item {margin:0 30px;}
.overview .ov_slide1 .item a {display:block; position:relative;}
.overview .ov_slide1 .item .img {position:relative; width:100%; height:0; padding-bottom:50%; }
.overview .ov_slide1 .item .img img {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:15px; }

.overview .ov_slide1 .slick-prev {position:absolute; z-index:2; width:75px; height:75px; bottom:0; right:105px; border:0; font-size:0; background:#fff; text-align:center; border-radius:12px 0 0 0; }
.overview .ov_slide1 .slick-prev:after { content: '\e84f'; display: block;  position: absolute; top: 50%; transform: translate(0, -50%); left: 0; width: 75px; line-height: 75px; text-align: center; font-family: axicon; font-size: 40px; color: #444;}
.overview .ov_slide1 .slick-prev:before {position:absolute; content:''; width:1px; height:24px; top:50%; right:0; margin-top:-12px; background:#c1c1c1; }
.overview .ov_slide1 .slick-prev:hover:after {background:#444; color:#fff; border-radius:12px 0 0 0;}
.overview .ov_slide1 .slick-next {position:absolute; z-index:2; width:75px; height:75px; bottom:0; right:30px; border:0; font-size:0; background:#fff; text-align:center; border-radius:0 0 12px 0; }
.overview .ov_slide1 .slick-next:after { content: '\e850'; display: block;  position: absolute; top: 50%; transform: translate(0, -50%); left: 0; width: 75px; line-height: 75px; text-align: center; font-family: axicon; font-size: 40px; color: #444;}
.overview .ov_slide1 .slick-next:hover:after {background:#444; color:#fff; border-radius:0 0 12px 0;}

.overview .cont_5 {width:100%; margin-top:150px; padding:120px 0; background:#7539c7; text-align:center;}
.overview .cont_5 h3 {text-align:center; font-size:48px; line-height:1.2em; color:#fff; font-weight:700;}
.overview .cont_5 strong {display:block;font-size:32px; line-height:1em; color:#fff; font-weight:700; margin-top:30px;}
.overview .cont_5 span {display:block; font-size:18px; line-height:1.6em; color:rgba(255,255,255,0.6); margin-top:20px;}
.overview .cont_5 p {font-size:26px; margin-top:30px; line-height:1.2em; color:#fff; }
.overview .cont_5 .img {margin-top:60px;}

.overview .cont_6 {width:100%; padding:120px 0; background:url('/images/sub/overview_img_21.png') center center no-repeat; background-size:cover; }
.overview .cont_6 h3 {text-align:center; font-size:48px; line-height:1.2em; color:#333; font-weight:700;}
.overview .cont_6 .box {width:100%; max-width:1300px; margin:50px auto 0; position:relative;}
.overview .cont_6 .box:after {display:block; content:''; clear:both;}
.overview .cont_6 .left {width:50%; box-sizing:border-box; padding-right:50px;}
.overview .cont_6 .left img {border-radius:15px;}
.overview .cont_6 .right {position:absolute; top:50%; left:50%; box-sizing:border-box; padding-left:30px; transform:translateY(-50%);}
.overview .cont_6 .right h4 {font-size:32px; line-height:1.2em; color:#333; font-weight:700;}
.overview .cont_6 .right p {font-size:18px; line-height:1.6em; color:#555; margin-top:20px;}
.overview .cont_6 .right strong {display:block; font-size:20px; line-height:1.6em; font-weight:500; color:#222; margin-top:20px;}

.overview .cont_7 {width:100%; margin-top:120px;}
.overview .cont_7 h3 {text-align:center; font-size:48px; line-height:1.2em; color:#222; font-weight:700;}
.overview .cont_7 strong {display:block; text-align:center;font-size:28px; line-height:1em; color:#333; font-weight:700; margin-top:30px;}
.overview .cont_7 p {text-align:center; font-size:18px; line-height:1.6em; color:#555; margin-top:20px;}
.overview .cont_7 .tagbox {margin:30px auto 0; text-align:center;}
.overview .cont_7 .tagbox span {display:inline-block; margin:5px; box-sizing:border-box; padding:5px 15px; border-radius:5px; font-size:16px; line-height:30px; font-weight:600;}
.overview .cont_7 .tagbox span:nth-child(odd) {background:#fdf2f8; color:#df0076;}
.overview .cont_7 .tagbox span:nth-child(even) {background:#e5f8f9; color:#02bdcb;}
.overview .cont_7 .ov_slide2 {width:100%; max-width:1334px; margin:60px auto 0;}
.overview .cont_7 .ov_slide2 .slick-list {overflow:unset;}
.overview .cont_7 .ov_slide2 .slick-list:after {display:block; content:''; clear:both;}
.overview .cont_7 .ov_slide2 .slick-dots {display:none !important;}
.overview .cont_7 .ov_slide2 .item {margin:0 17px;}
.overview .cont_7 .ov_slide2 .item .img img {width:100%; border-radius:15px;}

.overview .cont_8 {width:100%; margin-top:50px; padding:120px 0; background:#f7f7f7; text-align:center;}
.overview .cont_8 h3 {text-align:center; font-size:48px; line-height:1.2em; color:#333; font-weight:700;}
.overview .cont_8 .img {margin:50px auto 0;}

.overview .cont_9 {width:100%; padding:120px 0; background:url('/images/sub/overview_img_29.png') center center no-repeat; background-size:cover; }
.overview .cont_9 h3 {text-align:center; font-size:48px; line-height:1.2em; color:#fff; font-weight:700;}
.overview .cont_9 strong {display:block; text-align:center;font-size:28px; line-height:1em; color:#fff; font-weight:700; margin-top:30px;}
.overview .cont_9 ul {width:100%; box-sizing:border-box; max-width:1300px; padding:0 50px; margin:0 auto;}
.overview .cont_9 ul li {width:calc(33.333% - 30px); margin:60px 15px 0; display:inline-block; vertical-align:top; text-align:center;}
.overview .cont_9 ul li .dnjs {position:relative; width:100%; height:0; padding-bottom:100%; background:url('/images/sub/overview_img_31.png') no-repeat; background-size:100% 100%;}
.overview .cont_9 ul li .dnjs .mid {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);}
.overview .cont_9 ul li .dnjs .mid p {font-size:22px; line-height:1.5em; font-weight:500; color:#fff; margin-top:30px;}


.overview .cont_10 {width:100%; padding:150px 0; background:url('/images/sub/overview_img_32.png') center center no-repeat; background-size:cover; }
.overview .cont_10 .body {width:100%; max-width:1300px; margin:0 auto; position:relative;}
.overview .cont_10 .left {width:50%; }
.overview .cont_10 .left h3 { font-size:48px; line-height:1.2em; color:#fff; font-weight:700;}
.overview .cont_10 .left p {font-size:18px; line-height:1.6em; color:#fff; margin-top:20px;}
.overview .cont_10 .right {position:absolute; top:50%; right:0; transform:translateY(-50%); width:50%; text-align:right;}
.overview .cont_10 .right strong {display:block; font-size:22px; line-height:1.5em; color:#fff; font-weight:normal; padding-top:80px; background:url('/images/sub/overview_img_33.png') top right no-repeat;}





/** IBR뷰티소개 - 시설소개 **/
.facility {width:100%;}
.facility h3 {text-align:center; font-size:48px; line-height:1.2em; color:#222; font-weight:700;}
.facility .cont {margin-top:120px;}
.facility .cont h4 {position:relative; box-sizing:border-box; line-height:40px; padding-left:20px; font-size:34px; color:#333; font-weight:700;}
.facility .cont h4:after {position:absolute; content:''; width:4px; height:32px; top:4px; left:0; background:#df0076;}
.facility .cont h4 span {font-size:18px; line-height:40px; color:#555; margin-left:15px; display:inline-block; font-weight:normal;vertical-align:text-top;}
.facility .cont ul {margin:0 -10px;}
.facility .cont ul li {display:inline-block; vertical-align:top; width:calc(33.333% - 20px); margin:20px 10px 0;}
.facility .cont ul li:first-child {margin:40px 10px; width:calc(100% - 20px);}
.facility .cont ul li img {border-radius:15px; width:100%; display:block;}





/** IBR뷰티소개 - 강사진소개 **/
.instructors {width:100%;}
.instructors h3 {text-align:center; font-size:48px; line-height:1.2em; color:#222; font-weight:700;}
.instructors ul {margin:20px -17px 0;}
.instructors ul li {width:calc(25% - 34px); display:inline-block; vertical-align:top; margin:30px 17px 0;}
.instructors ul li a {border-radius:12px; overflow:hidden; position:relative;}
.instructors ul li a:before {position:absolute; content:'';bottom:0; left:0; border-radius:0 0 15px 15px;  width:100%; height:45%; z-index:1; background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.1) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.1) 100%); background: linear-gradient(to top, rgba(0,0,0,0.8) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.1) 100%); box-shadow:0 -15px 20px 10px rgba(0,0,0,0.1);}

.instructors ul li .img {position:relative; top:0; left:0; width:100%; height:0; padding-bottom:153.33%;}
.instructors ul li .img img {position:absolute; top:0; left:0; border-radius:12px; width:100%; height:100%; }
.instructors ul li .txt {position:absolute; bottom:0; left:0; padding:0 10px 50px; width:100%; text-align:center; z-index:2; box-sizing:border-box;}

.instructors ul li .txt span {display:block; font-size:18px; font-weight:500; color:#fff; line-height:1.3em; opacity:0;}
.instructors ul li .txt strong {display:block; margin-top:15px; font-size:28px; line-height:1.5em; color:#fff; font-weight:700; opacity:0;}
.instructors ul li .txt .plus {display:none; margin-top:20px; width:40px; line-height:36px; padding-bottom:4px; border-radius:50%; font-size:26px; font-weight:500; color:#7539c7; background:#fff;}


.instructors ul li a:hover:before {   background: -webkit-linear-gradient(top, rgba(117,57,199,0.8) 0, rgba(117,57,199,0.5) 50%, rgba(117,57,199,0.1) 100%); background: -o-linear-gradient(top, rgba(117,57,199,0.8) 0, rgba(117,57,199,0.5) 50%, rgba(117,57,199,0.1) 100%); background: -moz-linear-gradient(top, rgba(117,57,199,0.8) 0, rgba(117,57,199,0.5) 50%, rgba(117,57,199,0.1) 100%); background: linear-gradient(to top, rgba(117,57,199,0.8) 0, rgba(117,57,199,0.5) 50%, rgba(117,57,199,0.1) 100%); box-shadow:0 -15px 20px 10px rgba(117,57,199,0.1);}
.instructors ul li a:hover .txt span {opacity:1;}
.instructors ul li a:hover .txt strong {opacity:1;}
.instructors ul li a:hover .txt .plus {display:inline-block;}

.pop_up {position: fixed; top: 0;  right: 0;  bottom: 0;  left: 0;  opacity: 0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in;  pointer-events: none;  z-index: 100000; width: 100%;  height: 100%;}
.pop_up .pop_bg {position:absolute; top:0; left:0; width:100%; height:100%; z-index:5;  background:rgba(0,0,0,0.75);}
.pop_up.active .pop_bg {  opacity: 1;  visibility: visible;  pointer-events: auto;}
.pop_up.active {  opacity: 1;  visibility: visible;  pointer-events: auto;}
.pop_up:target { opacity:1; pointer-events: auto;}
.pop_cont {  width: 100%;  max-width: 1400px;  position: absolute; top: 50%; left: 50%;  transform: translate(-50%, -50%);   box-sizing: border-box;  padding:0 50px; z-index:9;}
.pop_cont a.pop_close { position:absolute; top:0; right:0; display:block;	width:50px;	height:50px; background:url('/images/sub/close_btn_1.png') right center no-repeat;cursor: pointer;}

.pop_cont .pop_body {width:100%; max-height:800px; box-sizing:border-box; padding:60px; border-radius:10px; background:#fff; }
.pop_cont .pop_body:after {display:block; content:''; clear:both;}
.pop_cont .pop_body .left {width:43%; float:left;}
.pop_cont .pop_body .left .img {position:relative; width:100%; height:0; padding-bottom:141.6%; border-radius:15px;}
.pop_cont .pop_body .left .img img {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:15px;}
.pop_cont .pop_body .right {width:57%; height:100%; float:left; box-sizing:border-box; padding-left:60px; padding-top:30px;}
.pop_cont .pop_body .right .txt {position:relative; height: 640px; padding-right: 22px; overflow-y:auto;}
.pop_cont .pop_body .right .txt::-webkit-scrollbar {width: 6px; right:10px;}
.pop_cont .pop_body .right .txt::-webkit-scrollbar-thumb {position:relative; background-color: #333; border-radius: 6px; background-clip: padding-box; }
.pop_cont .pop_body .right .txt::-webkit-scrollbar-track {background-color: #d5d5d5; border-radius: 6px;}
.pop_cont .pop_body .right .txt span {display:block; font-size:22px; line-height:1.2em; color:#df0076; font-weight:600;}
.pop_cont .pop_body .right .txt h4 {font-size:40px; line-height:1.2em; color:#333; font-weight:700; margin-top:15px;}
.pop_cont .pop_body .right .txt strong {display:block; font-size:20px; line-height:1.2em; color:#333; font-weight:700; margin-top:25px; margin-bottom:10px;}
.pop_cont .pop_body .right .txt p {position:relative; box-sizing:border-box; padding-left:10px; font-size:16px; line-height:32px; color:#555;}
.pop_cont .pop_body .right .txt p:after {position:absolute; content:''; width:5px; height:2px; top:15px; left:0; background:#666;}

#popup-pop2 { border-radius: 30px;}
.pop-tit.lecturer { border-bottom: 0; box-shadow: none;}
.layer-ajaxpop .pop-tit.lecturer .close { border-left: 0;}

.pop_cont.lecturer { top: 60px; left: 0; right: 0; bottom: 0; transform: none;}
.pop_cont.lecturer .pop_body { max-height: 590px; padding: 0; }
.pop_cont.lecturer .pop_body .left .img { position: static; height: 590px; padding-bottom: 0; background-color: #f6f6f6; text-align: center; align-content: flex-end;}
.pop_cont.lecturer .pop_body .left .img img { position: static; max-width: 90%; height: auto; max-height: 98%; object-fit: contain; vertical-align: bottom;}

.pop_cont.lecturer .pop_body .right { padding-top: 15px; }
.pop_cont.lecturer .pop_body .right .txt h4 { color: #000; font-size: 50px; font-weight: 800;}
.pop_cont.lecturer .pop_body .right .txt strong { color: #000; font-size: 22px; font-weight: 800;}
.pop_cont.lecturer .pop_body .right .txt { height: 575px; color: #000; font-size: 18px; font-weight: 500; line-height: 1.5;}
.pop_cont.lecturer .pop_body .right .txt::-webkit-scrollbar-thumb {background-color: #df0076;}
.pop_cont.lecturer .pop_body .right .txt::-webkit-scrollbar-track {background-color: rgba(0,0,0,0.1);}


.instructors_pop_cont .pop_body {width:100%; max-height:800px; box-sizing:border-box; border-radius:10px; background:#fff; }
.instructors_pop_cont .pop_body:after {display:block; content:''; clear:both;}
.instructors_pop_cont .pop_body .left {width:470px; float:left;}
.instructors_pop_cont .pop_body .left .img {position:relative; width:100%; height:0; padding-bottom:141.6%; border-radius:15px;}
.instructors_pop_cont .pop_body .left .img img {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:15px;}
.instructors_pop_cont .pop_body .right {width:calc(100% - 470px); height:100%; float:left; box-sizing:border-box; padding-left:60px; padding-top:0;padding-bottom: 100px;}
.instructors_pop_cont .pop_body .right .txt {position:relative; min-height: 640px; padding-right: 22px; overflow-y:auto;}
.instructors_pop_cont .pop_body .right .txt::-webkit-scrollbar {width: 6px; right:10px;}
.instructors_pop_cont .pop_body .right .txt::-webkit-scrollbar-thumb {position:relative; background-color: #333; border-radius: 6px; background-clip: padding-box; }
.instructors_pop_cont .pop_body .right .txt::-webkit-scrollbar-track {background-color: #d5d5d5; border-radius: 6px;}
.instructors_pop_cont .pop_body .right .txt span {display:block; font-size:22px; line-height:1.2em; color:#df0076; font-weight:600;}
.instructors_pop_cont .pop_body .right .txt h4 {font-size:40px; line-height:1.2em; color:#333; font-weight:700; margin-top:15px;}
.instructors_pop_cont .pop_body .right .txt strong {display:block; font-size:20px; line-height:1.2em; color:#333; font-weight:700; margin-top:25px; margin-bottom:10px;}
.instructors_pop_cont .pop_body .right .txt p {position:relative; box-sizing:border-box; padding-left:10px; font-size:16px; line-height:32px; color:#555;}
.instructors_pop_cont .pop_body .right .txt p:after {position:absolute; content:''; width:5px; height:2px; top:15px; left:0; background:#666;}







/** IBR뷰티소개 - 오시는길 **/
.location {width:100%;}
.location h3 {text-align:center; font-size:48px; line-height:1.2em; color:#222; font-weight:700;}
.loca_tab {width:100%; max-width:1300px; margin:50px auto 0; text-align:center;}
.loca_tab li {position:relative; cursor:pointer; line-height:30px; margin:0 20px; padding:0 6px 10px; box-sizing:border-box; display:inline-block; vertical-align:top; font-size:20px; color:#666;}
.loca_tab li.active {font-weight:600; color:#02bdcb;}
.loca_tab li:hover {color:#02bdcb;}
.loca_tab li.active:before {position:absolute; content:''; width:100%; height:3px; left:0; bottom:0; background:#02bdcb;}
.loca_tab li:after {position:absolute; content:''; width:5px; height:5px; border-radius:50%; background:#ccc; top:12px; right:-22px;}
.loca_tab li:last-child:after {display:none;}
.location #map {width:100%; height:470px; overflow:hidden; border-radius:15px; margin-top:60px;}

.locainfo {margin-top:60px; position:relative; box-sizing:border-box; padding-left:33%; }
.locainfo .left {position:absolute; top:0; left:0;}
.locainfo .left h4 {font-size:34px; line-height:1.4em; color:#222; font-weight:700;}
.locainfo .left a {font-size:32px; line-height:40px; color:#df0076; display:inline-block; margin-top:30px; font-weight:700;  font-family: 'Play'; }
.locainfo .left a i {font-size:20px; line-height:40px; vertical-align:top;}
.locainfo .right {width:100%;}
.locainfo .right ul {border-top:2px solid #333;}
.locainfo .right ul li {position:relative; box-sizing:border-box; padding:25px 0; padding-left:140px; border-bottom:1px solid #ddd;}
.locainfo .right ul li strong {position:absolute; top:25px; left:20px; line-height:30px; font-size:18px; font-weight:700; color:#222;}
.locainfo .right ul li strong img {margin-right:10px;     vertical-align: middle;}
.locainfo .right ul li p {font-size:18px; line-height:30px; color:#555; margin:5px 0;}
.locainfo .right ul li p b {display:inline-block; width:46px; line-height:24px; margin-top:3px; margin-right:5px; font-size:14px; color:#fff; border-radius:5px; text-align:center; font-weight:600;}
.locainfo .right ul li p.bus_1 b {background:#4ea031;}
.locainfo .right ul li p.bus_2 b {background:#dc1219;}
.locainfo .right ul li p.bus_3 b {background:#395cb3;}
.locainfo .right ul li p.bus_4 {padding-left:0;}
.locainfo .right ul li span {display:block; font-size:18px; line-height:30px; font-weight:600; color:#222;}






.board {width:100%;}
.board h3 {text-align:center; font-size:48px; line-height:1.2em; color:#222; font-weight:700; margin-bottom:50px;}




/** 생생후기 **/
.review_list {margin:50px -10px 0;}


.review_list .item {position:relative; margin:12px 0; width:100%; }
.review_list .item a {position:relative; display:block;  box-sizing:border-box; padding:50px 50px 50px 215px; min-height:230px; border-radius:20px !important; border:1px solid #ddd; background:#fff;}
.review_list .item a:after {position:absolute; content:''; top:0; left:0; width:100%; height:100%; box-sizing:border-box; opacity:0; transition:all 0.3s; border:3px solid #7539c7; border-radius:15px;}

.review_list .item .img {position:absolute; top:50%; left:40px; transform:translateY(-50%); width:130px;}
.review_list .item .img img {width:100%;}

.review_list .item .txt {width:100%;}
.review_list .item .txt span {display:block; font-size:15px; line-height:1.1em; color:#02b8c6;}
.review_list .item .txt strong {margin-top:5px; display:block; font-size:22px; line-height:30px; color:#333; font-weight:700;}
.review_list .item .txt strong b {display:inline-block; width:24px; height:24px; margin:3px 0 3px 10px; vertical-align: text-bottom;}
.review_list .item .txt strong b.tag1 {background:url('/images/main/section_2_img_2.png') no-repeat;}
.review_list .item .txt strong b.tag2 {background:url('/images/main/section_2_img_3.png') no-repeat;}
.review_list .item .txt strong b.tag3 {background:url('/images/main/section_2_img_4.png') no-repeat;}
.review_list .item .txt p {margin-top:10px; font-size:15px; color:#777; line-height:1.6em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
.review_list .item a:hover:after {opacity:1;}





/** 마이페이지 **/
.mypage {width:100%; margin-top:50px;}
.mypage .mystatus {border:5px solid #ededed; border-radius:12px; box-sizing:Border-box; padding:30px 0;}
.mypage .mystatus:after {display:block; content:''; clear:both;}
.mypage .mystatus .box_1 {width:55%; box-sizing:border-box; padding:0 40px; float:left;}
.mypage .mystatus .box_1 strong {display:block; margin-top:15px; position:relative; font-size:26px; line-height:30px; color:#333; font-weight:normal; margin-bottom:20px;}
.mypage .mystatus .box_1 strong b {font-weight:700; }
.mypage .mystatus .box_1 strong a {display:inline-block; cursor:pointer; padding:0 15px; box-sizing:border-box; border:1px solid #ddd; border-radius:30px; font-size:14px; color:#666; margin-left:10px;}
.mypage .mystatus .box_1 strong a:hover {background:#02b8c6; border-color:#02b8c6; color:#fff;}
.mypage .mystatus .box_1 span {font-size:16px; line-height:30px; color:#777; position:relative; padding-right:30px; margin-right:25px;}
.mypage .mystatus .box_1 span:after {position:absolute; content:''; top:50%; right:0; width:1px; height:14px; margin-top:-7px; background:#ddd;}
.mypage .mystatus .box_1 span:last-child {padding-right:0; margin-right:0;}
.mypage .mystatus .box_1 span:last-child:after {display:none;}
.mypage .mystatus .box_1 span b {font-size:16px; font-weight:600; color:#222; margin-right:10px;}
.mypage .mystatus .box_2 {width:22.5%; box-sizing:border-box; padding:15px 40px; float:left; border-left:1px solid #ddd; height:105px; text-align:center;}
.mypage .mystatus .box_2 span {display:block; font-size:18px; line-height:20px; color:#222; }
.mypage .mystatus .box_2 strong {display:block; font-size:42px; line-height:45px; color:#222; font-weight:700; margin-top:10px;}
.mypage .mystatus .box_3 {width:22.5%; box-sizing:border-box; padding:15px 40px; float:left; border-left:1px solid #ddd; height:105px; text-align:center;}
.mypage .mystatus .box_3 span {display:block; font-size:18px; line-height:20px; color:#222; }
.mypage .mystatus .box_3 strong {display:block; font-size:42px; line-height:45px; color:#222; font-weight:700; margin-top:10px;}


.my_tab {margin:50px -5px 30px;}
.my_tab li {width:calc(33.333% - 10px); margin:0 5px; display:inline-block; vertical-align:top; line-height:50px; border-radius:5px; box-sizing:border-box; border:1px solid #ddd; text-align:center; cursor:pointer; font-size:17px; color:#555;}
.my_tab li:hover {color:#02b8c6;}
.my_tab li.active {border-color:#02b8c6; background:#02b8c6; color:#fff;}




.table_2 {width:100%; border-top:2px solid #222;}
.table_2 table {width:100%;}
.table_2 thead th {background:#fff; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle; font-size:17px; color:#333; font-weight:600; line-height:26px; padding:20px 0;}
.table_2 tbody td {border-bottom:1px solid #ddd; text-align:center; vertical-align:middle; font-size:16px; color:#555; line-height:30px; padding:17px 10px;}
.table_2 tbody td.sbj {text-align:center;}
.table_2 tbody td span {display:inline-block; width:60px; line-height:30px; border-radius:5px; font-size:15px; color:#fff;}
.table_2 tbody td span.ing {background:#333;}
.table_2 tbody td span.end {background:#df0076;}


.table_3 {width:100%; }
.table_3 table {width:100%;}
.table_3 thead th {background:#000; text-align:center; vertical-align:middle; font-size:17px; color:#fff; font-weight:800; padding:20px 15px;}
.table_3 tbody td {border-bottom:1px solid #ddd; text-align:center; vertical-align:middle; font-size:16px; color:#555; line-height:30px; padding:17px 10px;}
.table_3 tbody td.sbj {text-align:center;}
.table_3 tbody td span {display:inline-block; width:60px; line-height:30px; border-radius:5px; font-size:15px; color:#fff;}


/* exam */
.full_wrapper{width: 100vw;position: relative;left: 50%;transform: translate(-50%, 0);}
.full_wrapper.bg_gray{padding: 130px 0;background: #f3f8fc;}
.full_wrapper .inner{width: 1300px;margin: 0 auto;}

.bg_gray { background-color: #f6f6f6;}

.exam_m1{background: url('/images/sub/exam_m1_bg.jpg') no-repeat center center;padding: 90px 0;margin-top: 70px;}
.exam_m1 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.exam_m1 ul li{width: calc((100% / 3));position: relative;box-sizing: border-box;border-left: 1px solid #373539;text-align: center;padding: 20px 0;}
.exam_m1 ul li:first-child{border-left: none;}
.exam_m1 ul li em{font-style: normal;display: block;text-align: center;font-size: 22px;line-height: 32px;color: #fff;letter-spacing: -1px;}
.exam_m1 ul li p{font-size: 32px;color: #fff;letter-spacing: -1px;font-weight: bold;margin: 20px 0;}
.exam_m1 ul li strong{font-size: 90px;color: #df0076;letter-spacing: -1px;font-family: 'Play';}

.exam_go_inquiry{display: block;line-height: 90px;text-align: center;background: #df0076;text-decoration: none !important;font-size: 26px;color: #fff !important;letter-spacing: -1px;font-weight: 600;}
.exam_go_inquiry img{display: inline-block;vertical-align: middle;margin-left: 20px;margin-top: -3px;}

.exam_m2{position: relative;}
.exam_m2 .img{position: relative;}
.exam_m2 .img img{position: relative;left: 50%;transform: translate(-50%, 0);}
.exam_m2 .scroll{position: absolute;bottom: 70px;left: 50%;transform: translate(-50%, 0);z-index: 2;}
.scroll {
	-webkit-animation:ia 1s ease infinite;
	-moz-animation:ia 1s ease infinite;
	-ms-animation:ia 1s ease infinite;
	-o-animation:ia 1s ease infinite;
	animation:ia 1s ease infinite;
}
@keyframes ia {
	0% {bottom: 70px;}
	70% {bottom: 60px;}
	100% {bottom: 70px;}
}

.sec_title{margin-bottom: 80px;}
.sec_title p{text-align: center;font-size: 50px;color: #222222;letter-spacing: -1px;font-weight: 700;}
.sec_title p.txt2 { font-size: 32px; }
.sec_title p.txt3 { font-size: 22px; font-weight: 500; }
.sec_title p strong{background: #df0076;color: #fff;font-weight: 700;padding: 0 4px;}
.sec_title p b { color: #df0076; font-weight: 800;}
.sec_title h4{font-size: 70px;color: #222222;letter-spacing: -1px;font-weight: 700;text-align: center;margin-top: 20px;}
.sec_title h4.tit2 { font-size: 50px; }
.sec_title h4 strong{color: #df0076;font-weight: 700;}
.sec_title > span { display: block; padding-top: 30px; color: #222; font-size: 26px; font-weight: 500;text-align: center;}

.sec_title h4 + p { padding-top: 30px; }

.ctit1{font-size: 32px;color: #222222;letter-spacing: -1px;font-weight: 700;padding-left: 60px;background: url('/images/sub/exam_bull1.jpg') no-repeat 0 center;margin-bottom: 40px;}

hr.hr{border: none;margin: 80px 0;width: 100%;height: 1px;background: #ddd;}

.exam_m3{background: #f6f6f6;padding: 130px 0;}
.exam_m3 h4{text-align: center;margin-bottom: 30px;}
.exam_m3 .imgs{font-family: empty;font-size: 0;display: flex;justify-content: space-between;flex-wrap: wrap;width: 1400px;position: relative;left: 50%;transform: translate(-50%, 0);}

.exam_m4{padding: 130px 0;}
.exam_m4 .roll_wrap{position: relative; }
.exam_m4 .roll_wrap .roll { margin: 0 -15px;}
.exam_m4 .item .tmb { margin: 0 15px;}
.exam_m4 .item .tmb img { width: 100%; max-width: 100%; }
.exam_m4 .item p { padding-top: 25px; color: #222; font-size: 26px; font-weight: 800; text-align: center;}
.exam_m4 .item span { display: block; padding-top: 10px; color: #888; font-size: 18px; font-weight: 600; text-align: center;}
.exam_m4 .arrows button { position: absolute; top: 50%; width: 50px; height: 50px; background-color: #000; border-radius: 50%; border: 0; text-align: center; box-shadow: 0px 0px 18px rgba(0,0,0,0.1); z-index: 1;}
.exam_m4 .arrows .prev { left: 0; transform: translate(-50%,-85%); }
.exam_m4 .arrows .next { right: 0; transform: translate(50%,-85%);}
.exam_m4 .arrows button i { color: #fff; font-size: 22px}


.exam_m5 { padding: 130px 0; background: linear-gradient(150deg, #f5f0fb, #e3f9fb);}
.exam_m5 .roll_wrap {   }
.exam_m5 .roll_wrap .roll { margin: 0 -15px; }
.exam_m5 .item { margin: 0 15px; padding: 15px 0 0; text-align: center; }
.exam_m5 .item .tmb { background-color: #fff; border-radius: 20px; transition: all .3s; box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.exam_m5 .item a { position: relative; display: block; height: 410px; align-content: flex-end;  text-decoration: none;  text-align: center;}
.exam_m5 .item a img { max-width: 100%; max-height: 375px; object-fit: contain; margin: 0 auto;}
.exam_m5 .item a span { position: absolute; bottom: 20px; left: 20px; right: 20px; display: block; height: 50px; align-content: center; background-color: #000; color: #fff; font-size: 18px; font-weight: 800; border-radius: 99px; text-align: center;}
.exam_m5 .item em { display: block; padding-top: 25px; color: #df0076; font-size: 18px; font-weight: 600; text-align: center; font-style: normal;}
.exam_m5 .item p { padding-top: 10px; color: #222; font-size: 28px; font-weight: 800; }

.exam_m5 .item:hover .tmb { background-color: #df0076; }

.exam_m6 { padding: 130px 0;}
.exam_m6 .img_box { display: flex; margin: 0 -20px; }
.exam_m6 .img_box > div { margin: 0 20px; }


.exam_m7 { padding: 130px 0; }
.exam_m7 .point_list { }
.exam_m7 .point_list ul { }
.exam_m7 .point_list li { display: flex; align-items: center; }
.exam_m7 .point_list li + li { padding-top: 100px; }
.exam_m7 .point_list li > div { width: 50%; }
.exam_m7 .point_list li .img_box {  }
.exam_m7 .point_list li .txt_box { }
.exam_m7 .point_list li:nth-child(odd) .txt_box { padding-left: 100px; }
.exam_m7 .point_list li:nth-child(even) .txt_box { padding-right: 100px; text-align: right;}

.exam_m7 .point_list li .txt_box span { position: relative; font-family: 'Play'; font-size: 20px; font-weight: bold; }
.exam_m7 .point_list li .txt_box .col { color: #df0076; }
.exam_m7 .point_list li .txt_box .col2 { color: #02b8c6;}
.exam_m7 .point_list li .txt_box strong { display: block; padding-top: 30px; color: #222; font-size: 40px; font-weight: 800; }
.exam_m7 .point_list li .txt_box p { padding-top: 30px; color: #222; font-size: 20px; font-weight: 500; line-height: 1.5; }

.exam_m7 .point_list li .txt_box span::before { content: ''; position: absolute; top: 50%; width: 130px; height: 3px;}
.exam_m7 .point_list li .txt_box .col::before { background-color: #df0076; right: 100%; transform: translate(-30px,-50%);}
.exam_m7 .point_list li .txt_box .col2::before { background-color: #02b8c6; left: 100%; transform: translate(30px,-50%);}

.exam_m8 { padding: 130px 0; }
.exam_m8 .list_box { }
.exam_m8 .list_box ul { }
.exam_m8 .list_box li { display: flex; align-items: center;}
/* .exam_m8 .list_box li + li { padding-top: 10px; } */
.exam_m8 .list_box li .plan_tit { margin-left: -20px;  }
.exam_m8 .list_box li .plan_cont { }


.exam_m9 { background: url(/images/sub/exam_m9); }
.exam_m9 .img{position: relative;}
.exam_m9 .img img{position: relative;left: 50%;transform: translate(-50%, 0);}


.exam_m10 { padding: 130px 0; }


.exam_m11 { padding: 130px 0; }
.exam_m11 .tab_box ul { display: flex; justify-content: center; margin: 0 -5px;}
.exam_m11 .tab_box li { width: 33%; max-width: 312px; margin: 0 5px;}
.exam_m11 .tab_box li button { width: 100%; height: 76px; background: none; border: 2px solid #ddd; color: #aaa; font-size: 22px; font-weight: 600; border-radius: 99px; }

.exam_m11 .tab_box li.active button { background-color: #df0076; color: #fff; font-weight: 800; border-color: #df0076; }

.exam_m11 .table_box { margin-top: 60px; border-radius: 10px; overflow: hidden; border: 1px solid #ddd; }
.exam_m11 .table_box table { width: 100%; border-radius: 10px;overflow: hidden;}
.exam_m11 .table_box table thead th { padding: 25px 10px; background-color: #000; color: #fff; font-size: 20px; font-weight: 800; }
.exam_m11 .table_box table tbody tr > * { background-color: #fff; padding: 20px 15px; font-size: 18px;  }
.exam_m11 .table_box table tbody th { }
.exam_m11 .table_box table thead th p { color: #222; font-weight: bold; }
.exam_m11 .table_box table tbody td { color: #444; font-weight: 500; text-align: left; border-left: 1px solid #ddd; border-top: 1px solid #ddd;}
.exam_m11 .table_box table tbody td * { font-size: inherit;}
.exam_m11 .table_box table tbody td b { color: #222; font-weight: 800; }
.exam_m11 .table_box table tbody td strong { color: #df0076; font-weight: 800; }


.exam_m12 { padding: 130px 0; }
.exam_m12 .roll_wrap { position: relative;}
.exam_m12 .roll_wrap .roll { }
.exam_m12 .item { max-width: 1000px; margin: 0 35px; text-align: center; border-radius: 20px; overflow: hidden;; }
.exam_m12 .item img { max-width: 100%;}
.exam_m12 .arrows button { position: absolute; top: 50%; width: 50px; height: 50px; background-color: #000; border-radius: 50%; border: 0; text-align: center; box-shadow: 0px 0px 18px rgba(0,0,0,0.1); z-index: 1;}
.exam_m12 .arrows .prev { left: 9.5%; transform: translateY(-50%); }
.exam_m12 .arrows .next { right: 9.5%; transform: translateY(-50%);}
.exam_m12 .arrows button i { color: #fff; font-size: 22px}



.exam_m13 { padding: 130px 0; background: linear-gradient(150deg, #f5f0fb, #e3f9fb); }
.exam_m13 .tab_box { }
.exam_m13 .tab_box ul { display: flex; border-radius: 10px 10px 0 0; border: 1px solid #ddd; overflow: hidden;}
.exam_m13 .tab_box li { flex: 1;}
.exam_m13 .tab_box li + li { border-left: 1px solid #ddd;}
.exam_m13 .tab_box li button { width: 100%; height: 115px; background: #fff; color: #aaa; font-size: 22px; font-weight: 600; border: 0; }

.exam_m13 .tab_box li.active button { background-color: #df0076; color: #fff; font-weight: 800; }

.exam_m13 .cont_box { padding: 60px 70px; background-color: #fff; border: 1px solid #df0076; border-top: 0; border-radius: 0 0 10px 10px; text-align: center;  }

.exam_m14 { padding: 130px 0; }
.exam_m14 .cont_box { display: flex; align-items: center; }
.exam_m14 .left_list { width: 73%; }
.exam_m14 .right_list { position: relative; width: 27%; max-height: 536px; padding-left: 30px; box-sizing: border-box; overflow: hidden;}
/* .exam_m14 .right_list .item { width: 100%; max-width: 320px; height: 185px;} */
.exam_m14 .right_list .item { margin: 0 0 2px;}
.exam_m14 .right_list .item ul { margin: -5px 0;}
.exam_m14 .right_list .item li { margin: 5px 0; }
.exam_m14 .right_list .item .tmb img { width: 100%; }
.exam_m14 .arrows button { position: absolute; left: 50%; transform: translateX(-50%); width: 50px; height: 30px; background-color: rgba(0,0,0,0.6); border: 0; text-align: center; box-shadow: 0px 0px 18px rgba(0,0,0,0.1); z-index: 1;}
.exam_m14 .arrows .prev { top: 0; }
.exam_m14 .arrows .next { bottom: 0; }
.exam_m14 .arrows button i { color: #fff; font-size: 22px}


.exam_m15 { padding: 130px 0 0; background: url(/images/sub/bg_exam_m15.jpg) no-repeat 50% / cover;}
.exam_m15 .sec_title p,
.exam_m15 .sec_title h4 { color: #fff; }

.exam_m15 .txt_box { position: relative; margin: 90px 0 65px; }
.exam_m15 .txt_box::before { content: ''; position: absolute; top: 0; left: 50%; transform: translate(-50%,-100%); width: 0; height: 0; border-style: solid;border-width: 0px 22px 22px 22px; border-color: transparent transparent #df0076 transparent;}
.exam_m15 .txt_box ul { display: flex; background-color: #fff; border: 5px solid #df0076; border-radius: 30px; padding: 40px 0;}
.exam_m15 .txt_box li { flex: 1; text-align: center; }
.exam_m15 .txt_box li + li { border-left: 1px solid #ddd; }
.exam_m15 .txt_box li img { }

.exam_m15 a { display: block; height: 90px; align-content: center; background-color: #df0076; color: #fff; font-size: 26px; font-weight: 800; text-align: center; text-decoration: none; }
.exam_m15 a i { display: inline-block; width: 45px; aspect-ratio: 1/1; align-content: center; background-color: #222; color: #fff; border-radius: 50%; text-align: center; vertical-align: baseline; margin-left: 20px; }

.exam_m16 { padding: 130px 0; }
.exam_m16 .list_box { }
.exam_m16 .list_box ul { }
.exam_m16 .list_box li { display: flex; align-items: center; padding: 40px; background-color: #fff; border-radius: 20px; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.exam_m16 .list_box li + li { margin-top: 30px; }
.exam_m16 .list_box li .img_box { width: 240px; aspect-ratio: 1/1; border-radius: 50%; overflow: hidden; }
.exam_m16 .list_box li .img_box img { width: 100%; height: 100%; object-fit: cover;}
.exam_m16 .list_box li .txt_box { width: calc(100% - 240px); padding-left: 50px; box-sizing: border-box; }
.exam_m16 .list_box li .txt_box strong { color: #222; font-size: 28px; font-weight: 800; }
.exam_m16 .list_box li .txt_box .name { padding-top: 20px; color: #df0076; font-size: 22px; font-weight: bold;}
.exam_m16 .list_box li .txt_box .txt { padding-top: 15px; color: #444; font-size: 18px; font-weight: 500; line-height: 1.5;}
.exam_m16 .list_box li .txt_box .txt * { font-size: inherit !important;}


.exam_m17 { padding: 130px 0; }
.exam_m17 .tab_box { }
.exam_m17 .tab_box ul { display: flex; border-radius: 10px 10px 0 0; border: 1px solid #ddd; border-bottom: 0; overflow: hidden;}
.exam_m17 .tab_box li { flex: 1;}
.exam_m17 .tab_box li + li { border-left: 1px solid #ddd;}
.exam_m17 .tab_box li button { width: 100%; height: 86px; background: none; color: #aaa; font-size: 22px; font-weight: 600; border: 0; }

.exam_m17 .tab_box li.active button { background-color: #df0076; color: #fff; font-weight: 800; }

.exam_m17 .cont_box { padding: 40px 0; border: 2px solid #df0076; border-radius: 0 0 10px 10px; }
.exam_m17 .cont_box .roll_wrap { position: relative; max-width: 960px; margin: 0 auto; ;}
.exam_m17 .cont_box .roll { border-radius: 20px; overflow: hidden; }
.exam_m17 .cont_box .item { }
.exam_m17 .arrows button { position: absolute; top: 50%; width: 50px; height: 50px; background-color: #000; border-radius: 50%; border: 0; text-align: center; box-shadow: 0px 0px 18px rgba(0,0,0,0.1); z-index: 1;}
.exam_m17 .arrows .prev { left: 0; transform: translate(-50%,-50%); }
.exam_m17 .arrows .next { right: 0; transform: translate(50%,-50%);}
.exam_m17 .arrows button i { color: #fff; font-size: 22px}



.exam_m18 { padding: 130px 0; }
.exam_m18 .list_box { border-top: 3px solid #222; }
.exam_m18 .list_box ul { }
.exam_m18 .list_box li { padding: 35px 0; }
.exam_m18 .list_box li + li { border-top: 1px solid #ddd; }
.exam_m18 .list_box li .question_box { display: flex; align-items: center; padding: 0 20px 35px; box-sizing: border-box; }
.exam_m18 .list_box li .question_box span { display: inline-block; width: 60px; aspect-ratio: 1/1; background-color: #df0076; border-radius: 50%; align-content: center; text-align: center; color: #fff; font-size: 28px; font-weight: 800; }
.exam_m18 .list_box li .question_box p { padding-left: 15px; color: #222; font-size: 28px; font-weight: 800; }
.exam_m18 .list_box li .answer_box { display: flex; align-items: center; background-color: #fff; padding: 40px 20px; border-radius: 16px; box-sizing: border-box; }
.exam_m18 .list_box li .answer_box > span { display: inline-block; width: 60px; color: #df0076; font-size: 28px; font-weight: 800; text-align: center; }
.exam_m18 .list_box li .answer_box p { padding-left: 15px; font-size: 22px; color: #222; line-height: 1.5;}
.exam_m18 .list_box li .answer_box p strong { color: #df0076; font-weight: 800;}
.exam_m18 .list_box li .answer_box p b { font-weight: 800; }
.exam_m18 .list_box li .answer_box p span { font-size: inherit;}


.exam_m19 { padding: 130px 0; }

.exam_inquiry { }
.exam_inquiry > ul { border-top: 3px solid #222; }
.exam_inquiry > ul > li { padding: 50px 0; border-bottom: 1px solid #ddd; }
.exam_inquiry > ul > li.brd_none { border-bottom: 0; }
.exam_inquiry li .tit_box { display: flex; align-items: center; }
.exam_inquiry li .tit_box .num { display: inline-block; width: 40px; aspect-ratio: 1/1; background-color: #df0076; align-content: center; text-align: center; color: #fff; font-family: 'Play'; font-size: 18px; font-weight: bold; border-radius: 5px; }
.exam_inquiry li .tit_box p { padding-left: 15px; color: #222; font-size: 28px; font-weight: 800; }
.exam_inquiry li .tit_box strong { display: inline-block; font-size: 18px; font-weight: 600; color: #df0076; padding-left: 10px; }

.exam_inquiry li .input_box { margin-top: 30px; }
.exam_inquiry li .input_box ul { display: flex; flex-wrap: wrap; align-items: center;}
.exam_inquiry li .input_box li { }
.exam_inquiry li .input_box.bg_gray li input,
.exam_inquiry li .input_box.brd_gray li input { display: none; }

.exam_inquiry li .input_box.bg_gray { padding: 35px 55px; background-color: #f6f6f6; border-radius: 10px; box-sizing: border-box; }
.exam_inquiry li .input_box.bg_gray ul { margin: -10px -35px; }
.exam_inquiry li .input_box.bg_gray li { margin: 10px 35px; }
.exam_inquiry li .input_box.bg_gray li input {  }
.exam_inquiry li .input_box.bg_gray li label { position: relative; color: #222; font-size: 20px; font-weight: 600; padding-left: 30px; }
.exam_inquiry li .input_box.bg_gray li label::before { content: ''; position: absolute; top: 0; left: 0; width: 23px; height: 23px; background-color: #fff; border: 2px solid #ddd; box-sizing: border-box; border-radius: 50%; }
.exam_inquiry li .input_box.bg_gray li label::after { content: '\e934'; position: absolute; top: 0; left: 0; width: 23px; line-height: 23px; font-family: 'axicon'; color: #fff; font-size: 15px; display: none; text-align: center;}
.exam_inquiry li .input_box.bg_gray li input:checked + label::before { background-color: #df0076; border-color: #df0076;}
.exam_inquiry li .input_box.bg_gray li input:checked + label::after { display: block;}

.exam_inquiry li .input_box.brd_gray { }
.exam_inquiry li .input_box.brd_gray ul { margin: 0 -5px; }
.exam_inquiry li .input_box.brd_gray li { margin: 0 5px; flex: 1; }
.exam_inquiry li .input_box.brd_gray li input { }
.exam_inquiry li .input_box.brd_gray li label { display: block; width: 100%; height: 64px; align-content: center; color: #aaa; font-size: 20px; font-weight: 600; border: 1px solid #ddd; border-radius: 5px; text-align: center; }
.exam_inquiry li .input_box.brd_gray li input:checked + label { background-color: #df0076; color: #fff; border-color: #df0076; }

.exam_inquiry li .input_box table { width: 100%; }
.exam_inquiry li .input_box table th { padding: 15px; color: #222; font-weight: 600; font-size: 20px; text-align: left; }
.exam_inquiry li .input_box table td { padding: 15px; }
.exam_inquiry li .input_box table td input,
.exam_inquiry li .input_box table td select { width: 100%; height: 60px; padding: 0 15px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 5px; font-size: 18px; font-weight: 500; }
.exam_inquiry li .input_box table td .many-inputs { display: flex; align-items: center; }
.exam_inquiry li .input_box table td .many-inputs > *:not(span) { width: calc(100%/3); ; }
.exam_inquiry li .input_box table td .many-inputs span { display: inline-block; margin: 0 5px; color: #aaa; font-size: 18px; font-weight: 500; }

.exam_inquiry .agree { margin-top: 40px; padding: 0; border: 0; box-shadow: none; text-align: center; }
.exam_inquiry .agree input{display: none;}
.exam_inquiry .agree label{font-size: 18px;letter-spacing: -1px;position: relative;padding-left: 25px;color: #222;}
.exam_inquiry .agree label strong { color: #df0076; }
.exam_inquiry .agree label:before{content: '';display: block;position: absolute;top: 3px;left: 0;width: 20px;height: 20px;border: 0;border: 1px solid #ddd;border-radius: 2px;box-sizing: border-box;}
.exam_inquiry .agree label:after{content: '\f2d5';display: block;position: absolute;top: 3px;left: 0;width: 20px;line-height: 20px;text-align: center;font-family: 'axicon';font-size: 12px;color: #fff;display: none;border-radius: 2px;}
.exam_inquiry .agree input:checked + label::before{border-color: #df0076;}
.exam_inquiry .agree input:checked + label:after{background-color: #df0076;display: block;}
.exam_inquiry .agree a { display: inline-block; color: #222; font-size: 18px; font-weight: bold; border: 0; text-decoration: none;background: none;  }


.exam_btn_box { margin-top: 20px; text-align: center;}
.agree + .exam_btn_box { margin-top: 50px; }
.exam_btn_box button { height: 80px; padding: 0 15px; padding-left: 40px; background-color: #fff; color: #222; font-size: 23px; font-weight: 800; border: 2px solid #222; border-radius: 999px;  }
.exam_btn_box a { display: inline-block; height: 80px; align-content: center; padding: 0 15px; padding-left: 40px; background-color: #fff; color: #222; font-size: 23px; font-weight: 800; border: 2px solid #222; border-radius: 999px; text-decoration: none; }
.exam_btn_box button strong { color: #df0076; font-weight: inherit;}
.exam_btn_box i { display: inline-block; width: 45px; aspect-ratio: 1/1; align-content: center; background-color: #222; color: #fff; border-radius: 50%; text-align: center; vertical-align: middle; margin-left: 25px; }