@charset "utf-8";
/* CSS Document */
body { font-size:16px;}
.box0{ margin:0 3%}
.box1{ width:1400px; margin:0 auto; max-width:96%;}
.box2{ width:1200px; margin:0 auto}
.PC{ display:block !important}
.PHONE{ display:none !important}

/*header*/
#header{ position:fixed; left:0; top:0; width:100%; z-index:1000; height:5.625em; background:#fff}
#header:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ddd; display:none}
.scroll #header:before{ display:block}
.headerT{ margin-top:5.625em}

#header .gnb_wrap{ background:#fff;}
.sub.dp1_member #header .gnb_wrap {border-bottom:1px solid #ddd;}
.scroll.sub.dp1_member #header .gnb_wrap {border-bottom:none;}
#header .gnb_wrap .vm_wrap{ height:5.625em;}
#header .gnb_wrap .gnb{ position:relative;}
#header .gnb_wrap .gnb > li{ position:relative;}
#header .gnb_wrap .gnb > li .dp1{ position:relative; z-index:2; padding:0 2em;}
#header .gnb_wrap .gnb > li .dp1 .vm_tt{ font-size:1.250em; font-weight:500; color:#222; margin-top:5px;}
#header .gnb_wrap .gnb > li .dp1 .link{ margin-left:.4em;}
#header .gnb_wrap .gnb > li:before{ content:""; position:absolute; z-index:1; left:1em; right:1em; bottom:-1px; height:100%; background:#1a9fbb; background:linear-gradient(135deg, #1a9fbb 0%, #005bbb 100%); opacity:0; visibility:hidden; transition:.3s;}
#header .gnb_wrap .gnb > li:hover:before,
#header .gnb_wrap .gnb > li.on:before{ height:4px; opacity:1; visibility:visible;}
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1{ color:#005bbb;}

#header .gnb_wrap .gnb > li .fl_wrap > *{ float:none;}
#header .gnb_wrap .gnb > li .dp2{ position:absolute; left:50%; top:100%; min-width:10em; width:100%; width:calc(100% - 2px); transform:translateX(-50%); padding:.3em 0; background:#fff; border:solid #ccc; border-width:0 1px 1px 1px; z-index:-1; opacity:0; visibility:hidden;}
#header .gnb_wrap .gnb > li .dp2 .vm_wrap{ height:auto;}
#header .gnb_wrap .gnb > li .dp2 > li{ display:flex; border-top:1px dashed #ddd;}
#header .gnb_wrap .gnb > li .dp2 > li:first-child{ border-top:none;}
#header .gnb_wrap .gnb > li .dp2 > li > a{ flex:1; padding:.8em 1em; font-size:.938em; color:#555;}
#header .gnb_wrap .gnb > li .dp2 > li > a .vm_tt{ vertical-align:top;}
#header .gnb_wrap .gnb > li:hover .dp2{ z-index:inherit; opacity:1; visibility:visible; transition:.2s;}
#header .gnb_wrap .gnb > li .dp2 li:hover > a .vm_tt{ text-decoration:underline; color:#00a19c}

#header .gnb_wrap .mem_wrap {}
#header .gnb_wrap .mem_wrap .list {}
#header .gnb_wrap .mem_wrap .list .mem {display:inline-block; color:#fff; text-align:center; border-radius:5px; padding:0 1em; height:2.500em; margin:0 3px;}
#header .gnb_wrap .mem_wrap .list .mem.bg1 {background:#4d98ff; /*margin:0 5px 0 35px;*/}
#header .gnb_wrap .mem_wrap .list .mem.bg2 {background:#a9b5c6}
#header .gnb_wrap .mem_wrap .list .mem.bg3 {background:#00a19c}
#header .gnb_wrap .mem_wrap .list .mem.bg4 {background:#4d98ff}
#header .gnb_wrap .mem_wrap .list .mem > * {vertical-align:baseline !important;}
#header .gnb_wrap .mem_wrap .list .mem .xi {padding-right:3px;}
#header .gnb_wrap .mem_wrap .list .mem .tt {font-weight:500; font-size:.938em;}
#header .gnb_wrap .mem_wrap .list .mem:hover { transition:.3s;}
#header .gnb_wrap .mem_wrap .list .mem.bg1:hover {background:#0e203d;}
#header .gnb_wrap .mem_wrap .list .mem.bg2:hover {background:#00a19c;}

/*mobile nav*/
#header .gnb_wrap .util{ display:none}
#header .gnb_wrap .util > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
#header .gnb_wrap .util > li > a{ margin-left:1em;}
#header .gnb_wrap .util > li > a .xi{ font-size:1.625em;}
#header .gnb_wrap .util .btnAll .in{ position:relative; width:3em; height:2em;}
#header .gnb_wrap .util .btnAll .in .ham{ display:block;}
#header .gnb_wrap .util .btnAll .in .ham,
#header .gnb_wrap .util .btnAll .in .ham:before,
#header .gnb_wrap .util .btnAll .in .ham:after { width:100%; height:2px; background:#3c3c3d; transition:.1s;}
#header .gnb_wrap .util .btnAll .in .ham:before,
#header .gnb_wrap .util .btnAll .in .ham:after { content:""; position:absolute; left:0;}
#header .gnb_wrap .util .btnAll .in .ham:before{ top:50%;}
#header .gnb_wrap .util .btnAll .in .ham:after { top:100%;}
.bodyPC #header .gnb_wrap .util .btnAll:hover .ham,
.bodyPC #header .gnb_wrap .util .btnAll:hover .ham:after{ width:120%; background:#108ad3;}

#header .nav_layer{ position:fixed; z-index:-1; top:0; left:0; right:0; bottom:0; background:#fff; overflow-y:auto; opacity:0; visibility:hidden;}
#header .nav_layer .nav_wrap2{ padding-bottom:2em; opacity:0; visibility:hidden; transition:.2s;}
#header .nav_layer .nav_wrap2 a{ color:#555;}
#header .nav_layer .nav_wrap2 .nav_logo{ margin-bottom:2em; padding:3em 0 2em 0; border-bottom:3px solid #e4e6e8; text-align:left;}
#header .nav_layer .nav_wrap2 .nav_logo > a{ display:inline-block;}
#header .nav_layer .nav_wrap2 .nav_logo .txt{ padding-left:10px; display:block}
#header .nav_layer .nav_wrap2 .nav_logo .txt > i{ display:block; color:#00479e; font-weight:500}
#header .nav_layer .nav_wrap2 .nav_logo img{ width:13.5em;}
#header .nav_layer .nav_wrap2 .nav_mem{ text-align:right;}
#header .nav_layer .nav_wrap2 .nav_mem > li{flex:1;}
#header .nav_layer .nav_wrap2 .nav_mem > li a{margin:0 .5em .5em 0; display:block; min-width:10em; padding:.5em; border:1px solid rgba(255,255,255,.4); text-align:center; text-transform:uppercase; font-size:1em; font-weight:500;}
#header .nav_layer .nav_wrap2 .goLink > li a{ background:#fff !important; color:#0d2d4f !important; border:1px solid #0d2d4f !important; padding:.8em 2em; display:block; min-width:6em; font-size:1.125em; font-weight:500; text-align:center}
#header .nav_layer .nav_wrap2 .nav_mem > li .xi{ margin-right:.3em;}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb > li{ float:none; overflow:hidden; padding:2.5em 0; border-top:1px solid rgba(0,0,0,.1);}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb > li:first-child{ border-top:none;}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb > li a{ text-align:left;}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb .xi.link{ margin-left:1em; color:#5de6ff;}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb .dp1{ float:left; padding:.2em 0; font-size:1.500em; color:#0d2d4f; font-weight:500; text-transform:uppercase;}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb .dp1:after{ content:""; display:inline-block; margin-left:.3em; width:.8em; height:3px; background:#5de6ff;}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb .dp2{ margin-left:12em; overflow:hidden;}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb .dp2 > li{ width:25%;}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb .dp2 > li:nth-child(4n+1){clear:both;}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb .dp2 > li > a{ padding:1em 2em; font-size:1.063em;}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb .dp3{ padding:.4em 0;}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb .dp3 > li > a{ position:relative; padding:.3em 0; padding-left:1em; font-size:.875em; color:rgba(255,255,255,.6); font-weight:300;}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb .dp3 > li > a:after{ content:""; position:absolute; top:.9em; left:0; width:.4em; height:1px; background:#fff; opacity:.6;}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb > li ul > li:hover > a .vm_tt{ text-decoration:underline;}

#header.m_nav_open .nav_layer{ z-index:4; opacity:1; visibility:visible;}
#header.m_nav_open .nav_layer .nav_wrap2{ opacity:1; visibility:visible;}
#header.m_nav_open .gnb_wrap .util .btnAll{ position:fixed; z-index:5; top:2em; right:2.5em;}
#header.m_nav_open .gnb_wrap .util .btnAll.vm_wrap{ height:auto;}
#header.m_nav_open .gnb_wrap .util .btnAll .in{ width:4em; height:4em;}
#header.m_nav_open .gnb_wrap .util .btnAll .ham{ background:transparent !important;}
#header.m_nav_open .gnb_wrap .util .btnAll .ham:before,
#header.m_nav_open .gnb_wrap .util .btnAll .ham:after { background:#fff !important; top:50%; width:100% !important;}
#header.m_nav_open .gnb_wrap .util .btnAll .ham:before{ transform:rotate(-45deg);}
#header.m_nav_open .gnb_wrap .util .btnAll .ham:after { transform:rotate(45deg);}

#header .nav_layer .nav_wrap2 .nav_gnb .gnb > li.active{ background:#edf0f4}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb .dp2 > li > a{position:relative}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb .dp2 > li > a:before{ content:"\e91b"; position:absolute; left:9px; top:11px; color:#555; font-family:'xeicon';}

/*footer*/
#footer{ background:#18202d; margin-top:auto}
#footer .goTop{ position:fixed; z-index:999; bottom:-2em; right:2em; width:4em; height:4em; background:#0e203d; border-radius:100%; text-align:center; color:#fff; opacity:0; visibility:hidden; transition:.2s;}
#footer .goTop .tt{ display:block; font-size:.688em; font-weight:500;}
#footer .goTop:hover{ background:#00a19c;}
#footer .goTop.scroll{ bottom:2em; opacity:1; visibility:visible;}

#footer .info_wrap{ padding:3.750em 0;}
#footer .info_wrap .inner{ position:relative;}
#footer .info_wrap .info{text-align:center}
#footer .info_wrap .info *{ color:#fff;}
#footer .info_wrap .info .t1 {font-weight:700; font-size:1em;}
#footer .info_wrap .info .t2{ font-size:1em;font-weight:300; padding:20px 0 30px 0;}
#footer .info_wrap .info .copy{ margin-top:1.8em; font-size:.688em; opacity:.5; font-weight:300;}
#footer .info_wrap .info .menu {display:inline-block; margin:0 .3em;}
#footer .info_wrap .info .menu .tt {font-size:.813em; display:inline-block; opacity:.8; font-weight:300;}
#footer .info_wrap .info .menu .tt:hover {text-decoration:underline; transition:.3s;}

/*contents*/
.main #contents:before,
.main #contents .doc_wrap .doc_tit,
.dp1_member #contents:before,
.dp1_member #contents .doc_wrap .doc_tit{ display:none}

.dp1_member.dp2_modify #contents:before,
.dp1_member.dp2_modify #contents .doc_wrap .doc_tit,
.dp1_member.dp2_withdrawal #contents:before,
.dp1_member.dp2_withdrawal #contents .doc_wrap .doc_tit {display:block !important;}

.main #contents .doc_wrap{ background:none}
.main #contents .sub_layout{ width:100%; padding:0 0 5em 0;}
#contents{ position:relative; padding-bottom:3em}
#contents:before{ content:""; display:block; position:absolute; z-index:1; top:0; left:0; width:100%; background:#e9ecf2; height:14em; background:#f7f7f7}
/*#contents:before,
#contents .sub_layout .doc_wrap .doc_tit{ height:8em;}*/
#contents .sub_layout{ position:relative; z-index:2; align-items:stretch; padding:8em 0 8em 0; width:1400px; margin:0 auto}

#contents .doc_wrap{ background:#fff;}
#contents .doc_wrap .doc_tit{ border-bottom:1px solid #ddd; margin:0 1.8em 2em 1.8em; padding-bottom:2em;}
#contents .doc_wrap .doc_tit .tit{ padding:1.5em 0 .8em 0; font-size:1.375em; color:#222; font-weight:500;}
#contents .doc_wrap .doc_tit .nav > li{ display:inline-block; vertical-align:middle; color:#666;}
#contents .doc_wrap .doc_tit .nav .xi{ font-size:1em; margin-top:-3px;}
#contents .doc_wrap .doc_tit .nav .tt{ font-size:.813em;}
#contents .doc_wrap .doc_tit .nav .tt:before{ content:"\e940"; font-family:xeicon!important; display:inline-block; padding:0 .3em 0 .1em; color:#aaa;}
#contents .doc_wrap .doc_tit .nav > li:last-child{ color:#00a19c; font-weight:500;}

/*MAIN************************/
.main_Visual {margin-bottom:3.750em}

.main_wrap .box1{ position:relative}
.main_wrap .main_category{ display:flex; flex-direction:column; width:18%; max-width:252px; box-sizing:border-box; background:#eee}
.main_wrap .main_category.main_in {padding:2em 1em;}
.main_wrap .main_con{ width:59%; box-sizing:border-box}
.main_wrap .main_con .in {padding-right:1.875em}

.main_wrap .main_focus{ width:23%; max-width:322px; box-sizing:border-box}
.main_wrap .main_focus .in {margin-right:2em; position:relative}
.main_wrap .main_focus .in .focus_tit {font-weight:700; color:#222; font-size:1.250em; padding-bottom:10px;}
.main_wrap .main_focus .in .noti{margin:0 auto;}

.main_wrap.sub_st .main_con {width:80%;}
.main_wrap.sub_st .main_con .sub_in {padding-right:1.875em;}
.main_wrap.sub_st .main_category {width:20%;}
.main_wrap.sub_st .main_category.sub_in {padding:2em 1em;}
.search_sub_in {margin-top:auto; position:relative;}

.scrollChk.top .main_focus,
.scrollChk.top .main_category{ position:fixed; top:5.625em; height:calc(100vh - 5.625em); transition:.3s}
.scrollChk.top .main_category .search{ margin-top:auto}
.scrollChk.top .main_focus{ padding-top:1em}
.scrollChk.top .main_con{/* margin-left:23%*/  }
.scrollChk.top .main_con.scrollSt{margin-left:23%;}
.scrollChk.bottom .flex{ align-items:flex-end}

.main_wrap .mypostingWrap {margin-top:3em;}
.main_wrap .mypostingWrap .myposting_Info {width:20%;}
.main_wrap .mypostingWrap .myposting_Info .sub_in {padding:0 1em;}
.main_wrap .mypostingWrap .myposting_con {width:80%;}
.main_wrap .mypostingWrap .myposting_con .sub_in {padding-left:1.875em;}
.main_wrap .mypostingWrap .img {/*width:10em;*/}
.main_wrap .mypostingWrap .img .userSt {box-shadow:0 0.25em 0.25em rgba(0,0,0,.1);}
.main_wrap .mypostingWrap .txt {padding:1.5em 0;}
.main_wrap .mypostingWrap .txt .t1 {font-weight:700; font-size:1.6em;}
.main_wrap .mypostingWrap .txt .t2 {font-weight:500; font-size:.813em; color:#555; padding-top:.3em; line-height:1.4;}



/*크롬에서만 먹히세요!*/
@media screen and (-webkit-min-device-pixel-ratio:0){
.scrollChk.top .main_focus,
.scrollChk.top .main_category,
.scrollChk.top .myposting_Info{position:sticky}
.scrollChk.top .main_focus.st2 { position:unset;}
/*.scrollChk.top .main_con{ margin-left:0}*/
.scrollChk.top .main_con.scrollSt{ margin-left:0}
}

.main_focus .news_con{border:1px solid #ddd; background:#fff}
.main_focus .news_con .info{ padding:1.5em 1.250em 4em 1.250em;}
.main_focus .news_con .info .cate{background:#eee; border-radius:3em; padding:.65em 1.5em; text-align:center; display:inline-block}
.main_focus .news_con .info .cate .tt {font-size:.813em; color:#777; font-weight:500;}
.main_focus .news_con .info .ti {color:#111; font-weight:700; font-size:1.125em; line-height:1.4; padding:1em 0 1.8em 0; overflow:hidden; height:3em;}
.main_focus .news_con .info .tx {color:#111; font-weight:500; font-size:.875em; line-height:1.3; opacity:.7; overflow:hidden; height:5em;}
.main_focus .news_con .info .user {width:2em;}
.main_focus .news_con .info .user.nouser {background:#eee; border-radius:50%;}
.main_focus .news_con .info .user_tt {font-size:.813em; color:#777; font-weight:700; padding-left:8px; flex:1; min-width:0; display:inline-block; letter-spacing:-.5px;}
.main_focus .news_con .info2{ padding:1.5em 1.250em 1.5em 1.250em;}
.main_focus .news_con .info2 .notice_box { border-bottom: 1px solid #ddd;}
.main_focus .news_con .info2 .notice_box:last-child {border-bottom: none;}
.main_focus .news_con .info2 .notice_box a {transition: .3s; padding: 0.5em; display: inline-block;width: 94%;}
.main_focus .news_con .info2 .notice_box a:hover { background-color:rgba(83,126,221,0.1); transition:.3s;}
.main_focus .news_con .info2 .ti2 {color:#111; font-weight:500; font-size:1em; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; height: 1.2em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-bottom:0.5em;}
.main_focus .news_con .info2 .tx2 {color:#111; font-weight:500; font-size:.775em; line-height:1.3; opacity:.7; overflow:hidden;}
.main_focus .news_con .info2 .ti2 .xi:before {content: "\ea5b"; color: #00a19c; font-size: 1.025em; margin-right:.3em;}

.mainSliderNews_Control {display:block; text-align:center; margin-top:-20px; position:relative; z-index:999}
.mainSliderNews_Control .inn { border-radius:3em; border:1px solid #ddd; background:#fff; padding:.7em 3.5em; display:inline-block}
.mainSliderNews_Control .paging{color:#777; font-size:.750em; font-weight:500;}
.mainSliderNews_Control .paging .swiper-pagination-bullet{ display:inline-block; width:30px; height:5px; background:#ccc; border-radius:0; opacity:1;}
.mainSliderNews_Control .paging .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#3c4968;}
.mainSliderNews_Control .paging .swiper-pagination-current {font-size:1.125em !important; font-weight:700 !important; color:#222 !important;}

.mainSliderNews_Control .btn{position:relative;}
.mainSliderNews_Control .btn .btn_in{ font-size:.875em; color:#777; cursor:pointer; transition:.3s;}
.mainSliderNews_Control .btn .btn_in.b_prev {position:absolute; left:-30px; top:50%; transform:translateY(-50%); height:35px;}
.mainSliderNews_Control .btn .btn_in.b_next {position:absolute; right:-30px; top:50%; transform:translateY(-50%); height:35px;}

/*SUB PAGE************************/
/*inc*/
.page_mg { margin-top:2.5em !important;}
.page_mg1{ margin-top:1em !important;}
.page_mg2{ margin-top:2em !important;}
.page_mg3{ margin-top:3em !important;}
.page_mg4{ margin-top:4em !important;}
.page_mg5{ margin-top:5em !important;}
.page_mg6{ margin-top:6em !important;}
.page_mg7{ margin-top:7em !important;}
.page_mg8{ margin-top:8em !important;}

.page_basic_tit{ margin-bottom:1em; padding-left:1em;}
.page_basic_tit > *[class^="t"] > *{ vertical-align:baseline;}
.page_basic_tit > .t1{ position:relative; font-size:1.250em; color:#111; font-weight:500;}
.page_basic_tit > .t1:before{ content:""; position:absolute; top:0; left:-.8em; width:.3em; height:1em; background:#1a9fbb; border-radius:.2em;}
.page_basic_tit > .t2{ padding-top:.75em; font-size:.813em; color:#222; line-height:1.5;}
.page_basic_tit > .t3{ display:inline-block; padding:.5em 1em; border:1px solid #d4d5d8; border-radius:.3em; font-size:.813em; color:#666;}
.page_basic_tit > .t3 strong{ color:#222;}

/*MEMBER***************************/
.member_wrap{ margin-top:1em}
.member_wrap .login_box{ width:490px; max-width:100%; margin:0 auto; border-radius:.5em; box-shadow:0 0 0.4em rgb(0 0 0 / 20%); padding:2.5em 1em; margin-top:3em;}
.member_wrap .join_box { width:790px; max-width:100%; margin:0 auto;}
.member_wrap .join_box2 { width:890px; max-width:100%; margin:0 auto;}
.member_wrap .cert_box { width:580px; max-width:100%; margin:0 auto;}

.member_wrap .member_tit .logo {margin-bottom:1em}
.member_wrap .member_tit .logo img {width:9em;}
.member_wrap .member_tit{ padding:1em 0 1em 0; text-align:center; margin-bottom:1em}
.member_wrap .member_tit .tit { margin-bottom:.3em; font-size:2.500em; color:#3c3c3d; font-weight:700; text-transform:uppercase;}
.member_wrap .member_tit .tit2{ font-size:1.750em; color:#3c3c3d; font-weight:700; letter-spacing:-1px;}
.member_wrap .member_tit .txt { color:#72727d; line-height:1.5em;}
.member_wrap .member_tit .c1{ color:#3c3c3d;}

.member_wrap .member_tab{ text-align:center; padding:0 1px 0 0;}
.member_wrap .member_tab > li{ width:50%;}
.member_wrap .member_tab > li .in{ position:relative; z-index:1; margin:0 -1px -1px 0; padding:1em .5em; background:#f0f0f0; border:1px solid #d4d5d8; font-size:1.125em; color:#72727d;}
.member_wrap .member_tab > li.on .in{ z-index:2; background:#fff; border-bottom-color:transparent; color:#21489d;}
.member_wrap .member_tab > li.on .in:before{ content:""; position:absolute; top:-1px; left:-1px; right:-1px; height:4px; background:#21489d;}

.member_wrap .member_form{ padding:1.5em 2em 1.5em 2em; border:1px solid #d4d5d8;}
.member_wrap .member_form.st1{ border:none;}
.member_wrap .member_form.st2{ border-top-width:4px; border-top-color:#00a19c;}
.member_wrap .member_form.st3{ padding:0; border-top-color:#313851;}
.member_wrap .member_form.intro_st{padding:0; border:1px solid #ccc; border-top-width:4px; border-top-color:#00a19c;}

.member_wrap .form > li:first-child{ margin-top:0;}
.member_wrap .form .inp_wrap{ position:relative; margin-top:.4em;}
.member_wrap .form .inp_wrap .xi{ position:absolute; z-index:2; top:0; left:0; width:4em; line-height:3.5em; text-align:center; font-size:1em; color:#3c3c3d;}
.member_wrap .form .inp_wrap .xi:before{ font-size:1.750em;}
.member_wrap .form .inp_wrap .inp{ box-sizing:border-box; width:100%; height:3.5em; padding:0 1em 0 4.5em; background:#fff; border:1px solid #ddd; border-radius:.3em;}
.member_wrap .form .inp_wrap .inp_sel{ background:transparent;}
.member_wrap .form .inp_wrap .inp:focus{ border-color:#21489d;}
.member_wrap .form .btn_wrap{ margin-top:1.2em;}
.member_wrap .form .btn_wrap .btn{ margin:.4em 0; font-size:1.125em;}
.member_wrap .form .btn{ display:block; box-sizing:border-box; text-align:center; width:100%; padding:.8em 1em; border:1px solid #00a19c; border-radius:.3em;}
.member_wrap .form .btn.c1{ background:#00a19c; color:#fff;}
.member_wrap .form .btn.c2{ background:#ffffff; color:#00a19c;}
.member_wrap .form .etc_wrap{ margin-top:1.5em;}
.member_wrap .form .etc_wrap .find{ text-align:right;}
.member_wrap .form .etc_wrap .find .link{ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:.8em; padding-left:.8em; color:#666}
.member_wrap .form .etc_wrap .find .link:before{ content:""; position:absolute; top:10%; left:0; width:1px; height:80%; background:#ccc;}
.member_wrap .form .etc_wrap .find .link:first-child{ margin-left:0; padding-left:0;}
.member_wrap .form .etc_wrap .find .link:first-child:before{ display:none;}
.member_wrap .form .etc_wrap .find .link:hover{ text-decoration:underline;}
.member_wrap .form .id_wrap{ padding:3em 1em; background:#f5f5f5; border:1px solid #e5e5e5; border-radius:.3em; text-align:center; font-size:1.125em;}
.member_wrap .form .id_wrap strong{ vertical-align:baseline; color:#21489d; letter-spacing:0;}
.member_wrap .form .pw_wrap{ padding:3em 1em; background:#f5f5f5; border:1px solid #e5e5e5; border-radius:.3em; text-align:center; font-size:.938em; color:#3c3c3d; line-height:1.8;}

.member_wrap .form .cer_wrap > li{ width:33.33%; text-align:center;}
.member_wrap .form .cer_wrap > li .inner{ margin:0 1px; padding:1em .6em; background:#ecf0f4;}
.member_wrap .form .cer_wrap .icon .in{ display:inline-block; width:4em; height:4em; background:#fff; border-radius:100%;}
.member_wrap .form .cer_wrap .icon .in img{ max-height:2.5em;}
.member_wrap .form .cer_wrap .txt{ margin-top:1em; height:3em;}
.member_wrap .form .cer_wrap .btn{ padding:.4em .4em;}

.member_wrap .terms_wrap .all_check{ padding:1em 0; border-bottom:1px dashed #bbb; font-size:1.063em;}
.member_wrap .terms_wrap > li{ padding-top:1.5em;}
.member_wrap .terms_wrap > li:first-child{ padding-top:0;}
.member_wrap .terms_wrap .tit{ margin-bottom:.6em; font-size:1.250em; color:#3c3c3d; font-weight:500}
.member_wrap .terms_wrap .tit *{ vertical-align:baseline;}
.member_wrap .terms_wrap .c1{ color:#d82744;}

.member_wrap .type_wrap{}
.member_wrap .type_wrap > li{ width:33.33%;}
.member_wrap .type_wrap > li .inner{ border-left:1px solid #ddd; padding:0 2em; text-align:center; padding:3em;}
.member_wrap .type_wrap > li:first-child .inner{ border-left:none;}
.member_wrap .type_wrap .icon{ height:8em;}
.member_wrap .type_wrap .icon .xi {font-size:3em; width:2em; line-height:2em; text-align:center; border-radius:50%; color:#333; background:#f2f5f6;}
.member_wrap .type_wrap .txt{ margin-top:1em; min-height:5em;}
.member_wrap .type_wrap .txt .t1{ font-size:1.75em; color:#222;}
.member_wrap .type_wrap .txt .t2{ font-size:1.063em; color:#69696b; padding-top:.4em;}
.member_wrap .type_wrap .btn{ display:inline-block; *display:inline; zoom:1; margin-top:1em; padding:.8em 4em; background:#00a19c; border:1px solid #00a19c; border-radius:5px; color:#fff; transition:.2s;}
.member_wrap .type_wrap .btn:hover{ background:#282828; color:#fff; border:1px solid #282828;}
.member_wrap .type_wrap > li:hover .inner {background:#f2f5f6; transition:.3s;}
.member_wrap .type_wrap > li:hover .icon .xi {background:#fff; color:#920784;  transition:.3s;}

.join_select{ margin:-2em 0 4em -1.5em}
.join_select > li{ flex:1 1 1%}
.join_select > li > a{ display:block; margin:2em 0 0 1.5em; height:100%; box-sizing:border-box; padding:3em 1em; text-align:center; border:3px solid #eee; transition:.3s}
.join_select > li > a .icon{ display:block; width:5em; line-height:5em; background:#f5f5f5; margin:0 auto; border-radius:50%; color:#999; transition:.3s}
.join_select > li > a .icon:before{ font-size:2em}
.join_select > li > a .t1{ display:block; font-weight:500; font-size:1.5em; margin:1em 0 0 0}
.join_select > li > a .t2{ display:block; color:#666; margin:1em 0; font-size:.938em}
.join_select > li > a .more{ display:inline-block; background:#666; color:#fff; margin:0 auto; padding:.6em 2em; transition:.3s; border-radius:3px;}
.join_select > li > a:hover{ border-color:#00a19c; box-shadow:0 0 1em .125em rgba(0,0,0,.2)}
.join_select > li > a:hover .icon{ color:#00a19c}
.join_select > li > a:hover .more{ background:#00a19c; color:#fff}

.member_btn_wrap{ margin:1.5em 0 0 -.4em; text-align:center;}
.member_btn_wrap > li{ width:50%;}
.member_btn_wrap .in{ margin-left:.4em;}
.member_btn_wrap .input_st{ width:100%; min-width:40% !important;}

.member_btn_wrap.modifySt {width:100%; margin:3em auto; max-width:40%;}

.member_agree .agree{ padding:3em; border:solid #ddd; border-width:2px 1px 1px 1px; border-top-color:#333; font-size:.938em; color:#777; line-height:1.5em;}
.member_agree .agree.H{ padding:1em 1.5em; border-top-width:1px; height:10em; overflow-y:scroll;}
.member_agree .agree p{ padding:.5em 0;}
.member_agree .agree *{ vertical-align:baseline;}
.member_agree .agree strong{ color:#333;}
.member_agree .check{ padding:1em 2em; border:solid #ddd; border-width:0 1px 1px 1px; border-radius:0 0 .6em .6em; text-align:right;}

.join_table{ border-top:1px solid #333; font-size:.938em;}
.join_table th,
.join_table td{ height:2.25em; padding:.75em 1.5em; border-bottom:1px solid #e8e8e8; text-align:left;}
.join_table th{ color:#3c3c3d; padding-right:.8em; background:#f8f8f8;}
.join_table td{ color:#72727d;}
.join_table .checkShow td{ padding-left:0; padding-right:0;}

.join_in_box{ padding:.4em .8em; border:1px solid #ddd; background:#f7f7f7;}
.join_in_box:first-child{ margin-top:0 !important;}
.join_in_box > li{ margin-top:.8em; padding-top:.6em; border-top:1px dashed #ccc;}
.join_in_box > li:first-child{ margin-top:0; padding-top:0; border-top:none;}
.join_in_box .tit{ position:relative; margin:.4em 0 .4em 0; padding-left:.8em; color:#0d2d4f;}
.join_in_box .tit:before{ content:""; position:absolute; top:.45em; left:0; width:.35em; height:.35em; background:#0d2d4f; border-radius:100%;}

.join_finish{ padding:1em 0; text-align:center;}
.join_finish .tit{ margin-bottom:.6em; font-size:1.375em; color:#3c3c3d; font-weight:500; letter-spacing:-1.5px;}
.join_finish .txt{ color:#72727d; line-height:1.5em;}
.join_finish .txt strong{ color:#21489d; vertical-align:baseline;}
.join_finish .join_table{ width:90%; margin:2em auto 0 auto;}

.myapge_people .img {width:10em;}
.myapge_people .resize {border-radius:50%;}
.myapge_people .img .userSt {box-shadow:0 0.25em 0.25em rgba(0,0,0,.1);}
.myapge_people .inpFile{ width:0; height:0; overflow:hidden; opacity:0; z-index:-1; position:relative}
.myapge_people .photoBtn{ background:#f5f5f5; color:#ccc; cursor:pointer; box-sizing:border-box; border:1px solid #ddd; border-radius:.25em; transition:.3s}
.myapge_people .photoBtn .xi{ font-size:1.5em}
.myapge_people .photoBtn .xi:before{content: '\ea4b';}
.myapge_people .photoBtn .tt{ width:100%; text-align:center; margin-top:1em}
.myapge_people .photoBtn:hover{ border-style:dashed; border-color:#666}
.myapge_people .photoView{z-index:-1; opacity:0}
.myapge_people .photoView.on{ z-index:1; box-shadow:0 0 .25em rgba(0,0,0,.3); background-color:#fff; border:1px solid #ddd; border-radius:.25em; opacity:1}

/**/
.page_memo{ padding:1em 1.5em; background:#f5f5f5; line-height:1.7;  }
.page_memo > li{ margin-top:.3em; position:relative}
.page_memo > li:first-child{ margin-top:0}
.page_memo > li .tt{ margin:.25em 0 0 .5em}
.page_memo > li .tt.st {font-size:1.7em; font-family:'notokrB'}
.page_memo > li .tt .col {vertical-align:baseline !important; color:#00a19c}
.page_memo > li.flex .tt{ flex:1 1 0%; min-width:0;}
.page_memo .t1{ font-size:.938em; color:#666}
.page_memo .icon.info:before{content:"\e9a7"; color:#00a19c}

/**/
.page_step_wrap{ margin-bottom:2em; text-align:center;}
.page_step_wrap .step{ display:inline-block; *display:inline; zoom:1;}
.page_step_wrap .step > li .in{ position:relative; padding:0 1.5em; min-width:8em; color:#aaa;}
.page_step_wrap .step > li .in:before{ content:"\e940"; font-family:xeicon; position:absolute; font-size:2.000em; color:#ddd; top:.2em; left:-.5em;}
.page_step_wrap .step > li:first-child .in:before{ display:none;}
.page_step_wrap .step > li .in > *{ position:relative; display:block;}
.page_step_wrap .step > li .in .xi{ margin:.2em 0 .4em 0; font-size:2.500em;}
.page_step_wrap .step > li .in .xi:before{ position:relative; z-index:2; font-size:.813em;}
.page_step_wrap .step > li .in .xi:after{ content:""; position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%, -50%); width:1.3em; height:1.3em; background:#e8e8e8; border-radius:100%;}
.page_step_wrap .step > li .in .no{ font-size:.688em; font-weight:700; text-transform:uppercase;}
.page_step_wrap .step > li .in .tt{ font-size:.938em;}
.page_step_wrap .step > li.on .in{ color:#3c3c3d;}
.page_step_wrap .step > li.on .in .xi{ color:#fff;}
.page_step_wrap .step > li.on .in .xi:after{ background:#00a19c;}
.page_step_wrap .step > li.on .in .no{ color:#00a19c;}

/*LOGIN***************************/
.login_wrap{ position:fixed; width:100%; height:100%; left:0; top:0; align-items:center; background:#1d335a; background:url(../images/sub/login_bg.jpg) no-repeat 50% 50%; background-size:cover;}
.login_wrap .login{ width:600px; max-width:94%; margin:0 auto; padding:1em 0 5em 0;}
.login_wrap .login_tit{ margin-bottom:1em; text-align:center; color:#fff;}
.login_wrap .login_tit .logo img{ width:17em;}
.login_wrap .login_tit .tit{ margin-top:.6em;}
.login_wrap .login_tit .tit > *{ display:inline-block;}
.login_wrap .login_tit .tit .t1{ font-size:1.500em; font-weight:700; padding:.4em .25em 0 0;}
.login_wrap .login_tit .tit .t2{ font-size:3.000em; margin-left:.25em;}
.login_wrap .login_con{ background:#fff; box-shadow:0 2px 3px rgba(0,0,0,.2); border-radius:.6em; overflow:hidden;}
.login_wrap .login_con .tab{ align-items:stretch; align-items:center; text-align:center;}
.login_wrap .login_con .tab > li{ flex:1;}
.login_wrap .login_con .tab > li > a{ display:block; padding:1.2em 1em; background:#ecf0f4; border:solid #d4d5d8; border-width:0 0 1px 1px; color:#333; font-weight:700;}
.login_wrap .login_con .tab > li:first-child > a{ border-left-width:0;}
.login_wrap .login_con .tab > li.on > a{ background:#fff; border-bottom-color:#fff; color:#005bbb;}
.login_wrap .form_wrap{ padding:3em 2em; background:#fff;}
.login_wrap .form_wrap .form > li{ margin-top:.6em;}
.login_wrap .form_wrap .form > li:first-child{ margin-top:0;}
.login_wrap .form_wrap .form > li .in{ position:relative; padding:0 1em 0 4em; border:1px solid #ddd; border-radius:.25em; overflow:hidden;}
.login_wrap .form_wrap .form > li .in .xi{ position:absolute; top:0; left:0; width:4em; line-height:4em; background:#ecf0f4; border-right:1px solid #ddd; text-align:center; font-size:1em;}
.login_wrap .form_wrap .form > li .in .xi:before{ font-size:1.500em; color:#333;}
.login_wrap .form_wrap .form > li .in .inp{ width:100%; box-sizing:border-box; padding:1em 0 1em 1em; height:4em; border:none; background:none; font-weight:700;}
.login_wrap .form_wrap .form > li.btn_wrap{ margin-top:2em; align-items:center;}
.login_wrap .form_wrap .form > li.btn_wrap .check{ font-size:.938em; font-weight:700;}
.login_wrap .form_wrap .form > li.btn_wrap .btn{ padding:0 2em; height:3.5em; border-radius:.25em; background:#3086c9; color:#fff; font-weight:700; border:none; min-width:40%;}

.login_wrap .link_wrap{ padding:1em .2em; align-items:center; border-top:1px dotted rgba(255,255,255,.3);}
.login_wrap .link_wrap .xi{ line-height:1;}
.login_wrap .link_wrap .t1{ font-size:.813em; color:#fff;}
.login_wrap .link_wrap .t1 .xi{ font-size:1.5em;}
.login_wrap .link_wrap .t2{ padding:.6em 1.5em; background:#005bbb; border-radius:6em; font-size:.938em; color:#fff; font-weight:700; text-transform:uppercase;}
.login_wrap .link_wrap .t2 .tt{ display:inline-block; padding:0 .25em;}
.login_wrap .link_wrap .t2:hover .tt{ text-decoration:underline;}

/*이메일무단수집거부*/
.terms_area{ padding:20px; background:#f7f7f7; border-top:2px solid #333; border-bottom:1px solid #999; font-size:1em; color:#555; font-weight:400; line-height:1.6;}
.terms_area .terms_box{ padding:30px; background:#fff; border:1px solid #eee; font-size:0.875em;}
.terms_area .terms_box strong{ color:#111; font-weight:500;}
.terms_area.agree{ padding:15px 20px; border:1px solid #aaa; line-height:1.4;}
.terms_area.agree .tit{ margin-bottom:15px; padding-left:5px; font-size:1.250em; color:#000; font-weight:500; letter-spacing:-1px;}
.terms_area.agree .tit i{ vertical-align:middle;}
.terms_area.agree .tit .xi{ padding-right:5px;}
.terms_area.agree .terms_box{ padding:20px 30px; height:150px; overflow-y:scroll;}
.terms_area.agree .check{ margin-top:10px; text-align:right;}
.page_email{ letter-spacing:-1px; padding:30px; background:#fff; border:1px solid #eee;}
.page_email .line{ margin:30px 0 30px 0; height:1px; background:#ccc;}
.page_email .email_top{ padding:20px 30px; background:#f9f9f9; border:1px solid #ddd; text-align:center; color:#111; font-weight:400; line-height:1.4;}
.page_email .email_con{}
.page_email .email_con .tit{ text-align:center; font-size:1.125em; color:#000;}
.page_email .email_con .con_wrap{ margin-top:40px;}
.page_email .email_con .con_wrap > dt{ margin-bottom:10px;}
.page_email .email_con .con_wrap > dt > span{ display:block; position:relative; padding-top:2px; padding-left:25px; color:#333;}
.page_email .email_con .con_wrap > dt > span:before{ content:"\eb1f"; position:absolute; top:0; left:0; width:20px; font-family:xeicon; font-size:1.250em;}
.page_email .email_con .con_wrap > dd{ margin-left:25px; font-size:0.875em; color:#666; font-weight:400; line-height:1.8;}

/*개인정보처리방침*/
.privacy_area{ border-top:2px solid #333; border-bottom:1px solid #666; position:relative;}
.privacy_area .privacy_tt{ position:absolute; left:0; top:0; width:178px; height:100%; border-left:1px solid #ccc; border-right:1px solid #ccc;  text-align:right;}
.privacy_area .privacy_tt strong{ display:inline-block; *display:inline; zoom:1; font-size:1.308em; color:#fff; padding:20px 15px 0; font-weight:500}
.privacy_area .privacy_box{  background-color:#f9f9f9; padding:30px;}
.privacy_area .privacy_box .privacy_in{ overflow-y:hidden; height:auto; padding:30px; border:1px solid #ccc; background:#fff; line-height:1.6; margin-bottom:10px; color:#222; font-size:.875em; font-weight:300}
.privacy_area .privacy_box .privacy_in > strong { font-weight:500;}

/**/
.postingW {}
.postingW .postingList {}
.postingW .postingList .list {margin-bottom:2.5em; cursor:pointer;}
.postingW .postingList .list:last-child {margin-bottom:0;}
.postingW .postingList.data_st .list {margin-bottom:3.5em;}
.postingW .postingList .list .tw {flex:1; min-width:0;}
.postingW .postingList .list .imgw {width:13.125em;}
.postingW .postingList .list .tw .in {padding-right:1.875em;}
.postingW .postingList .list .tw .in .type {display:inline-block; background:#4d98ff; border-radius:5px; padding:.5em 1em; margin:0 0 .625em 0; border:1px solid #4d98ff}
.postingW .postingList .list .tw .in .type .tt {font-weight:500; font-size:.875em; color:#fff;}
.postingW .postingList .list .tw .in .prize {display:inline-block; background:#4d98ff; border-radius:5px; padding:.5em 1em; margin:0 0 .625em 0; border:1px solid #4d98ff}
.postingW .postingList .list .tw .in .prize .tt {font-weight:500; font-size:.875em; color:#fff;}
.postingW .postingList .list .tw .in .prize.bg1 {background:#ffd200; border:1px solid #ffd200;}
.postingW .postingList .list .tw .in .prize.bg1 .tt {color:#7c2e03;}
.postingW .postingList .list .tw .in .prize.bg2 {background:linear-gradient(-180deg, #fff 0%, #fff 50%, #e9ecf2 100%); border:1px solid #eee;}
.postingW .postingList .list .tw .in .prize.bg2 .tt {color:#5a5050}
.postingW .postingList .list .tw .in .prize.bg3 {background:#bc581e; border:1px solid #bc581e;}
.postingW .postingList .list .tw .in .prize.bg4 {background:#6962AD; border:1px solid #6962AD;}

.postingW .postingList .list .tw .in .t1 {font-size:1.125em; color:#111; font-weight:700; letter-spacing:-.5px; overflow:hidden; height:2.5em;}
.postingW .postingList .list .tw .in .t2 {font-size:.875em; color:#111; font-weight:500; opacity:.7; padding:1em 0 .1em 0; letter-spacing:-.5px; overflow:hidden; height:3.5em;}
.postingW .postingList .list .tw .in .user {width:2em;}
.postingW .postingList .list .tw .in .user.nouser {background:#eee; border-radius:50%;}
.postingW .postingList .list .tw .in .infoSt {}
.postingW .postingList .list .tw .in .infoSt > li {position:relative}
.postingW .postingList .list .tw .in .infoSt > li:before {position:absolute; content:""; width:4px; height:4px; border-radius:50%; background:#ccc; left:-20%; top:50%; transform:translateY(-50%)}
.postingW .postingList .list .tw .in .infoSt > li:first-child:before {display:none}
.postingW .postingList .list .tw .in .infoSt > li .tt {font-size:.813em; color:#777; font-weight:500; /*flex:1; min-width:0; */display:inline-block; letter-spacing:-.5px;}
.postingW .postingList .list .tw .in .infoSt > li .tt.writer{font-weight:700; padding-left:8px; }
.postingW .postingList .list .tw .in .infoSt > li .tt.date{}
.postingW .postingList .list .tw .in .infoSt > li .tt.cate{background:#eee; border-radius:3em; padding:.65em 1.5em; text-align:center;}
.postingW .postingList .list:hover .tw .in .t2 {text-decoration:underline; transition:.3s;}
.postingW .postingList .list:hover .tw .in .infoSt > li .tt.cate {transition:.3s; background:#00a19c; color:#fff;}

.posting_btnw .list {margin:0 0 1.5em -.5em}
.posting_btnw .list > li {}
.posting_btnw .list .btn {color:#fff; text-align:center; border-radius:5px; height:2.250em; display:block; min-width:6.5em; box-sizing:border-box; padding:.2em .5em; margin:0 0 0 .5em;}
.posting_btnw .list .btn.bg1 {background:#4d98ff;}
.posting_btnw .list .btn.bg2 {background:#a9b5c6}
.posting_btnw .list .btn > * {vertical-align:baseline !important;}
.posting_btnw .list .btn .xi {padding-right:3px;}
.posting_btnw .list .btn .tt {font-weight:500; font-size:.875em;}
.posting_btnw .list .btn:hover { transition:.3s;}
.posting_btnw .list .btn.bg1:hover {background:#0e203d;}
.posting_btnw .list .btn.bg2:hover {background:#00a19c;}

.posting_btnw.aiedBtn .list .btn {display:block; width:inherit; margin-right:0;}

.posting_btnw.mypostingBtn .list > li {width:50%;}
.posting_btnw.mypostingBtn .list .btn {margin-bottom:.5em; padding:.3em 0 0 0; width:7em;}
.posting_btnw.mypostingBtn .list .btn .xi {font-size:1.063em; vertical-align:baseline;}
.posting_btnw.mypostingBtn .list .btn.bg2 {background:#696969}
.posting_btnw.mypostingBtn .list .btn.bg3 {background:#4d98ff}

/**/
.categoryW {}
.categoryW .in {}
.categoryW .in .catew {}
.categoryW .in .catew .t1 {font-weight:700; color:#111; font-size:.938em; padding-bottom:20px; letter-spacing:-.5px;}
.categoryW .in .catew .list {margin:0 0 10em -.625em;}
.categoryW .in .catew .list > li {}
.categoryW .in .catew .list > li .incate {display:block; background:#fff; border-radius:5px; text-align:center; padding:.75em 1em; margin:0 0 .625em .625em;}
.categoryW .in .catew .list > li .incate .tt {font-weight:500; font-size:.875em; color:#777;}
/* .categoryW .in .catew .list > li:hover .incate {transition:.3s; border: 1px solid #00a19c } */
.categoryW .in .catew .list > li:hover .incate {transition:.3s;}
.categoryW .in .catew .list > li:hover .incate .tt {color:#00a19c;}

/* 세두 */
.categoryW .in .catew .list > li.on .incate {transition:.3s; background:#00a19c}
.categoryW .in .catew .list > li.on .incate .tt {color:#fff;}
.categoryW.multi .in .catew .list.cate1 {margin:0 0 1em -.625em;}
/* .categoryW.multi .in .catew .list.cate1 > li {flex:1 0 50%;} */
/*  */

.categoryW.aiedSt .in .catew .list > li {width:33.33%;}

/*ai교육정보 - 수업자료*/
.categoryW.aiSt .in .catew .list.cate1 {margin:0 0 1em -.625em;}
.categoryW.aiSt .in .catew .list.cate1 > li {flex:1 0 50%;}
.categoryW.aiSt .in .catew .list.cate2  {}
.categoryW.aiSt .in .catew .list.cate2 > li {}
.categoryW.aiSt .in .catew .list.cate2 > li .incate {background:#4d98ff;}
.categoryW.aiSt .in .catew .list.cate2 > li .incate .tt {color:#fff;}

/**/
.page_basic_tit{ margin-bottom:1em; padding-left:1em;}
.page_basic_tit > *[class^="t"] > *{ vertical-align:baseline;}
.page_basic_tit > .t1{ position:relative; font-size:1.250em; color:#111; font-weight:500;}
.page_basic_tit > .t1:before{ content:""; position:absolute; top:.15em; left:-.8em; width:.3em; height:1em; background:#1a9fbb; border-radius:.2em;}
.page_basic_tit > .t2{ padding-top:.75em; font-size:.813em; color:#222; line-height:1.5;}
.page_basic_tit > .t3{ display:inline-block; padding:.5em 1em; border:1px solid #d4d5d8; border-radius:.3em; font-size:.813em; color:#666;}
.page_basic_tit > .t3 strong{ color:#222;}

.page_box{ padding-left:1.5em}
.page_box.st1{ border:1px solid #ccc; padding:2em 1.5em; margin-left:1.5em; border-top:4px solid #ccc}
.page_box.st2{ padding:1.5em 2em; border:1px solid #ccc; border-radius:.4em; box-shadow:.25em .25em 0 rgba(0,0,0,.08);}
.page_box .txt{ line-height:1.6; color:#333; font-size:.938em}

/**/
.page_Banner {}
.page_Banner .in{ display:block; position:relative;}
.page_Banner .in .resize{ padding-bottom:17%;}
.page_Banner .in .tw {position:absolute; left:50%; top:50%; transform:translate(-50% ,-50%); text-align:center; width:100%;}
.page_Banner .in .tw .t1 {display:block; font-weight:700; font-size:2em; padding-bottom:.45em;}
.page_Banner .in .tw .t2 {display:block; font-size:.875em; line-height:1.4; padding:0 2em;}



/*강사관리*/
.minihome_layout_wrap{ *zoom:1;}
.minihome_layout_wrap:after{ content:""; display:block; clear:both;}
.minihome_layout_wrap .minihome_con{ float:left; width:75%;}
.minihome_layout_wrap .profile_wrap{ float:right; width:25%;}

.minihome_layout_wrap .minihome_con .minihome_tit{ margin-bottom:30px; padding:10px 0; border-bottom:1px solid #ccc; font-size:1.563em; font-weight:500; letter-spacing:-0.5px;}
.minihome_layout_wrap .minihome_con .minihome_tit:before{ content:"\e9da"; font-family:xeicon; padding-right:10px;}
.minihome_layout_wrap .minihome_con .prod_list{}
.minihome_layout_wrap .minihome_con .prod_list .prod_wrap{ width:33.33%;}
.minihome_layout_wrap .minihome_con .prod_list .prod_st{ font-size:.875em;}
.minihome_layout_wrap .minihome_con .prod_list .prod_st .prod_con{ padding:15px 15px;}

.minihome_layout_wrap .profile_wrap .inner{ margin-left:60px;}
.minihome_layout_wrap .profile_wrap .panel{ padding-bottom:40px; letter-spacing:-0.5px;}
.minihome_layout_wrap .profile_wrap .profile{ margin-bottom:30px; border-bottom:1px dashed #aaa; text-align:center;}
.minihome_layout_wrap .profile_wrap .profile .photo{ max-width:150px; margin:0 auto;}
.minihome_layout_wrap .profile_wrap .profile .photo > span{ display:block;}
.minihome_layout_wrap .profile_wrap .profile .photo .img{ width:90%; height:90%; border:5px solid #fff; box-shadow:1px 1px 3px rgba(0,0,0,.3); border-radius:50%;}
.minihome_layout_wrap .profile_wrap .profile .name{ margin-top:20px;}
.minihome_layout_wrap .profile_wrap .profile .name > span{ position:relative; display:block; padding-bottom:15px; font-size:1.500em; color:#181a1d; font-weight:500;}
.minihome_layout_wrap .profile_wrap .profile .name > span:after{ content:""; position:absolute; bottom:0; left:50%; margin-left:-10px; width:20px; height:2px; background:#ff3347;}
.minihome_layout_wrap .profile_wrap .profile .btn_wrap{ margin-top:20px; overflow:hidden;}
.minihome_layout_wrap .profile_wrap .profile .btn_wrap > li{ float:left;}
.minihome_layout_wrap .profile_wrap .profile .btn_wrap .w1{ width:50%;}
.minihome_layout_wrap .profile_wrap .profile .btn_wrap .w2{ width:100%;}
.minihome_layout_wrap .profile_wrap .profile .btn_wrap .btn{ display:block; margin:2px; padding:0 10px; height:30px; line-height:30px; border:1px solid #ccc; border-radius:5px; font-size:.813em; color:#181a1d; transition:.3s;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e8e8e8+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
}
.minihome_layout_wrap .profile_wrap .profile .btn_wrap .btn > i{ vertical-align:middle;}
.minihome_layout_wrap .profile_wrap .profile .btn_wrap .btn .xi{ padding-right:3px;}
.minihome_layout_wrap .profile_wrap .profile .btn_wrap .btn:hover{ background:#ff3347; border-color:#ff3347; color:#fff;}
.minihome_layout_wrap .profile_wrap .info{ position:relative; padding-left:15px; border-left:1px solid #E6E6E6;}
.minihome_layout_wrap .profile_wrap .info .circle{ position:absolute; top:6px; left:-3px; width:6px; height:6px; background:#ff3347; border-radius:50%;}
.minihome_layout_wrap .profile_wrap .info .con_wrap > dt{ margin-bottom:10px; font-size:1em; color:#181a1d; font-weight:500;}
.minihome_layout_wrap .profile_wrap .info .con_wrap > dd{ font-size:.875em; color:#555; line-height:1.4;}
.minihome_layout_wrap .profile_wrap .info .con_wrap .cate{}
.minihome_layout_wrap .profile_wrap .info .con_wrap .cate > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:2px 0; padding:0 10px; height:25px; line-height:25px; border:1px solid #ccc; border-radius:5px; font-weight:500;}
.minihome_layout_wrap .profile_wrap .info .con_wrap .list{ font-size:.938em;}
.minihome_layout_wrap .profile_wrap .info .con_wrap .list > li{ padding:6px 0; line-height:1.2;}

.minihome_layout_wrap .minihome_box{ padding:20px 20px; border:1px solid #eee; border-top:2px solid #333; border-radius:0 0 5px 5px; box-shadow:1px 1px 5px rgba(0,0,0,.15); overflow:hidden;}
.minihome_layout_wrap .minihome_box .left{ float:left; width:70%;}
.minihome_layout_wrap .minihome_box .right{ float:right; width:30%;}
.minihome_layout_wrap .minihome_box .photo{ margin-left:70px;}
.minihome_layout_wrap .minihome_box .photo .img{ display:block; border:5px solid #fff; box-shadow:1px 1px 3px rgba(0,0,0,.3);}

.mini_page_tbl{ table-layout:fixed; width:100%; letter-spacing:-0.5px;}
.mini_page_tbl th,
.mini_page_tbl td{ font-size:.938em;}
.mini_page_tbl tbody th{background:#f9f9f9; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:15px 10px; color:#222; text-align:left;}
.mini_page_tbl tbody td{border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:10px 10px; color:#666; text-align:left;}

.mini_page_tbl.form tbody th{ padding-left:20px;}
.mini_page_tbl.form tbody td{ padding-left:20px;}
.mini_page_tbl.form tbody td .check_wrap .label_st{ width:162px;}
.mini_page_tbl.form tbody td .addDel{}
.mini_page_tbl.form tbody td .addDel > li{ position:relative; margin:5px 0; padding-right:90px; overflow:hidden;}
.mini_page_tbl.form tbody td .addDel .inp_wrap{}
.mini_page_tbl.form tbody td .addDel .btn_wrap{ position:absolute; top:0; right:0;}
.mini_page_tbl.form tbody td .addDel .btn_wrap .input_st{ padding:0; margin-left:-1px; width:40px;}


.page_help_wrap{ margin-bottom:40px; padding:20px 30px; padding-left:0; border:1px solid #ccc; overflow:hidden;}
.page_help_wrap .icon_wrap{ float:left; width:15%; position:relative;}
.page_help_wrap .con_wrap { float:right; width:85%;}
.page_help_wrap .icon_wrap .xi{ width:45px; height:45px; line-height:45px; background:#28292b; border-radius:50%; font-size:1.563em; color:#fff;}
.page_help_wrap .icon_wrap:after{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#ddd;}

.detail_search_wrap{ margin-bottom:20px; font-size:.875em;}
.detail_search_wrap .inner{}
.detail_search_wrap .inner > li{ position:relative; padding-left:170px}
.detail_search_wrap .inner > li .con_tit{ position:absolute; left:0; top:0; bottom:0; width:170px; background:#28292b; border-top:1px solid #555; color:#fff;}
.detail_search_wrap .inner > li:first-child .con_tit{ border-top:none;}
.detail_search_wrap .inner > li .con_tit i{ vertical-align:middle;}
.detail_search_wrap .inner > li .con_tit .xi{ font-size:1.5em; padding-right:5px;}
.detail_search_wrap .inp_wrap{ padding:10px 15px; border:1px solid #999; border-left:none; margin-bottom:-1px}
.detail_search_wrap .inp_wrap .check_con{}
.detail_search_wrap .inp_wrap .check_con .label_st{ margin-left:15px;}
.detail_search_wrap .inp_wrap .check_con .label_st:first-child{ margin-left:0;}
.detail_search_wrap .inp_wrap .date_con{ overflow:hidden;}
.detail_search_wrap .inp_wrap .date_con > li{ float:left; width:60%;}
.detail_search_wrap .inp_wrap .date_con > li:first-child{ width:40%;}
.detail_search_wrap .inp_wrap .inp_con{ position:relative;}
.detail_search_wrap .inp_wrap .inp{ box-sizing: border-box; padding:5px 10px; height:35px; vertical-align:middle;}
.detail_search_wrap .inp_wrap .inpD,
.detail_search_wrap .inp_wrap .inpS{ background:#f5f5f5; border:1px solid #ccc; color:#111}
.detail_search_wrap .inp_wrap .inpS{ width:100%;}
.detail_search_wrap .inp_wrap .inpD{ width:45%; cursor:pointer;}
.detail_search_wrap .inp_wrap .btnD{ border:1px solid #ccc; border-radius:3px; font-size:.938em;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 40%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 40%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 40%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.detail_search_wrap .inp_wrap .btn{ position:absolute; top:0; right:10px; padding:0; border:none; background-color:transparent;}
.detail_search_wrap .inp_wrap .btn .xi{ font-size:1.875em; color:#181a1d; transition:.3s;}
.detail_search_wrap .inp_wrap .btn:hover .xi{ color:#ff3347;}

/**/
.agree_wrap{ padding:1.5em; border:1px solid #ddd; font-size:.938em; color:#555; background:#f9f9f9}
.agree_wrap.page_scroll {overflow-y:scroll; height:10em;}
.agree_wrap .agree{ padding:2em; border:solid #ddd; border-width:2px 1px 1px 1px; border-top-color:#333; color:#555; line-height:1.5; background:#fff}
.agree_wrap .agree .agree_txt {margin-bottom:1em; padding-bottom:1em; border-bottom:1px dashed #ddd;}
.agree_wrap .agree h3  {font-size:1.3em; padding-bottom:.8em; color:#343b4d; margin-top:2em;}
.agree_wrap .agree h3:first-child {margin-top:0;}
.agree_wrap .agree .agree_txt *{ vertical-align:baseline;}
.agree_wrap .agree .agree_txt h4 {color:#222; font-size:1.063em}
.agree_wrap .agree p{ padding:.5em 0; font-size:.938em;}
.agree.joinSt .agree_wrap{padding:0; border:none;}
.agree.joinSt .agree_wrap .agree {border-top:1px solid #ddd; background:#f9f9f9}

.agree_box{ border:1px solid #ddd; box-shadow:1px 1px 1em rgba(0,0,0,.2); padding:2em}
.agree_box .tit{ font-size:1.125em; font-weight:500; color:#333}
.agree_box .con{ font-size:.813em; color:#666; line-height:1.8}
.agree_box .con p{ margin-top:.5em}
.agree_box .con p > *{ vertical-align:top}
.agree_box .check{ border-top:1px solid #ddd; margin-top:2em; padding-top:1em}
.agree_box ul{ margin-top:1em}
.agree_box table{ margin:1em 0; width:100%}
.agree_box table th,
.agree_box table td{ border:1px solid #ddd; padding:1em}
.agree_box table th{ background:#f5f5f5}
.agree_box p strong{ font-size:1.125em; color:#333}
.agree_box a{ vertical-align:top; color:#666; text-decoration:underline}
.agree_box a:hover{ opacity:.6}
.agree_box strong{ vertical-align:top; font-weight:500}