/*.google-auto-placed,  
.adsbygoogle *,
.adsbygoogle { display:none !important; width:0 !important; height: 0 !important; position: absolute !important; text-indent:-99999999em !important; overflow:hidden !important; opacity:0 !important; z-index:-55 !important; }/*

/* common */
#subVisual { position:relative; height:349px; padding-top:100px; }
#subVisual .bg { position:absolute; left:0; right:0; top:100px; bottom:0; background:url(/img/sub/subVis1.jpg) center no-repeat; background-size:cover; }
#subVisual .viscon { position:absolute; left:0; right:0; top:50%; margin-top:50px; text-align:center; color:#fff; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
#subVisual h2 { margin-bottom:20px; font-weight:800; font-size:40px; letter-spacing:-0.06em; font-family: 'NanumSquare', sans-serif; }
#subVisual p { font-size:17px; line-height:1.7em; }
#subVisual nav { margin-top:30px; }
#subVisual li { display:inline-block; margin:0 4px; }
#subVisual li a { display:block; position:relative; width:186px; line-height:43px; font-weight:700; color:#fff; font-family: 'Nanum Square'; text-transform:uppercase; border:2px solid #fff; border-radius:43px; overflow:hidden; -webkit-transition-duration:.6s; -o-transition-duration:.6s; transition-duration:.6s; -webkit-transform:skew(-0.2deg); -ms-transform:skew(-0.2deg); transform:skew(-0.2deg); }
#subVisual li a:before, #subVisual li a:after { content:''; display:block; position:absolute; left:0; right:-30px; top:0; bottom:0; border-right:30px solid transparent; border-bottom:43px solid #175b82; z-index:-1; -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition-duration:.6s; -o-transition-duration:.6s; transition-duration:.6s; }
#subVisual li a:after { left:-30px; right:0; border-left:30px solid transparent; border-top:43px solid #175b82; border-right:none; border-bottom:none; -webkit-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%); }
#subVisual li.on a, #subVisual li a:hover { border-color:#175b82; }
#subVisual li.on a:before, #subVisual li.on a:after, #subVisual li a:hover:before, #subVisual li a:hover:after
 { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); }
.lnb6.nav2, .lnb7, .lnb8 { display:none; }

#subVisual.move .bg { opacity:0; animation: sv_bg 1.5s; animation-fill-mode:forwards; -webkit-animation: sv_bg 1.5s; -webkit-animation-fill-mode:forwards; -moz-animation: sv_bg 1.5s; -moz-animation-fill-mode:forwards; }
#subVisual.move h2 { animation: sv_txt .6s 1s; animation-fill-mode:forwards; opacity: 0; -webkit-animation: sv_txt .6s 1s; -webkit-animation-fill-mode:forwards; -moz-animation: sv_txt .6s 1s; -moz-animation-fill-mode:forwards; }
#subVisual.move p { animation: sv_txt .6s 1.3s; animation-fill-mode:forwards; opacity: 0; -webkit-animation: sv_txt .6s 1.3s; -webkit-animation-fill-mode:forwards; -moz-animation: sv_txt .6s 1.3s; -moz-animation-fill-mode:forwards; }
#subVisual.move nav { animation: sv_txt .6s 1.3s; animation-fill-mode:forwards; opacity: 0; -webkit-animation: sv_txt .6s 1.3s; -webkit-animation-fill-mode:forwards; -moz-animation: sv_txt .6s 1.3s; -moz-animation-fill-mode:forwards; }

#lnb { text-transform:uppercase; border-bottom:1px solid #e9e9e9; background:#f6f6f6; }
#lnb .inner_box { position:relative; padding-left:60px; }
.btn_home { position:absolute; left:0; top:0; width:58px; height:100%; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; background:url(/img/sub/btn_home.png) center no-repeat; overflow:hidden; text-indent:-5000px; }
#lnb nav { float:left; position:relative; }
#lnb nav p { position:relative; width:193px; line-height:59px; padding-left:30px; color:#9b9b9b; border-right:1px solid #e9e9e9; box-sizing:border-box; cursor:pointer; }
#lnb nav p:before { content:''; display:block; position:absolute; right:20px; top:50%; width:12px; height:8px; background:url(/img/sub/lnb.png); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; }
#lnb nav p.ov:before { -webkit-transform:translateY(-50%) rotate(180deg); -ms-transform:translateY(-50%) rotate(180deg); transform:translateY(-50%) rotate(180deg); }
#lnb ul { display:none; position:absolute; left:0; right:0; top:59px; z-index:99; background:#f6f6f6; }
#lnb li { border-top:1px solid #e9e9e9; }
#lnb li a { display:block; padding-left:30px; line-height:40px; font-size:14px; color:#9b9b9b; }
#lnb li a:hover { color:#333; }
.btn_down { position:absolute; right:0; top:0; bottom:-1px; width:240px; line-height:60px; font-weight:500; color:#fff !important; text-align:center; background:#175b82; -webkit-transition-duration:.2s; -o-transition-duration:.2s; transition-duration:.2s; overflow:hidden; }
/*.btn_down:hover { box-shadow: inset 0 0 30px rgba(0, 0, 0, .3); }*/
.btn_down:before { content:''; display:inline-block; width:17px; height:22px; margin-right:10px; vertical-align:text-bottom; background:url(/img/sub/btn_down.png); }

#cont {  }
#subVisual.move ~ #cont { animation: sv_bg 1s 1s; animation-fill-mode:forwards; opacity: 0; -webkit-animation: sv_bg 1s 1s; -webkit-animation-fill-mode:forwards; -moz-animation: sv_bg 1s 1s; -moz-animation-fill-mode:forwards; }

#cont > section { padding-top:105px; padding-bottom:105px; }
#cont h2 { margin-bottom:50px; font-size:36px; font-weight:800; color:#2d2c2c; letter-spacing:-0.06em; text-transform:uppercase; font-family: 'NanumSquare', sans-serif; }

.schtit { margin-bottom:50px; }
.schtit h2 { float:left; line-height:46px; margin-bottom:0 !important; }
.schtit .searchArea { float:right; width:70%; text-align:right; }

.searchArea { text-align:center; }
.searchArea select { width:180px; height:46px; line-height:44px; margin-right:8px; padding-left:30px; font-weight:500; color:#b5b5b5; border:1px solid #e1e1e1; background:url(/img/sub/select.png) 95% center no-repeat; border-radius:44px; -webkit-appearance:none; -moz-appearance:none; appearance:none; box-sizing:border-box; vertical-align:middle; font-family: 'Noto Sans KR', sans-serif; }
.searchArea select::-ms-expand { display:none; }
.searchArea .searchcon { position:relative; display:inline-block; width:100%; max-width:500px; padding-right:42px; border:1px solid #e1e1e1; border-radius:22px; box-sizing:border-box; overflow:hidden; vertical-align:middle; }
.searchArea .searchcon input { display:block; width:100%; height:44px; line-height:44px; padding:0 25px; font-weight:500; border:none; box-sizing:border-box; }
.searchArea .searchcon button { position:absolute; right:22px; top:0; bottom:0; padding:0; border:none; background:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; }

.tbl { border-top:1px solid #7b7b7b; }
.tbl th, .tbl td { height:45px; padding:10px 25px; line-height:1.6em; font-size:15px; font-weight:300; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; border-bottom:1px solid #dfdfdf; box-sizing:border-box; }
.tbl th { font-weight:400; color:#535252; background:#f7f7f7; }

.chk { padding-left:25px; background:url(/img/sub/chk1.png) left center no-repeat; }
.chk.on { background-image:url(/img/sub/chk1_on.png); }
.chk input { display:none !important; }
.chk.acenter { padding:0; text-align:center; background:none !important; }
.chk.acenter > span { padding-left:25px; background:url(/img/sub/chk1.png) left center no-repeat; }
.chk.acenter.on > span { background-image:url(/img/sub/chk1_on.png); }

.tblUl .theadUl { border-top:1px solid #c2c2c2; }
.tblUl li { text-align:center; border-bottom:1px solid #e7e7e7; }
.tblUl li, .tblUl .tbodyUl a { display:table; width:100%; table-layout:fixed; }
.tblUl li > div, .tblUl li a > div { display:table-cell; vertical-align:middle; box-sizing:border-box; }
.tblUl .th { height:52px; color:#6c6c6c; }
.tblUl .td { height:50px; padding:10px 3%; font-size:14.5px; color:#8f8f8f; font-weight:300; line-height:1.4em; }


/*===== 회사소개 ======*/
#introNav { position:relative; text-align:center; background:#fff; z-index:1; }
#introNav:before { content:''; display:block; position:absolute; left:0; right:0; bottom:0; height:1px; background:#eaeaea; }
#introNav ul { letter-spacing:-4px; white-space:nowrap; overflow-x:auto; -ms-overflow-style: none; }
#introNav ul::-webkit-scrollbar { display:none;}
#introNav li { display:inline-block; width:14.28%; min-width:133px; letter-spacing:-0.04em; }
.prcCon #introNav li { width:50%; max-width:200px; }
#introNav li a { display:block; position:relative; line-height:86px; font-size:17px; font-weight:400; color:#a0a0a0; font-family: 'Nanum Square'; }
#introNav li a:hover, #introNav li.on a { color:#175b82; font-weight:700; }
#introNav li a:before { content:''; display:inline-block; width:41px; height:38px; margin-right:15px; background:center no-repeat; background-size:100% auto; vertical-align:middle; }
.prcCon #introNav li a:before { width:44px; height:43px; }
#introNav li a.comp:before { background-image:url(/img/sub/nav_intro1.png); }
#introNav li a.mission:before { background-image:url(/img/sub/nav_intro2.png); }
#introNav li a.organ:before { background-image:url(/img/sub/nav_intro3.png); }
#introNav li a.bsn:before { background-image:url(/img/sub/nav_intro4.png); }
#introNav li a.svc:before { background-image:url(/img/sub/nav_intro5.png); }
#introNav li a.slt:before { background-image:url(/img/sub/nav_intro6.png); }
#introNav li a.ptn:before { background-image:url(/img/sub/nav_intro7.png); }
#introNav li a.prc_t:before { background-image:url(/img/sub/prc_nav1.png); }
#introNav li a.prc_m:before { background-image:url(/img/sub/prc_nav2.png); }
#introNav li a.comp:hover:before, #introNav li.on a:before { background-image:url(/img/sub/nav_intro1_ov.png); }
#introNav li a.mission:hover:before, #introNav li.on a.mission:before { background-image:url(/img/sub/nav_intro2_ov.png); }
#introNav li a.organ:hover:before, #introNav li.on a.organ:before { background-image:url(/img/sub/nav_intro3_ov.png); }
#introNav li a.bsn:hover:before, #introNav li.on a.bsn:before { background-image:url(/img/sub/nav_intro4_ov.png); }
#introNav li a.svc:hover:before, #introNav li.on a.svc:before { background-image:url(/img/sub/nav_intro5_ov.png); }
#introNav li a.slt:hover:before, #introNav li.on a.slt:before { background-image:url(/img/sub/nav_intro6_ov.png); }
#introNav li a.ptn:hover:before, #introNav li.on a.ptn:before { background-image:url(/img/sub/nav_intro7_ov.png); }
#introNav li a.prc_t:hover:before, #introNav li.on a.prc_t:before { background-image:url(/img/sub/prc_nav1_ov.png); }
#introNav li a.prc_m:hover:before, #introNav li.on a.prc_m:before { background-image:url(/img/sub/prc_nav2_ov.png); }
#introNav li a:after { content:''; display:block; position:absolute; left:0; right:0; bottom:0; width:0; height:2px; margin:0 auto; background:#175b82; -webkit-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; }
#introNav li a:hover:after, #introNav li.on a:after { width:100%; }

.con_tit { margin-bottom:35px; text-align:center; }
.con_tit h3 { font-size:36px; line-height:1.3em; font-weight:800; color:#2d2c2c; letter-spacing:-0.06em; font-family: 'NanumSquare', sans-serif; }
.con_tit h3 em { display:block; font-size:16px; font-weight:600; color:#175b82; text-transform:uppercase; letter-spacing:0.3em; }
.con_tit p { margin-top:20px; font-size:22px; color:#595858; line-height:1.6em; }
.txtBox { line-height:2.1em; font-weight:300; }
.txtBox p + p { margin-top:23px; }
.txtBox big { font-size:18px; font-weight:700; color:#175b82; }
.txtBox small { font-size:15px; color:#949494; }


/* 회사소개 */
.compCon { text-align:center; }
.comp1 { position:relative; }
.comp1:before { content:''; display:block; position:absolute; right:0; top:0; width:446px; height:456px; background:url(/img/sub/comp_bg1.png) left bottom no-repeat; z-index:-2; }
.comp1:after { content:''; display:block; position:absolute; left:0; bottom:0; width:296px; height:445px; background:url(/img/sub/comp_bg1.png) right top no-repeat; z-index:-2; }
.comp1 .txtBox { margin-top:25px; }

.comp2 { background:url(/img/sub/comp_bg2.jpg) center no-repeat; background-size:cover; }
.comp2 .percent { margin-bottom:35px; }
.comp2 .percent p { display:inline-block; font-size:20px; font-weight:800; color:#7b7b7b; font-family: 'NanumSquare', sans-serif; }
.comp2 .percent p:first-child { margin-right:113px; }
.comp2 .percent p strong { display:block; position:relative; margin-bottom:10px; font-size:70px; font-weight:900; color:#b6b6b6; }
.comp2 .percent p.y2018 strong { color:#175b82; }
.comp2 .percent p:first-child strong:before { content:''; display:block; position:absolute; right:-117px; top:0; bottom:0; width:117px; background:url(/img/sub/comp_arr1.png) center no-repeat; }
.comp2 ul { margin-top:70px; }
.comp2 li { display:inline-block; margin-left:96px; vertical-align:top; letter-spacing:-0.06em; }
.comp2 li:first-child { margin-left:0; }
.comp2 li div { position:relative; }
.comp2 li div:before { content:''; display:block; position:absolute; left:-96px; top:0; bottom:0; width:96px; background:url(/img/sub/comp_arr2.png) center no-repeat; }
.comp2 li:first-child div:before { display:none; }
.comp2 li p { margin-top:35px; font-size:20px; color:#4d4d4d; font-family: 'Nanum Square'; }
.comp2 li span { display:block; margin-top:17px; font-size:17px; color:#6d6d6d; line-height:1.58em; }
.comp2 li span strong { font-size:19px; font-weight:800; color:#175b82; font-family: 'NanumSquare', sans-serif; }


/* 기업미션 */
.missionCon { position:relative; max-width:1044px; margin:60px auto 0; }
.missionCon:before { content:''; display:block; position:absolute; left:50px; right:50px; top:210px; height:2px; background:url(/img/sub/dotLine.png) 8px top; z-index:-1; }
.missionCon li { float:left; }
.missionCon li h4 { margin-bottom:15px; font-size:20px; font-weight:700; color:#2d2c2c; font-family: 'NanumSquare', sans-serif; }
.missionCon li h4 em { display:block; padding-top:67px; margin-bottom:5px; font-size:14px; font-weight:600; color:#175b82; background:url(/img/sub/mission_icon2.png) center top no-repeat; }
.missionCon li p { font-size:15px; line-height:1.6em; font-weight:300; }
.missionCon .sitem { width:256px; margin-top:83px; }
.missionCon .sitem h4 { position:relative; height:256px; font-size:17px; background-size:100% 100%; }
.missionCon .sitem.left h4 { background-image:url(/img/sub/mission_bgl.png); }
.missionCon .sitem.right h4 { background-image:url(/img/sub/mission_bgr.png); }
.missionCon .sitem h4:before { content:''; display:block; position:absolute; right:0; top:50%; width:9px; height:8px; margin-top:-4px; background:#ddd; border-radius:50%; }
.missionCon .sitem.right h4:before { left:0; right:auto; }
.missionCon .sitem h4 span, .missionCon .bitem > div { position:absolute; left:0; right:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.missionCon .sitem.left h4 em { background-image:url(/img/sub/mission_icon1.png); }
.missionCon .sitem.right h4 em { background-image:url(/img/sub/mission_icon3.png); }
.missionCon .bitem { position:relative; width:422px; height:422px; margin:0 55px; background:url(/img/sub/mission_bgc.png) #fff; background-size:100% 100%; border-radius:50%; }
.missionCon .bitem:before, .missionCon .bitem:after { content:''; display:block; position:absolute; right:-5px; top:50%; width:9px; height:8px; margin-top:-4px; background:#8badc0; border-radius:50%; }
.missionCon .bitem:before { left:-5px; right:auto; }


/* 조직도 */
.organCon img { margin-top:20px; }


/* 사업분야 */
.bsnCon .graphic { position:relative; margin-top:70px; padding:168px 0 163px; }
.bsnCon .graphic .gtit { width:333px; height:236px; padding-top:67px; margin:0 auto; background:url(/img/sub/bsn_bg1-0.png); box-sizing:border-box; }
.bsnCon .graphic h4 { padding-top:67px; font-size:17px; font-family: 'NanumSquare', sans-serif; color:#2d2c2c; text-align:center; font-weight:700; background:url(/img/sub/bsn_icon1-0.png) center top no-repeat; }
.bsnCon .graphic h4 em { display:block; margin-bottom:7px; font-size:15px; font-weight:600; color:#175b82; }
.bsnCon .graphic li { position:absolute; }
.bsnCon .graphic li.item1 { left:0; right:50%; top:183px; margin-right:169px; }
.bsnCon .graphic li.item2 { right:0; left:50%; top:0; margin-left:90px; }
.bsnCon .graphic li.item3 { right:0; left:50%; top:365px; margin-left:90px; }
.bsnCon .graphic li .stit { position:relative; width:203px; height:202px; padding-top:45px; background:url(/img/sub/bsn_bg1.png); box-sizing:border-box; }
.bsnCon .graphic li.left .stit { float:right; }
.bsnCon .graphic li .stit:before { content:''; display:block; position:absolute; left:10px; right:10px; top:10px; bottom:10px; border:1px solid #ededed; background:#f7f8f9; border-radius:50%; z-index:-1; }
.bsnCon .graphic li .stit:after { content:''; display:block; position:absolute; width:9px; height:9px; background:#ddd; border-radius:50%; }
.bsnCon .graphic li.item1 .stit:after { right:-4px; top:50%; margin-top:-4px; }
.bsnCon .graphic li.item2 .stit:after { left:30px; bottom:22px; }
.bsnCon .graphic li.item3 .stit:after { left:30px; top:22px; }
.bsnCon .graphic li .stit span { font-size:23px; font-weight:800; color:#d1d1d1; }
.bsnCon .graphic li .stit img { display:block; margin:12px auto 10px; padding-left:5px; }
.bsnCon .graphic li .stit strong { font-size:15px; font-weight:600; color:#175b82; }
.bsnCon .graphic li dl { position:absolute; left:0; right:0; top:50%; text-align:left; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.bsnCon .graphic li.left dl { right:234px; text-align:right; }
.bsnCon .graphic li.right dl { left:234px; }
.bsnCon .graphic li dt { margin-bottom:13px; font-size:17px; font-weight:700; letter-spacing:-0.06em; color:#2d2c2c; font-family: 'NanumSquare', sans-serif; }
.bsnCon .graphic li dd { position:relative; font-size:15px; font-weight:300; line-height:1.8em; letter-spacing:-0.07em; }
.bsnCon .graphic li.right dd { padding-left:10px; }
.bsnCon .graphic li dd:before { content:'ㆍ'; }
.bsnCon .graphic li.right dd:before { position:absolute; left:-8px; top:0; }

.bsnCon .img_link li { float:left; width:25%; }
.bsnCon .img_link li a { display:block; position:relative; height:475px; font-size:14px; color:#fff; text-align:center; overflow:hidden; }
.bsnCon .img_link .bg { position:absolute; left:0; right:0; top:0; bottom:0; background:center no-repeat; background-size:cover; }
.bsnCon .img_link .bg:before { content:''; display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:#175b82; opacity:0; -webkit-transition-duration:.4s; -o-transition-duration:.4s; transition-duration:.4s; }
.bsnCon .img_link .txt { position:absolute; left:0; right:0; top:130px; -webkit-transition-duration:.2s; -o-transition-duration:.2s; transition-duration:.2s; overflow:hidden; }
.bsnCon .img_link .tit { margin-bottom:10px; }
.bsnCon .img_link .tit span { display:block; margin:10px 0 5px; font-size:15px; font-weight:600; }
.bsnCon .img_link h4 { font-size:17px; font-weight:700; font-family: 'NanumSquare', sans-serif; }
.bsnCon .img_link p { line-height:1.9em; font-weight:300; }
.bsnCon .img_link .btn { display:block; width:167px; line-height:36px; margin:35px auto 0; font-weight:500; border:2px solid #fff; border-radius:36px; -webkit-transition-duration:.2s; -o-transition-duration:.2s; transition-duration:.2s; -webkit-transform:translateY(44px); -ms-transform:translateY(44px); transform:translateY(44px); }
.bsnCon .img_link a:hover .bg:before { opacity:1; }
.bsnCon .img_link a:hover .txt { top:86px; }
.bsnCon .img_link a:hover .btn { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); -webkit-transition-delay:.1s; -o-transition-delay:.1s; transition-delay:.1s; }


/* 서비스 */
.svcCon { position:relative; height:587px; margin-top:65px; background:url(/img/sub/svc_img.png) center no-repeat; }
.svcCon .hooh { display:none; position:relative; width:187px; height:187px; margin:0 auto 50px; font-size:17px; font-weight:700; color:#2d2c2c; font-family: 'Nanum Square'; border:14px solid #f0f5f8; background:#e3ecf1; border-radius:50%; }
.svcCon .hooh div { position:absolute; left:0; right:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.svcCon .hooh img { margin-bottom:12px; }
.svcCon .hooh span { display:block; margin-bottom:5px; font-size:15px; font-weight:600; color:#175b82; }
.svcCon .item { position:absolute; left:0; right:50%; top:0; height:203px; margin-right:23.21%; text-align:right; }
.svcCon .item:nth-child(odd) { left:50%; right:0; margin:0 0 0 23.21%; text-align:left; }
.svcCon .item:nth-child(n+4) { top:auto; bottom:0; }
.svcCon .item .tit { display:none; position:relative; width:203px; height:203px; background:url(/img/sub/svc_bg.png) center no-repeat; }
.svcCon .item .tit div { /*position:absolute; left:0; right:0; top:50%;*/ text-align:center; /*-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);*/ }
.svcCon .item .tit span { font-size:23px; font-weight:800; color:#d1d1d1; }
.svcCon .item .tit img { display:block; margin:12px auto 10px; }
.svcCon .item .tit h4 { font-size:16.5px; color:#175b82; font-weight:700; font-family: 'Nanum Square'; }
.svcCon .item dl { position:absolute; left:0; right:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.svcCon .item dt { margin-bottom:13px; font-size:17px; font-weight:700; line-height:1.3em; color:#2d2c2c; font-family: 'Nanum Square'; }
.svcCon .item dd { font-size:15px; line-height:1.8em; color:#6e6e6e; font-weight:300; }


/* 솔루션 */
.soluCon ol { position:relative; margin-top:70px; }
.soluCon ol:before { content:''; display:block; position:absolute; left:13%; right:13%; top:101px; height:2px; background:url(/img/sub/solu_line.png); z-index:-1; }
.soluCon li { float:left; width:25%; }
.soluCon li .icon { position:relative; width:203px; height:202px; margin:0 auto 20px; background:url(/img/sub/solu_bg1.png) #fff; background-size:100% 100%; border-radius:50%; }
.soluCon li:nth-child(2n) .icon { background-image:url(/img/sub/solu_bg2.png); }
.soluCon li .icon:before, .soluCon li .icon:after { content:''; display:block; position:absolute; left:-4px; top:50%; width:9px; height:8px; margin-top:-4px; background:#8badc0; border-radius:50%; }
.soluCon li .icon:after { left:auto; right:-4px; background:#ddd; }
.soluCon li:first-child .icon:before, .soluCon li:last-child .icon:after { display:none; }
.soluCon li span { display:block; padding:40px 0 0; font-size:23px; font-weight:800; color:#d1d1d1; }
.soluCon li p { margin-top:5px; font-size:15px; font-weight:600; color:#175b82; }
.soluCon li dt { margin-bottom:13px; font-size:17px; font-weight:700; color:#2d2c2c; font-family: 'NanumSquare', sans-serif; letter-spacing:-0.06em; }
.soluCon li dd { font-size:15px; font-weight:300; line-height:1.8em; letter-spacing:-0.07em; }


/* 협력사 */
.partnerCon ul { margin-top:65px; }
.partnerCon li { float:left; position:relative; width:15%; height:80px; margin:0 2% 30px 0; border:1px solid #ddd; background:#fff; box-sizing:border-box; }
.partnerCon li:nth-child(6n) { margin-right:0; }
.partnerCon li img { position:absolute; left:0; right:0; top:0; bottom:0; max-height:100%; margin:auto; }


/* 찾아오시는길 */
.mapCon { margin-top:70px; text-align:left; }
.mapCon > dl { float:right; width:50%; padding-left:40px; box-sizing:border-box; }
.mapCon > dl:first-child { float:left; padding-left:0; }
.mapCon > dl > dt { margin-bottom:30px; font-size:24px; font-weight:700; color:#2d2c2c; font-family: 'Nanum Square'; }
.mapCon > dl > dt:before { content:''; display:block; width:26px; height:4px; margin-bottom:25px; background:#1b5c83; }
.mapCon > dl > dt span { display:block; margin-bottom:10px; font-size:15px; color:#175b82; letter-spacing:0.2em; font-family: 'Montserrat', sans-serif; text-transform:uppercase; }
.mapCon dd dl { padding-left:20px; }
.mapCon dd dl + dl { margin-top:27px; }
.mapCon dd dt { position:relative; margin-bottom:17px; font-size:18px; color:#2d2c2c; font-weight:700; font-family: 'Nanum Square'; }
.mapCon dd dt:before { content:''; display:block; position:absolute; left:-20px; top:50%; width:6px; height:6px; margin-top:-3px; background:#231f20; border-radius:50%; }
.mapCon dd dd, .mapCon dd div p { font-size:15px; font-weight:300; color:#848484; line-height:1.7em; }
.mapCon dd div { position:relative; padding-left:30px; font-size:16px; color:#505050; font-weight:400; font-family: 'Nanum Square'; }
.mapCon dd div + div { margin-top:15px; }
.mapCon dd div > em { position:absolute; left:0; top:3px; width:19px; line-height:19px; font-size:12px; font-weight:600; color:#fff; text-align:center; background:#ff7800; font-family: 'Montserrat', sans-serif; }
.mapCon dd .bus div > em { background:#1380a4; }
.mapCon dd div p { margin-top:9px; }
.mapCon .subway .gt { display:inline-block; width:30px; height:11px; background:url(/img/sub/gt.png) center no-repeat; }
.mapCon .bus p { position:relative; padding-left:55px; line-height:20px; font-size:14px; color:#8b8b8b; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; }
.mapCon .bus p .busType { position:absolute; left:0; top:0; display:block; width:42px; font-size:12px; font-weight:500; color:#fff; text-align:center; background:#13a498; border-radius:3px; }
.mapCon .bus p:nth-of-type(2) .busType { background:#3fa413; }
.mapCon .bus p:nth-of-type(3) .busType { background:#db1818; }
.mapCon .bus p:nth-of-type(4) .busType { background:#db188b; }
.mapCon .bus p:nth-of-type(5) .busType { background:#1854db; }
.mapCon .bus p span { margin:0 13px 0 8px; color:#a7a7a7; }
.mapCon .car p { position:relative; padding-left:10px; }
.mapCon .car p:before { content:'-'; position:absolute; left:0; top:0; }


/*===== 강사 & MC ======*/
.tchCateTxt { position:relative; margin-bottom:30px; }
.tchCateTxt.on { margin-bottom:10px; }
.tchCateTxt a { background: #175b82; color:#fff; padding:15px 15px; display:inline-block; border-radius: 4px; }
.tchCateTxt span { color: #595959; display:inline-block; vertical-align:middle; margin:0 0 2px 10px; }
.tchCateTxt .close { display:none; position:relative; cursor:pointer; position:absolute; right:0; top:10px;  background: #aaa; font-size:12px; font-weight:300; color:#fff; padding:10px 15px;}

#tchCateLayer { display:none; }

/*===== 강사 & MC ======*/
.tchCateTxt1 { position:relative; margin-bottom:30px; }
.tchCateTxt1.on { margin-bottom:10px; }
.tchCateTxt1 a { background: #175b82; color:#fff; padding:15px 15px; display:inline-block; border-radius: 4px; }
.tchCateTxt1 span { color: #595959; display:inline-block; vertical-align:middle; margin:0 0 2px 10px; }
.tchCateTxt1 .close { display:none; position:relative; cursor:pointer; position:absolute; right:0; top:10px;  background: #aaa; font-size:12px; font-weight:300; color:#fff; padding:10px 15px;}

#tchCateLayer1 { display:none; }

#tchCateLayer1 { margin-bottom:50px; border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }

/* list */
.tchCate { margin-bottom:50px; border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1; }
.mcChk { background:#f6f6f6; }
.mcChk label { float:left; width:16.666%; line-height:63px; color:#595959; border-left:1px solid #e4e4e4; box-sizing:border-box; }
.mcChk label img { margin-right:7px; vertical-align:text-bottom; }

.tchCate .cateChk dl { float:left; width:14.28%; border:1px solid #e1e1e1; border-top:none; border-right:none; box-sizing:border-box; }
.tchCate .cateChk dt { line-height:63px; color:#595959; text-align:center; font-family: 'Nanum Square'; border-bottom:1px solid #e1e1e1; background:#f6f6f6; }
.tchCate .cateChk dt img { margin-right:10px; vertical-align:middle; }
.tchCate .cateChk dd { height:248px; padding:20px 15% 10px; overflow-y:scroll; box-sizing:border-box; }
.tchCate .cateChk dd label { display:block; margin-bottom:10px; font-size:15px; font-weight:300; }
.tchCate .cateChk dd label:hover, .tchCate .cateChk dd label.on { color:#175b82; }
.tchCate .selected { position:relative; padding-right:14.28%; margin-top:-1px; border:1px solid #e1e1e1; border-right:none; min-height:59px; }
.tchCate .selected .con { padding:14px 0 10px 20px; }
.tchCate .selected .con span { display:inline-block; position:relative; padding:6px 25px 8px 12px; margin:0 5px 5px 0; font-size:14px; font-weight:300; color:#3f3f3f; border:1px solid #ddd; background:#f6f6f6; border-radius:5px; }
.tchCate .selected .con span a { position:absolute; right:0; top:0; bottom:0; width:25px; background:url(/img/sub/icon_x.png) center no-repeat; }
.tchCate #chkCancle { position:absolute; right:0; top:0; bottom:0; width:14.28%; text-align:center; border-left:1px solid #e1e1e1; }
.tchCate #chkCancle span { position:absolute; left:0; right:0; top:50%; line-height:20px; margin-top:-10px; letter-spacing:-0.06em; color:#595959; font-family: 'Nanum Square'; }
.tchCate #chkCancle span:before { content:''; display:inline-block; width:18px; height:20px; margin-right:7px; vertical-align:top; background:url(/img/sub/chk_cancle.png); }

.tm_list .top { padding-bottom:30px; margin-bottom:50px; border-bottom:1px solid #7e7e7e; }
.tm_list .top p { float:left; position:relative; padding-left:20px; font-size:17px; color:#595959; font-family: 'Nanum Square'; }
.tm_list .top p:before { content:''; display:block; position:absolute; left:0; top:4px; width:7px; height:7px; background:#737373; }
.tm_list .sort { float:right; }
.tm_list .sort a { display:inline-block; margin-left:10px; padding-right:14px; font-size:15px; font-weight:300; color:#9f9f9f; }
.tm_list .sort a:hover { color:#595959; }
.tm_list .sort a.on { color:#595959; background:url(/img/sub/sort.png) 99% center no-repeat; }
.tm_list .list li { float:left; width:18.28%; margin:0 2.15% 50px 0; text-align:center; }
.tm_list .list li:nth-child(5n) { margin-right:0; }
.tm_list .img { position:relative; padding-bottom:113.73%; overflow:hidden; }
.tm_list .img img { position:absolute; left:0; right:0; top:-9999px; bottom:-9999px; width:100%; min-height:100%; margin:auto; -webkit-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; }
.tm_list a:hover .img img { -webkit-transform:scale(1.13); -ms-transform:scale(1.13); transform:scale(1.13); }
.tm_list .txt { margin-top:22px; height:86px; }
.tm_list .lname { display:inline-block; max-width:100%; line-height:25px; margin-bottom:10px; color:#606060; font-family: 'Nanum Square'; letter-spacing:-0.06em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; }
.tm_list .lname p { display:inline-block; position:relative; margin-right:16px; font-size:18px; color:#2d2c2c; }
.tm_list .lname.prm p { padding-left:30px; background:url(/img/sub/icon_top.png) left center no-repeat; }
.tm_list .lname p:before { content:''; display:block; position:absolute; right:-12px; top:50%; width:1px; height:15px; margin-top:-7px; background:#e8e8e8; }
.tm_list .txt .cate { height:50px; font-size:15px; font-weight:300; color:#7e7e7e; line-height:1.7em; overflow:hidden; }
.tm_list .btn_inquiry { position:relative; display:block; max-width:150px; margin:15px auto 0; border:1px solid #d6d6d6; border-radius:20px; box-sizing:border-box; overflow:hidden; }
.tm_list .btn_inquiry span { display:inline-block; padding-left:25px; line-height:40px; font-size:14.5px; color:#a0a0a0; background:url(/img/sub/icon_star.png) left center no-repeat; -webkit-transition-duration:.6s; -o-transition-duration:.6s; transition-duration:.6s; }
.tm_list .btn_inquiry:before, .tm_list .btn_inquiry:after { content:''; display:block; position:absolute; left:0; right:-30px; top:0; bottom:0; border-right:30px solid transparent; border-bottom:40px solid #175b82; z-index:-1; -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition-duration:.6s; -o-transition-duration:.6s; transition-duration:.6s; }
.tm_list .btn_inquiry:after { left:-30px; right:0; border-left:30px solid transparent; border-top:40px solid #175b82; border-right:none; border-bottom:none; -webkit-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%); }
.tm_list .btn_inquiry:hover { border-color:#175b82; }
.tm_list .btn_inquiry:hover:before, .tm_list .btn_inquiry:hover:after
 { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); }
.tm_list .btn_inquiry:hover span { color:#fff; background-image:url(/img/sub/icon_star_ov.png); }

#cont .page li { display:inline-block; margin:0 17px; vertical-align:middle; }
#cont .page li a { font-weight:700; color:#acacac; font-family: 'Nanum Square'; padding:0; border:none !important; background:none !important; }
#cont .page li a:hover, #cont .page li a.on { color:#31363a; }
#cont .page li.bprev a, #cont .page li.bnext a { width:7px; height:12px; background:url(/img/sub/l_prev.png) !important; overflow:hidden; text-indent:-5000px; }
#cont .page li.bnext a { background-image:url(/img/sub/l_next.png) !important; }
#cont .page li.on a { color:#175b82; }

/* view */
.tmPhoto { float:left; width:27.43%; border:1px solid #e1e1e1; }
.tmPhoto div { padding-bottom:122.25%; background:center no-repeat; background-size:cover; }
.tmPhoto li { float:left; width:50%; border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1; box-sizing:border-box; }
.tmPhoto li:nth-child(2n+1) { border-left:none; }
.tmPhoto li a { display:block; line-height:56px; color:#8c8c8c; text-align:center; font-family: 'Nanum Square'; background:#f6f6f6; }
.tmPhoto li a:hover { color:#fff; font-weight:700; background:#175b82; }
.tmPhoto li a:before { content:''; display:inline-block; width:25px; height:23px; margin-right:7px; vertical-align:middle; }
.tmPhoto li.icon1 a:before { background:url(/img/sub/tview_icon1.png); }
.tmPhoto li.icon2 a:before { background:url(/img/sub/tview_icon2.png); }
.tmPhoto li.icon3 a:before { background:url(/img/sub/tview_icon3.png); }
.tmPhoto li.icon4 a:before { background:url(/img/sub/tview_icon4.png); }
.tmPhoto li.icon1 a:hover:before { background:url(/img/sub/tview_icon1_ov.png); }
.tmPhoto li.icon2 a:hover:before { background:url(/img/sub/tview_icon2_ov.png); }
.tmPhoto li.icon3 a:hover:before { background:url(/img/sub/tview_icon3_ov.png); }
.tmPhoto li.icon4 a:hover:before { background:url(/img/sub/tview_icon4_ov.png); }

.viewCon { float:right; position:relative; width:70.14%; border:1px solid #e1e1e1; }
.viewCon section { padding:27px 40px; border-top:1px solid #e1e1e1; }
.viewCon section:first-child { border-top:none; }
.dotTit { position:relative; padding-left:15px; font-size:18px; color:#464646; font-family: 'Nanum Square'; }
.dotTit:before { content:''; display:block; position:absolute; left:0; top:50%; width:5px; height:5px; margin-top:-2px; background:#474747; }
.viewCon .viewSns { position:absolute; right:40px; top:35px; }
.viewCon .viewSns li { float:left; margin-left:8px; }
.viewCon .viewSns li:first-child { margin-left:0; }
.viewCon .summary { padding:40px 40px 35px; }
.viewCon .summary dt { margin-bottom:20px; font-family: 'Nanum Square'; }
.viewCon .summary dt strong { display:inline-block; font-size:26px; line-height:28px; color:#2d2c2c; font-weight:400; }
.viewCon .summary dt strong.prm { padding-left:32px; background:url(/img/sub/vicon_top.png) left center no-repeat; }
.viewCon .summary dt span { display:inline-block; position:relative; margin-left:26px; font-size:18px; }
.viewCon .summary dt span:before { content:''; display:block; position:absolute; left:-16px; top:50%; width:1px; height:15px; margin-top:-7px; background:#e8e8e8; }
.viewCon .summary dd { font-size:15px; line-height:1.7em; color:#8f8f8f; font-weight:300; }
.viewCon section.vcate { padding-left:150px; }
.vcate { position:relative; }
.vcate .dotTit { position:absolute; left:40px; top:50%; margin-top:-9px; }
.vcate p { display:inline-block; padding-left:27px; margin-right:16px; line-height:25px; font-size:15.5px; color:#595959; background:left center no-repeat; background-size:auto 19px; }
.vcate p.cate1 { background-image:url(/img/sub/instructor_icon01.png); }
.vcate p.cate2 { background-image:url(/img/sub/instructor_icon02.png); }
.vcate p.cate3 { background-image:url(/img/sub/instructor_icon03.png); }
.vcate p.cate4 { background-image:url(/img/sub/instructor_icon04.png); }
.vcate p.cate5 { background-image:url(/img/sub/instructor_icon05.png); }
.vcate p.cate6 { background-image:url(/img/sub/instructor_icon06.png); }
.vcate p.cate7 { background-image:url(/img/sub/instructor_icon07.png); }
.vcate p.cate8 { background-image:url(/img/sub/instructor_icon08.png); }
.vcate p.cate9 { background-image:url(/img/sub/instructor_icon09.png); }
.vcate p.cate10 { background-image:url(/img/sub/instructor_icon10.png); }
.vcate p.cate11 { background-image:url(/img/sub/instructor_icon11.png); }
.vcate p.cate12 { background-image:url(/img/sub/instructor_icon12.png); }
.vcate p.cate13 { background-image:url(/img/sub/instructor_icon13.png); }
.vcate p.cate14 { background-image:url(/img/sub/instructor_icon14.png); }
.vcate.mc p.cate1 { background-image:url(/img/sub/mc_icon01.png); }
.vcate.mc p.cate2 { background-image:url(/img/sub/mc_icon02.png); }
.vcate.mc p.cate3 { background-image:url(/img/sub/mc_icon03.png); }
.vcate.mc p.cate4 { background-image:url(/img/sub/mc_icon04.png); }
.vcate.mc p.cate5 { background-image:url(/img/sub/mc_icon05.png); }
.vcate.mc p.cate6 { background-image:url(/img/sub/mc_icon06.png); }
.vcate.mc p.cate7 { background-image:url(/img/sub/mc_icon07.png); }
.vcate p:last-child { margin-right:0; }
.vcate p span { font-size:15px; font-weight:300; color:#6e6e6e; }
.viewCon .viewDetail { position:relative; padding-right:47.54%; border-top:1px solid #e1e1e1; }
.viewCon .viewDetail .con { margin-top:10px; padding-left:15px; font-size:15px; font-weight:300; color:#8f8f8f; line-height:1.6em; }
/*
.viewCon .viewDetail .con p { position:relative; padding-left:10px; }
.viewCon .viewDetail .con p + p { margin-top:7px; }
.viewCon .viewDetail .con p:before { content:'-'; position:absolute; left:0; top:0; }
*/
.viewCon .viewDetail .con img { display:block; margin-top:15px; }
.viewCon .viewDetail .con img:first-child { margin-top:0; }
.viewCon .evaluate { position:absolute; right:0; top:0; bottom:0; width:47.54%; font-size:15px; border-left:1px solid #e1e1e1; border-top:none; box-sizing:border-box; overflow-y:auto; }
.evaluate .evaluate_tit { padding-bottom:5px; }
.evaluate .evaluate_tit .dotTit { float:left; }
.evaluate .evaluate_tit p { float:right; padding-left:90px; color:#545353; background:url(/img/sub/tit_star.png) left center no-repeat; }
.evaluate .evaluate_tit span { font-weight:300; color:#8f8f8f; }
.evaluate li { margin-top:20px; padding:30px 30px 25px; background:#f6f6f6; border-radius:20px; }
.evaluate .subject { font-size:16.5px; line-height:1.2em; color:#595959; }
.evaluate .score { margin:13px 0; color:#8f8f8f; font-weight:300; }
.evaluate .score span { position:relative; display:inline-block; margin-left:22px; }
.evaluate .score span:first-child { margin-left:0; }
.evaluate .score span:before { content:''; display:block; position:absolute; left:-12px; top:50%; width:1px; height:15px; margin-top:-7px; background:#e8e8e8; }
.evaluate .score span:first-child:before { display:none; }
.evaluate .score em, .evaluate .score strong { margin-right:5px; color:#5d5d5d; font-weight:400; }
.evaluate .score strong { font-weight:500; }
.evaluate .txt { line-height:1.6em; font-weight:300; color:#8f8f8f; }


/* 회원가입 */
.joinCon .inner_box { max-width:820px; }
.joinNav { margin-bottom:30px; }
.joinNav a { float:right; display:block; position:relative; width:48.5%; padding:30px 10px 30px 35px; border:1px solid #ddd; border-radius:10px; overflow:hidden; box-sizing:border-box; -webkit-transition-duration:.8s; -o-transition-duration:.8s; transition-duration:.8s; }
.joinNav a:first-child { float:left; }
.joinNav a:before { content:''; display:block; position:absolute; left:0; right:-100px; top:0; bottom:0; border-right:100px solid transparent; border-bottom:200px solid #bbe0eb; -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition-duration:.8s; -o-transition-duration:.8s; transition-duration:.8s; z-index:-1; }
.joinNav a:hover, .joinNav a.on { border-color:transparent; }
.joinNav a:hover:before, .joinNav a.on:before { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); }
.joinNav dl { position:relative; padding:13px 0 5px 120px; letter-spacing:-0.06em; }
.joinNav dl:before { content:''; display:block; position:absolute; left:0; top:50%; width:100px; height:100px; margin-top:-50px; border:1px solid #ddd; background:url(/img/sub/icon_join2.png) center no-repeat #fff; border-radius:50%; box-sizing:border-box; }
.joinNav a:first-child dl:before { background-image:url(/img/sub/icon_join1.png); }
.joinNav a:hover dl:before, .joinNav a.on dl:before { border:none; background-image:url(/img/sub/icon_join2_ov.png); }
.joinNav a:first-child:hover dl:before, .joinNav a.on:first-child dl:before { background-image:url(/img/sub/icon_join1_ov.png); }
.joinNav dt { margin-bottom:8px; font-size:21px; font-weight:800; color:#175b82; font-family: 'NanumSquare', sans-serif; }
.joinNav dd { font-size:15px; color:#808080; line-height:1.6em; }

.joinForm { border-radius:10px; letter-spacing:-0.06em; overflow:hidden; }
.joinForm > img { display:block; width:100%; }
.joinForm .formcon { padding:0 60px 80px; border:1px solid #ddd; border-radius:0 0 10px 10px; }
.joinForm .tit { padding:45px 0 35px; }
.joinForm.join2 .tit { padding-bottom:20px; }
.joinForm .tit h3 { margin-bottom:15px; padding-left:32px; font-size:26px; font-weight:800; color:#175b82; font-family: 'NanumSquare', sans-serif; background:url(/img/sub/join_tit.png) left center no-repeat; }
.joinForm .tit p { font-size:15px; line-height:1.7em; color:#808080; }
.joinForm .formcon > .info { margin-bottom:15px; font-size:15px; font-weight:500; color:#175b82; text-align:right; line-height:1.3em; }
.joinForm li { overflow:hidden; position:relative; padding-left:158px; margin-bottom:5px; font-weight:300; }
.joinForm li .label { position:absolute; left:0; top:0; display:block; line-height:40px; font-size:17px; color:#333; font-family: 'Nanum Square'; }
.joinForm li .label.required:after { content:'*'; display:inline-block; margin-left:5px; color:#10658c; }
.joinForm li .label img { margin-right:10px; vertical-align:middle; }
.joinForm li input, .joinForm li select { display:block; width:100%; height:40px; line-height:38px; padding:0 10px 0 25px; margin-bottom:11px; font-weight:300; border:1px solid #ddd; border-radius:38px; box-sizing:border-box; background:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.joinForm li select { max-width:200px; padding-right:0; background:url(/img/sub/select2.png) right center no-repeat; -webkit-appearance:none; appearance:none; }
.joinForm li select::-ms-expand { display:none; }
.joinForm li .telNum { float:left; width:108px; }
.joinForm li .pay { float:left; width:200px; }
.joinForm li .payRange { float:left; width:100%; }
.joinForm li span { float:left; margin:0 7px; font-size:15px; color:#737373; line-height:40px; }
.joinForm li textarea { display:block; width:100%; height:180px; padding:15px 25px; margin-bottom:11px; line-height:1.7em; font-size:15px; font-weight:300; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; }

.joinForm li .info { position:relative; margin:0 5px; padding-left:15px; font-size:14px; line-height:1.7em; color:#808080; }
.joinForm li .info:first-of-type { margin-top:-3px; }
.joinForm li .info:last-child { margin-bottom:15px; }
.joinForm li .info:before { content:'※'; position:absolute; left:0; top:0; }

.joinForm li .cateNav { margin-bottom:11px; }
.joinForm li .cateNav a { float:left; position:relative; width:200px; line-height:38px; padding-left:25px; font-size:15px; color:#b1b1b1; border:1px solid #ddd; border-radius:38px; box-sizing:border-box; -webkit-transition-duration:.4s; -o-transition-duration:.4s; transition-duration:.4s; }
.joinForm li .cateNav a:first-child { margin-right:15px; }
.joinForm li .cateNav a:before { content:''; display:block; position:absolute; right:20px; top:0; bottom:0; width:14px; background:url(/img/sub/lst_join_cate.png) center no-repeat; }
.joinForm li .cateNav a:hover, .joinForm li .cateNav a.on { color:#737373; background:#f7f7f7; }
.joinForm .tchCate { display:none; margin-bottom:11px; border-left:1px solid #e1e1e1; border-right:none; }
.joinForm .tchCate .cateChk dl { width:33.33%; border-right:1px solid #e1e1e1; border-left:none; }
.joinForm .tchCate .cateChk dd { height:180px; }
.joinForm .mcChk { background:none; }
.joinForm .mcChk label { width:33.33%; background:#f6f6f6 !important; border-bottom:1px solid #e4e4e4; border-left:none; border-right:1px solid #e1e1e1; }

.joinForm .addInput { position:relative; padding-right:48px; }
.joinForm .addInput .btn_add { position:absolute; right:0; bottom:0; width:40px; height:40px; border:1px solid #ddd; background:url(/img/sub/lst_join_more.png) center no-repeat #f7f7f7; border-radius:50%; box-sizing:border-box; overflow:hidden; text-indent:-5000px; }

.joinForm .profile { position:relative; padding-right:180px; }
.joinForm .profile a { position:absolute; right:0; top:0; display:block; width:168px; line-height:38px; font-size:14px; color:#808080; text-align:center; border:1px solid #ddd; background:#f6f6f6; border-radius:38px; }
.joinForm .profile a:before { content:''; display:inline-block; width:15px; height:15px; margin-right:8px; vertical-align:-2px; background:url(/img/sub/lst_join_down.png); }

.joinForm .pop_policy { display:inline-block; padding:0 28px; line-height:38px; font-size:14px; font-weight:500; color:#8f8f8f; border:1px solid #ddd; background:#f6f6f6; border-radius:38px; }
.joinForm .pop_policy + .pop_policy { margin-left:4px; }
.joinForm .pop_policy:before { content:''; display:inline-block; width:5px; height:5px; margin-right:8px; vertical-align:middle; background:#a5a5a5; border-radius:50%; }
.join_form .chk_p,
.joinForm .chk_p { display:block; padding-left:27px; margin-top:15px; font-size:15px; font-weight:500; color:#808080; line-height:1.3em; background:url(/img/sub/chk2.png) left top no-repeat; }

.join_form .chk_p.on,
.joinForm .chk_p.on { background-image:url(/img/sub/chk2_on.png); }

.join_form .btn_submit,
.joinForm .btn_submit { display:block; width:220px; height:46px; margin:35px auto 0; font-size:16.5px; font-weight:800; color:#fff; font-family: 'NanumSquare', sans-serif; border:none; background:#175b82; border-radius:46px; }
.join_form .btn_submit img,
.joinForm .btn_submit img { margin-right:8px; vertical-align:middle; }


/* 로그인 */
.loginCon { max-width:820px; margin:0 auto; }
.loginCon > div { padding:80px 15px 52%; background:url(/img/sub/bg_login.jpg) center bottom no-repeat #e8f4f7; background-size:100% auto; border-radius:13px; }
.loginCon .tit { margin-bottom:38px; text-align:center; }
.loginCon .tit h3 { margin-bottom:20px; font-size:34px; font-weight:800; color:#175b82; font-family: 'NanumSquare', sans-serif; }
.loginCon .tit > p { line-height:1.3em; color:#808080; }
.loginCon address { margin-top:10px; }
.loginCon address p { display:inline-block; padding-left:13px; font-size:14px; color:#6f6f6f; font-weight:600; letter-spacing:0.05em; opacity:.6; }
.loginCon address p span { display:inline-block; position:relative; padding-left:13px; margin-right:8px; font-weight:700; color:#175b82; }
.loginCon address p span:before { content:''; display:block; position:absolute; left:0; top:50%; width:4px; height:4px; margin-top:-2px; background:#175b82; }
.loginForm { max-width:530px; margin:0 auto; }
.loginForm .iptlabel { display:block; position:relative; margin-bottom:17px; }
.loginForm .iptlabel span { position:absolute; left:33px; top:0; line-height:48px; font-size:16.5px; color:#494949; font-family: 'Nanum Square'; }
.loginForm img { margin-right:10px; vertical-align:-4px; }
.loginForm .iptlabel input { display:block; width:100%; height:48px; line-height:48px; padding:0 30px 0 160px; border:none; background:#fff; border-radius:48px; box-sizing:border-box; }
.loginForm button { display:block; width:100%; height:48px; font-size:16.5px; font-weight:800; color:#fff; border:none; background:#175b82; border-radius:48px; }
.loginForm .loginForm_sns { margin:40px 0 0 0; }
.loginForm .loginForm_sns button:first-child { display:block; background:#FEDC00; color:#3B3036; margin:0 0 15px 0; line-height:23px; font-weight:600; }
.loginForm .loginForm_sns button:last-child { background:#00C300; font-weight:600; }
.loginForm .loginForm_sns button img { width:28px; vertical-align:-6px; }

.loginForm .bottom { margin-top:27px; font-size:15px; }
.loginForm .bottom label { float:left; color:#6c6c6c; }
.loginForm .link { float:right; }
.loginForm .link a { display:inline-block; position:relative; color:#6c6c6c; }
.loginForm .link a:first-child { margin-right:20px; }
.loginForm .link a:first-child:before { content:''; display:block; position:absolute; right:-13px; top:50%; width:1px; height:14px; margin-top:-7px; background:#bac0c2; }

.login-box { margin:0 auto !important; }
.login-box .login-box-body { background:transparent !important; border:0 !important; padding:0; }
.login-box .login-box-msg { font-family: 'NanumSquare'; font-size:28px !important; font-weight:900 !important; color:#175b82; padding:10px 0 25px 0px !important; }
.login-box .login-box-msg span { display:none; }
.login-box .AXInput { width:95% !important; height:40px; border-radius:48px; padding:0 15px; font-size:15px; }
.login-box .form-group:nth-child(3) .AXInput { width:20% !important; }
.login-box .form-group { margin-bottom:13px; }
.login-box .form-group:nth-child(4) { margin:20px 0 15px 0; line-height:160%; }
.login-box .btn-group {  }


/* 마이페이지 */
.subVis7, .subVis7 ~ #lnb { display:none; }
#cont.mpCon { padding-top:90px; background:#f7fafb; }
.mpCon .rsc { border:1px solid #e7e7e7; border-radius:15px; background:#fff; box-sizing:border-box; }
#mp_left { float:left; width:312px; }
#mp_left .profile { margin-bottom:38px; padding:33px 0 0; text-align:center; }
#mp_left .img { width:182px; height:182px; margin:0 auto; border:1px solid #e7e7e7; background:center no-repeat; background-size:cover; border-radius:50%; }
#mp_left .txt { padding:20px 10px 30px; }
#mp_left .txt strong { font-size:18px; font-weight:700; color:#606060; font-family: 'NanumSquare', sans-serif; letter-spacing:-0.06em; }
#mp_left .txt strong.prm { display:inline-block; padding-left:25px; line-height:22px; margin:-2px 0; background:url(/img/sub/icon_top.png) left center no-repeat; background-size:21px auto; }
#mp_left .txt p { margin:10px 0 15px; font-size:15px; font-weight:300; line-height:1.5em; color:#8f8f8f; }
#mp_left .txt a { display:block; max-width:189px; line-height:40px; margin:0 auto; font-size:15px; font-weight:500; color:#fff; background:#175b82; border-radius:40px; }
#mp_left .txt a img { margin-right:7px; vertical-align:middle; }
#mp_left .btns { border-top:1px solid #e7e7e7; }
#mp_left .btns a { display:inline-block; position:relative; padding-left:24px; line-height:54px; font-size:14px; color:#8f8f8f; background:left center no-repeat; }
#mp_left .btns a:first-child { margin-right:30px; }
#mp_left .btns a:first-child:before { content:''; display:block; position:absolute; right:-18px; top:50%; width:1px; height:15px; margin-top:-7px; background:#e7e7e7; }
.mem_out a:nth-child(2):before { content:''; display:block; position:absolute; right:-18px; top:50%; width:1px; height:15px; margin-top:-7px; background:#e7e7e7; }
#mp_left .btns a.btn_edit { background-image:url(/img/sub/mp_profile_icon1.png); }
#mp_left .btns a.btn_logout { background-image:url(/img/sub/mp_profile_icon2.png); }
#mp_left .btns a.btn_faq { background-image:url(/img/sub/mp_profile_icon3.png); }

#mp_left .con dl { padding:15px 10px 10px 40px; border-bottom:1px solid #e7e7e7; }
#mp_left .con dt { position:relative; margin-bottom:3px; font-size:15px; color:#8f8f8f; }
#mp_left .con dt:before { content:''; display:block; position:absolute; left:-13px; top:50%; width:4px; height:4px; margin-top:-2px; background:#afafaf; }
#mp_left .con dd { font-size:14px; font-weight:300; color:#b9b9b9; line-height:1.4em; }
#mp_left .con dd.montserrat { font-size:13px; font-weight:500; letter-spacing:0.05em; }
#mp_left li { float:left; width:33.33%; padding:25px 0; text-align:center; }
#mp_left li a { display:block; border-left:1px solid #e7e7e7; font-size:13px; color:#a5a5a5; -webkit-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; }
#mp_left li:first-child a { border-left:none; }
#mp_left li .icon { position:relative; margin-bottom:6px; }
#mp_left li .icon img { -webkit-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; }
#mp_left li .icon .ov { position:absolute; left:0; right:0; top:0; margin:0 auto; opacity:0; }
#mp_left li a:hover { color:#175b82; }
#mp_left li a:hover .icon .nov { opacity:0; }
#mp_left li a:hover .icon .ov { opacity:1; }


#mp_cont { float:right; width:1030px; }
#mp_cont .rsc { float:left; width:100%; margin-bottom:35px; }
#mp_cont .state1 { background:#f67d7d; }
#mp_cont .state2 { background:#f2b86d; }
#mp_cont .state3 { background:#82d2b5; }
#mp_cont .state4 { background:#8cd4ff; }
#mp_cont .state5 { background:#3d6ba4; }
#mp_cont .state6 { background:#bcbcbc; }
#mp_cont .state7 { background:#7b88cb; }
#mp_cont .state8 { background:#f67d7d; }
#mp_cont .state9 { background:#051014; }
#mp_cont .state10 { background:#3b072b; }
#mp_cont .state11 { background:#f3ec0d; }
#mp_cont .state12 { background:#c5b8f9; }
#mp_cont .state_confirm { background:#3c6aa4; }
#mp_cont .state_cancle { background:#557910; }
.mp_pd { padding:40px 40px 50px; }
.mp_tit { position:relative; margin-bottom:25px; padding-left:15px; font-size:18px; color:#464646; font-family: 'Nanum Square'; }
.mp_tit:before { content:''; display:block; position:absolute; left:0; top:50%; width:5px; height:5px; margin-top:-2px; background:#474747; }

.mp_state { padding:35px 0 30px; text-align:center; border-bottom:1px solid #e7e7e7; }
.mp_state ul { padding-top:12px; letter-spacing:-4px; box-sizing:border-box; }
.mp_state .process { float:left; width:66.67%; }
.mp_state .items2 { float:left; width:33.33%; border-left:1px solid #ececec; }
.mp_t .mp_state .items2 { width:32%; }
.mp_state .process.items2 { border:none; }
.mp_state li { display:inline-block; position:relative; letter-spacing:-0.06em; }
.mp_state .process li { width:25%; max-width:155px !important; }
.mp_state .items2 li { width:50%; max-width:130px; }
.mp_state .process li:before { content:''; display:block; position:absolute; right:-5px; top:0; width:9px; height:75px; background:url(/img/sub/mp_state_arr.png) center no-repeat; }
.mp_state .process li:last-child:before { display:none; }
.mp_state .icon { position:relative; width:75px; height:75px; margin:0 auto; border-radius:50%; }
.mp_state .icon img { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; }
.mp_state p { margin:12px 0 5px; font-size:16.5px; color:#606060; font-family: 'Nanum Square'; }
.mp_state span { font-size:13px; color:#989898; font-weight:700; }
.mp_state span em { font-size:15px; font-weight:600; }
.mp_state .txt { float:left; width:32%; min-height:137px; padding:20px 0 0 40px; text-align:left; border-left:1px solid #ececec; box-sizing:border-box; }
.mp_state .txt h4 { padding-left:30px; margin-bottom:10px; font-size:16.5px; line-height:18px; color:#175b82; font-family: 'Nanum Square'; background:url(/img/sub/icon_notify.png) left top no-repeat; }
.mp_state .txt p { font-size:14px; line-height:1.7em; letter-spacing:-0.07em; color:#9d9d9d; font-weight:300; }
.mp_state .txt .contact { margin-top:12px; }
.mp_state .txt .contact span { display:inline-block; padding-left:22px; font-size:13px; line-height:14px; color:#b7b7b7; font-weight:600; background:left center no-repeat; }
.mp_state .txt .contact span:first-child { margin-right:13px; }
.mp_state .txt .contact span.mail { background-image:url(/img/sub/icon_mail.png); }
.mp_state .txt .contact span.tel { background-image:url(/img/sub/icon_tel.png); }
.mp_list { padding:45px 55px 10px 70px; }
.mp_list .td_subject { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mp_list .td_date { width:24.4%; }
.mp_list .td_place { width:22.22%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mp_list .td_state span { display:inline-block; width:68px; line-height:27px; font-size:12px; font-weight:500; color:#fff; border-radius:5px; }

#mp_cont .mp_down { width:51.45%; height:645px; }
.mp_down .list { border-top:1px solid #e7e7e7; }
.mp_down .list li { position:relative; padding:23px 135px 23px 115px; border-bottom:1px solid #e7e7e7; }
.mp_down .list li .img { position:absolute; left:10px; top:50%; width:87px; height:87px; margin-top:-43px; border-radius:50%; overflow:hidden; }
.mp_down .list li .img img { position:absolute; left:0; right:0; top:-9999px; bottom:-9999px; width:100%; min-height:100%; margin:auto; }
.mp_down .list li strong { display:block; margin-bottom:7px; line-height:1.2em; color:#6c6c6c; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.mp_down .list li p { font-size:14.5px; line-height:1.5em; font-weight:300; color:#8f8f8f; }
.mp_down .list li p span { display:inline-block; position:relative; margin-right:20px; }
.mp_down .list li p span:before { content:''; display:block; position:absolute; right:-11px; top:50%; width:1px; height:13px; margin-top:-6px; background:#ddd; }
.mp_down .list li a { position:absolute; right:10px; top:50%; display:block; width:100px; line-height:31px; margin-top:-17px; font-size:14px; font-weight:700; color:#bcbcbc; text-align:center; border:2px solid #bcbcbc; border-radius:31px; }
.mp_down .list li a:hover { color:#85a9be; border-color:#85a9be; }
.mp_down .list li a:before { content:''; display:inline-block; width:13px; height:16px; margin-right:5px; vertical-align:-2px; background:url(/img/sub/mch_icon_detail.png); }
.mp_down .list li a:hover:before { background-image:url(/img/sub/mch_icon_detail_ov.png); }

#mp_cont .mp_evaluation { float:right; width:45.15%; }
.mp_evaluation.evaluate .evaluate_tit { padding-bottom:0 !important; }
.mp_evaluation ul { height:511px; font-size:15px; }
.mp_evaluation li:first-child { margin-top:0; }
.mp_evaluation li { padding:25px; }
.mp_evaluation .prf { position:relative; margin-bottom:41px; padding-left:105px; }
.mp_evaluation .prf:before { content:''; display:block; position:absolute; left:0; right:0; bottom:-21px; height:1px; background:#ddd; }
.mp_evaluation .prf .img { position:absolute; left:0; top:50%; width:87px; height:87px; margin-top:-43px; border-radius:50%; overflow:hidden; }
.mp_evaluation .prf .img img { position:absolute; left:0; right:0; top:-9999px; bottom:-9999px; width:100%; min-height:100%; margin:auto; }
.mp_evaluation .prf .name { margin-bottom:8px; font-size:14.5px; color:#717070; overflow:hidden; line-height:1.2em; white-space:nowrap; text-overflow:ellipsis; }
.mp_evaluation .prf .name span { display:inline-block; position:relative; margin-right:20px; font-size:16.5px; color:#464646; font-family: 'Nanum Square'; }
.mp_evaluation .prf .name span:before { content:''; display:block; position:absolute; right:-11px; top:50%; width:1px; height:15px; margin-top:-7px; background:#e8e8e8; }
.mp_evaluation .prf > span { display:block; font-size:14.5px; color:#8f8f8f; font-weight:300; line-height:1.5em; }
.mp_evaluation .prf .cate { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.mpForm { padding:0 15px; }
.mpForm > li { position:relative; margin-bottom:18px; padding-left:150px; }
.mpForm > li:after { content:''; display:block; clear:both; }
.mpForm label { line-height:32px; color:#6c6c6c; }
.mpForm > li > label { position:absolute; left:0; top:0; }
.mpForm label img { margin-right:7px; vertical-align:middle; }
.mpForm input, .mpForm textarea { width:100%; padding:0 20px; height:38px; line-height:38px; font-size:14.5px; border:1px solid #ddd; border-radius:38px; box-sizing:border-box; }
.mpForm textarea { height:138px; padding:15px 20px; line-height:1.7em; border-radius:12px; }
.mpForm .inputBox { float:left; position:relative; width:71%; }
.mpForm .inputBox input { padding-right:45px; }
.mpForm button { position:absolute; right:20px; top:0; height:100%; padding:0; border:none; background:none; }
.mpForm .mp_search > input { float:right; width:27%; background:#f7f7f7; }
.mpForm li .sltBoxs { float:right; }
.mpForm li > .dd { float:left; }
.mpForm li .sltBox { float:left; }
.mpForm li .sltBox:first-child { margin-right:33px; }
.mpForm li .sltBox label { padding-right:18px; }
.mpForm select { width:180px; }
.mpForm .dd { border:1px solid #ddd; border-radius:38px; }
.mpForm .dd:focus { outline:none; }
.mpForm .dd .ddlabel { font-size:15px !important; color:#b1b1b1 !important; }
.mpForm .dd .ddTitle { line-height:38px; padding:0 20px; background:url(/img/sub/select2.png) right center no-repeat; box-sizing:border-box; }
.mpForm .dd .ddTitle .ddTitleText { padding:0; }
.mpForm .ddcommon .ddTitle .ddTitleText img { vertical-align:baseline; }
.mpForm .dd .divider { display:none; }
.mpForm .dd .ddChild { height:auto !important; border-color:#ddd; border-radius:5px; }
.mpForm .dd .ddChild li { padding:0 20px; line-height:30px; border-bottom-color:#ddd; }
.mpForm .dd .ddChild li:hover { background:#f8f8f8; }
.mpForm .dd .ddChild li.selected { background:#f1f1f1; }
.mp_write .btn_submit { display:block; width:190px; height:42px; margin:33px auto 0; font-size:15px; font-weight:500; color:#fff; border:none; background:#175b82; border-radius:42px; }
.mp_write .btn_submit img { margin-right:7px; vertical-align:middle; }

.mp_itrList .link { float:right; padding-left:27px; line-height:18px; background:url(/img/sub/icon_all.png) left center no-repeat; }
.mp_itrList .link a { float:left; display:block; position:relative; font-size:14px; color:#939393; }
.mp_itrList .link a:first-child { margin-right:25px; }
.mp_itrList .link a:first-child:before { content:''; display:block; position:absolute; right:-13px; top:50%; width:1px; height:13px; margin-top:-6px; background:#ddd; }
.mp_itrList { padding-bottom:20px !important; }
.mp_itrList li { float:left; width:22.3%; margin:0 3.6% 30px 0; text-align:center; }
.mp_itrList li:nth-child(4n) { margin-right:0; }
.mp_itrList .img { position:relative; width:170px; height:170px; margin:0 auto 15px; border-radius:50%; overflow:hidden; }
.mp_itrList .img img { position:absolute; left:0; right:0; top:-9999px; bottom:-9999px; width:100%; min-height:100%; margin:auto; -webkit-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; }
.mp_itrList a:hover .img img { -webkit-transform:scale(1.14); -ms-transform:scale(1.14); transform:scale(1.14); }
.mp_itrList .lname { margin-bottom:10px; display:inline-block; line-height:25px; font-size:16.5px; font-weight:400; color:#2d2c2c; font-family: 'Nanum Square'; }
.mp_itrList .lname.prm { padding-left:30px; background:url(/img/sub/icon_top.png) left top no-repeat; }
.mp_itrList p { font-size:14.5px; color:#919191; font-weight:300; line-height:1.58em; }
.mp_itrList .cate { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.mp_itrList .btn_inquiry { position:relative; display:block; max-width:146px; margin:12px auto 0; border:1px solid #d6d6d6; border-radius:20px; box-sizing:border-box; overflow:hidden; z-index:1; }
.mp_itrList .btn_inquiry span { display:inline-block; padding-left:23px; line-height:38px; font-size:14.5px; color:#a0a0a0; background:url(/img/sub/mp_star.png) left center no-repeat; -webkit-transition-duration:.6s; -o-transition-duration:.6s; transition-duration:.6s; }
.mp_itrList .btn_inquiry:before, .mp_itrList .btn_inquiry:after { content:''; display:block; position:absolute; left:0; right:-30px; top:0; bottom:0; border-right:30px solid transparent; border-bottom:40px solid #175b82; z-index:-1; -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition-duration:.6s; -o-transition-duration:.6s; transition-duration:.6s; }
.mp_itrList .btn_inquiry:after { left:-30px; right:0; border-left:30px solid transparent; border-top:40px solid #175b82; border-right:none; border-bottom:none; -webkit-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%); }
.mp_itrList .btn_inquiry:hover { border-color:#175b82; }
.mp_itrList .btn_inquiry:hover:before, .mp_itrList .btn_inquiry:hover:after
 { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); }
.mp_itrList .btn_inquiry:hover span { color:#fff; background-image:url(/img/sub/mp_star_ov.png); }

.mp_view { padding:65px 65px 70px 70px; }
.mp_view_tit { position:relative; margin-bottom:25px; padding-right:155px; }
.mp_view_tit .mp_tit { margin-bottom:0; font-size:16.5px; line-height:1.4em; }
.mp_view_tit .mp_tit:before { top:8px; margin-top:0; }
.mp_view_tit .date { position:absolute; right:0; bottom:0; font-size:14px; color:#6c6c6c; }
.mp_view_tit .date img { margin-right:5px; vertical-align:middle; }
.mp_view_tit .date span { padding-left:10px; font-weight:600; color:#9d9d9d; }
.mp_viewCont { position:relative; min-height:455px; padding:25px 0 0 310px; border-top:1px solid #c2c2c2; }
.mp_view_profile { position:absolute; left:0; top:25px; width:265px; text-align:center; }
.mp_view_profile .img { position:relative; padding-bottom:106.77%; overflow:hidden; }
.mp_view_profile .img img { position:absolute; left:0; right:0; top:-9999px; bottom:-9999px; width:100%; min-height:100%; margin:auto; }
.mp_view_profile .lname { display:inline-block; max-width:100%; line-height:25px; margin:15px 0 5px; color:#606060; font-family: 'Nanum Square'; letter-spacing:-0.06em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; }
.mp_view_profile .lname p { display:inline-block; position:relative; margin-right:16px; font-size:18px; color:#2d2c2c; }
.mp_view_profile .lname.prm p { padding-left:30px; background:url(/img/sub/icon_top.png) left center no-repeat; }
.mp_view_profile .lname p:before { content:''; display:block; position:absolute; right:-12px; top:50%; width:1px; height:15px; margin-top:-7px; background:#e8e8e8; }
.mp_view_profile .cate { margin-bottom:13px; font-size:15px; font-weight:300; color:#7e7e7e; line-height:1.4em; }
.mp_view_profile .btns { letter-spacing:-4px; }
.mp_view_profile .btns a { display:inline-block; width:48.5%; max-width:118px; line-height:30px; font-size:14px; color:#bcbcbc; font-weight:700; text-align:center; letter-spacing:-0.06em; border:2px solid #bcbcbc; border-radius:30px; box-sizing:border-box; }
.mp_view_profile .btns a:first-child { margin-right:3%; }
.mp_view_profile .btns a:before { content:''; display:inline-block; width:13px; height:16px; margin-right:4px; vertical-align:-2px; background:center no-repeat; }
.mp_view_profile .btns a.down:before { background-image:url(/img/sub/mch_icon_down_off.png); }
.mp_view_profile .btns a.view:before { background-image:url(/img/sub/mch_icon_detail.png); }
.mp_view_profile .btns a:hover { color:#85a9be; border-color:#85a9be; }
.mp_view_profile .btns a.down:hover:before { background-image:url(/img/sub/mch_icon_down.png); }
.mp_view_profile .btns a.view:hover:before { background-image:url(/img/sub/mch_icon_detail_ov.png); }

.mp_viewcon th, .mp_viewcon td { height:50px; padding:10px 10px 10px 25px; font-size:15px; color:#9d9d9d; line-height:1.3em; border:1px solid #e7e7e7; box-sizing:border-box; }
.mp_viewcon th { width:130px; padding:10px 0; font-size:15.5px; font-weight:400; color:#676666; text-align:center; }
.mp_viewcon th .star { padding-left:3px; font-size:14px; color:#588aa7; }
.mp_viewcon td a { color:#9d9d9d; }
.mp_viewcon td .montserrat { font-size:13px; font-weight:600; }
.mp_viewcon td .state { position:relative; padding-left:75px; }
.mp_viewcon td .state span { position:absolute; left:0; top:50%; display:block; width:67px; line-height:26px; margin-top:-13px; font-size:12px; font-weight:500; color:#fff; text-align:center; border-radius:5px; }
.mp_viewcon .btns { margin-top:17px; text-align:right; }
.mp_viewcon .btns a { display:inline-block; width:71px; line-height:33px; margin-left:9px; font-size:13px; color:#989898; text-align:center; border:1px solid #e7e7e7; background:#f7f7f7; }
.mp_viewcon .btns button { width:190px; height:45px; padding:0; font-size:15px; font-weight:500; color:#fff; line-height:45px; background:#175b82; border:0; border-radius:45px; }
.mp_viewcon .btns button img { margin:12px 6px 0 0; }

.mp_viewcon input { height:38px; line-height:35px; padding:0 20px; border-radius:38px; box-sizing:border-box; border:1px solid #e4e4e4; }






.mp_inquiry td select {display:block;width:100%;height:40px;line-height:38px;padding:0 10px 0 25px;margin-bottom:11px;font-weight:300;border:1px solid #ddd; border-radius:38px;/* box-sizing:border-box; */background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.mp_inquiry td select { max-width:200px; padding-right:0; background:url(/img/sub/select2.png) right center no-repeat; -webkit-appearance:none; appearance:none; }
.mp_inquiry td select::-ms-expand { display:none; }

.mp_inquiry td .cateNav {margin-bottom:11px;}
.mp_inquiry td .cateNav a { float:left; position:relative; width:200px; line-height:38px; padding-left:25px; font-size:15px; color:#b1b1b1; border:1px solid #ddd; border-radius:38px; box-sizing:border-box; -webkit-transition-duration:.4s; -o-transition-duration:.4s; transition-duration:.4s; }
.mp_inquiry td .cateNav a:first-child { margin-right:15px; }
.mp_inquiry td .cateNav a:before { content:''; display:block; position:absolute; right:20px; top:0; bottom:0; width:14px; background:url(/img/sub/lst_join_cate.png) center no-repeat; }
.mp_inquiry td .cateNav a:hover, .mp_inquiry td .cateNav a.on { color:#737373; background:#f7f7f7; }
.mp_inquiry .tchCate { display:none; margin-bottom:11px; border-left:1px solid #e1e1e1; border-right:none; }
.mp_inquiry .tchCate .cateChk dl { width:33.33%; border-right:1px solid #e1e1e1; border-left:none; }
.mp_inquiry .tchCate .cateChk dd { height:180px; }
.mp_inquiry .mcChk { background:none; }
.mp_inquiry .mcChk label { width:33.33%; background:#f6f6f6 !important; border-bottom:1px solid #e4e4e4; border-left:none; border-right:1px solid #e1e1e1; }
.mp_inquiry td textarea { display:block; width:100%; height:180px; padding:15px 25px; margin-bottom:11px; line-height:1.7em; font-size:15px; font-weight:300; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; }









/* 문의하기 */
.qnaCon { background:#f7fafb; }
.qnaForm { float:left; width:57.5%; min-height:inherit !important; padding:0 98px 70px; border:1px solid #e4e4e4; border-radius:15px; background:#fff; box-sizing:border-box; }
.qnaForm .tit { padding:80px 0 40px; text-align:center; letter-spacing:-0.06em; }
#cont.qnaCon .tit h2 { margin-bottom:20px; font-size:34px; font-weight:800; color:#175b82; font-family: 'NanumSquare', sans-serif; }
.qnaForm .tit > p { line-height:1.6em; color:#808080; }
.qnaForm .tit > p strong{ font-weight: 400; color: #175b82; }
.qnaForm .contact { margin-top:20px; letter-spacing:0.05em; }
.qnaForm .contact p { display:inline-block; font-size:14px; font-weight:600; color:#a9a9a9; }
.qnaForm .contact p:first-child { margin-right:15px; }
.qnaForm .contact strong { position:relative; display:inline-block; padding:0 7px 0 13px; font-weight:700; color:#749db4; }
.qnaForm .contact strong:before { content:''; display:block; position:absolute; left:0; top:50%; width:4px; height:4px; margin-top:-2px; background:#6b98b1; }
#mchWrap.qnaForm .form_ul li { padding-left:120px; margin-bottom:18px; }
#mchWrap.qnaForm .form_ul li > label { line-height:40px; }
#mchWrap.qnaForm .form_ul li > label .star{ font-size: 18px; color: #dc0c0c; }
#mchWrap.qnaForm .form_ul input, #mchWrap.qnaForm .form_ul select { height:40px; line-height:38px; padding:0 20px; border-radius:38px; }
#mchWrap.qnaForm .form_ul input::-webkit-input-placeholder { color: #b4b4b4; }
#mchWrap.qnaForm .form_ul input::-ms-input-placeholder { color:#b4b4b4; }
#mchWrap.qnaForm .form_ul input::placeholder { color:#b4b4b4; }
#mchWrap.qnaForm .form_ul .inputBox { float:left; position:relative; width:71%; }
#mchWrap.qnaForm .form_ul .inputBox input { padding-right:45px; }
#mchWrap.qnaForm .form_ul button { position:absolute; right:20px; top:0; height:100%; padding:0; border:none; background:none; }
#mchWrap.qnaForm .form_ul .q_search > input { float:right; width:27%; background:#f7f7f7; }
#mchWrap.qnaForm .datePick { float:left; width:39%; padding-right:40px; margin-bottom:0; border-radius:38px; }
#mchWrap.qnaForm .datePick input { height:38px; }
#mchWrap.qnaForm .form_ul .datePick button { right:15px; width:20px; height:38px; border-left:none; background:url(/img/sub/calen.png) center no-repeat; }
#mchWrap.qnaForm .form_ul .selectBox { float:right; width:59.5%; }
#mchWrap.qnaForm .form_ul .selectBox select { background-position:95% center; }
#mchWrap.qnaForm .form_ul select.apm { width:27%; }
#mchWrap.qnaForm .form_ul select.duration { width:36%; }
#mchWrap.qnaForm .form_ul .upload-name { padding-left:98px !important; }
#mchWrap.qnaForm .form_ul .filebox label { left:20px; }
#mchWrap.qnaForm .frm_btns { position:static; margin-top:30px; text-align:center; }
#mchWrap.qnaForm .frm_btns button { float:none; width:190px; height:45px; padding:0; font-size:15px; font-weight:500; color:#fff; line-height:45px; background:#175b82; border-radius:45px; font-family: 'Noto Sans KR', sans-serif; }
#mchWrap.qnaForm .frm_btns button img { margin-right:7px; vertical-align:baseline; }

.qnaTxt { float:right; width:40%; }
.qnaTxt > section { border:1px solid #e4e4e4; border-radius:15px; background:#fff; box-sizing:border-box; }
.qnaTxt .links { padding:0 38px; }
.qnaTxt .links ul { padding:30px 0; border-bottom:1px solid #e4e4e4; }
.qnaTxt .links li { position:relative; float:left; width:20%; text-align:center; }
.qnaTxt .links li:before { content:''; display:block; position:absolute; left:0; top:5px; bottom:1px; width:1px; background:#e7e7e7; }
.qnaTxt .links li:first-child:before { display:none; }
.qnaTxt .links li a { display:block; font-size:13px; color:#a5a5a5; }
.qnaTxt .links li a:hover { color:#175b82; }
.qnaTxt .links li img { display:block; margin:0 auto 7px; }
.qnaTxt .ex { padding:34px 0 36px; }
.qnaTxt .ex dl + dl { margin-top:13px; }
.qnaTxt .ex dt { position:relative; padding-left:13px; margin-bottom:5px; font-size:15px; line-height:1.4em; color:#757474; }
.qnaTxt .ex dt:before { content:''; display:block; position:absolute; left:0; top:7px; width:4px; height:4px; background:#757474; }
.qnaTxt .ex dd { padding-left:13px; font-size:14px; line-height:1.6em; color:#a2a2a2; font-weight:300; }
.qnaTxt .img_box { position:relative; margin-top:38px; padding:56px 0; }
.qnaTxt .img_box .img { position:absolute; left:0; top:50%; width:44%; padding:0 20px; text-align:center; box-sizing:border-box; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.qnaTxt .img_box dl { padding:0 20px 0 44%; }
.qnaTxt .img_box dt { margin-bottom:10px; font-size:20px; font-weight:700; color:#175b82; font-family: 'NanumSquare', sans-serif; letter-spacing:-0.06em; }
.qnaTxt .img_box dd { font-size:15px; font-weight:300; line-height:1.6em; color:#8f8f8f; }
.qnaTxt .img_box a { display:block; position:relative; width:185px; height:40px; line-height:38px; margin-top:15px; text-indent:25px; font-size:14px; font-weight:500; text-align:left; color:#a8a8a8; border:1px solid #ddd; background:#f6f6f6; border-radius:40px; }
.qnaTxt .img_box a:before { content:''; display:block; position:absolute; right:18px; top:0; bottom:0; width:6px; background:url(/img/sub/qna_btn.png) center no-repeat; -webkit-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; }
.qnaTxt .img_box a:hover:before { right:10px; }


/* 문의하기 수정(2024-09-26) */
.qnaForm.qnaForm2{ float: unset; margin: 0 auto; padding: 0 70px 70px; }
#mchWrap.qnaForm2 .form_ul .undecidedBox{ float: left; width: calc(100% - 60px); }
#mchWrap.qnaForm2 .form_ul .undecidedBox .grayInput{ float: right; width: 27%; background: #f7f7f7; }
#mchWrap.qnaForm2 .form_ul .undecidedBox .datePick{ width: 35%; }
#mchWrap.qnaForm2 .form_ul .selectBox{ width: 64%; }
#mchWrap.qnaForm2 .form_ul .check{ display: flex; align-items: center; line-height: 40px; float: right; }
#mchWrap.qnaForm2 .form_ul .check input{ width: 17px; height: 17px; cursor: pointer; }
#mchWrap.qnaForm2 .form_ul .check label{ padding-left: 5px; cursor: pointer; }

#cont.qnaCon > section.prcCon{ padding-top: 0; }

@media (max-width: 960px) {
    .qnaForm.qnaForm2 {
        padding: 0 5% 70px;
    }
}

@media (max-width: 767px) {
    #mchWrap.qnaForm2 .form_ul .undecidedBox .datePick{ width: 58%; } 
    #mchWrap.qnaForm2 .form_ul .undecidedBox .grayInput{ width: 100%; }
    #mchWrap.qnaForm2 .form_ul .check{ position: absolute; bottom: 0; right: 0; }

	#mchWrap.qnaForm2 .form_ul .undecidedBox.block{ width: 100%; }
	#mchWrap.qnaForm2 .form_ul .undecidedBox.block .grayInput{ width: calc(100% - 60px); float: left; }
}

/* 강사&mc 검색폼 */
#tm_searchForm header img { display:block; width:100%; }
#tm_searchForm h2 { padding:16px; font-size:20px; line-height:1.3em; font-weight:800; color:#fff; text-align:center; font-family: 'NanumSquare', sans-serif; background:#007da9; }

#tm_searchForm #cont { padding:25px 40px 50px; }
#tm_searchForm .s_area { position:relative; }
#tm_searchForm .s_area input { width:100%; height:46px; line-height:44px; padding:0 50px 0 25px; font-weight:500; border:1px solid #e1e1e1; border-radius:44px; box-sizing:border-box; }
#tm_searchForm .s_area button { position:absolute; right:24px; top:0; height:100%; padding:0; border:none; background:none; }

#tm_searchForm .list { margin-top:25px; border-top:1px solid #e4e4e4; }
#tm_searchForm .list li { position:relative; padding:35px 140px 33px 100px; border-bottom:1px solid #e4e4e4; }
#tm_searchForm .list li .img { position:absolute; left:0; top:50%; width:89px; height:89px; margin-top:-44px; border-radius:50%; overflow:hidden; }
#tm_searchForm .list li .img img { position:absolute; left:0; right:0; top:-9999px; bottom:-9999px; width:100%; min-height:100%; margin:auto; }
#tm_searchForm .list li .txt p { font-size:15px; color:#9b9b9b; line-height:1.2em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#tm_searchForm .list li .txt p + p { margin-top:5px; }
#tm_searchForm .list li .txt .name span { position:relative; display:inline-block; margin-right:20px; font-size:17px; font-weight:700; color:#175b82; font-family: 'NanumSquare', sans-serif; }
#tm_searchForm .list li .txt .name span:before { content:''; display:block; position:absolute; right:-11px; top:50%; width:1px; height:14px; margin-top:-7px; background:#cbcbcb; }
#tm_searchForm .list li a { position:absolute; right:0; top:50%; display:block; width:126px; line-height:32px; margin-top:-18px; font-size:14px; font-weight:700; color:#bcbcbc; text-align:center; border:2px solid #bcbcbc; border-radius:32px; }
#tm_searchForm .list li a:hover { color:#fff; border-color:#007da9; background:#007da9; }
#tm_searchForm .list li a:before { content:''; display:inline-block; width:13px; height:16px; margin-right:5px; vertical-align:-2px; background:url(/img/sub/mch_icon_detail.png); }
#tm_searchForm .list li a:hover:before { background-image:url(/img/sub/mch_icon_detail_w.png); }


/* 강연영상 */
.vView { padding-bottom:52px; border-bottom:1px solid #e1e1e1; }
.viewFrame { float:left; width:50%; }
.vViewCon { float:right; width:47%; }
.vViewCon .con { border:1px solid #e1e1e1; }
.vViewCon .vTop { padding:0 40px; border-bottom:1px solid #e1e1e1; background:#f6f6f6; }
.vViewCon .vTop > div { position:relative; height:145px; }
.vViewCon .vTop div div { position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.vViewCon .vTop .img { width:102px; height:102px; border-radius:50%; overflow:hidden; }
.vViewCon .vTop .img img { position:absolute; left:0; right:0; top:-9999px; bottom:-9999px; width:100%; min-height:100%; margin:auto; }
.vViewCon .vTop .txt { left:125px; right:0; letter-spacing:-0.06em; }
.vViewCon .vTop h3 { margin-bottom:8px; font-size:22px; line-height:1.3em; color:#2d2c2c; font-family: 'Nanum Square'; }
.vViewCon .vTop strong { font-size:16.5px; color:#6d6d6d; font-weight:400; font-family: 'Nanum Square'; }
.vViewCon .vTop span { position:relative; display:inline-block; margin-left:20px; padding-left:23px; line-height:16px; font-size:15px; color:#9b9b9b; background:left center no-repeat; }
.vViewCon .vTop span.date { background-image:url(/img/sub/video_time.png); }
.vViewCon .vTop span.hit { background-image:url(/img/sub/video_star.png); }
.vViewCon .vTop span:before { content:''; display:block; position:absolute; left:-10px; top:50%; width:1px; height:15px; margin-top:-7px; background:#e8e8e8; }
.vViewCon .vTop span em { display:inline-block; margin-left:10px; font-weight:500; }
.vViewCon .vcon { height:302px; padding:25px 40px; box-sizing:border-box; overflow-y:auto; }
.vViewCon .vcon h4 { position:relative; margin-bottom:12px; padding-left:15px; font-size:18px; color:#464646; font-family: 'Nanum Square'; }
.vViewCon .vcon h4:before { content:''; display:block; position:absolute; left:0; top:50%; width:5px; height:5px; margin-top:-2px; background:#474747; }
.vViewCon .vcon .contxt { font-size:15px; line-height:1.7em; font-weight:300; color:#8f8f8f; }
.vViewCon .vBtns { margin-top:26px; }
.vViewCon .vBtns a { float:left; width:31.8%; margin-left:2.3%; line-height:52px; font-size:16.5px; font-weight:700; color:#8c8c8c; font-family: 'NanumSquare', sans-serif; text-align:center; border:1px solid #e1e1e1; background:#f6f6f6; box-sizing:border-box; }
.vViewCon .vBtns a:first-child { margin-left:0; }
.vViewCon .vBtns a:hover { color:#fff; border-color:#175b82; background:#175b82; }
.vViewCon .vBtns a:before { content:''; display:inline-block; width:26px; height:22px; margin-right:8px; vertical-align:middle; background:url(/img/sub/video_vicon1.png) center no-repeat; }
.vViewCon .vBtns a:nth-child(2):before { background-image:url(/img/sub/video_vicon2.png); }
.vViewCon .vBtns a:nth-child(3):before { background-image:url(/img/sub/video_vicon3.png); }
.vViewCon .vBtns a:nth-child(1):hover:before { background-image:url(/img/sub/video_vicon1_ov.png); }
.vViewCon .vBtns a:nth-child(2):hover:before { background-image:url(/img/sub/video_vicon2_ov.png); }
.vViewCon .vBtns a:nth-child(3):hover:before { background-image:url(/img/sub/video_vicon3_ov.png); }

.vList .list li { float:left; width:32%; margin-right:2%; padding:52px 0 10px; text-align:center; }
.vList .list li:nth-child(3n) { margin-right:0; }
.vList .list a { display:block; }
.vList .list .img { position:relative; padding-bottom:75.78%; overflow:hidden; }
.vList .list .img img { position:absolute; left:0; right:0; top:-9999px; bottom:-9999px; width:100%; min-height:100%; margin:auto; -webkit-transition-duration:.4s; -o-transition-duration:.4s; transition-duration:.4s; }
.vList .list a:hover .img img { -webkit-transform:scale(1.14); -ms-transform:scale(1.14); transform:scale(1.14); }
.vList .list .txt { margin-top:33px; }
.vList .list h5 { margin-bottom:10px; font-size:18px; color:#2d2c2c; line-height:1.2em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.vList .list strong { font-size:16.5px; color:#6d6d6d; font-weight:400; font-family: 'Nanum Square'; }
.vList .list span { position:relative; display:inline-block; margin-left:24px; padding-left:23px; line-height:16px; font-size:15px; color:#9b9b9b; background:url(/img/sub/video_time.png) left center no-repeat; }
.vList .list span:before { content:''; display:block; position:absolute; left:-12px; top:50%; width:1px; height:15px; margin-top:-7px; background:#e8e8e8; }
.vList .list span em { display:inline-block; margin-left:10px; font-weight:500; }
.vList .page { margin-top:60px; }


/* faq */
.faqNav { text-align:center; letter-spacing:-4px; }
.faqNav li { display:inline-block; margin-left:65px; min-width:169px; letter-spacing:-0.06em; }
.faqNav li:first-child { margin-left:0; }
.faqNav li a { display:block; padding-top:185px; font-size:19px; font-weight:700; color:#929292; font-family: 'NanumSquare', sans-serif; background:center top no-repeat; }
.faqNav li:nth-child(1) a { background-image:url(/img/sub/faq_icon1.png); }
.faqNav li:nth-child(2) a { background-image:url(/img/sub/faq_icon2.png); }
.faqNav li:nth-child(3) a { background-image:url(/img/sub/faq_icon3.png); }
.faqNav li a:hover, .faqNav li.on a { color:#175b82; }
.faqNav li:nth-child(1).on a, .faqNav li:nth-child(1) a:hover { background-image:url(/img/sub/faq_icon1_ov.png); }
.faqNav li:nth-child(2).on a, .faqNav li:nth-child(2) a:hover { background-image:url(/img/sub/faq_icon2_ov.png); }
.faqNav li:nth-child(3).on a, .faqNav li:nth-child(3) a:hover { background-image:url(/img/sub/faq_icon3_ov.png); }
.faqCon .ntb-area { margin-top:45px; }


/* 특강스토리 */
.sp_list { padding-top:60px; border-top:1px solid #e1e1e1; }
.sp_list li { float:left; width:20%; height:363px; text-align:center; margin-bottom:70px; }
.sp_list li a { display:block; font-size:15px; color:#9b9b9b; }
.sp_list li .img { position:relative; width:221px; height:221px; margin:0 auto 30px; border-radius:50%; overflow:hidden; }
.sp_list li .img img { position:absolute; left:0; right:0; top:-9999px; bottom:-9999px; width:100%; min-height:100%; margin:auto; -webkit-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; }
.sp_list li a:hover img { -webkit-transform:scale(1.13); -ms-transform:scale(1.13); transform:scale(1.13); }
.sp_list li h4 { display:inline-block; font-size:19px; line-height:28px; color:#2d2c2c; font-family: 'Nanum Square'; }
.sp_list li h4.prm { padding-left:30px; background:url(/img/sub/vicon_top.png) left center no-repeat; }
.sp_list li p { margin-top:10px; padding:0 10px; line-height:1.2em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sp_list li p.tit { font-size:16.5px; color:#6d6d6d; }
.sp_list li .date { display:inline-block; margin-top:10px; padding-left:22px; line-height:16px; background:url(/img/sub/video_time.png) left center no-repeat; }
.sp_list li .date em { padding-left:10px; font-weight:500; }


/* 특강스토리 - 2024.09.30 수정 */
.board-img-list{ display: flex; flex-wrap: wrap; }
.board-img-list .item{ width: calc((100% - 60px) / 4); margin-right: 20px; margin-bottom: 45px; }
.board-img-list .item:nth-of-type(4n){ margin-right: 0; }
.board-img-list .item figure{ display: block; margin: 0; position: relative; overflow: hidden; padding-bottom: 56.44%; background: #000; }
.board-img-list .item figure img{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.board-img-list .item .txt{ border: 2px solid #DDD; padding: 15px 20px; }
.board-img-list .item .txt h6{ font-size: 17px; font-weight: 400; color: #333; line-height: 1.4444;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.board-img-list .item .txt p{ display: -webkit-box; height: 3.0588em; font-size: 16px; font-weight: 300; color: #666; line-height: 1.5294; margin: 5px 0 15px; white-space: normal; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.board-img-list .item .txt ul li{ font-size: 15px; font-weight: 400; color: #555; }
.board-img-list .item .txt ul li.date{ font-weight: 300; color: #999; }
.board-img-list .item .txt ul li:not(:last-of-type){ margin-bottom: 10px; }

@media screen and (max-width: 1100px){
	.board-img-list .item{ width: calc((100% - 60px) / 4); }
	.board-img-list .item:nth-of-type(5n){ margin-right: 20px; }
	.board-img-list .item:nth-of-type(4n){ margin-right: 0; }
}

@media screen and (max-width: 900px){
	.board-img-list .item{ width: calc((100% - 40px) / 3); margin-bottom: 30px; }
	.board-img-list .item:nth-of-type(4n){ margin-right: 20px; }
	.board-img-list .item:nth-of-type(3n){ margin-right: 0; }
}

@media screen and (max-width: 640px){
	.board-img-list .item{ width: calc((100% - 20px) / 2); }
	.board-img-list .item:nth-of-type(3n){ margin-right: 20px; }
	.board-img-list .item:nth-of-type(2n){ margin-right: 0; }
}


/* 특강스토리 - 뷰 */
.sp_top { padding-bottom:60px; border-bottom:1px solid #e1e1e1; }
.sp_top .img { float:left; width:47.86%; }
.sp_top .bigImg { height:441px; margin-bottom:15px; background:center no-repeat; background-size:cover; }
.sp_top .thums li { position:relative; float:left; width:23.35%; height:111px; margin-left:2.2%; overflow:hidden; }
.sp_top .thums li:first-child { margin-left:0; }
.sp_top .thums li a { position:absolute; left:0; right:0; top:0; bottom:0; background:center no-repeat; background-size:cover; -webkit-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; }
.sp_top .thums li a:hover { -webkit-transform:scale(1.13); -ms-transform:scale(1.13); transform:scale(1.13); }

.sp_top .con { float:right; width:46.79%; }
.sp_top .sns { margin-bottom:3px; text-align:right; }
.sp_top .tit { display:table; width:100%; margin-bottom:32px; table-layout:fixed; }
.sp_top .p_img { display:table-cell; width:101px; vertical-align:middle; }
.sp_top .p_img div { height:101px; background:center no-repeat; background-size:cover; border-radius:50%; }
.sp_top .titCon { display:table-cell; padding:10px 0 10px 20px; vertical-align:middle; }
.sp_top .titCon h4 { margin-bottom:10px; font-size:22px; color:#2d2c2c; line-height:1.3em; font-family: 'Nanum Square'; }
.sp_top .titCon .info p { position:relative; display:inline-block; margin-left:25px; padding-left:22px; font-size:15px; color:#9b9b9b; line-height:1.2em; background:left center no-repeat; }
.sp_top .titCon .info p.name { font-size:16.5px; color:#6d6d6d; padding-left:0; font-family: 'Nanum Square'; }
.sp_top .titCon .info p.date { background-image:url(/img/sub/video_time.png); }
.sp_top .titCon .info p.hit { background-image:url(/img/sub/video_star.png); }
.sp_top .titCon .info p:first-child { margin-left:0; }
.sp_top .titCon .info p:before { content:''; display:block; position:absolute; left:-14px; top:50%; width:1px; height:15px; margin-top:-7px; background:#e8e8e8; }
.sp_top .titCon .info p:first-child:before { display:none; }
.sp_top .titCon .info p span { padding-left:10px; font-weight:500; }

.sp_top .tabNav a { float:left; width:50%; line-height:53px; font-size:16.5px; color:#7d7d7d; text-align:center; font-family: 'Nanum Square'; border:1px solid #e1e1e1; border-left:none; background:#f6f6f6; box-sizing:border-box; }
.sp_top .tabNav a:first-child { border-left:1px solid #e1e1e1; }
.sp_top .tabNav a:hover, .sp_top .tabNav a.on { color:#464646; background:#fff; }
.sp_top .tabCon { height:263px; padding:27px 6.1%; border:1px solid #e1e1e1; border-top:none; box-sizing:border-box; overflow-y:scroll; }
.sp_top .dotTit { margin-bottom:10px; }
.sp_top .v_con { font-size:15px; color:#8f8f8f; line-height:1.7em; font-weight:300; }
.sp_top .hiscon .v_con { padding-left:15px; }
.sp_top .hiscon + .hiscon { margin-top:15px; }
.sp_top .v_con.vcate { padding:0 0 0 15px; }
.sp_top .v_con.vcate p { margin-right:12px; font-weight:400; }
.sp_top .v_con.vcate p span { padding-left:7px; }
.sp_top .v_con img { display:block; margin-top:5px; }
.str_view_btns { margin-top:27px; }
.str_view_btns a { float:left; display:block; width:31.8%; margin-left:2.3%; line-height:52px; color:#8c8c8c; text-align:center; font-weight:700; font-family: 'Nanum Square'; border:1px solid #e1e1e1; background:#f6f6f6; box-sizing:border-box; -webkit-transform:skew(-0.2deg); -ms-transform:skew(-0.2deg); transform:skew(-0.2deg); }
.str_view_btns a:first-child { margin-left:0; }
.str_view_btns a:hover { color:#fff; border-color:#175b82; background:#175b82; }
.str_view_btns a:before { content:''; display:inline-block; width:26px; height:22px; margin-right:8px; vertical-align:middle; background:url(/img/sub/video_vicon1.png) center no-repeat; }
.str_view_btns a.btn_vdown:before { background-image:url(/img/sub/video_vicon2.png); }
.str_view_btns a.btn_view:before { background-image:url(/img/sub/video_vicon3.png); }
.str_view_btns a:hover:before { background-image:url(/img/sub/video_vicon1_ov.png); }
.str_view_btns a.btn_vdown:hover:before { background-image:url(/img/sub/video_vicon2_ov.png); }
.str_view_btns a.btn_view:hover:before { background-image:url(/img/sub/video_vicon3_ov.png); }
.sp_viewCon { padding-top:70px; line-height:1.7em; color:#727272; font-weight:300; }


/* 스타스토리 */
.starCon .tm_list { padding-top:55px; border-top:1px solid #7e7e7e; }
.starCon .tm_list .list li { font-size:15px; letter-spacing:-0.06em; }
.starCon .tm_list .txt { padding:0 5%; height:auto !important; }
.starCon .tm_list p { line-height:1.2em; font-weight:300; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.starCon .tm_list .lname { display:inline-block !important; font-size:18px; line-height:28px; }
.starCon .tm_list .lname.prm { padding-left:32px; background:url(/img/sub/vicon_top.png) left center no-repeat; }
.starCon .tm_list .subject { margin-bottom:7px; color:#7b7b7b; }
.starCon .tm_list .host { color:#959595; }


/* 스타스토리 - 뷰 */
.starCon .sp_top .img { height:441px; border:1px solid #e1e1e1; background:center no-repeat; /*background-size:cover;*/ }
.starCon .sp_top .sns { margin-bottom:0; }
.starCon .sp_top .tit { height:101px; margin-bottom:22px; }
.starCon .sp_top .titCon h4 { margin-bottom:5px; }
.starCon .sp_top .ssInfo { height:206px; padding:17px 40px; font-size:15px; font-weight:300; color:#8f8f8f; border:1px solid #e1e1e1; box-sizing:border-box; overflow-y:auto; }
.starCon .sp_top .ssInfo .contxt { line-height:1.8em; }
.starCon .sp_top .ssInfo ul { margin-top:15px; }
.starCon .sp_top .ssInfo li { position:relative; margin-bottom:13px; padding-left:55px; }
.starCon .sp_top .ssInfo li em { position:absolute; left:0; top:-1px; padding-left:13px; font-size:15.5px; color:#595959; font-weight:400; }
.starCon .sp_top .ssInfo li em:before { content:''; display:block; position:absolute; left:0; top:50%; width:6px; height:1px; margin-top:-1px; border-top:1px solid #cbcbcb; background:#7e7e7e; }
.starCon .sp_top .str_view_btns { margin-top:22px; }


/* 북스토리 */
.bookLst { border-top:1px solid #979797; }
.bookLst li { border-bottom:1px solid #e1e1e1; }
.bookLst li a { display:block; position:relative; padding:60px 50px 55px 20.71%; }
.bookLst li .img { position:absolute; top:50%; left:1.78%; width:13.14%; height:0; padding-bottom:19%; margin-top:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); overflow:hidden; }
.bookLst li .img img { position:absolute; left:0; right:0; top:-9999px; bottom:-9999px; width:100%; min-height:100%; margin:auto; }
.bookLst li h4 { font-size:20px; color:#2d2c2c; letter-spacing:-0.06em; font-family: 'Nanum Square'; line-height:1.2em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.bookLst li .info { margin:15px 0; color:#7c7c7c; }
.bookLst li .info span { display:inline-block; position:relative; margin-left:26px; }
.bookLst li .info span:before { content:''; display:block; position:absolute; left:-15px; top:50%; width:1px; height:15px; margin-top:-7px; background:#d8d8d8; }
.bookLst li .info span:first-child { margin-left:0; }
.bookLst li .info span:first-child:before { display:none; }
.bookLst li .con { height:84px; overflow:hidden; line-height:1.8em; color:#9b9b9b; letter-spacing:-0.08em; }
.bookLst li .vcate { margin-top:20px; padding-left:120px; }
.bookLst li .vcate .dotTit { left:0; top:0; margin-top:0; line-height:26px; }
.bookLst li .vcate div { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bookLst li .vcate p { display:inline; }


/* 북스토리 - view */
.bookView { position:relative; padding-left:255px; }
.bookView .img { position:absolute; left:0; top:0; width:212px; overflow:hidden; }
.bookView .img img { border:1px solid #e1e1e1; }
.bookView .bvCon { float:none; width:auto; }
.bookView .bvCon .summary { padding:45px 40px 40px; }
.bookView .bvCon .dotTit { margin-bottom:10px; }
.bookView .con { line-height:1.8em; color:#9b9b9b; letter-spacing:-0.08em; }
.bookView .summary h4 { padding-right:175px; font-size:22px; color:#2d2c2c; letter-spacing:-0.06em; line-height:1.3em; font-family: 'Nanum Square'; }
.bookView .summary .info { margin:15px 0; }
.bookView .summary .info span { display:inline-block; position:relative; margin-left:26px; }
.bookView .summary .info span:before { content:''; display:block; position:absolute; left:-15px; top:50%; width:1px; height:15px; margin-top:-7px; background:#d8d8d8; }
.bookView .summary .info span:first-child { margin-left:0; }
.bookView .summary .info span:first-child:before { display:none; }
.bookView .buy { margin-top:20px; letter-spacing:-4px; font-size:0; }
.bookView .buy li { display:inline-block; width:128px; margin-right:15px; border:1px solid #e1e1e1; box-sizing:border-box; }
.bookView .buy li:last-child { margin-right:0; }
.bookView .buy li a { position:relative; display:block; height:44px; }
.bookView .buy li img { position:absolute; left:0; right:0; top:0; bottom:0; max-width:90%; margin:auto; }
.bookView .detail { position:relative; }
.bookView .toc { width:50%; min-height:300px; border-top:1px solid #e1e1e1 !important; border-right:1px solid #e1e1e1; box-sizing:border-box; }
.bookView .about { position:absolute; right:0; top:0; bottom:0; width:50%; overflow-y:scroll; border-top:1px solid #e1e1e1; }
.bookView .about .dotTit { font-size:17px; }
.bookView .about .con { padding-left:15px; }
.bookView .about .con img { display:block; margin-top:15px; }
.bookView .about .con img:first-child { margin-top:0; }
.bookView .about .writer { position:relative; padding:20px 0 10px 135px; }
.bookView .about .writer .wimg { position:absolute; left:0; top:50%; width:113px; height:113px; margin-top:-56.5px; background:center no-repeat; background-size:cover; border-radius:50%; }
.bookView .about .writer p { margin-bottom:13px; overflow:hidden; line-height:1.2em; white-space:nowrap; text-overflow:ellipsis; }
.bookView .about .writer em { font-size:19px; color:#2d2c2c; font-family: 'Nanum Square'; letter-spacing:-0.06em; }
.bookView .about .writer span { position:relative; margin-left:22px; font-weight:300; color:#9b9b9b; }
.bookView .about .writer span:before { content:''; display:block; position:absolute; left:-13px; top:50%; width:1px; height:12px; margin-top:-6px; letter-spacing:-0.08em; background:#d8d8d8; }
.bookView .about .writer .btns { max-width:320px; }
.bookView .about .writer a { float:left; width:48.44%; font-size:14.5px; line-height:44px; color:#8c8c8c; text-align:center; font-family: 'Nanum Square'; border:1px solid #e3e3e3; background:#f6f6f6; box-sizing:border-box; -webkit-transform:skew(-0.03deg); -ms-transform:skew(-0.03deg); transform:skew(-0.03deg); }
.bookView .about .writer a:first-child { margin-right:3.12%; }
.bookView .about .writer a:before { content:''; display:inline-block; width:25px; height:23px; margin-right:7px; vertical-align:middle; }
.bookView .about .writer a.icon1:before { background:url(/img/sub/tview_icon1.png); }
.bookView .about .writer a.icon2:before { background:url(/img/sub/tview_icon2.png); }
.bookView .about .writer a:hover { color:#fff; font-weight:700; border-color:#175b82; background:#175b82; }
.bookView .about .writer a.icon1:hover:before { background:url(/img/sub/tview_icon1_ov.png); }
.bookView .about .writer a.icon2:hover:before { background:url(/img/sub/tview_icon2_ov.png); }
.bookView .about .vcate .dotTit { top:27px; margin-top:0; line-height:26px; }
.bookView .about .vcate p, .bookView .about .vcate p span { font-size:16px; }


/* 섭외절차 */
.prcCon { text-align:center; }
.prcCon .step { padding-top:20px; }
.prcCon .step ol { position:relative; letter-spacing:-4px; }
.prcCon .step li { display:inline-block; position:relative; padding-bottom:80px; margin-bottom:40px; vertical-align:top; letter-spacing:-0.04em; }
.prcCon .step li.item { margin:10px 60px 40px 0; }
.prcCon .step li.item:before { content:''; display:block; position:absolute; right:-60px; top:99px; width:60px; height:2px; background:url(/img/sub/prc_line.png) -2px center; z-index:-1; }
.prcCon .step .item .round { position:relative; width:201px; height:200px; margin:0 auto 34px; font-weight:600; color:#005b84; background:url(/img/sub/prc_bg1.png); background-size:100%; }
.prcCon .step .item:nth-child(2n) .round { background-image:url(/img/sub/prc_bg2.png); }
.prcCon .step .item .round:before { content:''; display:block; position:absolute; right:-60px; top:50%; width:18px; height:9px; margin-top:-5px; background:url(/img/sub/prc_arr.png) right center no-repeat #fff; }
.prcCon .step .item .round div { position:absolute; left:0; right:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.prcCon .step .item .round img { display:block; margin:0 auto 20px; }
.prcCon .step .fin .round { width:182px; height:182px; margin:0 auto 25px; border:20px solid #f2f7f9; border-radius:50%; }
.prcCon .step .txt { position:absolute; left:-10px; right:-10px; bottom:0; }
.prcCon .step .txt h4 { margin-bottom:12px; font-size:19px; color:#2d2c2c; letter-spacing:-0.06em; font-family: 'NanumSquare', sans-serif; }
.prcCon .step .fin .txt h4 { font-weight:800; color:#005b84; }
.prcCon .step p { font-size:15px; font-weight:300; color:#8f8f8f; line-height:1.6em; }
.prcCon .step .info { margin:0 60px 0 0; text-align:right; }

.prcCon .gBg { background:#f7f7f7; }
.prcCon .imgStep { padding-top:35px; }
.prcCon .imgStep li { position:relative; padding-left:38.33%; }
.prcCon .imgStep li + li { margin-top:70px; }
.prcCon .imgStep li .img { text-align:left; }
.prcCon .imgStep li .txt { position:absolute; left:0; top:50%; width:35%; max-width:395px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.prcCon .imgStep li h4 { margin:22px 0 15px; font-size:22px; color:#2d2c2c; letter-spacing:-0.06em; font-family: 'Nanum Square'; }
.prcCon .imgStep li h4 span { display:block; margin-bottom:15px; font-size:30px; font-weight:600; letter-spacing:0.05em; color:#005b84; }
.prcCon .imgStep li p { line-height:1.7em; color:#8f8f8f; font-weight:300; }
.prcCon .imgStep li p em { font-weight:400; color:#005b84; }


/* 사업분야 */
.w1100{ max-width:1100px; margin: 0 auto; }
#service #serviceFrame{ width: 100%; overflow: hidden; margin: -285px auto 155px;}
#service #serviceFrame #wrap{ overflow: hidden; }
#service figure{ margin: 0; }
#service *{ box-sizing:border-box; }
#service section{ padding-top: 0; padding-bottom: 0; }
#service .visual{ height: 650px; background: linear-gradient(83deg, #FFE4E4 -2.02%, #A9C9F8 100.9%); padding-top: 200px;  }
#service .visual .txtBox{ text-align: center; }
#service .visual .txtBox .title{ font-size:36px; color:#2D2C2C; font-weight: 800; margin-bottom: 20px;}
#service .visual .txtBox .txt{ margin-top: 0; font-size:16px; color:#6F6F6F; font-weight: 400;}
#service .visual .txtBox .txt span{ color:#2D2C2C; font-weight: 500;}
#service .popup{ position: relative; max-width:760px; min-height:420px; background: #fff; border-radius:15px; box-shadow:5px 5px 4px rgba(171,171,171,0.25); 
padding: 30px !important; display:flex; gap:60px; box-sizing:border-box; }
#service .popup:before{ content:''; display:block; width: 100%; height: 100%; background: rgba(255,255,255,0.25); border-radius:15px; position: absolute; top: -5px; left: -5px; filter: blur(4px);}
#service .popup > *{ box-sizing:border-box; z-index: 5;}
#service .popup .poly{ position: absolute; transform:translateY(-50%); left: 47%; bottom: -51px;}
#service .popup .leftBox{ background: #F6F6F6; border-radius:15px; padding: 20px; flex-shrink:0; min-width: 320px;}
#service .popup .leftBox .title{ font-size:24px; color:#175B82; margin:10px 0 25px; font-weight: 700;}
#service .popup .leftBox .txt{ color:#9B9B9B; line-height: 1.8;}
#service .popup .leftBox .txt span{ color:#175B82; font-weight: 500;}
#service .popup .rightBox{ width: 100%; padding: 25px 0;}
#service .popup .rightBox .num{ font-size:17px; text-align: center; font-weight: 700; font-family: 'Montserrat', sans-serif; color:#9B9B9B;  letter-spacing:2px; }
#service .popup .rightBox .num span{ font-size:36px; color:#175B82; }
#service .popup .rightBox .question{ font-family: 'NanumSquare', sans-serif; font-size:24px; color:#2D2C2C; text-align: center; font-weight: 800; margin: 25px 0; line-height: 36px; }
#service .popup .rightBox .question span{ color:#175B82; font-weight: 500; font-size:14px;  display:block; font-family: 'Noto Sans KR', sans-serif;}
#service .popup .rightBox .btnBox{	width: 100%;  box-sizing: border-box; margin-bottom: 50px;}
#service .popup .rightBox .btnBox button{ border:2px solid #DFDFDF; border-radius:50px; background:#fff; font-size:16px; font-weight: 700; width: 100%; height: 40px; padding: 0 20px; text-align: left; display:flex; 
    align-items: center;  justify-content: space-between; transition: all 0.5s; color:#2D2C2C; }
#service .popup .rightBox .btnBox button .svg path{ transition:all 0.2s; }
#service .popup .rightBox .btnBox button:hover,#service .popup .rightBox .btnBox button.on{ border:2px solid #175B82; color:#175B82;  }
#service .popup .rightBox .btnBox button:hover .svg path,#service .popup .rightBox .btnBox button.on .svg path{ fill:#175B82;}
#service .popup .rightBox .btnBox button:not(:last-child){ margin-bottom: 20px;}
#service .popup .rightBox .btnBox input{ display:none; width: 100%; border:none; outline:none; border-bottom:1px solid #DFDFDF; padding: 10px; font-family: 'NanumSquare', sans-serif; }
#service .popup .rightBox .btnBox.on input{ display:block; }
#service .popup .rightBox .btnBox2{ display:flex; justify-content: flex-end; gap: 10px; }
#service .popup .rightBox .btnBox2 button{ height: 40px; border:none; font-size:16.5px; border-radius:50px; font-weight: 500; }
#service .popup .rightBox button.prev{ width: 120px; background: #F6F6F6; color:#9B9B9B; }
#service .popup .rightBox button.next{ width: 190px; background: #175B82; color:#fff; }
#service .popup .rightBox button.next i{ margin: 0 -15px 0 10px;}
#service section .ctnBox{ display:flex; align-items: center; justify-content: center; gap:120px; }
#service section .ctnBox .itemBox .title{ font-size: 36px; color:#2D2C2C; font-weight: 700;   margin: 10px 0 23px;}
#service section .ctnBox .itemBox .title span{ font-size:40px; color:#175B82; }
#service section .ctnBox .itemBox .txt{ font-size:16px; line-height: 28.5px; margin-bottom: 20px; color:#2D2C2C; }
#service section .ctnBox .itemBox .txt span{ color:#175B82; font-weight: 500; }
#service section.wedding{ margin-bottom: 330px;}
#service section.consulting{ background: #F9F9F9; padding-bottom: 140px;}
#service section.consulting .ctnBox{ position: relative; top: -90px; }
#service section.consulting .iconBox{ display:flex; justify-content: space-between; align-items: flex-end; margin:-80px 0 45px;}
#service section.consulting .iconBox .itemBox{ position: relative; }
#service section.consulting .iconBox .itemBox .circle{ width: 172px; height: 172px; border-radius:50%; background: rgba(218,218,218,0.2); display:flex; justify-content:center; align-items:center; }
#service section.consulting .iconBox .itemBox .title{ font-size:19px; color:#2D2C2C; font-weight: bold; margin: 30px 0 10px; text-align: center; }
#service section.consulting .iconBox .itemBox .txt{ margin: 0; font-size:16px; color:#2D2C2C; text-align: center; font-weight: 400; line-height: 28px;}
#service section.consulting .iconBox .itemBox .loading{ position: absolute; transform:translateY(-50%); top: 35%; right: -38px;}
#service section.consulting .iconBox .itemBox:last-child .circle{ width: 210px; height: 210px; }
#service section.consulting .iconBox .itemBox:last-child .title{ margin: 10px 0;}
#service section.consulting .btnBox{ display:flex; justify-content: center; }
#service section.consulting .btnBox button{width: 190px; height: 50px ; border-radius:50px; border:2px solid #175B82; font-size:16.5px; background: #F9F9F9; font-weight: 700; color:#175B82; transition:all 0.5s; }
#service section.consulting .btnBox button i{ font-weight: 700; margin: 0 13px 0 -17px;}
#service section.consulting .btnBox button:hover{ background: #175B82; color:#fff; }
#service .monthBox{ margin-bottom: 40px; }
#service .monthBox .txtBox{ display:flex; justify-content:center; align-items:center; color:#2D2C2C; font-weight: 800; font-family: 'NanumSquare', sans-serif; gap:20px; font-size:15px; 
border-bottom:1px solid #ddd; margin-bottom: 10px; padding-bottom: 5px;}
#service .monthBox .txtBox img{ cursor:pointer; }
#service .monthBox > ul{ display:flex; flex-wrap:wrap; gap:10px 15px; }
#service .monthBox > ul li{ font-family: 'NanumSquare', sans-serif;  width: calc((100% - 90px)/ 7); display:flex; justify-content:center; align-items:center;  font-size:13px; color:#263238; font-weight: 700;}
#service .monthBox .weekBox{ background: #F6F6F6; padding: 10px; border-radius:7px; }
#service .monthBox .dayBox{ padding: 10px; }
#service .monthBox .dayBox li{ height: 30px; line-height: 30px; padding: 10px 0; cursor:pointer; }
#service .monthBox .dayBox li.next{ color:#78909C; pointer-events: none;}
#service .monthBox .dayBox li.on{ background: #175B82; color:#fff; border-radius:13px; }
#service .formBox{ font-family: 'NanumSquare', sans-serif; }
#service .formBox .itemBox{ margin-bottom: 20px; }
#service .formBox .itemBox input[type="text"],#service .formBox .itemBox input[type="password"]{ height: 40px; border-radius:50px; border:1px solid #DFDFDF; padding: 0 10px; width: 100%; font-size:12px; }
#service .formBox .itemBox input:focus{ outline:1px solid #175B82; }
#service .formBox .itemBox .txt{ font-size:16px; color:#1E1E1E; font-weight: 600; margin-bottom: 10px;}
#service .formBox .itemBox .txt span{ color:#175B82; vertical-align:top; }
#service .formBox .itemBox .inputBox{ display:flex; align-items:center; gap:10px; }
#service .formBox .itemBox .inputBox span{ width: 10px; height: 2px; background: #9B9B9B; display:inline-block; flex-shrink:0; }
#service .formBox .itemBox button.submit{ width: 190px; height: 40px; background: #175B82; color:#fff; font-weight: 500; font-size:16.5px; border:none; outline:none; margin: 10px 0; border-radius:50px; }
#service .formBox .itemBox .numBox{ display:flex; }
#service .formBox .itemBox .numBox button{ width: 110px; height: 40px; background: #175B82; color:#fff; font-weight: 500; font-size:16.5px; border:none; outline:none; margin-left: 10px;  border-radius:50px;
flex-shrink:0; }
#service .formBox .itemBox .Bbox{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom: 20px; }
#service .formBox .itemBox .Bbox button{ background: #F6F6F6; border:1px solid #9B9B9B; color:#9B9B9B; width: calc((100% - 10px) / 2); border-radius:50px; height: 40px; transition:all 0.5s; font-size:12px; padding: 0 20px; line-height: 1.3;}
#service .formBox .itemBox .Bbox button:hover{ background: #175B82; color:#fff; border:none; }
#service .formBox .itemBox .checkBox input{ display:none; }
#service .formBox .itemBox .checkBox label{ display:flex; cursor:pointer; }
#service .formBox .itemBox .checkBox label span.check{ width: 25px; height: 25px; flex-shrink:0; background: #ededed; border:1px solid rgba(0,0,0,0.5); border-radius:5px; margin-right: 5px; }
#service .formBox .itemBox .checkBox label span:not(.check){ line-height: 28px; font-size:16px; color:#9B9B9B; }
#service .formBox .itemBox .checkBox input:checked + label span.check{ background: url("/img/sub/service_check.png") no-repeat 50% 50%; }
#service .rightBox.type2{ text-align: center; display:flex; flex-direction:column; justify-content:center; align-items:center; margin-top: -40px;}
#service .rightBox.type2 .title{ font-size:16px; line-height: 28px; font-weight: 600; color:#2D2C2C; margin: 30px 0 10px;}
#service .rightBox.type2 .txt{ font-size:14px; font-weight: 500; color:#175B82; }

.mp_itrList .btns a.view:before {
    background-image: url(/img/sub/mch_icon_detail.png);
}

/* 250403 공유버튼 */
.viewSnsBox { position: absolute; right: 40px; top: 40px; width: fit-content; height: 44px;  display: flex; align-items: center; padding: 0 30px; border-radius:100px; background-color: #175B82; z-index: 10; }
.viewSnsBox .btnViewSns { position: relative; padding-left: 0; padding-right: 17px; border:none; background: transparent; font-size: 18px; font-weight: 500; color: #fff; }
.viewSnsBox .btnViewSns::after { content:""; position:absolute; right:0; top: 50%; display: block; width: 7px; height: 11px; background: url("/img/sub/icon_more_arrow.svg") no-repeat center center/contain; transform: translateY(-50%); }
.viewSnsBox .viewSns { overflow:hidden; position: static; display: none; gap:10px; align-items:center; }
.viewSnsBox .viewSns li { float:none; margin-left: 0; }
.viewSnsBox .viewSns.on { display: flex; margin-left: 20px; }

/* 250403 다운로드 페이지 */
/* topView  */
.topView { display: flex; justify-content:space-between; }
.topView .tmPhoto { width: 25.7%; height:fit-content; float:none; border:none; }
.topView .tmPhoto div { padding-bottom: 108.55%;; }
.topView .viewCon { width: 72%; float:none; }
.topView .viewCon .summary { padding: 50px 40px 45px; }
.topView .viewCon .summary dt { margin-bottom: 0; }
.topView .viewCon .viewLogo { position: absolute; right: 30px; top: 40px; }
.topView  .viewCon section.vcate { padding: 40px 30px; }
.topView .vcate .dotTit { position: relative; top: 0; left: 0; margin-top: 0; }
.topView .vcateBox { margin-top: 30px; padding-left: 0; }
.topView .vcateBox p { position: relative; display: block; line-height: 1.3; background-position: left 3px; padding-left: 0; }
.topView .vcateBox p + p { margin-top: 20px; }
.topView .vcateBox p span.label { margin-left: 31px; font-size: 17px; font-weight: 700; line-height: inherit; letter-spacing: inherit; }
.topView .vcateBox p span.text { display: block; margin-top: 12px; font-size: 16px; }
/* con-2 */
.viewCon.con-2 { float:none; width: 100%; margin-top: 32px; border-top:none; }
.viewCon.con-2 .viewDetail { display: flex; padding-right: 0; }
.viewCon.con-2 .viewDetail .left, .viewCon.con-2 .viewDetail .right { width: 50%; }
.viewCon.con-2 .subject { height: 100%; border-left: 1px solid #e1e1e1; box-sizing:border-box; }
.viewCon.con-2 .evaluate { position: static; width: 100%; height: 100%; }
.viewCon.con-2 .viewDetail .con { padding-left: 0; }

.buttonWrap { margin-top: 80px; display: flex; justify-content:center; align-items:center; gap:20px }
.buttonWrap .btn { display: flex; justify-content:center; align-items:center; column-gap:10px; height: 70px; border-radius:10px; font-family: 'Nanum Square'; font-size: 19px; font-weight: 700; letter-spacing: -0.02em; color: #fff; }
.buttonWrap .btn-list { width: 160px; background-color: #454545; }
.buttonWrap .btn-list::before { content:""; width: 24px; height: 24px; background: url("/img/sub/icon_list.svg") no-repeat center center/contain; }
.buttonWrap .btn-download { width: 240px; background-color: #175B82; }
.buttonWrap .btn-download::before { content:""; width: 24px; height: 24px; background: url("/img/sub/icon_view_download.svg") no-repeat center center/contain; }

@media screen and (max-width: 1100px) {
	.topView .viewCon .vcate .dotTit { left: 0; }
	.topView .viewCon .summary { padding: 27px 15px 27px; }
	.topView .viewCon .viewLogo { top: 30px; }
	.topView .viewCon .viewLogo img { width: 100px; }
	.topView .viewCon section.vcate { padding: 27px 15px; }
	.viewCon.con-2 .summary dt strong { font-size: 22px; }
	.viewCon.con-2 .summary dt span { font-size: 16px; }
}
@media (max-width: 960px) {
	.viewSnsBox { right: 15px; top:15px; }
	.topView .viewCon .viewLogo { right:15px; }
    .viewCon.con-2 .evaluate { border-left: 1px solid #e1e1e1;}
}
@media (max-width: 767px) {
	.viewSnsBox { height: 40px; padding: 0 20px; }
	.viewSnsBox .btnViewSns { font-size: 16px; }
	.viewSnsBox .viewSns li { width: 22px; }
	.viewSnsBox .viewSns.on { margin-left: 14px; }
	.topView { flex-direction: column; } 
	.topView .tmPhoto, .topView .viewCon { width: 100%; }
	.topView .tmPhoto { width: 300px;  margin: 0 auto; }
	.topView .tmPhoto > div { width: 100%; float:none; }
	.topView .viewCon .vcate div { padding-left: 0; }
	.viewCon.con-2 .viewDetail { flex-direction: column; }
	.viewCon.con-2 .viewDetail .left, .viewCon.con-2 .viewDetail .right { width: 100%; }
	.viewCon.con-2 .subject, .viewCon.con-2 .evaluate { border-left:none; }
	.viewCon.con-2 .evaluate { border-top: 1px solid #e1e1e1; }
	.buttonWrap { margin-top: 60px; }
	.buttonWrap .btn { height: 60px; column-gap:6px; font-size: 16px; }
	.buttonWrap .btn-list { width: 120px; }
	.buttonWrap .btn-download { width: 200px; }
}

/* 2025-12-04 김승준 추가 */
.star-rating {
  padding-left:250px;
  display: flex;
  flex-direction: row;
  font-size: 1.5rem;
}

.star-rating label {
  color: #ccc;
  cursor: pointer;
  margin: 0 2px;
  transition: color 0.2s;
}

.select-group {
  padding-left:130px;
  margin-bottom: 30px;
}

.select-box {
  display: flex;
  gap: 10px;
}

/* 체크박스 숨기기 */
.select-box input[type="checkbox"] {
  display: none;
}

/* 기본 버튼 */
.select-btn {
  padding: 0px 10px;
  border: 2px solid #ccc;
  border-radius: 8px;
  background: #f0f0f0;
  cursor: pointer;
  font-size: 15px;
  transition: all 0.25s ease-in-out;
  color: #444;
}

/* 클릭 시 색상 변환 */
.select-box input[type="checkbox"]:checked + .select-btn {
  background: linear-gradient(135deg, #4B82F5, #6EA8FF);
  border-color: #4B82F5;
  color: white;
  box-shadow: 0 4px 12px rgba(75,130,245,0.3);
  transform: translateY(-3px);
}

/* 모바일에서 세로 정렬 */
@media (max-width: 768px) {
  .select-group {
    padding-left: 0; /* 모바일에서는 좌측 여백 제거 */
  }

  .select-box {
    flex-direction: column; /* 세로 정렬 */
    gap: 8px;
  }

  .select-btn {
    width: 95%;          /* 버튼 가로 꽉 차게 */
    text-align: center;
    padding: 10px;
  }
}

@media (max-width: 768px) {
  .star-rating {
    padding-left: 0;        /* 좌측 패딩 제거 */
    justify-content: flex-start; /* 왼쪽 정렬 */
  }
}

@media (max-width: 768px) {
  .star-rating label {
    font-size: 2rem; /* 별 조금 키우기 */
    margin-right: 6px;
  }
}


/* 2025-12-04 김승준 추가 */

/* 20260306 비주얼 삭제 */
#subVisual { height: auto !important; }
#subVisual.move nav { display: none; }