@charset "utf-8";

/* 공통 */
.pagecommon{position:relative;font-size:15px;font-weight:400;letter-spacing:-.2px;line-height:1.8;color:#777;font-family:'AppleSDGothicNeo'}
.pagecommon .w1280{width:1280px;margin:0 auto}
.pagecommon .pl{white-space:pre-line}
.pagecommon .empty{padding-top:50px}

/* 페이지 */
.pg_wrap{margin:40px 0 0;text-align:center;font-family:'notokr-regular'}
.pg_wrap a{display:inline-block;vertical-align:middle}
.pg_page{min-width:30px;height:30px;padding:0 5px;border:none;border-radius:0;font-size:14px;line-height:30px;color:#999;background:none}
.pg_page:hover{background:none}
.pg_current{display:inline-block;vertical-align:middle;min-width:30px;height:30px;padding:0 5px;border:none;border-radius:0;font-size:15px;font-weight:normal;line-height:29px;color:#222;background:none;box-shadow:none;font-family:'notokr-medium'}
.pg_start, .pg_end{width:30px;height:30px;border-radius:2px;border:1px solid #e1e1e1;font-size:0;text-indent:0;background-color:#fff}
.pg_start{margin-right:5px}
.pg_next, .pg_prev{width:30px;height:30px;border-radius:2px;border:1px solid #e1e1e1;font-size:0;text-indent:0;background-color:#fff}
.pg_next:before,.pg_prev:before{content:"\f105";padding:0;font-size:12px;text-align:center;color:#555;line-height:28px;letter-spacing:.5px;font-family:'fontawesome'}
.pg_prev:before{content:"\f104"}
.pg_prev:hover, .pg_prev:hover{background-color:#f6f6f6}
.pg_end{margin-left:5px}
.pg_start:before, .pg_end:before{content:"\f104 \f104";padding:0;font-size:12px;text-align:center;color:#555;line-height:28px;letter-spacing:.5px;font-family:'fontawesome'}
.pg_end:before{padding-left:3px;content:"\f105 \f105"}
.pg_start:hover, .pg_end:hover{background-color:#f6f6f6}

/* 페이지 하단 온라인상담폼 */
#cm_cst{position:relative;width:1280px;margin:100px auto;font-size:15px;font-weight:400;letter-spacing:-.2px;line-height:1.8;color:#777;font-family:'AppleSDGothicNeo'}
#cm_cst .tit{overflow:hidden;padding-bottom:10px;margin-bottom:40px;border-bottom:4px solid #111}
#cm_cst .tit p{display:inline-block;font-size:28px;font-weight:700;color:#111}
#cm_cst .tit span{padding-left:15px}
#cm_cst .form{overflow:hidden;margin-bottom:60px}
#cm_cst .form > div{float:left;width:50%;padding-right:20px}
#cm_cst .stit{margin-bottom:10px;font-size:17px;font-weight:600;color:#111}
#cm_cst .right{height:306px;padding:0 0 0 20px!important}
/* 공통 */
.cm_op_ck{display:flex;flex-wrap:wrap;margin-bottom:10px}
.cm_op_ck li{width:calc(100% / 4 - 4.8px);margin:0 6px 6px 0} 
.cm_op_ck li:nth-child(4n){margin-right:0}
.cm_op_ck input{position:absolute;width:0;height:0}
.cm_op_ck input + label{display:block;position:relative;height:100%;padding:9px 6px;border-radius:3px;border:1px solid #e1e1e1;font-size:14px;letter-spacing:-1px;background-color:#f5f5f5;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}
.cm_op_ck input + label:before{display:inline-block;content:"\f00c";vertical-align:2px;width:22px;height:22px;margin-right:6px;border-radius:3px;border:1px solid #e1e1e1;font-size:11px;text-align:center;color:#aaa;line-height:21px;background-color:#fff;-webkit-transition:all .2s;transition:all .2s;font-family:'fontawesome'}
.cm_op_ck input + label:hover{border-color:#9b4ddf;color:#9b4ddf}
.cm_op_ck input:checked + label{border-color:#9b4ddf;color:#752fa5;background-color:rgba(150,107,179,.1)}
.cm_op_ck input:checked + label:before{color:#fff;background-color:#9b4ddf;border-color:#9b4ddf}
.cm_select{cursor:pointer;width:100%;height:45px;padding:0 10px;border:1px solid #e1e1e1;border-radius:3px;font-size:15px;box-shadow:none;-webkit-appearance:none;appearance:none;background:url(/sh_page/img/cm_cst_arr.png) 98% center no-repeat;font-family:'AppleSDGothicNeo'}
.cm_select:focus, .cm_select:active{border:1px solid #9b4ddf!important;outline:none!important;box-shadow:none}
.cm_inputs{overflow:hidden;margin-top:20px}
.cm_inputs li{float:left;position:relative;width:calc(50% - 20px)}
.cm_inputs li:last-child{float:right}
.cm_inputs li label{display:block;position:absolute;left:0;bottom:6px;width:80px;margin:0;font-size:17px;font-weight:600;color:#111;-webkit-transition:all .2s;transition:all .2s;font-family:'AppleSDGothicNeo'}
.cm_inputs li input{width:100%;height:45px;padding-left:80px;border:none;border-radius:0;border-bottom:1px solid #e1e1e1;font-size:15px;font-weight:400;font-family:'AppleSDGothicNeo'}
.cm_inputs li input:focus,#cm_cst .inputs li input:active{border:none!important;border-bottom:1px solid #9b4ddf!important;outline:none!important;box-shadow:none}
.cm_inputs li input:focus + label{color:#9b4ddf}
.cm_txtarea{width:100%;min-height:100px;padding:15px;border:1px solid #e1e1e1;border-radius:3px;resize:none;font-size:15px;-webkit-transition:all .2s;transition:all .2s;font-family:'AppleSDGothicNeo'}
.cm_txtarea:focus, .cm_txtarea:active{border:1px solid #9b4ddf!important;box-shadow:none}
.cm_pv_box{overflow:hidden;position:relative;height:100%;padding:25px 20px 70px 30px;border:1px solid #e1e1e1;border-radius:3px}
.cm_pv_box .pv_cont{height:100%;padding-right:15px;overflow-y:scroll;font-size:13px;white-space:pre-line;-ms-overflow-style:none;scrollbar-width:none}
.cm_pv_box .pv_cont b{font-size:14px;font-weight:600;color:#111}
.cm_pv_box .pv_cont::-webkit-scrollbar{width:4px}
.cm_pv_box .pv_cont::-webkit-scrollbar-thumb{background-color:#b1b1b1}
.cm_pv_box .pv_cont::-webkit-scrollbar-track{background-color:#eee}
.cm_pv_ck{position:absolute;left:0;bottom:0;width:100%;height:50px;padding:0 30px;border-top:1px solid #e1e1e1;line-height:51px;background-color:#f5f5f5}
.cm_pv_ck input{vertical-align:-1px;margin-right:5px}
.cm_pv_ck label{font-size:15px;cursor:pointer}
.cm_cst_cf{display:block;width:320px;height:75px;margin:0 auto;border:none;border-radius:40px;font-size:18px;font-weight:600;color:#fff;background-color:#9b4ddf;-webkit-transition:all .2s;transition:all .2s;font-family:'AppleSDGothicNeo'}
.cm_cst_cf:hover{background-color:#ad4eff}
.admin_go_wrap{width:1280px;margin:0 auto 15px;text-align:right}
.admin_go_wrap a{display:inline-block;height:42px;padding:0 16px;border-radius:3px;font-size:13px;color:#fff;text-align:center;line-height:42px;background-color:#ff9400;font-family:'notokr-medium'}

/* 입시자료요청폼 */
#data_req{position:relative;width:1280px;margin:0 auto;padding-bottom:100px;font-size:15px;font-weight:400;letter-spacing:-.2px;line-height:1.8;color:#777;font-family:'AppleSDGothicNeo'}
#data_req .tit{overflow:hidden;padding:70px 0 50px;margin-bottom:40px;border-top:1px solid #e1e1e1;border-bottom:4px solid #111;text-align:center}
#data_req .tit p{font-size:35px;font-weight:700;color:#111}
#data_req .form{overflow:hidden;margin-bottom:60px}
#data_req .form > div{float:left;width:50%;padding-right:20px}
#data_req .stit{margin-bottom:10px;font-size:17px;font-weight:600;color:#111}
#data_req .right{height:211px;padding:0 0 0 20px!important}

/* 수강료/재료비조회 폼 */
#cost_ck{position:relative;width:1280px;margin:0 auto;padding-bottom:100px;font-size:15px;font-weight:400;letter-spacing:-.2px;line-height:1.8;color:#777;font-family:'AppleSDGothicNeo'}
#cost_ck .pl{white-space:pre-line}
#cost_ck .tit{overflow:hidden;padding:70px 0 50px;border-top:1px solid #e1e1e1;border-bottom:4px solid #111;text-align:center}
#cost_ck .tit p{font-size:35px;font-weight:700;color:#111}
#cost_ck .step{overflow:hidden;padding:60px 0;margin-bottom:50px;border-bottom:1px solid #e1e1e1}
#cost_ck .step li{float:left;position:relative;width:calc(100% / 3);text-align:center;line-height:1.6}
#cost_ck .step li+li:before{display:block;content:"";position:absolute;left:-26px;top:50%;-ms-webkit-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:32px;height:32px;margin-top:-16px;border-right:1px solid #555;border-bottom:1px solid #555}
#cost_ck .step li p{margin-bottom:15px;font-size:18px;font-weight:700;color:#111}
#cost_ck .step li p span{display:inline-block;vertical-align:middle;width:36px;height:36px;margin-right:10px;border-radius:50%;font-size:15px;line-height:39px;color:#fff;background-color:#191919}
#cost_ck .form{overflow:hidden;margin-bottom:60px}
#cost_ck .form > div{float:left;width:29%;min-height:405px;padding:0 20px}
#cost_ck .form .center{width:42%;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
#cost_ck .tabs{margin-bottom:15px}
#cost_ck .tabs li{cursor:pointer;height:48px;border:1px solid #e1e1e1;padding:10px 20px ;font-weight:500;-webkit-transition:all .2s;transition:all .2s}
#cost_ck .tabs li:after{float:right;content:"\f105";font-family:'fontawesome'}
#cost_ck .tabs li+li{border-top:none}
#cost_ck .tabs li.on{color:#fff;border:none;background-color:#9b4ddf}
#cost_ck .tabs li:not(.on):hover{background-color:#f5f5f5}
#cost_ck .tab_cont{display:none}
#cost_ck .cm_op_ck li{width:calc(100% / 2 - 3px)}
#cost_ck .cm_op_ck li:nth-child(5n){margin-right:6px}
#cost_ck .cm_op_ck li:nth-child(even){margin-right:0}
#cost_ck .stit{margin-bottom:10px;font-size:17px;font-weight:600;color:#111}
#cost_ck .cm_inputs{margin:10px 0 20px}
#cost_ck .cm_inputs li{float:none;width:100%}
#cost_ck .cm_inputs li label{font-size:15px}
#cost_ck .cm_pv_box{height:200px;padding:15px 10px 62px 20px}
#cost_ck .cm_pv_ck{height:45px;line-height:46px}
#cost_ck .cm_pv_ck label{font-size:14px}
#cost_ck .basket label{cursor:pointer;display:inline-block;margin:0 6px;font-size:14px;font-weight:500;color:#9b4ddf}
#cost_ck .basket label:after{content:"\f057";font-size:15px;padding-left:5px;font-family:'fontawesome'}

/* 지점조회폼 */
#loca_ck{position:relative;width:1280px;margin:0 auto;padding-bottom:100px;font-size:15px;font-weight:400;letter-spacing:-.2px;line-height:1.8;color:#777;font-family:'AppleSDGothicNeo'}
#loca_ck .tit{overflow:hidden;padding:70px 0 50px;margin-bottom:40px;border-top:1px solid #e1e1e1;border-bottom:4px solid #111;text-align:center}
#loca_ck .tit p{font-size:35px;font-weight:700;color:#111}
#loca_ck .form{overflow:hidden;margin-bottom:60px}
#loca_ck .form > div{float:left;width:50%;padding-right:20px}
#loca_ck .stit{margin-bottom:10px;font-size:17px;font-weight:600;color:#111}
#loca_ck .right{height:211px;padding:0 0 0 20px!important}

/* 온라인상담신청폼 */
#online_cst{position:relative;width:1280px;margin:0 auto;padding-bottom:100px;font-size:15px;font-weight:400;letter-spacing:-.2px;line-height:1.8;color:#777;font-family:'AppleSDGothicNeo'}
#online_cst .pl{white-space:pre-line}
#online_cst .tit{overflow:hidden;padding:70px 0 50px;border-top:1px solid #e1e1e1;border-bottom:4px solid #111;text-align:center}
#online_cst .tit p{font-size:35px;font-weight:700;color:#111}
#online_cst .step{overflow:hidden;padding:60px 0;margin-bottom:50px;border-bottom:1px solid #e1e1e1}
#online_cst .step li{float:left;position:relative;width:calc(100% / 3);text-align:center;line-height:1.6}
#online_cst .step li+li:before{display:block;content:"";position:absolute;left:-26px;top:50%;-ms-webkit-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:32px;height:32px;margin-top:-16px;border-right:1px solid #555;border-bottom:1px solid #555}
#online_cst .step li p{margin-bottom:15px;font-size:18px;font-weight:700;color:#111}
#online_cst .step li p span{display:inline-block;vertical-align:middle;width:36px;height:36px;margin-right:10px;border-radius:50%;font-size:15px;line-height:39px;color:#fff;background-color:#191919}
#online_cst .form{overflow:hidden;margin-bottom:60px}
#online_cst .form > div{float:left;width:29%;/* height:405px; */padding:0 20px}
#online_cst .form > div:first-child{width:42%}
#online_cst .form .center{border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
#online_cst .cm_op_ck li{width:calc(100% / 2 - 3px)}
#online_cst .cm_op_ck li:nth-child(5n){margin-right:6px}
#online_cst .cm_op_ck li:nth-child(even){margin-right:0}
#online_cst .stit{margin-bottom:10px;font-size:17px;font-weight:600;color:#111}
#online_cst .cm_inputs{margin:10px 0 20px}
#online_cst .cm_inputs li{float:none;width:100%}
#online_cst .cm_inputs li label{font-size:15px}
#online_cst .cm_txtarea{height:200px;margin-bottom:5px}
#online_cst .cm_pv_box{height:200px;padding:15px 10px 62px 20px}
#online_cst .cm_pv_ck{height:45px;line-height:46px}
#online_cst .cm_pv_ck label{font-size:14px}

/* 무료수강신청 */
#online_cst.free .form{overflow:visible;display:flex;justify-content:center}
#online_cst.free .form > div{float:none}
#online_cst.free .form .right{border-left:1px solid #e1e1e1}

/* 아뜰리에 파리본원 */
#p39{margin-bottom:90px}
#p39 .top_bnr{position:relative;width:100%;height:600px;margin-bottom:95px;padding-top:200px;color:#fff;text-align:center;background:url(/sh_page/img/p39_topbanner.jpg) top center no-repeat}
#p39 .top_bnr:before{content:"";position:absolute;left:0;top:0;z-index:0;width:100%;height:100%;background-color:rgba(0,0,0,.22)}
#p39 .top_bnr span{position:relative;display:block;opacity:0;margin-top:-10px;font-size:16px;font-weight:700;color:#fff;letter-spacing:1px;font-family:'Lato'}
#p39 .top_bnr p{position:relative;opacity:0;padding-top:35px;font-size:35px;font-weight:300;line-height:1.35}
#p39 .top_bnr p b{font-weight:700}
#p39 .intro{overflow:hidden}
#p39 .intro img{float:left}
#p39 .intro dl{float:right;width:50%;padding-top:70px}
#p39 .intro dl dt{padding-bottom:35px;margin-bottom:40px;border-bottom:1px solid #e1e1e1;font-size:28px;font-weight:700;line-height:1.35;color:#111}
#p39 .intro dl dt span{font-size:30px;color:#9b4ddf}
#p39 .intro dl dd p{margin-bottom:30px;font-size:17px;font-weight:600;line-height:1.6;color:#111}
#p39 .profile{overflow:hidden;height:300px}
#p39 .profile .box{float:left;position:relative;width:200px;height:100%;padding:50px 30px 0 0;font-size:16px;font-weight:600;line-height:1.6;text-align:right;color:#fff;background-color:#222}
#p39 .profile .box img{position:absolute;left:20px;bottom:20px;opacity:.15;width:60px}
#p39 .profile ul{float:left;padding:60px 0 0 55px}
#p39 .profile ul li:before{display:inline-block;vertical-align:5px;content:"";width:2px;height:2px;margin-right:8px;background-color:#111} 
#p39 .profile img{float:right}
#p39 .link{margin:60px 0;text-align:center}
#p39 .link li{display:inline-block;vertical-align:middle;padding:0 35px}
#p39 .link li+li{border-left:1px solid #e1e1e1}
#p39 .link li a{display:block;padding:5px 0;font-size:13px;font-weight:700;color:#aaa;letter-spacing:.5px;-webkit-transition:all .2s;transition:all .2s}
#p39 .link li a i{vertical-align:-1px;padding-right:10px;font-size:15px}
#p39 .link li a:hover{color:#111}
#p39 .video{overflow:hidden;position:relative;height:320px;background-color:#f2f2f2}
#p39 .video video{position:absolute;top:50%;transform:translateY(-50%)}
#p39 .global{position:relative;padding-top:90px;text-align:center}
#p39 .global .tit{margin-bottom:20px;font-size:28px;font-weight:700;color:#111}
#p39 .global .tit span{color:#9b4ddf}
#p39 .global img{margin-top:50px;max-width:1625px;width:100%}
#p39 .global .rolltxt{overflow:hidden;position:absolute;bottom:0;left:0;display:flex;width:100%;height:70px;font-size:15px;color:#fff;letter-spacing:.2px;line-height:70px;white-space:nowrap;background-color:#191919}
#p39 .global .rolltxt p{display:inline-block;animation:textLoop 60s linear infinite}
#p39 .global .rolltxt p span{font-weight:600;color:#b873e7}
#p39 .facility{padding-top:90px}
#p39 .facility dl{overflow:hidden;margin-bottom:50px}
#p39 .facility dl dt{float:left;width:35%;padding-left:50px;font-size:28px;font-weight:700;color:#111}
#p39 .facility dl dt span{display:block;font-size:16px;color:#9b4ddf}
#p39 .facility dl dd{float:left}
#p39 .facility ul{overflow:hidden}
#p39 .facility ul li{overflow:hidden;float:left;width:calc(100% / 3 - 8px);margin-bottom:12px;background-color:#111}
#p39 .facility ul li:nth-child(3n+2){margin:0 12px}
#p39 .works{padding-top:90px}
#p39 .works .tit{margin-bottom:20px;font-size:28px;font-weight:700;color:#111;text-align:center}
#p39 .works .tit span{display:block;font-size:16px;color:#9b4ddf}
#p39 .works ul{overflow:hidden}
#p39 .works ul li{float:left;width:calc(100% / 4)}
#p39 .works ul li img{width:100%}

/* 아뜰리에 소개 */
#p40{margin-bottom:90px}
#p40 .top_bnr{width:100%;height:400px;padding-top:115px;color:#fff;text-align:center;background:url(/sh_page/img/p40_topbanner.jpg) center no-repeat}
#p40 .top_bnr span{display:block;opacity:0;margin-top:-10px;font-size:16px;font-weight:700;color:#fff;letter-spacing:1px;font-family:'Lato'}
#p40 .top_bnr p{opacity:0;padding-top:35px;font-size:35px;font-weight:300;line-height:1.35}
#p40 .top_bnr p b{font-weight:700}
#p40 .intro:after{display:block;content:"";visibility:hidden;clear:both}
#p40 .intro img{float:left;margin-top:-100px}
#p40 .intro dl{float:right;width:57%;padding-top:100px}
#p40 .intro dl dt{padding-bottom:35px;margin-bottom:40px;border-bottom:1px solid #e1e1e1;font-size:28px;font-weight:700;line-height:1.35;color:#111}
#p40 .intro dl dt span{font-size:30px;color:#9b4ddf}
#p40 .box_cont{position:relative;clear:both;padding:80px;margin-top:70px;background-color:#f5f5f5}
#p40 .box_cont:after{display:block;content:"";position:absolute;right:0;bottom:0;width:calc(50% + 40px);height:80%;background-color:#333}
#p40 .box_cont p{margin-bottom:30px;font-size:28px;font-weight:700;line-height:1.35;color:#111}
#p40 .box_cont p span{color:#9b4ddf}
#p40 .box_cont b{color:#111}
#p40 .box_cont img{position:absolute;right:40px;top:-70px;z-index:1}
#p40 .history{padding:110px 0 70px}
#p40 .history .tit{font-size:28px;font-weight:900;color:#111;text-align:center}
#p40 .history .tabs{margin:20px 0 85px;text-align:center}
#p40 .history .tabs li{cursor:pointer;display:inline-block;vertical-align:middle;width:195px;height:65px;margin:0 4px;border-radius:50px;font-size:18px;font-weight:600;color:#999;line-height:67px;background-color:#f2f2f2;-webkit-transition:all .2s;transition:all .2s}
#p40 .history .tabs li.on{color:#fff;background-color:#9b4ddf}
#p40 .history .tab_cont{display:none}
#p40 .history .tab_cont:after{display:block;content:"";visibility:hidden;clear:both}
#p40 .history .tab_cont > div{float:left;position:relative;width:50%}
#p40 .history .tab_cont > div:before{display:block;content:"";position:absolute;top:0;left:155px;width:1px;height:100%;background-color:#e1e1e1}
#p40 .history dl+dl{margin-top:70px}
#p40 .history dl:first-child{padding-top:15px}
#p40 .history dl:after{display:block;content:"";visibility:hidden;clear:both}
#p40 .history dl dt{float:left;position:relative;width:155px;font-size:19px;font-weight:700;color:#9b4ddf;text-align:center}
#p40 .history dl dt:before{display:block;content:"";position:absolute;right:-5px;top:10px;width:9px;height:9px;border-radius:50%;background-color:#9b4ddf;box-shadow:0 0 12px rgba(138,73,181,1)}
#p40 .history dl dd{float:left;width:calc(100% - 155px);padding-left:70px;white-space:pre-line}
#p40 .reason{position:relative;margin-top:90px;padding-top:120px}
#p40 .reason:before{display:block;content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:70%;background:linear-gradient(0deg, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 100%)} 
#p40 .reason .tit{margin-bottom:40px;text-align:center}
#p40 .reason .tit span{display:block;font-size:16px;font-weight:700;color:#aaa}
#p40 .reason .tit p{padding-top:20px;font-size:28px;font-weight:700;line-height:1.35;color:#111}
#p40 .reason .tit p b{font-weight:700;color:#9b4ddf}
#p40 .reason ul{padding:20px 140px;border:1px solid #e1e1e1;background-color:#fff}
#p40 .reason ul li{overflow:hidden;padding:70px 0}
#p40 .reason ul li+li{border-top:1px solid #e1e1e1}
#p40 .reason ul li .ico{float:left;width:130px;height:130px;border-radius:50%;text-align:center;line-height:130px;background-color:#f5f5f5}
#p40 .reason ul li dl{float:left;width:calc(100% - 130px);padding-left:50px}
#p40 .reason ul li dl dt{margin-bottom:20px;font-size:19px;font-weight:600;color:#111}
#p40 .reason ul li dl dt span{display:inline-block;vertical-align:3px;width:30px;height:30px;margin-right:15px;border-radius:3px;font-size:14px;color:#fff;text-align:center;line-height:31px;background-color:#9b4ddf} 
#p40 .reason ul li dl dd p{padding-bottom:12px;font-size:17px;font-weight:600;color:#111}
#p40 .overseas{padding-top:90px}
#p40 .overseas dl{overflow:hidden;margin-bottom:50px}
#p40 .overseas dl dt{float:left;width:30%;padding-left:50px;font-size:28px;font-weight:700;color:#111}
#p40 .overseas dl dt span{display:block;font-size:16px;color:#9b4ddf}
#p40 .overseas dl dd{float:left;padding-top:18px}
#p40 .overseas ul{overflow:hidden}
#p40 .overseas ul li{overflow:hidden;float:left;width:calc(100% / 4)}
#p40 .overseas ul li img{width:100%}
#p40 .certify{padding-top:90px}
#p40 .certify dl{overflow:hidden;margin-bottom:50px}
#p40 .certify dl dt{float:left;width:30%;padding-left:50px;font-size:28px;font-weight:700;color:#111}
#p40 .certify dl dt span{display:block;font-size:16px;color:#9b4ddf}
#p40 .certify dl dd{float:left;padding-top:18px}
#p40 .certify ul{display:grid;grid-template-columns:repeat(3, 1fr);column-gap:10px}
#p40 .certify ul li{border:1px solid #e1e1e1}
#p40 .certify ul li img{width:100%}

/* 교수진소개 */
#p51{margin-bottom:90px}
#p51 .top_bnr{width:100%;height:400px;padding-top:130px;margin-bottom:95px;text-align:center;font-size:16px;color:rgba(0,0,0,.7);background:url(/sh_page/img/p51_topbanner.jpg) center no-repeat #000001}
#p51 .top_bnr p{opacity:0;margin-bottom:20px;font-size:35px;font-weight:700;color:#222} 
#p51 .top_bnr span{display:block;opacity:0;margin-top:-10px}
#p51 .tabs{margin:0 0 75px;text-align:center}
#p51 .tabs li{cursor:pointer;display:inline-block;vertical-align:middle;width:160px;height:55px;margin:0 4px;border-radius:50px;font-size:18px;font-weight:600;color:#999;line-height:57px;background-color:#f2f2f2;transition:all .2s}
#p51 .tabs li:hover{background-color:#e1e1e1}
#p51 .tabs li.on{color:#fff;background-color:#333}
#p51 .dir_box{overflow:hidden}
#p51 .dir_box li{overflow:hidden;float:left;position:relative;width:25%;height:330px;text-align:center;background-color:#f5f5f5}
#p51 .dir_box li a{display:block;height:100%}
#p51 .dir_box li img{max-width:95%;min-height:100%}
#p51 .dir_box li .overlay{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:rgba(155, 77, 223,.85);-webkit-transform:rotate3d(1, 0, 0, 90deg);transform:rotate3d(1, 0, 0, 90deg)}
#p51 .dir_box li button{display:block;width:100%;height:100%;background:none;border:none;font-family:'AppleSDGothicNeo'}
#p51 .dir_box li .info{opacity:0;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;padding-top:70px;font-weight:600;color:#fff;-webkit-transition:all .2s;transition:all .2s}
#p51 .dir_box li:hover .info{opacity:1}
#p51 .dir_box li .info .name{font-size:34px;margin-bottom:70px;font-weight:300}
#p51 .dir_box li .info .view_btn{display:inline-block;position:relative;width:140px;padding:0 6px 2px;border-bottom:3px solid #fff;text-align:left}
#p51 .dir_box li .info .view_btn:before, #p51 .dir_box li .overlay .view_btn:after{display:block;content:"\f178";position:absolute;top:1px;font-size:13px;-webkit-transition:all .3s;transition:all .3s;font-family:'fontawesome'}
#p51 .dir_box li .info .view_btn:before{right:16px;opacity:0}
#p51 .dir_box li .info .view_btn:after{right:8px}
#p51 .dir_box li:hover .view_btn:before{right:8px;opacity:1;-webkit-transition-delay:.2s;transition-delay:.2s}
#p51 .dir_box li:hover .view_btn:after{right:0;opacity:0}
@-webkit-keyframes in_top{from{-webkit-transform:rotate3d(-1, 0, 0, 90deg);transform:rotate3d(-1, 0, 0, 90deg)}to{-webkit-transform:rotate3d(0, 0, 0, 0deg);transform:rotate3d(0, 0, 0, 0deg)}}
@keyframes in_top{from{-webkit-transform:rotate3d(-1, 0, 0, 90deg);transform:rotate3d(-1, 0, 0, 90deg)}to{-webkit-transform:rotate3d(0, 0, 0, 0deg);transform:rotate3d(0, 0, 0, 0deg)}}
@-webkit-keyframes in_right{from{-webkit-transform:rotate3d(0, -1, 0, 90deg);transform:rotate3d(0, -1, 0, 90deg)}to{-webkit-transform:rotate3d(0, 0, 0, 0deg);transform:rotate3d(0, 0, 0, 0deg)}}
@keyframes in_right{from{-webkit-transform:rotate3d(0, -1, 0, 90deg);transform:rotate3d(0, -1, 0, 90deg)}to{-webkit-transform:rotate3d(0, 0, 0, 0deg);transform:rotate3d(0, 0, 0, 0deg)}}
@-webkit-keyframes in_bottom{from{-webkit-transform:rotate3d(1, 0, 0, 90deg);transform:rotate3d(1, 0, 0, 90deg)}to{-webkit-transform:rotate3d(0, 0, 0, 0deg);transform:rotate3d(0, 0, 0, 0deg)}}
@keyframes in_bottom{from{-webkit-transform:rotate3d(1, 0, 0, 90deg);transform:rotate3d(1, 0, 0, 90deg)}to{-webkit-transform:rotate3d(0, 0, 0, 0deg);transform:rotate3d(0, 0, 0, 0deg)}}
@-webkit-keyframes in_left{from{-webkit-transform:rotate3d(0, 1, 0, 90deg);transform:rotate3d(0, 1, 0, 90deg)}to{-webkit-transform:rotate3d(0, 0, 0, 0deg);transform:rotate3d(0, 0, 0, 0deg)}}
@keyframes in_left{from{-webkit-transform:rotate3d(0, 1, 0, 90deg);transform:rotate3d(0, 1, 0, 90deg)}to{-webkit-transform:rotate3d(0, 0, 0, 0deg);transform:rotate3d(0, 0, 0, 0deg)}}
@-webkit-keyframes out_top{from{-webkit-transform:rotate3d(0, 0, 0, 0deg);transform:rotate3d(0, 0, 0, 0deg)}to{-webkit-transform:rotate3d(-1, 0, 0, 90deg);transform:rotate3d(-1, 0, 0, 90deg)}}
@keyframes out_top{from{-webkit-transform:rotate3d(0, 0, 0, 0deg);transform:rotate3d(0, 0, 0, 0deg)}to{-webkit-transform:rotate3d(-1, 0, 0, 90deg);transform:rotate3d(-1, 0, 0, 90deg)}}
@-webkit-keyframes out_right{from{-webkit-transform:rotate3d(0, 0, 0, 0deg);transform:rotate3d(0, 0, 0, 0deg)}to{-webkit-transform:rotate3d(0, -1, 0, 90deg);transform:rotate3d(0, -1, 0, 90deg)}}
@keyframes out_right{from{-webkit-transform:rotate3d(0, 0, 0, 0deg);transform:rotate3d(0, 0, 0, 0deg)}to{-webkit-transform:rotate3d(0, -1, 0, 90deg);transform:rotate3d(0, -1, 0, 90deg)}}
@-webkit-keyframes out_bottom{from{-webkit-transform:rotate3d(0, 0, 0, 0deg);transform:rotate3d(0, 0, 0, 0deg)}to{-webkit-transform:rotate3d(1, 0, 0, 90deg);transform:rotate3d(1, 0, 0, 90deg)}}
@keyframes out_bottom{from{-webkit-transform:rotate3d(0, 0, 0, 0deg);transform:rotate3d(0, 0, 0, 0deg)}to{-webkit-transform:rotate3d(1, 0, 0, 90deg);transform:rotate3d(1, 0, 0, 90deg)}}
@-webkit-keyframes out_left{from{-webkit-transform:rotate3d(0, 0, 0, 0deg);transform:rotate3d(0, 0, 0, 0deg)}to{-webkit-transform:rotate3d(0, 1, 0, 90deg);transform:rotate3d(0, 1, 0, 90deg)}}
@keyframes out_left{from{-webkit-transform:rotate3d(0, 0, 0, 0deg);transform:rotate3d(0, 0, 0, 0deg)}to{-webkit-transform:rotate3d(0, 1, 0, 90deg);transform:rotate3d(0, 1, 0, 90deg)}}
/* in */
.in-top .overlay{-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0;-webkit-animation:in_top .25s ease forwards;-o-animation:in_top .25s ease forwards;animation:in_top .25s ease forwards}
.in-right .overlay{-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation:in_right .25s ease forwards;-o-animation:in_right .25s ease forwards;animation:in_right .25s ease forwards}
.in-bottom .overlay{-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:in_bottom .25s ease forwards;-o-animation:in_bottom .25s ease forwards;animation:in_bottom .25s ease forwards}
.in-left .overlay{-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-o-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-animation:in_left .25s ease forwards;-o-animation:in_left .25s ease forwards;animation:in_left .25s ease forwards}
/* out */
.out-top .overlay{-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0;-webkit-animation:out_top .25s ease forwards;-o-animation:out_top .25s ease forwards;animation:out_top .25s ease forwards}
.out-right .overlay{-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation:out_right .25s ease forwards;-o-animation:out_right .25s ease forwards;animation:out_right .25s ease forwards}
.out-bottom .overlay{-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:out_bottom .25s ease forwards;-o-animation:out_bottom .25s ease forwards;animation:out_bottom .25s ease forwards}
.out-left .overlay{-webkit-transform-origin:0% 50%;-moz-transform-origin:0% 50%;-ms-transform-origin:0% 50%;-o-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-animation:out_left .25s ease forwards;-o-animation:out_left .25s ease forwards;animation:out_left .25s ease forwards}
/* 강사소개 모달 */
#instModalWrap{display:none;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;left:0;z-index:101;width:100%;height:100%;background:rgba(0,0,0,0.85)}
#instModal{opacity:0;overflow:hidden;position:relative;left:50%;top:45%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1024px;height:650px;margin-top:-20px;padding:26px 30px 0 40px;border-radius:15px;font-size:15px;font-weight:500;color:#777;\letter-spacing:-.2px;line-height:1.8;background-color:#fff;font-family:'AppleSDGothicNeo'}
#instModal:before{display:block;content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:120px;background-color:#111}
#instModal .close{position:absolute;right:32px;top:30px;width:20px;height:20px;border:none;background:url(/sh_page/img/modal_close.png) no-repeat}
#instModal .citxt{position:absolute;left:80px;top:50px;font-weight:500;color:#fff}
#instModal .citxt .ci{width:40px;margin-right:20px}
#instModal .intro{float:left;width:314px;padding-top:95px;font-weight:600;text-align:center;color:#fff}
#instModal .intro .img{overflow:hidden;height:300px}
#instModal .intro .img img{max-width:95%;margin-top:-15px}
#instModal .intro dl{overflow:hidden;padding:2px 20px 0;margin-bottom:25px;border-top:1px solid #222;border-bottom:1px solid #222;color:#111;line-height:55px}
#instModal .intro dl dt{float:left}
#instModal .intro dl dd{float:right;font-size:27px;font-weight:300}
#instModal .intro ul{overflow:hidden}
#instModal .intro ul li{overflow:hidden;float:left;width:calc(100% / 3 - 6px);height:95px;border-radius:3px}
#instModal .intro ul li+li{margin-left:9px}
#instModal .intro ul li a{display:block;padding:18px 0 10px 0;font-size:14px;color:#111;background-color:#f5f5f5;-webkit-transition:all .2s;transition:all .2s}
#instModal .intro ul li:first-child{border:none}
#instModal .intro ul li:first-child a{color:#fff;background-color:#9b4ddf}
#instModal .intro ul li:not(:first-child) a:hover{color:#9b4ddf}
#instModal .intro ul li:first-child a:hover{background-color:#ad4eff}
#instModal .intro ul li img{margin-bottom:7px}
#instModal .content{float:right;width:600px}
#instModal .content > p{margin-bottom:22px;font-size:18px;font-weight:600;color:#fff;text-align:center}
#instModal .content > p span{color:#ad4eff}
#instModal .cont_box_wrap{height:540px;padding:25px;border-radius:6px;border:1px solid #e1e1e1;background-color:#fff}
#instModal .cont_box{overflow-y:scroll;height:100%;-ms-overflow-style:none;scrollbar-width:none}
#instModal .cont_box::-webkit-scrollbar{width:5px}
#instModal .cont_box::-webkit-scrollbar-thumb{background-color:#b1b1b1}
#instModal .cont_box::-webkit-scrollbar-track{background-color:#eee}
#instModal .cont_box dl{padding:0 25px 0 10px}
#instModal .cont_box dl+dl{margin-top:35px}
#instModal .cont_box dl dt{position:relative;padding:5px 0 10px;margin-bottom:20px;padding-left:2px;border-bottom:1px solid #e1e1e1;font-size:16px;font-weight:600;color:#111}
#instModal .cont_box dl dt:after{display:block;content:"";position:absolute;left:0;bottom:-1px;width:135px;height:1px;background-color:#222}
#instModal .cont_box dl dd{font-size:14px;font-weight:400}

/* 캠퍼스안내 */
#p52{margin-bottom:90px}
#p52 .top_bnr{width:100%;height:400px;padding-top:130px;margin-bottom:95px;text-align:center;font-size:16px;color:rgba(255,255,255,.6);background:url(/sh_page/img/p52_topbanner.jpg) center no-repeat #000001}
#p52 .top_bnr p{opacity:0;margin-bottom:20px;font-size:35px;font-weight:700;color:#fff}
#p52 .top_bnr span{display:block;opacity:0;margin-top:-10px}
#p52 .tabs{margin:0 0 75px;text-align:center}
#p52 .tabs li{display:inline-block;margin:0 4px}
#p52 .tabs li a{display:block;width:120px;height:55px;border-radius:50px;font-size:18px;font-weight:600;color:#999;line-height:57px;background-color:#f2f2f2;transition:all .2s}
#p52 .tabs li a:hover{background-color:#e1e1e1}
#p52 .tabs li.on a{color:#fff;background-color:#333}
#p52 .campus_list{display:flex;overflow:hidden;flex-wrap:wrap}
#p52 .campus_list li{width:calc(25% - 15px);margin:0 20px 40px 0}
#p52 .campus_list li:nth-child(4n){margin-right:0}
#p52 .campus_list li .img{display:block;width:100%;height:280px;border:1px solid #e1e1e1;background-color:#f5f5f5;background-size:cover;background-repeat:no-repeat;background-position:center center}
#p52 .campus_list li dl dt{padding:20px 15px 10px;border-bottom:1px solid #e1e1e1;margin-bottom:15px;font-size:20px;font-weight:600;color:#111}
#p52 .campus_list li dl dt a{float:right;display:inline-block;width:92px;height:30px;border-radius:30px;font-size:13px;font-weight:500;line-height:32px;color:#fff;text-align:center;background-color:#9b4ddf;-webkit-transition:all .2s;transition:all .2s}
#p52 .campus_list li dl dt a:after{padding-left:5px;content:"\f044";font-size:12px;font-weight:normal;font-family:'fontawesome'}
#p52 .campus_list li dl dt a:hover{background-color:#ad4eff}
#p52 .campus_list li dl dd{height:81px;padding:0 15px;line-height:1.5}
#p52 .campus_list li dl dd p{margin-bottom:5px;font-weight:600;color:#111}
#p52 .campus_list li dl dd p span{color:#9b4ddf}
/* 캠퍼스소개 모달 */
#cpsModalWrap{display:none;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;left:0;z-index:101;width:100%;height:100%;background:rgba(0,0,0,0.85)}
#cpsModal{opacity:0;overflow:hidden;position:relative;left:50%;top:45%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:880px;height:680px;margin-top:-20px;padding:50px 50px 0 50px;border-radius:15px;font-size:15px;font-weight:500;color:#777;\letter-spacing:-.2px;line-height:1.8;background-color:#fff;font-family:'AppleSDGothicNeo'}
#cpsModal:before{display:block;content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:135px;background-color:#111}
#cpsModal .close{position:absolute;right:18px;top:18px;width:20px;height:20px;border:none;background:url(/sh_page/img/modal_close.png) no-repeat}
#cpsModal .citxt{position:absolute;left:80px;top:50px;font-weight:500;color:#fff}
#cpsModal .citxt .ci{width:40px;margin-right:20px}
#cpsModal .clear{overflow:hidden}
#cpsModal .intro{float:left;width:calc(100% - 500px);margin-right:50px;padding-top:55px;line-height:1.6;font-weight:600;text-align:center;color:#fff}
#cpsModal .intro dl{padding-top:65px;color:#777}
#cpsModal .intro dl dt{margin-bottom:15px;font-size:24px;font-weight:600;color:#111}
#cpsModal .intro dl dt span{color:#ad4eff}
#cpsModal .intro dl dd{font-weight:500}
#cpsModal .intro dl dd.tel{font-weight:600;color:#111}
#cpsModal .intro dl dd span{color:#ad4eff}
#cpsModal .intro a{display:block;width:100%;height:50px;margin-top:25px;border:1px solid #999;border-radius:3px;line-height:49px;transition:all .2s}
#cpsModal .intro a:hover{border-color:#111}
#cpsModal .slider{float:right;width:450px}
#cpsModal .swiper-container{border-radius:6px}
#cpsModal .swiper-container .swiper-slide{width:450px;height:320px;background-size:cover;background-repeat:no-repeat;background-position:center center}
#cpsModal .pager_wrap{cursor:default;position:absolute;left:0;bottom:0;z-index:20;width:100%;height:50px;padding:0 20px;background-color:rgba(0,0,0,.75)}
#cpsModal .pager_wrap p{float:left;color:#fff;padding-top:12px}
#cpsModal .pager{float:right;display:inline-block;padding-top:11px}
#cpsModal .pager span{opacity:1;display:inline-block;border:1px solid #fff;background-color:transparent}
#cpsModal .pager span+span{margin-left:8px}
#cpsModal .pager span.active{background-color:#fff}
#cpsModal .map_area{overflow:hidden;width:100%;height:265px;margin-top:20px;border:1px solid #ccc;border-radius:6px}
#cpsModal .map_area iframe{width:100%;height:100%}

/* 캠퍼스 소개 */
#campus_intro{text-align:center}
#campus_intro img{max-width:1000px;width:100%}

/* 교육과정 */
#eduCc{margin-bottom:90px}
#eduCc.p53 .stit{font-size:20px;color:#222;font-family:'notokr-bold'}
#eduCc.p53 .stit~.stit{margin-top:50px}
#eduCc.p54 .mgt50{margin-top:50px}
#eduCc.p56 .crcl{margin-bottom:0}
#eduCc.p56 .crcl .step{width:calc((100% / 3) - 10px)}
#eduCc.p56 .crcl .step+.step{margin-left:15px}
#eduCc.p56 .crcl .step ul li{width:100%}
#eduCc.p56 .edu_pf{margin:0;padding-top:0}
#eduCc .top_bnr{position:relative;width:100%;height:395px;color:rgba(255,255,255,.5);background:url(/sh_page/img/eduCc_topbanner.jpg) center no-repeat}
#eduCc .top_bnr.nail{background-image:url(/sh_page/img/p52_topbanner_nail.jpg)}
#eduCc .top_bnr.astt{background-image:url(/sh_page/img/p52_topbanner_astt.jpg)}
#eduCc .top_bnr.hair{background-image:url(/sh_page/img/p52_topbanner_hair.jpg)}
#eduCc .top_bnr.spc{background-image:url(/sh_page/img/p52_topbanner_spc.jpg)}
#eduCc .top_bnr.pro{background-image:url(/sh_page/img/p52_topbanner_pro.jpg)}
#eduCc .top_bnr .box{opacity:0;position:absolute;left:50%;top:50%;width:400px;height:290px;transform:translate(140px,-50%);margin-left:20px;padding:45px 0 0 55px;background-color:rgba(0,0,0,.7)}
#eduCc .top_bnr .box span{font-weight:700;color:#9b4ddf}
#eduCc .top_bnr .box p{margin:5px 0 35px;font-size:28px;font-weight:700;color:#fff}
#eduCc .tab_wrap{margin-bottom:95px;border-bottom:1px solid #e1e1e1}
#eduCc .tabs{overflow:hidden;border-right:1px solid #e1e1e1}
#eduCc .tabs li{float:left;width:calc(100% / 6);border-left:1px solid #e1e1e1}
#eduCc .tabs li a{display:block;height:64px;font-size:18px;font-weight:600;text-align:center;line-height:64px;color:#999;-webkit-transition:background .2s;transition:background .2s}
#eduCc .tabs li a:hover{background-color:#f5f5f5}
#eduCc .tabs li a.on{color:#fff;background-color:#9b4ddf}
#eduCc .adv{overflow:hidden}
#eduCc .adv .tit{float:left;font-size:28px;font-weight:700;color:#111;line-height:1.4}
#eduCc .adv ul{float:right;width:930px}
/*#eduCc .adv ul li:before{display:inline-block;content:"";vertical-align:4px;width:2px;height:2px;margin-right:8px;background-color:#9b4ddf}*/
#eduCc .adv ul li{padding:10px;border:1px solid #e1e1e1;border-radius:3px}
#eduCc .adv ul li+li{margin-top:8px}
#eduCc .adv ul li span{display:inline-block;width:26px;height:26px;margin-right:10px;border-radius:3px;font-size:13px;font-weight:600;color:#fff;text-align:center;line-height:26px;background-color:#333;font-family:'Lato'}
#eduCc .crcl{padding:60px 0;margin:90px 0;background-color:#f5f5f5}
#eduCc .crcl .tit{margin-bottom:20px;font-size:28px;font-weight:700;color:#111;text-align:center}
#eduCc .crcl .tit span{display:block;font-size:16px;color:#9b4ddf}
#eduCc .crcl .step_wrap:after{display:block;content:"";visibility:hidden;clear:both}
#eduCc .crcl .step{float:left;width:calc(20% - 15px);padding:20px;border-radius:6px;background-color:#fff;box-shadow:2px 2px 12px rgba(0,0,0,.08)}
#eduCc .crcl .step.col4{width:80%;margin-right:15px}
#eduCc .crcl .step.col3{width:60%;margin:0 15px}
#eduCc .crcl .step > p{position:relative;margin-top:50px;padding:12px 0;border-radius:3px;font-size:17px;font-weight:600;text-align:center;color:#fff;background-color:#9b4ddf}
#eduCc .crcl .step ul:after{display:block;content:"";visibility:hidden;clear:both}
#eduCc .crcl .step ul li{float:left;position:relative;width:calc(25% - 9px);height:220px;border:1px solid #ddd;border-radius:3px;font-size:16px;font-weight:500;line-height:1.65;text-align:center;color:#191919;background-color:#fff}
#eduCc .crcl .step ul li:before{content:"";position:absolute;left:50%;bottom:-25px;width:1px;height:25px;background-color:#ddd}
#eduCc .crcl .step ul li:after{content:"";position:absolute;left:50%;bottom:-34px;width:9px;height:9px;margin-left:-4px;border-radius:50%;border:2px solid #9b4ddf}
#eduCc .crcl .step ul li+li{margin-left:12px}
#eduCc .crcl .step.col1 ul li{width:100%}
#eduCc .crcl .step ul li p{position:relative;padding:10px 0;margin-bottom:20px;font-weight:600;color:#fff;background-color:#222;font-family:'Lato'}
#eduCc .crcl .step ul li p:after{display:block;content:"";position:absolute;left:50%;bottom:-4px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:10px;height:10px;margin-left:-5px;background-color:#222}
#eduCc .crcl .step.col3 ul li{width:calc((100% / 3) - 8px)}
#eduCc dl{overflow:hidden;width:1280px;margin:0 auto}
#eduCc dl+dl{margin-top:90px;padding-top:80px;border-top:1px solid #e1e1e1}
#eduCc dl .img_area{overflow:hidden;margin:30px 0}
#eduCc dl .img_area img{float:left;width:calc(100% / 3 - 10px)}
#eduCc dl .img_area img+img{margin-left:15px}
#eduCc dl dt{float:left;font-size:28px;font-weight:700;letter-spacing:-.5px;color:#111}
#eduCc dl dd{float:right;width:930px}
#eduCc dl dd ul{margin-top:20px;border:1px solid #e1e1e1;border-top:none}
#eduCc dl dd ul li{overflow:hidden;position:relative;padding:15px 15px 15px 200px;border-top:1px solid #e1e1e1;word-break:keep-all}
#eduCc dl dd ul li span{display:block;position:absolute;left:0;top:0;width:180px;height:100%;padding-top:15px;font-size:16px;font-weight:600;text-align:center;color:#111;background-color:#f5f5f5;border-right:2px solid #9b4ddf}
#eduCc .edu_pf{margin-top:95px;padding:80px 0 40px;background-color:#f5f5f5}
#eduCc .edu_pf .tit{margin-bottom:20px;text-align:center}
#eduCc .edu_pf .tit span{font-weight:700;color:#9b4ddf}
#eduCc .edu_pf .tit p{font-size:28px;font-weight:700;color:#111}
#eduCc .edu_pf .swiper{overflow:hidden;width:1280px;height:calc((348px * 2) + 100px);margin:0 auto} 
#eduCc .edu_pf li{height:348px;font-size:16px;font-weight:500;color:#111}
#eduCc .edu_pf li:nth-child(even){margin-top:50px!important}
#eduCc .edu_pf li .img{width:100%;height:280px;background-color:#fff;background-size:cover;background-position:center}
#eduCc .edu_pf li p{position:relative;padding:5px 0 0 92px;margin-top:20px;word-break:keep-all;line-height:1.5}
#eduCc .edu_pf li p span{display:block;position:absolute;left:0;top:0;width:80px;padding:6px 0 5px;border-radius:20px;font-size:14px;font-weight:600;text-align:center;color:#fff;background-color:#9b4ddf}
#eduCc .controls{position:relative;width:1280px;margin:0 auto}
#eduCc .controls div{cursor:pointer;position:absolute;top:320px;width:40px;height:40px;border-right:2px solid #999;border-bottom:2px solid #999;-webkit-transition:all .2s;transition:all .2s}
#eduCc .controls div:not(.swiper-button-disabled):hover{border-color:#9b4ddf}
#eduCc .controls .arr_prev{left:-80px;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}
#eduCc .controls .arr_next{right:-80px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
#eduCc .controls .swiper-button-disabled{opacity:.3}

/* 수강생인터뷰 */
#p44{position:relative}
#p44 .tit{overflow:hidden;padding:70px 0 50px;border-top:1px solid #e1e1e1;text-align:center}
#p44 .tit p{font-size:35px;font-weight:700;color:#111}
#p44 .tabs{width:1280px;margin:0 auto 75px;text-align:center}
#p44 .tabs li{display:inline-block;margin:0 4px 5px}
#p44 .tabs li a{display:block;width:130px;height:45px;border-radius:50px;font-size:16px;font-weight:600;color:#999;line-height:47px;background-color:#f2f2f2;transition:all .2s}
#p44 .tabs li a:hover{background-color:#e1e1e1}
#p44 .tabs li.on a{color:#fff;background-color:#333}
#p44 .dir_box{overflow:hidden}
#p44 .dir_box li{overflow:hidden;float:left;position:relative;width:25%;height:330px;text-align:center;background-color:#f5f5f5}
#p44 .dir_box li button{display:block;width:100%;height:100%;background:none;border:none;font-family:'AppleSDGothicNeo'}
#p44 .dir_box li img{max-width:100%;min-height:100%}
#p44 .dir_box li .overlay{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:rgba(0, 0, 0,.7);-webkit-transform:rotate3d(1, 0, 0, 90deg);transform:rotate3d(1, 0, 0, 90deg)}
#p44 .dir_box li .info{opacity:0;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;padding-top:70px;font-weight:600;color:#fff;-webkit-transition:all .2s;transition:all .2s}
#p44 .dir_box li:hover .info{opacity:1}
#p44 .dir_box li .info .name{margin-top:10px;font-size:28px;margin-bottom:70px;font-weight:300}
#p44 .dir_box li .info .view_btn{display:inline-block;position:relative;width:140px;padding:0 6px 2px;border-bottom:3px solid #fff;text-align:left}
#p44 .dir_box li .info .view_btn:before, #p51 .dir_box li .overlay .view_btn:after{display:block;content:"\f178";position:absolute;top:1px;font-size:13px;-webkit-transition:all .3s;transition:all .3s;font-family:'fontawesome'}
#p44 .dir_box li .info .view_btn:before{right:16px;opacity:0}
#p44 .dir_box li .info .view_btn:after{right:8px}
#p44 .dir_box li:hover .view_btn:before{right:8px;opacity:1;-webkit-transition-delay:.2s;transition-delay:.2s}
#p44 .dir_box li:hover .view_btn:after{right:0;opacity:0}
/* 수강생후기 모달  */
#interviewModalWrap{display:none;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;left:0;z-index:101;width:100%;height:100%;background:rgba(0,0,0,0.85)}
#interviewModal{opacity:0;overflow:hidden;position:relative;left:50%;top:45%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1024px;height:650px;margin-top:-20px;padding:26px 30px 0 40px;border-radius:15px;font-size:15px;font-weight:500;color:#777;\letter-spacing:-.2px;line-height:1.8;background-color:#fff;font-family:'AppleSDGothicNeo'}
#interviewModal:before{display:block;content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:160px;background-color:#111}
#interviewModal .close{position:absolute;right:32px;top:30px;width:20px;height:20px;border:none;background:url(/sh_page/img/modal_close.png) no-repeat}
#interviewModal .citxt{position:absolute;left:80px;top:50px;font-weight:500;color:#fff}
#interviewModal .citxt .ci{width:40px;margin-right:20px}
#interviewModal .intro{float:left;width:314px;padding-top:95px;font-weight:600;text-align:center;color:#fff}
#interviewModal .intro .img{overflow:hidden;height:300px;border-radius:6px}
#interviewModal .intro .img img{width:100%;height:100%}
#interviewModal .intro dl{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;overflow:hidden;padding:12px 0 8px;margin-bottom:20px;border-bottom:1px solid #222;color:#111;}
#interviewModal .intro dl dt{margin-right:15px}
#interviewModal .intro dl dd{font-size:18px;font-weight:300;text-align:left}
#interviewModal .intro ul{overflow:hidden}
#interviewModal .intro ul li{overflow:hidden;float:left;width:calc(100% / 3 - 6px);height:95px;border-radius:3px}
#interviewModal .intro ul li+li{margin-left:9px}
#interviewModal .intro ul li a{display:block;padding:18px 0 10px 0;font-size:14px;color:#111;background-color:#f5f5f5;-webkit-transition:all .2s;transition:all .2s}
#interviewModal .intro ul li:first-child{border:none}
#interviewModal .intro ul li:first-child a{color:#fff;background-color:#9b4ddf}
#interviewModal .intro ul li:not(:first-child) a:hover{color:#9b4ddf}
#interviewModal .intro ul li:first-child a:hover{background-color:#ad4eff}
#interviewModal .intro ul li img{margin-bottom:7px}
#interviewModal .content{float:right;width:600px}
#interviewModal .content > p{margin-bottom:22px;font-size:18px;font-weight:600;color:#fff;text-align:center}
#interviewModal .content > p span{color:#ad4eff}
#interviewModal .cont_box_wrap{height:540px;padding:25px;border-radius:6px;border:1px solid #e1e1e1;background-color:#fff}
#interviewModal .cont_box{overflow-y:scroll;height:100%;-ms-overflow-style:none;scrollbar-width:none}
#interviewModal .cont_box::-webkit-scrollbar{width:5px}
#interviewModal .cont_box::-webkit-scrollbar-thumb{background-color:#b1b1b1}
#interviewModal .cont_box::-webkit-scrollbar-track{background-color:#eee}
#interviewModal .cont_box .subj{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e1e1e1;font-size:20px;text-align:center;color:#111;line-height:1.4}
#interviewModal .cont_box dl{padding:0 25px 0 10px;line-height:1.6}
#interviewModal .cont_box dl+dl{margin-top:25px;padding-top:25px;border-top:1px solid #e1e1e1}
#interviewModal .cont_box dl dt{position:relative;margin-bottom:10px;padding-left:2px;font-size:16px;font-weight:600;color:#111}
#interviewModal .cont_box dl dt span{margin-right:10px;color:#aaa}
#interviewModal .cont_box dl dd{font-size:14px;font-weight:400}

/* 현장스토리 */
#p57{position:relative}
#p57 .tit{overflow:hidden;padding:70px 0 50px;border-top:1px solid #e1e1e1;text-align:center}
#p57 .tit p{font-size:35px;font-weight:700;color:#111}
#p57 .tabs{margin:0 0 75px;text-align:center}
#p57 .tabs li{display:inline-block;margin:0 4px}
#p57 .tabs li a{display:block;width:130px;height:55px;border-radius:50px;font-size:17px;font-weight:600;color:#999;line-height:57px;background-color:#f2f2f2;transition:all .2s}
#p57 .tabs li a:hover{background-color:#e1e1e1}
#p57 .tabs li.on a{color:#fff;background-color:#333}
#p57 .dir_box{overflow:hidden}
#p57 .dir_box li{overflow:hidden;float:left;position:relative;width:25%;height:330px;text-align:center;background-color:#f5f5f5}
#p57 .dir_box li button{display:block;width:100%;height:100%;border:none;background:none;font-family:'AppleSDGothicNeo'}
#p57 .dir_box li img{max-width:100%;min-height:100%}
#p57 .dir_box li .overlay{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:rgba(0, 0, 0,.7);-webkit-transform:rotate3d(1, 0, 0, 90deg);transform:rotate3d(1, 0, 0, 90deg)}
#p57 .dir_box li .info{opacity:0;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;padding-top:70px;font-weight:600;color:#fff;-webkit-transition:all .2s;transition:all .2s}
#p57 .dir_box li:hover .info{opacity:1}
#p57 .dir_box li .info .name{font-size:24px;margin-bottom:70px;padding:10px 15px 0;font-weight:300;letter-spacing:-1px;line-height:1.4}
#p57 .dir_box li .info .view_btn{display:inline-block;position:relative;width:140px;padding:0 6px 2px;border-bottom:3px solid #fff;text-align:left}
#p57 .dir_box li .info .view_btn:before, #p51 .dir_box li .overlay .view_btn:after{display:block;content:"\f178";position:absolute;top:1px;font-size:13px;-webkit-transition:all .3s;transition:all .3s;font-family:'fontawesome'}
#p57 .dir_box li .info .view_btn:before{right:16px;opacity:0}
#p57 .dir_box li .info .view_btn:after{right:8px}
#p57 .dir_box li:hover .view_btn:before{right:8px;opacity:1;-webkit-transition-delay:.2s;transition-delay:.2s}
#p57 .dir_box li:hover .view_btn:after{right:0;opacity:0}
/* 현장스토리 모달  */
#practiceModalWrap{display:none;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;left:0;z-index:101;width:100%;height:100%;background:rgba(0,0,0,0.85)}
#practiceModal{opacity:0;overflow:hidden;position:relative;left:50%;top:45%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:820px;height:650px;margin-top:-20px;padding:26px 30px 0 40px;border-radius:15px;font-size:15px;font-weight:500;color:#777;\letter-spacing:-.2px;line-height:1.8;background-color:#fff;font-family:'AppleSDGothicNeo'}
#practiceModal:before{display:block;content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:160px;background-color:#111}
#practiceModal .close{position:absolute;right:32px;top:30px;width:20px;height:20px;border:none;background:url(/sh_page/img/modal_close.png) no-repeat}
#practiceModal .citxt{display:none;position:absolute;left:80px;top:50px;font-weight:500;color:#fff}
#practiceModal .citxt .ci{width:40px;margin-right:20px}
#practiceModal .tit{margin-bottom:22px;font-size:22px;font-weight:600;color:#fff;text-align:center}
#practiceModal .tit span{display:inline-block;vertical-align:middle;margin-right:10px;padding:0 15px;border-radius:20px;font-size:15px;font-weight:500;color:#fff;background-color:#ad4eff}
#practiceModal .cont_box_wrap{height:540px;padding:25px 15px;border-radius:6px;border:1px solid #e1e1e1;background-color:#fff}
#practiceModal .cont_box .inner{padding-right:10px}
#practiceModal .cont_box{overflow-y:scroll;height:100%;-ms-overflow-style:none;scrollbar-width:none}
#practiceModal .cont_box::-webkit-scrollbar{width:5px}
#practiceModal .cont_box::-webkit-scrollbar-thumb{background-color:#b1b1b1}
#practiceModal .cont_box::-webkit-scrollbar-track{background-color:#eee}
#practiceModal .cont_box img{max-width:100%}

/* 수강생작품 */
#p58{position:relative}
#p58 .tit{overflow:hidden;padding:70px 0 50px;border-top:1px solid #e1e1e1;text-align:center}
#p58 .tit p{font-size:35px;font-weight:700;color:#111}
#p58 .tabs{margin:0 0 75px;text-align:center}
#p58 .tabs li{display:inline-block;margin:0 4px}
#p58 .tabs li a{display:block;width:130px;height:55px;border-radius:50px;font-size:17px;font-weight:600;color:#999;line-height:57px;background-color:#f2f2f2;transition:all .2s}
#p58 .tabs li a:hover{background-color:#e1e1e1}
#p58 .tabs li.on a{color:#fff;background-color:#333}
#p58 .dir_box{overflow:hidden}
#p58 .dir_box li{overflow:hidden;float:left;position:relative;width:25%;height:330px;text-align:center;background-color:#f5f5f5}
#p58 .dir_box li button{display:block;width:100%;height:100%;border:none;background:none;font-family:'AppleSDGothicNeo'}
#p58 .dir_box li img{max-width:100%;min-height:100%}
#p58 .dir_box li .overlay{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:rgba(0, 0, 0,.7);-webkit-transform:rotate3d(1, 0, 0, 90deg);transform:rotate3d(1, 0, 0, 90deg)}
#p58 .dir_box li .info{opacity:0;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;padding-top:70px;font-weight:600;color:#fff;-webkit-transition:all .2s;transition:all .2s}
#p58 .dir_box li:hover .info{opacity:1}
#p58 .dir_box li .info .name{font-size:24px;margin-bottom:70px;padding:10px 15px 0;font-weight:300;letter-spacing:-1px;line-height:1.4}
#p58 .dir_box li .info .view_btn{display:inline-block;position:relative;width:140px;padding:0 6px 2px;border-bottom:3px solid #fff;text-align:left}
#p58 .dir_box li .info .view_btn:before, #p51 .dir_box li .overlay .view_btn:after{display:block;content:"\f178";position:absolute;top:1px;font-size:13px;-webkit-transition:all .3s;transition:all .3s;font-family:'fontawesome'}
#p58 .dir_box li .info .view_btn:before{right:16px;opacity:0}
#p58 .dir_box li .info .view_btn:after{right:8px}
#p58 .dir_box li:hover .view_btn:before{right:8px;opacity:1;-webkit-transition-delay:.2s;transition-delay:.2s}
#p58 .dir_box li:hover .view_btn:after{right:0;opacity:0}
/* 수강생작품 모달  */
#stdworkModalWrap{display:none;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;left:0;z-index:101;width:100%;height:100%;background:rgba(0,0,0,0.85)}
#stdworkModal{opacity:0;overflow:hidden;position:relative;left:50%;top:45%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:820px;height:650px;margin-top:-20px;padding:26px 30px 0 40px;border-radius:15px;font-size:15px;font-weight:500;color:#777;\letter-spacing:-.2px;line-height:1.8;background-color:#fff;font-family:'AppleSDGothicNeo'}
#stdworkModal:before{display:block;content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:160px;background-color:#111}
#stdworkModal .close{position:absolute;right:32px;top:30px;width:20px;height:20px;border:none;background:url(/sh_page/img/modal_close.png) no-repeat}
#stdworkModal .citxt{display:none;position:absolute;left:80px;top:50px;font-weight:500;color:#fff}
#stdworkModal .citxt .ci{width:40px;margin-right:20px}
#stdworkModal .tit{margin-bottom:22px;font-size:22px;font-weight:600;color:#fff;text-align:center}
#stdworkModal .tit span{display:inline-block;vertical-align:middle;margin-right:10px;padding:0 15px;border-radius:20px;font-size:15px;font-weight:500;color:#fff;background-color:#ad4eff}
#stdworkModal .cont_box_wrap{height:540px;padding:25px 15px;border-radius:6px;border:1px solid #e1e1e1;background-color:#fff}
#stdworkModal .cont_box .inner{padding-right:10px}
#stdworkModal .cont_box{overflow-y:scroll;height:100%;-ms-overflow-style:none;scrollbar-width:none}
#stdworkModal .cont_box::-webkit-scrollbar{width:5px}
#stdworkModal .cont_box::-webkit-scrollbar-thumb{background-color:#b1b1b1}
#stdworkModal .cont_box::-webkit-scrollbar-track{background-color:#eee}
#stdworkModal .cont_box img{max-width:100%}

/* 대학교 입시정보 */
#p45{padding-bottom:90px;background-color:#f5f5f5}
#p45 .tit{padding:50px 0 30px;font-size:35px;font-weight:700;text-align:center;color:#111;font-family:'AppleSDGothicNeo'}
#p45 .tabs{margin:0 0 50px;text-align:center}
#p45 .tabs li{cursor:pointer;display:inline-block;vertical-align:middle;width:160px;height:55px;margin:0 4px;border-radius:50px;font-size:18px;font-weight:600;color:#999;line-height:57px;background-color:#fff;transition:all .2s}
#p45 .tabs li:hover{background-color:#e1e1e1}
#p45 .tabs li.on{color:#fff;background-color:#333}
#p45 .tab_cont{display:none;padding:70px 80px;background-color:#fff}
#p45 table{width:100%}
#p45 table tbody tr:hover{background-color:#f9f9f9}
#p45 table thead th{padding:15px 0;border-top:2px solid #222;border-bottom:1px solid #e1e1e1;font-size:16px;font-weight:600;color:#111;background-color:#f7f7f7}
#p45 table thead th+th{border-left:1px solid #e1e1e1}
#p45 table tbody th{border-bottom:1px solid #e1e1e1;font-size:15px;font-weight:600;color:#111;background-color:#f7f7f7} 
#p45 table tbody td{padding:10px 0;border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;text-align:center}
#p45 table tbody td a{color:#9b4ddf}
#p45 table tbody td a:after{padding-left:5px;font-size:12px;content:"\f08e";font-family:'fontawesome'}
#p45 table tbody td a:hover{text-decoration:underline}

/* 자격증정보 */
#p59{padding-bottom:90px;background-color:#f5f5f5}
#p59 .tit{padding:50px 0 30px;font-size:35px;font-weight:700;text-align:center;color:#111;font-family:'AppleSDGothicNeo'}
#p59 .tabs{margin:0 0 50px;text-align:center}
#p59 .tabs li{cursor:pointer;display:inline-block;vertical-align:middle;width:160px;height:55px;margin:0 4px;border-radius:50px;font-size:18px;font-weight:600;color:#999;line-height:57px;background-color:#fff;transition:all .2s}
#p59 .tabs li:hover{background-color:#e1e1e1}
#p59 .tabs li.on{color:#fff;background-color:#333}
#p59 .tab_cont{display:none;padding:70px 80px;background-color:#fff}
#p59 .stit{margin-bottom:5px;font-size:20px;font-weight:600;color:#111;text-align:left}
#p59 .ps{margin-top:5px;font-size:14px;text-align:right}
#p59 .half_wrap{overflow:hidden;padding:0 80px 70px;background-color:#fff}
#p59 .half_wrap > div{float:left;width:calc(40% - 8px)}
#p59 .half_wrap div+div{width:calc(60% - 8px);margin-left:16px}
#p59 table{width:100%}
#p59 table:not(.half){width:100%;border-top:2px solid #222}
#p59 table thead th{padding:10px 0;border-top:2px solid #222;border-bottom:1px solid #e1e1e1;font-size:16px;font-weight:600;color:#111;background-color:#f7f7f7}
#p59 table tbody th{padding:10px;border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;font-size:16px;font-weight:600;color:#111;background-color:#f7f7f7} 
#p59 table tbody td{padding:10px 20px;border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;text-align:center;word-break:keep-all}
#p59 table tbody td:last-child{border-right:1px solid #e1e1e1}
#p59 table tbody td span{padding-right:8px}
#p59 table tbody td a{display:inline-block;padding:3px 15px 1px;border-radius:30px;font-size:13px;color:#fff;background-color:#aaa}
#p59 table tbody td a:hover{background-color:#888}
#p59 table.half th{border-left:1px solid #e1e1e1}
#p59 table.half th:last-child{border-right:1px solid #e1e1e1}
#p59 table.half td{padding:10px 0}

/* 수강료안내 */
#pGuide{background-color:#f5f5f5}
#pGuide > .tit{padding:70px 0 50px;border-top:1px solid #e1e1e1;text-align:center}
#pGuide > .tit p{font-size:35px;font-weight:700;color:#111}
#pGuide .stit{margin-bottom:5px;font-size:24px;font-weight:700;color:#222}
#pGuide .tbl_area{padding:60px 80px;background-color:#fff}
#pGuide .tbl_area+.tbl_area{margin-top:30px}
#pGuide table{width:100%}
#pGuide table tbody tr:hover{background-color:#f9f9f9}
#pGuide table thead th{padding:15px 0;border-top:2px solid #222;border-bottom:1px solid #e1e1e1;font-size:16px;font-weight:600;color:#111;background-color:#f7f7f7}
#pGuide table thead th+th{border-left:1px solid #e1e1e1}
#pGuide table tbody th{border-bottom:1px solid #e1e1e1;font-size:15px;font-weight:600;color:#111;background-color:#f7f7f7} 
#pGuide table tbody td{padding:10px;border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;text-align:center;word-break:keep-all}
#pGuide table tbody td:first-child{border-left:none}
#pGuide table tbody td.bdl{border-left:1px solid #e1e1e1}
#pGuide .ps{margin-top:20px}
#pGuide #cm_cst{width:100%;padding:100px calc((100% - 1280px) / 2) 0;background-color:#fff}

/* 가맹문의 */
#branch_cst{font-size:15px;font-weight:400;letter-spacing:-.2px;line-height:1.8;color:#777;font-family:'AppleSDGothicNeo'}
#branch_cst .top_bnr{position:relative;width:100%;height:500px;margin-bottom:95px;padding-top:200px;color:#fff;text-align:center;background:url(/sh_page/img/brc_top_bg.jpg) top center no-repeat}
#branch_cst .top_bnr:before{content:"";position:absolute;left:0;top:0;z-index:0;width:100%;height:100%;background-color:rgba(0,0,0,.22)}
#branch_cst .top_bnr span{position:relative;display:block;opacity:0;margin-top:-10px;font-size:16px;font-weight:700;color:#fff;letter-spacing:1px;font-family:'Lato'}
#branch_cst .top_bnr p{position:relative;opacity:0;padding-top:20px;font-size:35px;font-weight:700;line-height:1.35}
#branch_cst .tit{font-size:30px;color:#222;font-weight:700}
#branch_cst .cont01{text-align:center}
#branch_cst .cont01 ul{display:flex;justify-content:center;margin-top:40px}
#branch_cst .cont01 ul li{display:flex;flex-flow:column;align-items:center}
#branch_cst .cont01 ul li+li{margin-left:40px}
#branch_cst .cont01 ul li p{position:relative;white-space:pre-line;padding-top:25px;font-size:18px;font-weight:600;line-height:1.4;color:#222}
#branch_cst .cont01 ul li p span{position:absolute;top:0;left:-15%;opacity:.12;font-size:68px;font-weight:800;font-family:'Lato'}
#branch_cst .dl_area{display:flex;width:1280px;margin:0 auto}
#branch_cst .dl_area dt{width:30%;font-size:30px;font-weight:800;white-space:pre-line;line-height:1.3;color:#222}
#branch_cst .dl_area dd{width:70%}
#branch_cst .cont02{padding:95px 0;margin-top:95px;background:#f6f6f6}
#branch_cst .cont02 dl dd ul{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:20px}
#branch_cst .cont02 dl dd ul li{position:relative;padding:25px 30px 25px 125px;border-radius:3px;word-break:keep-all;background:#fff}
#branch_cst .cont02 dl dd ul li img{opacity:.3;position:absolute;left:32px;top:35px}
#branch_cst .cont02 dl dd ul li p{margin-bottom:5px;font-size:18px;font-weight:600;line-height:1;color:#222}
#branch_cst .cont02 dl dd ul li p span{display:inline-block;vertical-align:middle;margin-right:10px;font-size:14px;font-weight:800;line-height:30px;text-align:center;color:#9b4ddf;font-family:'Lato'}
#branch_cst .cont03{padding:95px 0}
#branch_cst .cont03 ul li{padding:10px;border:1px solid #e1e1e1;border-radius:3px}
#branch_cst .cont03 ul li+li{margin-top:8px}
#branch_cst .cont03 ul li span{display:inline-block;width:26px;height:26px;margin-right:10px;border-radius:3px;font-size:13px;font-weight:600;color:#fff;text-align:center;line-height:26px;background-color:#333;font-family:'Lato'}
#branch_cst .cont04{padding:95px 0;background:#f6f6f6}
#branch_cst .cont04 .tit{margin-bottom:20px;font-size:24px;font-weight:600;text-align:center}
#branch_cst .brc_form{width:800px;margin:0 auto;padding:50px;border-radius:8px;background:#fff}
#branch_cst .brc_form ul{margin-bottom:30px;padding-bottom:30px;border-bottom:2px solid #555}
#branch_cst .brc_form ul li{display:flex;align-items:center}
#branch_cst .brc_form ul li+li{margin-top:12px}
#branch_cst .brc_form ul li label{width:150px;font-size:16px;font-weight:600;color:#222}
#branch_cst .brc_form ul li .sh_input{width:calc(100% - 100px);height:50px;padding:0 10px;border:1px solid #e1e1e1;border-radius:3px;font-size:15px;color:#777;font-family:'AppleSDGothicNeo'}
#branch_cst .brc_form ul li .sh_txt{height:100px;padding:10px}
#branch_cst .brc_form ul li .sh_input:focus, #branch_cst .brc_form ul li .sh_input:active{box-shadow:none;border:1px solid #bbb!important}
#branch_cst .cm_pv_box{height:220px;margin-bottom:40px}
#branch_cst .brc_cf{display:block;width:240px;height:60px;margin:0 auto;border:none;border-radius:40px;font-size:18px;font-weight:600;color:#fff;background-color:#9b4ddf;transition:all .2s;font-family:'AppleSDGothicNeo'}