@charset "utf-8";
/*@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);*/
/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/

* {-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}

body,html{width:100%; height:100%; margin:0; padding:0}
.containers{display:flex; flex-direction:column; width:100%; /*height:100vh*/ height:100%}
.header{display:block; width:100%; height:100px; position:fixed; z-index:999; box-shadow:0 10px 10px 0 rgb(0 0 0 / 8%); border-top:1px solid #ddd; background-color:#fff;}
.main_logo{width:238px; margin:32px 0 0 55px; display:inline-block}
.main_logo>img.mobile_logo{display:none}

.gnb_dropdown{display:inline-block;vertical-align:bottom;position:relative;margin:0 0 -2px 15px; z-index: 99999}
.gnb_dropbtn {font-size:16px; color:#015e48; font-weight:500; line-height:45px; height:45px; background:#e5f4f0; display:inline-block;padding: 0 40px 0 17px; border-radius:5px;position: relative;}
.gnb_dropdown:hover .gnb_dropbtn{background-color:#015e48; color:#fff}
.down_arrow{position:absolute; width:16px; height:16px;right: 8px; top:50%; margin-top:-8px; display:inline-block;}
.down_arrow:after{content:""; width:0px; height:0px; border-right:4px solid transparent; border-left:4px solid transparent; border-top:5px solid #333;}
.gnb_dropdown:hover .down_arrow:after{border-top:5px solid #fff;}

.gnb_2depth{display:none; z-index:1; min-width:165px; border-radius:5px; position:absolute; transition:all .5s;}
.gnb_2depthin{margin:5px 0 0; border-radius:5px; background-color:#fff; box-shadow:0px 0px 50px 0px rgb(82 63 105 / 15%); overflow:hidden;}
.gnb_2depth a{font-size:16px; font-weight:500; line-height:50px; padding:0 15px 0 37px; display:block; transition:all .2s; position:relative; border-bottom:1px dotted #ddd;}
.gnb_2depth a:before{content:""; width:4px; height:4px; background:#cacad2; border-radius:100px;position: absolute;left: 20px;top: 50%;}
.gnb_dropdown:hover .gnb_2depth{display:block;}
.gnb_2depth a:hover{background-color:#f1f1f1}
.gnb_2{position:absolute; right:50px; bottom:30px;}
.gnb_2>a{font-size:16px;display:inline-block;padding:0 12px;transition:all .1s;position:relative;font-weight:500;line-height:20px}
.gnb_2>a:after{content:""; display:block;width:2px;height: 15px;position:absolute;right: -4px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#f0f0f0}
.gnb_2>a:last-child:after{display:none}
.gnb_2>a:hover{color:#015e48;transition:all .1s}
.gnb_2 .menu_logout{margin-left:42px;font-size:15px;font-weight:300;line-height:2.13;text-align:left;color:#fff}


/*mobile_nav*/
.mobile, .mnav_open {display: none;}
.mnav_open{width: 37px; height: 35px; text-indent: -9999px; position: absolute; top: 18px; right: 15px; border: 0; padding: 5px; background: none}
.mnav_open:hover{cursor: pointer}
.mnav_open span{width: 24px; height: 3px; margin-bottom: 5px; border-radius: 9px; background: #000; display: block;}
.mobile_gnb .m_head{padding: 6px 0 7px 25px; background: #fff; box-shadow: 0px 2px 7px rgb(0 0 0 / 7%);}
.mobile_gnb .m_head>a{display:block; height:52px; text-indent:-9999px; overflow: hidden; background:url(../img/layout/logo.png) 0 0 no-repeat; background-size:155px;}
.mnav_close{width:28px; height:28px; position:absolute; top:15px; right: 20px; text-indent: -9999px; background: 0; border: 0; z-index:9}
.mnav_close:hover{cursor:pointer}
.mnav_close:before, .mnav_close:after{content:''; position:absolute; top:13px;width: 25px;height: 2px;background-color: #000; border-radius:2px;}
.mnav_close:before{left: 1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);}
.mnav_close:after{right: 2px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);}
.mobile_dim{position:fixed; top: 65px; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.6); display:none; /*z-index:999*/}
.mobile_dim.active {display:block;}
.mobile_gnb{position:fixed; top: 65px; right:-100%; width:100%; min-width: 280px; height:100%; /*overflow:auto;*/ background-color: #f2f4f0; transition:all .2s ease-in-out; opacity:0; z-index:999}
.mobile_gnb.active{right:0; opacity:1;}
.mobile_head {padding:15px 20px 10px 23px; display:block; background: #fff; border-top: 1px solid #ddd; position:fixed; width:100%; display:block; z-index:8}
.mobile_head:after{content:""; clear:both; display:block;}
.mobile_body{overflow:scroll; width:100%;}

.nav > li{width:calc(100% - 0px); position:relative; border-bottom:1px dotted #ddd; overflow:hidden;}
.nav > li:hover{cursor:pointer;}
.nav > li.active ul{max-height:800px; padding:3px 0; border-top:1px dotted #015e48;}
.nav > li > a.depth01{font-size:16px; color:#333; font-weight:600; text-align:left; height:58px; line-height:58px; padding-left:30px; padding-right:25px; display:block;}
.nav > li > a.depth01>i{font-style:normal; font-size:14px; color:#fc5e00; font-weight:800; margin-right:2px;}
.nav > li.excep{border-bottom:0px;}
.nav > li.excep>a{line-height:45px; height:45px; font-weight:300; font-size:14px;}
.nav > li.excep.ty02>a{color:#f40f0d; line-height:26px}

.nav_open{width:20px; height:20px; margin-top:17px; position:relative; display:inline-block; float:right}
.nav_open:before, .nav_open:after{content:""; position:absolute; display:block; background-color:#333; transition: transform .2s linear;}
.nav_open:before{width:19px; height:1px; top:9px;}
.nav_open:after {width:1px; height:19px; left:9px;}
.nav > li.active .nav_open:after{transform:rotate(90deg);}
.nav > li.active .nav_open:before{display:none}
.nav > li ul {max-height:0px; transition:all .2s ease-in-out;}
.nav > li ul li{}
.nav > li ul li:last-child{border-bottom:0px}
.nav > li ul li a{font-size:15px; color:#515151; text-align:left; display:block; padding-left:63px; line-height:43px; position:relative}
.nav > li ul li a:before{content:''; display:block; width:2px; height:2px; background:#515151; position:absolute; top:50%; left:56px;}
.mobile .nav > li.active>a{color:#015e48;}

.before_login>p{font-size: 15px;}
.before_login>p>a{font-weight: 500; padding-left: 3px}
.before_login>p>a,.before_login>p>a:active,.before_login>a:visited{color: #222;}
.before_login>p>a>i{display: inline-block; vertical-align: 2px; position: relative; margin-left: -4px;}
.before_login>p>a>i:before{}
.before_login>p>a>i:after{margin: 8px 0 0 6px; border-color: #000;}

.mobile_util{clear:both; font-size:0; padding:8px 0 14px;}
.mobile_util a{display: inline-block; font-size: 13px; font-weight: 300; color: #333; position: relative; text-align:center; letter-spacing: 0px; padding: 10px 16px; display: inline-block; border: 1px solid #ddd; border-radius: 3px; margin: 0 2px;}
.mobile_util a:first-child:after{width:0px; height:0; background-color: none;}
.mobile_util a:after{content:''; width:1px; height:11px; position: absolute; top:6px; left:0;}

.member_info{margin:0 auto 10px;}
.member_info .type .basic{font-size:12px; color:#fff; font-weight:600; background:#bababa; border-radius:5px;padding: 3px 12px;}
.member_academy{padding-bottom:10px; padding:0 0 10px 0px; margin-bottom:10px; border-bottom:1px solid #ddd; position:relative;}
.member_info .academy_name{font-size:18px; color:#015e48; font-weight:600; line-height: 20px; display:block; margin:10px 0 5px;}
.member_info .addr{font-size:15px; color:#666; line-height:18px; margin-right:50px}
.member_info .modify{font-size:12px; text-align:right; margin-top:6px; margin-right:3px; padding:2px 7px; border:1px solid #ddd; border-radius:5px;}
.modify:hover{text-decoration:underline}
.member_info .count{clear:both}
.member_info .count>li{font-size:13px; color:#666; width:calc(50% - 15px); float:left; margin-bottom:5px;}
.member_info .count>li:nth-child(2n){margin-left:28px;}
.member_info .count>li>span{float:right; color:#015e48; font-weight:500;}
.member_info:after, .type:after .count:after{content:""; display:block; clear:both}
.show_list{width:30px; height:30px; display: block; position:absolute; right:0px; top:16px; text-indent:-9999px;}
.show_list:hover{cursor:pointer}
.show_list:after{content:""; width:15px; height:15px; border-top:1px solid #7b7b7b; border-left:1px solid #7b7b7b; position:absolute; top:3px; left:7px; display:block; text-indent:-9999px; transform:rotate(-135deg); transition:.2s;}
.show_list.active:after{transform:rotate(45deg); top:14px;}
.academy_list{width:calc(100% - 37px); border-radius:3px; background:#fff; border:1px solid #c8c8c8; position:absolute; left:19px; top:122px; z-index:-1; padding:10px; box-shadow:0px 0px 50px 0px rgb(82 63 105 / 20%); opacity_:0; display:none; transition: all 0.3s;}
.academy_list.show{display:block; top: 102px; opacity__: 1; z-index: 99}
.academy_list:after{content:""; position:absolute; width:0;}
.academy_list>ul>li{width: 100%;padding: 10px 10px 10px 16px;background: #f8f8f8;border-radius: 3px;margin-bottom: 8px;}
.academy_list>ul>li:hover{cursor: pointer}
.academy_list>ul>li>ul:after{content:""; display:block; clear:both}
.member_info>.academy_list .academy_name{font-size:15px; margin-top:0px; color:#333; margin-bottom: 3px;} 
.member_info>.academy_list .addr{font-size:14px;}
.new_academy{font-size:14px; color:#015e48; float:right; margin-top:0px; padding-right:3px;}
.new_academy:active,.new_academy:visited{color:#015e48}
.new_academy>i{font-size: 20px; font-weight: 600; color: #015e48; vertical-align: -2px; margin-right: 3px;}


/*운영 nav*/
.sidebar{display:block; position:fixed; background-color:#f2f4f0; width:310px; height: calc(100% - 100px); min-height: 845px; overflow:auto; top:100px; left:0; z-index: 1;
-webkit-text-decoration-line:none;
text-decoration-line:none;
transition:all .2s ease-in-out;}
.sidebar>.sidebar_body{}
.sidebar .nav > li{background-color:inherit; border-bottom:1px dotted #d9d9d9;}
.sidebar .nav > li > a.depth01:before{content:'';}
.sidebar .nav > li.active ul{max-height:800px; padding: 3px 0;}
.sidebar .nav > li > a.depth01{font-size:16px; color:#015e48; font-weight:400; padding-left:40px; background:none; line-height:46px; height:46px;}
.sidebar .nav > li > a.depth01:hover{color:#002e23}
.sidebar .nav > li > a.depth01.active{background-color:#015e48; color:#fff; box-shadow: 0px 1px 4px rgb(0 0 0 / 30%);}
.sidebar .nav > li > a.depth01>i{display:none}
.sidebar .nav > li ul {max-height:100%; padding:3px 0; background:inherit; border-top:1px dotted #dfdfdf;}
.sidebar .nav > li ul li{border-bottom: 0px dotted #dfdfdf;}
.sidebar .nav > li ul li:last-child{border-bottom:0px}
.sidebar .nav > li ul li a{font-size:14px; color:#515151; text-align:left; padding-left: 70px; line-height:31px;}
.sidebar .nav > li ul li a:before{content:''; display:block; width:2px; height:2px; background:#515151; position:absolute; top:50%; left:59px;}
.sidebar .nav > li ul li a:hover{color:#015e48;}
.sidebar .nav > li ul li a:hover:before{background:#015e48;}
.sidebar .nav > li.bottom{border:0; bottom:60px; position:absolute;}
.logout_btn {height:20px; margin:0 0 0 42px; font-size:13px; color:#f40f0d; font-weight:400; text-align:left; font-stretch:normal; font-style:normal; letter-spacing:normal; display:block; position:absolute; bottom:40px;}

.sidebar_top{padding:18px 30px 16px; background:#f8f8f8;}
.sidebar_top:after{content:""; clear:both; display:block;}
.sidebar_top > .member_info{margin:0px auto;}
/*.sidebar_top > .member_info>.type{}
.sidebar_top > .member_info>strong{font-size:19px;}
.sidebar_top > .member_info>strong>.modify{font-size:12px; float:right; text-align:right; margin-top:6px; padding-right:3px;}*/
.sidebar_top >.member_info .modify{float:right; margin: 2px 0 0 0;}
.sidebar_top >.member_info .modify:hover{text-decoration:none; border:1px solid #ccc}
.sidebar_top .academy_list{top: 117px; opacity: 0; display:inherit}
.sidebar_top .academy_list.show{top: 107px; opacity: 1; display:inherit}
.sidebar_top .academy_list>ul>li:hover{background:#f0f4f6 }
.sidebar_top .member_info .count{margin-left:0px}
.sidebar_top > .member_info .count>li{font-size:14px; color:#666; width:100%; float: none; margin-bottom:3px;}
.sidebar_top > .member_info .count>li:last-child{margin-bottom: 0}
.sidebar_top > .member_info .count>li:before{content: ""; width:3px; height:3px; display:inline-block; background:#333; vertical-align:4px; margin-right:6px;}
.sidebar_top > .member_info .count>li:nth-child(2n){margin-left:0;}
.sidebar_top > .member_info:after, .member_info .count:after{content:""; display:block; clear:both}
.sidebar .nav{/*overflow:auto; height:calc(100% - 200px);*/}
.m_banner{display:none}


/*광고*/
.ad_section{display:block; position:relative; margin-left: auto;
-webkit-text-decoration-line: none;
text-decoration-line: none;}
.ad_section .ad_list {display:block; width:220px; border:1px solid #eee; background-color:#fff; margin-bottom:5px;}
.ad_section .ad_list:last-child{margin-bottom:0;}
.ad_section .ad_list img{display:block; width:100%; height:100%; object-fit:contain; object-position:center; -o-object-fit: contain; -o-object-position: center;}


/*메인*/
.home{width:100%;min-width:1400px; padding-top:100px}
.home .fixLeftNav{margin:0;padding:0;position:fixed;z-index:4;left:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);list-style:none}
.home .fixLeftNav li{padding:0;list-style:none;width:12px;height:12px;border-radius:10px;margin:12px 0;cursor:pointer;transition:all .2s;background-color:rgba(0,0,0,.3)}
.home .fixLeftNav li a{display:block;width:100%;height:100%}
.home .fixLeftNav li.on{background-color:#000}
.home section{height:880px}
.home section .wrap{min-height:880px;height:100%;width: 1400px;margin:0 auto;padding:0 60px;position:relative}
.home section.top{background-color:#015e48;color:#fff;position:relative}
.home section.top .wrap{position:relative}
.home section.top .wrap .main_img{background:url(../img/section_01_bg.png) no-repeat; background-position:100% 70px; position:absolute; width:760px; height:625px; display:inline-block; right:55px;}
.home section.top .wrap .txtWrap{padding-top:100px; display:block; z-index:1; position:relative;}
.home section.top .wrap .txtWrap .tit{font-size:28px;font-weight:300;line-height:36px;letter-spacing:-1px; text-shadow: 1px 2px 10px rgb(0 0 0 / 30%);}
.home section.top .wrap .txtWrap .txt{font-size:38px;letter-spacing:-1px;font-weight:600;margin-top:16px; text-shadow: 1px 2px 10px rgb(0 0 0 / 30%);}
.home section.top .wrap .txtWrap .sub{margin-top:50px;font-size:20px; text-shadow: 1px 2px 10px rgb(0 0 0 / 30%);}
.home section.top .wrap .txtWrap .tit>span,
.home section.top .wrap .txtWrap .sub>span{display:block}
.home section.top .wrap .txtWrap .start_btn{background-color:#000;color:#fff;font-size:16px;font-weight:500;padding:0 30px;display:inline-block;height:46px;line-height:46px;border-radius:5px;margin:30px 0 0}
.home section.top .wrap .topNav{width: calc(100% + 40px);margin-left: -20px;position: relative;margin-top: 193px;background-color:#014b3a; border-right:300px; border-radius:200px;padding:0 20px; display:flex}
.home section.top .wrap .topNav .topNavBtn{transition:all .2s; cursor:pointer; float:left; position:relative; background-size:50px; width: calc(33.33% - 0px); padding: 45px 40px; height:100%; background-position:calc(100% - 40px);}
.home section.top .wrap .topNav .topNavBtn .txt{transition:all .2s;letter-spacing:-1px;font-size:24px;font-weight:300;}
.home section.top .wrap .topNav .topNavBtn .txt span{font-weight:600;display:inline-block}
.home section.top .wrap .topNav .topNavBtn:last-child:after{display:none}
.home section.top .wrap .topNav .topNavBtn:first-child{background-image:url('../img/top_icon_01.png');background-repeat:no-repeat}
.home section.top .wrap .topNav .topNavBtn:nth-child(2){background-image:url('../img/top_icon_02.png');background-repeat:no-repeat; border-left: 1px solid #00624b; border-right: 1px solid #00624b;}
.home section.top .wrap .topNav .topNavBtn:nth-child(3){background-image:url('../img/top_icon_03.png');background-repeat:no-repeat}
.home section.top .wrap .topNav :hover{background-size:72px}
.home section.top .wrap .topNav :hover .txt{padding-left:10px}
.home section.top .wrap :after{content:"";display:block;clear:both}
.home section.search{position:relative}
.home section.search:before{content:"";display:block;width:calc(50% - 480px);height:100%;position:absolute;right:0;background-color:#f4f4f4}
.home section.search .wrap{z-index:1}
.home section.search .wrap:after{content:"";display:block;clear:both}
.home section.search .wrap .txtWrap{float:left;width:500px;padding-top:170px}
.home section.search .wrap .txtWrap .tit{font-size:36px;font-weight:100;letter-spacing:-1.5px;margin-bottom:32px;line-height:46px}
.home section.search .wrap .txtWrap .tit span{font-weight:500;font-size:36px;}
.home section.search .wrap .txtWrap .tit .display{display:block}
.home section.search .wrap .txtWrap .txt{font-size:20px; font-weight:500}
.home section.search .wrap .txtWrap .txt .display{display:block}
.home section.search .wrap .phoneWrap{float:right;width:calc(100% - 500px);height:100%;background-position:0;position: absolute; right: 0; background:linear-gradient(-80deg,#f4f4f4 80%,transparent 0)}
.home section.search .wrap .phoneWrap .phone{margin:70px 0 0 133px; text-align:center;}
.home section.search .wrap .phoneWrap .imgWrap{background-color:#fafafa;width:340px;border-radius:36px;font-size:0;height:700px;background-size:calc(100% - 20px); margin:0 auto 20px; background-image:url(../img/section_02_phone.png);background-repeat:no-repeat;background-position:50%;box-shadow:-17.9px 22.9px 17px 0 rgba(0,0,0,.13)}
.home section.search .wrap .phoneWrap .txt{text-align:center;font-size:14px}

.home section.use_step{background-image:url(../img/section_03_bg.jpg);background-size:cover;background-position:50%}.home section.use_step .wrap .txtWrap .tit{text-align:center;color:#fff;font-size:36px;font-weight:600;padding-top:120px}.home section.use_step .wrap .txtWrap .txt{text-align:center;color:#fff;margin-top:20px;font-weight:300;font-size:22px}
.home section.use_step .wrap .stepWrap{max-width: 1024px; margin: 100px auto 0; text-align: center;}
.home section.use_step .wrap .stepWrap ul{list-style: none; margin: 0; padding: 0; border: 0; display: flex;}
.home section.use_step .wrap .stepWrap ul li{display: inline-block; vertical-align: top; /*width: calc(33.33% - 205px);*/ width: 33.33%; height: 320px; padding: 78px 0; color: #fff; margin-right: 17%; text-align: center; position: relative; border: 1px dashed rgba(255,255,255,0.6); background: rgba(0,0,0, 0.2); border-radius: 130px;}
.home section.use_step .wrap .stepWrap ul li:after{position: absolute; content: ""; width: 94px; height: 75px; background-image: url(../img/section_03_arrow.png); background-repeat: no-repeat; display: block; right: -58%; top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);}

.home section.use_step .wrap .stepWrap ul li .txt{font-size:27px;font-weight:100;letter-spacing:-1.5px;line-height:36px;margin-top: 35px; word-break:keep-all}
.home section.use_step .wrap .stepWrap ul li .txt span{font-weight:500}
.home section.use_step .wrap .stepWrap ul :last-child{margin-right:0}.home section.use_step .wrap .stepWrap ul :last-child:after{display:none}
.home section.use_step .wrap .stepWrap ul:after{content:"";display:block;clear:both}.home section.video{background-color:#f4f4f4}
.home section.video .wrap:after{content:"";display:block;clear:both}
.home section.video .wrap .txtWrap{padding-top:140px;float:left;width:420px}
.home section.video .wrap .txtWrap .sub{font-size:20px}
.home section.video .wrap .txtWrap .tit{font-size:42px;font-weight:100;letter-spacing:-1.5px;line-height:54px;margin-top:16px;margin-bottom:20px}
.home section.video .wrap .txtWrap .tit span{font-weight:600}
.home section.video .wrap .txtWrap .txt{font-size:20px;font-weight:500;line-height:30px}
.home section.video .wrap .phoneWrap{float:right;width:calc(100% - 440px);position:relative}
.home section.video .wrap .phoneWrap .phone{position:absolute;right:140px;margin-top:100px}

.home section.video .wrap .phoneWrap .phone .imgWrap{background-color:#000;width:320px;border-radius:36px;font-size:0;height:660px;background-size:calc(100% - 20px);margin-bottom:20px;background-image:url('../img/section_03_phone.png');box-shadow:-17.9px 22.9px 17px 0 rgba(0,0,0,.13);background-position:50%;background-repeat:no-repeat}
.home section.video .wrap .phoneWrap .phone .txt{font-size:14px;text-align:center}
.home section.questionBank .wrap:after{content:"";display:block;clear:both}
.home section.questionBank .wrap .txtWrap{padding-top:140px;float:left}
.home section.questionBank .wrap .txtWrap .sub{font-size:20px}
.home section.questionBank .wrap .txtWrap .tit{font-size:42px;font-weight:200;letter-spacing:-1.5px;line-height:58px;margin:20px 0 40px}
.home section.questionBank .wrap .txtWrap .tit span{font-weight:500}
.home section.questionBank .wrap .txtWrap .txt{font-size:20px;line-height:30px;font-weight:500;margin-bottom:10px}.home section.questionBank .wrap .txtWrap .s_sub{font-size:14px;color:#797979}
.home section.questionBank .wrap .imgWrap{float:right;padding-top:200px}
.home section.questionBank .wrap .imgWrap img{box-shadow:0 26px 29px 0 rgba(0,0,0,.18);border:1px solid #fff}.home section.questionBank .wrap .imgWrap .txt{text-align:center;font-size:16px;margin-top: 35px;}

section.videoSwiper{width:100%;overflow:hidden;height:720px;position:relative}
section.videoSwiper .swiper-wrapper .swiper-pagination{position:absolute;bottom:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
section.videoSwiper .swiper-wrapper .swiper-pagination .swiper-pagination-bullet{margin:0 5px}
section.videoSwiper .swiper-wrapper .swiper-pagination .swiper-pagination-bullet-active{background-color:#000}
section.videoSwiper .swiper-wrapper .swiper-slide .img_1{background:url(../img/swiper_img_01.jpg) 0 0 no-repeat;}
section.videoSwiper .swiper-wrapper .swiper-slide .img_2{background:url(../img/swiper_img_02.jpg) 0 0 no-repeat;}
section.videoSwiper .swiper-wrapper .swiper-slide .img_3{background:url(../img/swiper_img_03.jpg) 0 0 no-repeat;}
section.videoSwiper .swiper-wrapper .swiper-slide .img_1,
section.videoSwiper .swiper-wrapper .swiper-slide .img_2,
section.videoSwiper .swiper-wrapper .swiper-slide .img_3{height:720px;}

section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap{position:absolute; right:calc(50% - 640px); background-color:rgba(0,0,0,.5); width:490px; height:720px; color:#fff; padding:50px 40px; top: 0px; z-index: 2;}
section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap .txt{background-image:url('../img/section_06_txt_bg_top.png'),url('../img/section_06_txt_bg_bottom.png');background-position:0 0,100% 100%;background-repeat:no-repeat;padding:60px 0 50px;font-size:28px;font-weight:500;line-height:38px; word-break: keep-all;}

section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap .txt span{padding-top:22px;font-size:20px;display:block;font-weight:100;line-height:30px}
section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap .videoLink{background-color:rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.55);border-radius:50px;width:180px;line-height:52px;transition:all .2s;margin-top:50px;background-image:url('../img/section_06_link_icon.png');background-position:15px;background-repeat:no-repeat}
section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap .videoLink:hover{background-color:rgba(0,0,0,.4)}
section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap .videoLink a{color:#fff;font-size:20px;padding-left:64px;display:inline-block;line-height:50px;width:100%;height:100%}

section.videoSwiper .swiper-pagination{position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%); z-index:3}
section.videoSwiper .swiper-pagination-bullet{margin: 0 5px;}
section.videoSwiper .swiper-pagination-bullet-active{background-color: #000;}
section.videoSwiper .txtWrap  .videoLink a{color: #fff;font-size: 20px;padding-left: 64px;display: inline-block;line-height: 50px;width: 100%;height: 100%;}

.footer_bg{width:100%; background-color:#f7f7f7;}
.footer{width:1000px; margin:auto; color:#a3a3a3; padding:30px 0; position:relative;}
.footer_bg:after,.footer:after{content:""; display:block; clear:both}
.footer_logo{float:left; font-size:0; background-image:url('../img/footer_logo.png'); margin-right:35px; width:65px; height:34px; margin-top:5px; margin-left:120px; background-position:0}
.footer .company{font-size:13px; color:#888; float:left; line-height:22px; display: block;}
.footer .company span{display:block; font-weight:300;}
.copyright{margin-top:15px; display:inline-block; font-weight:300;}
.footer .footer_nav{float:right; text-align:right;}
.footer .board{ display:block; margin-right:2px;}
.footer .board a{font-size:14px; color:#555; padding:0 10px;}
.footer .term{margin-top:10px;}
.footer .term a{font-size:12px; color:#888; padding:0 10px;}

.footer_bg.ty02{/*position:absolute; bottom:0*/}
.footer_bg.ty02 .footer{margin-left:345px; margin-right:30px; width:100%; max-width:950px;}


@media screen and (max-width:1400px){
    .home {min-width:100%;}
    .home section .wrap {min-height: auto; height: 100%; width: 100%;}
    .home section.search .wrap {min-height: 755px; padding:0}
    .home section.video .wrap {min-height: 755px; padding:0}    
    .home section .wrap .txtWrap{margin-left:35px; word-break:keep-all;}    
    .home section.search .wrap .txtWrap,
    .home section.video .wrap .txtWrap{width:auto}
    section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap{right:0px}
    .home section.search .wrap .txtWrap,
    .home section.video .wrap .txtWrap{margin-left:95px}
    .home section.video .wrap .txtWrap .tit,
    .home section.questionBank .wrap .txtWrap .tit{font-size:40px; line-height:52px;}
    .home section.search .wrap .phoneWrap{width: calc(100% - 385px); padding-bottom:70px;}
    .home section.video .wrap .phoneWrap{margin-bottom: 70px;}
    .home section.video .wrap .phoneWrap .phone {right:inherit; position:relative; margin-left:40px;}
    .home section.video .wrap .phoneWrap .phone .imgWrap{margin:0 auto 20px}
    
    .home section.questionBank .wrap .txtWrap{width: 28%;min-width: 280px;}
    .home section.questionBank .wrap .imgWrap{width: calc(100% - 435px);min-width: 470px;}
    .home section.questionBank .wrap .imgWrap img{width:100%}
    
    section.videoSwiper{height: 540px;}
    section.videoSwiper .swiper-wrapper .swiper-slide .img_1,
    section.videoSwiper .swiper-wrapper .swiper-slide .img_2,
    section.videoSwiper .swiper-wrapper .swiper-slide .img_3{height:540px; background-size:cover;}
    section.videoSwiper .swiper-wrapper .swiper-slide .img_1{background-position: 28% 0;}
    section.videoSwiper .swiper-wrapper .swiper-slide .img_2{background-position: 42% 0;}
    section.videoSwiper .swiper-wrapper .swiper-slide .img_3{background-position: 25% 0;}
    
    section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap{right: 0px; width: 33%; min-width: 345px; height: 540px;}
    section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap .txt{}
    section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap .txt span{}
    section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap .videoLink{}    
}


@media screen and (max-width:1000px){
    body, html{overflow:hidden}
    .scroll_cont{overflow:scroll;}
    .gnb_2{bottom: 21px;}
    .user_btn{float: right; margin-top: 3px;}
    .gnb_2>a.login_btn, .gnb_2>a.signup_btn{display:none}
    .mobile, .mnav_open, .m_banner{display:block;}
    .header{height: 65px; position:relative}
    .main_logo{width:60px; height:40px; margin:20px 0 4px 20px; display:inline-block;}
    .main_logo>img.pc_logo{display:none}
    .main_logo>img.mobile_logo{width:55px;display:inline-block}
    .gnb_2>a.user_btn{padding:0 10px 0 0;}
    
    .gnb_dropdown{vertical-align:0px; margin-left:5px;}
    .gnb_dropbtn{font-size:13px; line-height:36px; height:36px; padding:0 30px 0 10px;}
    .down_arrow {width:14px; height:14px; right:8px; top:50%; margin-top:-5px; display:inline-block;}
    .gnb_2depth a{font-size:15px}
    
    .m_banner{width:100%; text-align:center; position:relative; z-index:98;}
    .top_banner{}
    .bottom_banner{position:sticky; -wibkit-position:sticky; bottom:0;}
    .m_banner .swiper{width:100%}
    .m_banner img{width:100%; height:100%; max-height:80%}
    .m_banner .swiper-button-prev:after, 
    .m_banner .swiper-button-next:after{content: ""; width:20px; height:20px; border-top:1px solid #fff; border-left:1px solid #fff; position:absolute; top:12px; display:block; text-indent:-9999px; transition:.2s;}
    .m_banner .swiper-button-next:after{transform:rotate(135deg); left:2px;}
    .m_banner .swiper-button-prev:after{transform:rotate(-45deg); left:6px;}
    .banner_close{width:30px; height:30px; position:absolute; right:5px; top:5px; text-indent:-9999; font-size:0; z-index:9;}
    .banner_close:before,
    .banner_close:after{content:""; width:1px; height:25px; background:#fff; display:inline-block; position:absolute; top:2px; left:50%;}
    .banner_close:before{transform: rotate(45deg);}
    .banner_close:after{transform: rotate(-45deg);}
    
    .home{/*padding-top:65px;*/ padding-top:0px}
    .home .fixLeftNav{display: none}    
    .home section.top{height:auto;}
    .home section.search,
    .home section.use_step,
    .home section.video{min-height:740px; height: auto;}
    .home section.top .wrap{padding-bottom:90px;}    
    .home section.top .wrap .main_img{width:55%; min-width:450px; height:452px; margin-top:30px; background-size:100%; background-position:100% bottom;}
    .home section.top .wrap .txtWrap{padding-top:85px;}
    .home section.top .wrap .txtWrap .tit{font-size:23px; line-height:32px; letter-spacing: -0.5px;}
    .home section.top .wrap .txtWrap .sub{margin-top:45px;}    
    .home section.top .wrap .topNav{margin-top:80px}
    .home section.top .wrap .topNav:hover {background-size: inherit;}
    .home section.top .wrap .topNav .topNavBtn:nth-child(2){padding:33px 30px; background-position: calc(100% - 25px);}
    .home section.top .wrap .topNav .topNavBtn{padding: 33px 40px;}    
    .home section.top .wrap .topNav .topNavBtn .txt{letter-spacing:-0.5px; font-size: 20px;}    
    .home section.search .wrap .txtWrap{}
    .home section.search .wrap .phoneWrap{background: linear-gradient(-80deg,#f4f4f4 73%,transparent 0);}
    .home section.search .wrap .phoneWrap .phone{margin-left:15%}
    .home section.search .wrap .phoneWrap .imgWrap{width:292px; height:580px; background-position:50% 12px;}
    .home section.use_step{}
    .home section.use_step .wrap .txtWrap .tit{padding-top:100px; line-height:46px}
    .home section.use_step .wrap .stepWrap{margin:90px 0 0}
    .home section.use_step .wrap .stepWrap ul li{margin-right: 20px; padding: 75px 5px;}
    .home section.use_step .wrap .stepWrap ul li:after{display:none}    
    .home section.video .wrap .phoneWrap .phone .imgWrap{width:292px; height:580px; background-position:50% 12px;}
    .home section.video .wrap .phoneWrap .phone{margin:70px 0 0 0;}
    .home section.questionBank{height:auto}
    .home section.questionBank .wrap .txtWrap{float:none; padding-top:70px; margin-left:0px; text-align:center; width:100%; min-width:100%;}
    .home section.questionBank .wrap .imgWrap{float:none; width:100%; padding-top:70px; margin-bottom:80px; min-width:100%;}
    
    .footer{width:100%; padding-left:20px; padding-right:12px;}   
}

@media screen and (max-width:768px){
    .home section .wrap{padding:0 20px}    
    .home section.top .wrap .topNav{width:100%; margin-left:auto; margin-top:55px;}
    .home section.top .wrap .txtWrap{margin-left:20px;}
    .home section.top .wrap .main_img{min-width:300px; height:402px; right:30px; margin-top:0}  
    .home section.top .wrap .txtWrap{}    
    .home section.top .wrap .txtWrap .tit{font-size: 21px;}
    .home section.top .wrap .txtWrap .txt{font-size: 35px; margin-top: 10px;}
    .home section.top .wrap .txtWrap .sub{text-shadow:1px 2px 10px rgb(0 0 0 / 50%); margin-top:45px; font-size:16px;}
    .home section.top .wrap .txtWrap .tit>span{display:inline;}
    .home section.top .wrap .topNav{padding:0 10px 0 17px;}
    .home section.top .wrap .topNav .topNavBtn .txt{font-size:16px;}
    .home section.top .wrap .topNav .topNavBtn:nth-child(2){width: calc(36% - 0px);}
    .home section.top .wrap .topNav .topNavBtn,
    .home section.top .wrap .topNav .topNavBtn:nth-child(2){background-size: 40px; background-position:90% 50%; padding: 25px 20px 27px;}  
    
    .home section.search .wrap .txtWrap,
    .home section.use_step .wrap .txtWrap,
    .home section.video .wrap .txtWrap,
    .home section.questionBank .wrap .txtWrap{padding-left:10px; padding-right:10px}
    
    .home section.search .wrap .txtWrap,
    .home section.video .wrap .txtWrap{float:none; padding-top: 70px; margin-left:0px; text-align:center}
    .home section.search .wrap .txtWrap .tit,
    .home section.video .wrap .txtWrap .tit,
    .home section.questionBank .wrap .txtWrap .tit{font-size:30px;line-height:40px; margin-bottom:27px;}
    .home section.search .wrap .txtWrap .tit span,
    .home section.use_step .wrap .txtWrap .tit{font-size:30px; line-height: 40px;}
    
    .home section.search .wrap .txtWrap .txt,
    .home section.use_step .wrap .txtWrap .txt,
    .home section.video .wrap .txtWrap .sub,
    .home section.video .wrap .txtWrap .txt,
    .home section.questionBank .wrap .txtWrap .sub,
    .home section.questionBank .wrap .txtWrap .txt{font-size:18px; font-weight:500}
    .home section.search .wrap .txtWrap .txt .display{display:inline-block}
    .home section.questionBank .wrap .txtWrap .txt{line-height:26px}
    
    .home section.search .wrap .phoneWrap{width:100%; position:relative; background:none; background: linear-gradient(-46deg,#f4f4f4 45%,transparent 0);}
    .home section.search .wrap .phoneWrap .phone{margin-left:inherit}
    .home section.use_step .wrap .stepWrap ul li .txt{font-size:20px; line-height:32px;}
    .home section.use_step .wrap .txtWrap{margin-left:0px;}    
    .home section.video .wrap .txtWrap .txt br{display: none}
    .home section.video .wrap .phoneWrap{width: 100%;position: relative;}
    
    section.videoSwiper{height: 580px;}
    section.videoSwiper .swiper-wrapper .swiper-slide .img_1{background-position: 23% 0;}
    section.videoSwiper .swiper-wrapper .swiper-slide .img_1,
    section.videoSwiper .swiper-wrapper .swiper-slide .img_2,
    section.videoSwiper .swiper-wrapper .swiper-slide .img_3{height:580px; background-size:cover;}
    section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap{max-width:418px; width:100%; height:auto; top:inherit; bottom:0; padding:40px 40px 25px 40px;}
    
    section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap .txt{padding: 30px 0 30px; font-size: 22px; background-position: 0 0,98% 100%; line-height: 28px; background-size: 22px;}
    section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap .txt br,
    section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap .txt span br{display:none}
    section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap .txt span{font-size:17px; padding-top:8px; line-height:25px;}
    section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap .videoLink{margin-top:8px; line-height: 48px;}
    section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap .videoLink a{font-size:18px; line-height:48px;}
    section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap .txt>p.block{vertical-align: top; display:inline-block; font-weight: 500;}
    .txtWrap .txt span p.block{display:inline-block;vertical-align: top;}
    
    .footer{padding:30px 20px 40px;}
    .footer .company{margin-top:80px;}
    .footer .footer_nav{float:none; text-align:left; position:absolute; top:30px; left:20px;}
    .footer .footer_nav a{font-size:14px; color:#555; padding:0 12px 0 0}
    .footer .term>a{color:#888}
    .copyright{margin-top:0px;}   
}

@media screen and (max-width:480px){
    .home section.top .wrap{padding-bottom:70px}
    .home section.top .wrap .main_img{min-width: 280px;margin:20px auto 0;right: 50%;margin-right: -145px;height: 395px;}
    .home section.top .wrap .txtWrap{padding-top: 70px;margin-left: inherit;}
    .home section.top .wrap .txtWrap .tit{font-size: 19px;line-height: 27px;word-break: keep-all;}
    .home section.top .wrap .txtWrap .txt{font-size: 30px;margin-top: 2px;}
    .home section.top .wrap .txtWrap .sub{font-size: 15px;margin-top: 25px;}
    .home section.top .wrap .txtWrap .start_btn{margin-top: 170px;width: 100%;}
    .home section.top .wrap .topNav{border-radius:5px; padding:0; margin-top:20px;}
    .home section.top .wrap .topNav .topNavBtn,
    .home section.top .wrap .topNav .topNavBtn:nth-child(2){padding:57px 5px 18px; text-align:center; background-position:50% 15px; background-size:30px;}
    .home section.top .wrap .topNav .topNavBtn:nth-child(2){background-size:32px;}
    .home section.top .wrap .topNav .topNavBtn .txt{font-size:14px;}
}

@media screen and (max-width:400px){
    section.videoSwiper .swiper-wrapper .swiper-slide .img_2{background-position: 33% 0;}
    section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap{padding:30px 35px 30px 35px}
    section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap .txt{font-size: 19px; line-height: 26px;}
    section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap .txt span{}
    section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap .videoLink{margin-top: 0px}
    .home section.use_step .wrap .stepWrap{margin: 50px 0 0;}
    .home section.use_step .wrap .stepWrap ul{display:block}
    .home section.use_step .wrap .stepWrap ul li{width: 100%;height: auto;padding: 20px 20px 22px;position: relative;text-align: left;padding-left: 118px;margin-bottom: 10px;margin-right: 0}
    .stepImg{display:inline-block; position:absolute; left:45px; top:50%; margin-top:-29px;}
    .home section.use_step .wrap .stepWrap ul li .txt{margin-top:0; font-size:22px; line-height:33px;}
    
    .footer .term>a{font-size:13px;}
    .footer .company{font-size:12px;}
}

@media screen and (max-width:300px){
    .main_logo{width:55px; margin:21px 0 4px 10px;}
    .main_logo>img.mobile_logo{width:50px;}
    .gnb_dropdown{margin-left:0px; vertical-align: 2px;}
    .gnb_dropbtn{padding:0 25px 0 10px;}
    .down_arrow {right:3px;}
    .gnb_2depth{min-width: 130px}
    .gnb_2depth a{font-size:13px; line-height:40px; padding:0 10px 0 30px;}
    .gnb_2depth a:before{left:15px}
    .gnb_2{right: 35px;}
    .gnb_2>a.user_btn{font-size:15px; padding-right:15px;}
    
    .mnav_open{right:5px}
    .home section.use_step .wrap .stepWrap ul li{padding-left:100px;}
    .stepImg{left:30px;}
    .home section.use_step .wrap .stepWrap ul li .txt{font-size:20px}
    .home section.top .wrap .topNav{width:calc(100% + 40px); margin-left:-20px;}
    
    .home section.search .wrap .phoneWrap .imgWrap,
    .home section.video .wrap .phoneWrap .phone .imgWrap{width:98%}
    .home section.top .wrap .main_img{min-width:260px; margin-right:-132px;}
    .home section.search .wrap .txtWrap .tit, .home section.video .wrap .txtWrap .tit, 
    .home section.questionBank .wrap .txtWrap .tit, .home section.search .wrap .txtWrap .tit span, 
    .home section.use_step .wrap .txtWrap .tit{font-size: 25px; line-height: 34px;}
    .home section.search .wrap .txtWrap .txt, .home section.use_step .wrap .txtWrap .txt, .home section.video .wrap .txtWrap .sub, .home section.video .wrap .txtWrap .txt, .home section.questionBank .wrap .txtWrap .sub, .home section.questionBank .wrap .txtWrap .txt{font-size:15px; line-height: 22px;}
    section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap{max-width:100%; min-width:100%; padding:20px;}
    section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap .txt{font-size:17px; line-height:24px;}
    section.videoSwiper .swiper-wrapper .swiper-slide .txtWrap .txt span{font-size:14px; line-height:22px;}
    
    .footer{padding:20px 5px 40px 7px;}
    .footer .footer_nav a{font-size:12px;}
    .footer .company{font-size:11px;}
    .footer .footer_nav{left:7px;}
    .footer .term>a {font-size:12px; padding-right:10px;}
    .footer .term>a:last-child{padding-right: 0}
}


.content{width:1000px; min-height:630px; margin:170px auto 80px; }
.content.ty02{margin-top:80px}
.content:after{content:""; display:block; clear:both}
.page_title{font-size:32px; color:#111; font-weight:600; letter-spacing:-0.5px; text-align:center; margin-bottom:30px;}


/*input select button*/
input, td input, select, textarea{font-size:14px; color:#333; font-weight:400; letter-spacing:0px; padding:0 5px 0 10px; vertical-align:middle;  border:0; border-radius: 3px;}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; padding-right:25px; min-width:70px; background:#fff url(../img/select_bg.png) no-repeat 100% 50%; }
select::-ms-expand {display:none;}
input,select{height: 35px; border:1px solid #ddd;}
input[type="radio"],input[type="checkbox"]{height:16px}
textarea{width:100%; padding:12px 15px; line-height:23px; background:#f8f8f8; resize:vertical}
input:disabled{background-color:#E8E8E8;}
input::placeholder{color:#aaa; font-weight:300;}
textarea::placeholder{color:#aaa;}
textarea.disabled{resize: none; height: auto; min-height:100px}
input.subject{width:100%}

.custom_chk{font-size:15px; font-weight:300; position:relative; padding-left:30px; margin-right:20px; font-size:14px; color:#000; line-height:20px; display:inline-block}
.custom_chk:last-child{margin-right:0}
.custom_chk:hover{color:#000;}
.custom_chk .chk_btn, .custom_chk>input{display:none}
.custom_chk .on{width:22px; height:22px; border:1px solid #bababa; border-radius:50%; position:absolute; left:0px; top:0px;}
.custom_chk .on:after{display:none; content:"●"; font-size:11px; color:#015e48; width:22px; height:22px; text-align:center; position:absolute; top:0px; left:-1.5px;}
.chk_btn:checked+.on:after,
.custom_chk>input:checked+.on:after{display:block}
.custom_chk .chk_btn:disabled+.on{border:1px solid #ebebeb}
.custom_chk .chk_btn:disabled+.on:hover{cursor:default}

.btn_area{display: flex; justify-content: flex-end; margin-bottom: 23px;}
.btn_area:after{content:""; display:block; clear:both}
.btn_area.center{text-align:center; justify-content: center;}
button{background-color:transparent; background-image:none; border:0; outline:0; cursor:pointer; font-family:'Noto Sans KR'}
button.btn, a.btn, input[type="button"] {
font-size:15px; font-weight:500; height:46px; line-height:20px; text-align:center; border-radius:5px; vertical-align: middle; cursor:pointer; display:inline-block; padding:0px 10px; min-width:120px; transition:all 0.1s linear;}
.btn_area button{margin-left:8px;}
.btn_area button:first-child{margin-left:0px;}
.btn_area.center button{margin:auto}
.btn_line{color:#015e48; border: 1px solid #015e48;}
.btn_line:hover{background-color: #015e48; color:#fff;}
.btn_line_2{color:#bababa; border: 1px solid #bababa;}
.btn_line_2.on{color:#015e48; border: 1px solid #015e48;}
.btn_line_2.on:hover{background-color: #015e48; color:#fff;}
.btn_cancel{color:#5a5a5a; border: 1px solid #ddd;}
.td_btn{width: 60px; height: 27px; border-radius: 4px; border: 1px solid #bababa; font-size: 13px; color: #8e8e8e; vertical-align: -2px;}
.btn_first{color:#fff; border: 1px solid #015e48; background:#015e48}
.btn_first.ty01 {display:block; width:205px; height:46px; margin: 54px auto 0;}
.btn_second{border: 1px solid #068931; color: #068931;}
.btn_second:visited, .btn_second:active{color: #068931;}
.btn_second:hover{color: #fff; background-color: #068931; transition: .2s;}
.btn_second.ty01 {display: block; width: 205px; height: 46px; margin: 54px auto 0;}
.btn_submit, .btn_cancel{color:#fff; background:#bababa; border: 1px solid #bababa;}
.btn_submit.on{background:#015e48; border: 1px solid #015e48;}
/*//input select button*/

.text_c{text-align:center !important}
.mt30{margin-top:30px !important}


/*검색*/
.search_area{margin-bottom:30px; text-align:center;position: relative;}
.search_area>select{width:150px; height:40px; border-right:0px}
.search_area>input{width: 390px; height: 45px; margin-left: -4px; border-radius: 22px; background: rgba(0, 0, 0, 0.03); border: 0px; padding: 0 50px 0 25px;}
.search_area>input::placeholder{font-size:16px; color:#aaa;}
a.btn_search, a.btn_search:visited, a.btn_search:active, a.btn_search:focus,
button.btn_search{width:40px;height: 42px;background: url(../img/top_icon_01.png) 50% 50% no-repeat; background-size:21px; text-indent:-9999px;position: absolute;margin-left: -50px;}


/*게시글 목록*/
.board_list{width:100%;border-top: 2px solid #015e48;}
.board_list thead th{border-bottom: 1px solid #888888;}
.board_list th, .board_list td{font-size:20px; font-weight:400; letter-spacing:-0.5px;text-align: left;height: 58px;min-height: 58px; padding:0 5px; border-bottom: 1px solid #d4d4d4; word-break:keep-all;}
.board_list th{font-size: 15px;color: #015e48;font-weight: 500;height: 43px;min-height: 43px;}
.board_list td, .board_list td>a, .board_list td>a:visited, .board_list td>a:active{font-size: 14px; color:#333333}
.board_list td>a:hover{text-decoration:underline}
.board_list th:first-child{padding-left:10px;}
.board_list td:first-child{padding-left:12px;}
.no_post {font-size:16px !important; color:#333 !important; text-align:center !important; height:130px !important; min-height:130px !important; padding:53px 0 !important;}
.ellipsis{display: table-cell; overflow: hidden; text-overflow: ellipsis;}

.first_title.ty03{margin-top:70px;}
.board_count{font-size:14px;}
.board_list.notice_2{width:100%;border-top: 0px solid #888888;margin-top: -40px;}
.board_list.notice_2 thead th{border-bottom: 1px solid #888;text-align: center;}
.board_list.notice_2 th, 
.board_list.notice_2 td{height: 60px; min-height: 60px; border-bottom: 1px solid #e5e5e5; text-align:center}
.board_list.notice_2 th{font-size: 14px;color: #000;height: 47px;}
.board_list.notice_2 td{font-size: 14px;}
.board_list.notice_2 td.subject{text-align:left}
.board_list.notice_2 td a{font-size:16px;}
.board_list.notice_2 td:last-child{color:#888}
.icon_new{background:#068931; width:20px; height:20px; border-radius:30px; display:inline-block; margin-left:7px; font-size:11px; color:#fff; font-weight:600; text-align:center; line-height:19px; padding-right:1px; vertical-align:2px;}

.paginationSection{place-self:center center; display:flex; grid-auto-flow:column; justify-content:center; margin-top: 16px;}
.paginationSection button {margin: 0 6px; cursor: pointer; border: 0; font-size: 16px;  color: #dfdfdf;}
.paginationSection .btns.clicked {background: transparent; color: #015e48; text-decoration: underline;}
.paginationSection button:disabled {visibility: hidden;}


/*게시글 쓰기 보기*/
.board_write, .board_view{width:100%}
.board_write tr th, .board_write tr td,
.board_view tr th, .board_view tr td
{text-align:left; letter-spacing:-0.5px; padding:10px 0px;}
.board_write tr th, .board_view tr th
{font-size:16px; color:#111; font-weight:400; line-height:24px; vertical-align:top}
.board_write tr td, .board_view tr td
{font-size:14px; color:#333;}
.board_write td input[type="text"],
.board_view td input[type="text"]{background:#f8f8f8}
.board_write.ty02{border-top:1px solid #888; border-bottom:1px solid #ddd}
.board_write.ty02 .subject{height: 40px;}


/*게시글 보기*/
.current_cont, .list_cont{border-top: 1px solid #888;}
.current_cont .tit{display:block; padding:20px 3px 19px 0; font-size:22px; color:#000; line-height:32px; border-bottom:1px solid #ddd;}
.current_cont .tit .date{font-size:15px; color:#888; float:right; display:inline-block; text-align:right;}
.current_cont .tit > strong{font-weight:400;}
.current_cont .detail{padding-top:40px; line-height:1.88;}
.list_cont .tit{padding: 20px 90px 20px 90px;border-bottom: 1px solid #ddd;position: relative;width: 100%;}
.list_cont .prev, .list_cont .next{font-size: 15px; color: #888; position: absolute; left: 0px;}
.list_cont .subject>strong{font-weight:400; line-height:16px; display:inline-block; overflow:hidden; text-overflow:ellipsis; word-break:keep-all; white-space:nowrap; width:99%;}
.list_cont .date{margin-left:auto; font-size:15px; color: #888; font-weight:300; float:right;position: absolute; right: 3px;}
.detail img{padding:70px 0; max-width:100%}


/*로그인*/
.modal_container.login{max-width:800px; width:800px; padding:0;}
.login>.modal_head{margin-bottom:0}
.login .modal_head .close{top:17px; right:17px;}
.login_area{display:flex;}
.login_area>.banner{width:calc(50% - 0px); background:#f8f8f8; border-radius:10px 0 0 10px;}
.login_area>.banner>img{width:100%; height:100%}
.login_container{position:relative; width:calc(50% - 0px); padding:45px 45px;}
.login_logo{display:block; width:100%; text-align:center;padding:0 0 30px 26px;}
.login_logo>a{display: inline-block;}
.login_logo img{width:148px;}
.login_input_box>input{font-size:14px; letter-spacing:0.5px; width:100%; height:45px; margin-bottom:8px;}
.login_input_box>label{width:0; height:0; font-size:0; line-height:0;  position:absolute; top:-9999px; overflow:hidden;}
.signup_find_text{font-size:14px; color:#5a5a5a; border:0; float: right; vertical-align: 3px;}
.signup_find_text:visited{color:#5a5a5a}
.login_input_box>label:hover, .signup_find_text:hover{color:#000}
.login_form .btn{width:100%; border-radius:3px;}
.login_form .login{color:#fff; background:#015e48}
.login_form .signup{background:#fff; border:1px solid #ddd;margin-top: 35px;}
.submit_remember{width:100%; margin:10px auto 0;}
.submit_remember:after{content:""; display:block; clear:both}
.submit_remember>label{float:left;}


/*레이어팝업*/
.dim, .modal{position:fixed; left:0; right:0; top:100px; bottom:0; background-color:rgba(0, 0, 0, 0.5); /*z-index:5;*/z-index:99; display:none}
.modal.depth2{z-index:100;}
.modal.ty02{top:0px;}
.modal.ty03{left:310px;}s
.dim:before, modal:before{content:""; display:inline-block; height:100%; vertical-align:middle;}
.pre_popup{display:inline-block; vertical-align:middle; height:auto; z-index:10; background-color:#fff; position:relative;}
.pop_close{display:block; position:absolute; top:21px; right:30px; margin:0; padding:0; width:16px; height:16px; font-size:20px; opacity:.5}
.modal_container{width:760px; max-width:760px; position:absolute; top:50%; left:50%; padding:25px 35px 30px; display:inline-block; vertical-align:middle; height:auto; background-color:#fff; border-radius:10px; box-shadow:0 9px 12px 0 rgb(0 0 0 / 30%);
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);}
.modal_head{position:relative; margin-bottom:16px;}
.modal_head:after{content:""; display:block; clear:both}
.modla_title{font-size:19px; color:#015e48; font-weight:500; text-align:left; line-height:20px; padding:0 35px 15px 2px; border-bottom:1px solid #d1d1d1;}
.modal_head>.close{position:absolute; right:3px; top:-1px; font-size:20px; color:#333; line-height:22px; z-index:9}
.modal_cont{overflow-y: auto; max-height: 570px;}
.modal_cont::-webkit-scrollbar-track{background-color:#ebebeb;}
.modal_cont::-webkit-scrollbar{width:6px;}
.modal_cont::-webkit-scrollbar-thumb{background-color:#bbbbbb;}

.infomation{max-width:300px; padding:25px 30px 25px;}
.infomation.ty02{max-width: 360px;}
.info_area{font-size: 17px; color:#333; text-align: center; word-break: keep-all;}
.info_area.ty02{font-size:20px; line-height:27px; margin-top:10px;}
.warning{display: block; width: 50px; height: 50px; border: 2px solid #ff8900; border-radius: 100px; margin: auto; font-size: 30px; color: #ff8900; font-weight: 600; text-align: center; margin-bottom: 15px;}
.confirm{display: block;width: 50px;height: 50px;border: 2px solid #ff8900;border-radius: 100px;margin: auto;font-size: 30px;color: #ff8900;font-weight: 600;text-align: center;margin-bottom: 15px;position: relative;}
.confirm>em{width: 16px;height: 27px;border-right: 2px solid #ff8900;border-bottom: 2px solid #ff8900;display: inline-block;transform: rotate(42deg);position: absolute;top: 6px;left: 16px;}
.info_area .btn{margin: 25px auto 0; width: 48%; min-width: 100px;}
.info_area.ty02 .btn{margin-top:25px}

/*사전등록*/
.pre_registration{max-width: 570px; padding:0 0 30px}
.pre_registration .modal_head{margin-bottom:0}
.pre_registration .modal_head>.close{top:35px; right:35px}
.pre_registration .pre_head{background-color:#fafafa; border-radius: 10px 10px 0 0; padding-bottom: 30px}
.pre_registration .pre_head .tit{padding-top:36px;margin-left:43px;font-size:30px;font-weight:300;line-height:1.33;letter-spacing:-1.2px;text-align:left;color:#000}
.pre_registration .pre_head .tit span{font-weight:700}
.pre_registration .pre_head .sub{margin-top:12px;margin-left:43px;font-size:16px;font-weight:400;letter-spacing:-.64px;text-align:left;color:#797979}
.pre_registration .pre_body ul{list-style:none;margin:0 0 0 43px;padding:30px 0 32px}.pre_registration .pre_body ul li{list-style:none;margin:0;padding:0;font-size:16px;font-weight:400;line-height:2;letter-spacing:normal;text-align:left;color:#000}
.pre_registration .pre_body ul li .li_deco{display:inline-block;width:5px;height:5px;background-color:#000;border-radius:100%;position:relative;bottom:3px;margin-right:15px}
.pre_registration .pre_body .line_div{display:block;width:100%;height:1px;background-color:#e3e3e3;margin:0 auto}
.pre_registration .pre_body .notice{padding-top: 17px; margin-left: 43px; font-size: 16px; font-weight: 400; line-height: 1.63; letter-spacing: -.64px; text-align: left; color: #000; display: inline-block;}
.pre_registration .pre_body .close{display: block; right: 40px; width: 80px; height: 50px; border-radius: 5px; background-color: #00523f; font-size: 16px; font-weight: 400; line-height: 2; letter-spacing: -.64px; text-align: center; color: #fff; float: right; margin: 20px 30px 0 0;}


/*회원가입*/
.find_logo{width:225px; height:auto; margin:0px auto 35px;}
.find_logo>a{display:block; margin-left:33px;}
.find_logo>a>img{width:100%}
.cont_warp{margin:auto; border:1px solid #ddd; border-radius:5px; padding:30px;}

.signup{max-width:400px;}
.signup:after{content:""; display:block; clear:both}
.input_box{position:relative}
.input_box label,.input_box_2>label{font-size:14px; color:#333; text-align:left; letter-spacing:-0.02em;}
.input_box label{margin-bottom:12px;}
.required:after{content:"*"; color:#f40f0d; display:inline-block; margin-left:2px; margin-right:3px;}
.input_box>input{width:100%; height:42px; margin-bottom:5px; /*border:0;*/ /*background:#f8f8f8;*/}
.input_box>input::placeholder{font-size:13px}
.input_box_2{display:flex; margin-bottom:10px}
.input_box_2>label{margin-top:9px; margin-right:20px;}
.input_box_2>input{width:100%; height:42px;}
.signup>.input_box{margin-bottom:25px;}
.signup>.input_box>p{margin-bottom:3px;}

.agree_area{background:#f8f8f8; padding:20px; border-radius:5px;}
.agree_area:after{content:""; display:block; clear:both}
.agree_area>label{display:block; margin-bottom:15px;}
.agree_area>label:last-child{margin-bottom:0px;}
.agree_area .agree_all{font-size:17px; color:#000; font-weight:500; padding-bottom:10px; margin-bottom: 10px; border-bottom:1px solid #ddd; display:block;}
.agree_area .agree .on{width:18px; height:18px; left:2px; top:2px;}
.agree_area .agree .on:after{font-size:11px; top:-2px; left:-3px;}
.agree_area>label>em{color:#f40f0d; margin-left:3px}
.agree_area>label>a{color__:#015e48; text-decoration:underline}
.signup .btn_area{display: flex; margin:30px auto 0}
.signup .btn_area>.btn{width: calc(50% - 6px);}

.modal_container.term{padding:20px 0px 30px 35px}
.modal_container.term .modal_head{margin-bottom:0px; margin-right: 35px;}
.modal_container.term .modal_cont{padding-right:30px}
.term_area{font-size:15px; font-weight:300; color:#4b4b4b; line-height:24px; margin-top:1px; padding:0px; height:100%; background: none;}
.term_area_in{white-space: break-spaces;}
.term_area_in>strong{font-size:16px; color:#000; font-weight:500;}
.term_area_in.ty02{font-size:15px; font-weight:300; color:#4b4b4b;}
.board_list.term{border-left:1px solid #ddd}
.board_list.term thead th, .board_list.term tbody td{border-right:1px solid #ddd}
.board_list.term thead th{color:#333; text-align:center}
.board_list.term tbody td{font-weight:300; color:#4b4b4b; }
.board_list.term tbody th{border-right: 1px solid #ddd}
.board_scroll .board_list.term{min-width:500px}

.info_text{font-size:13px; color:#f40f0d}
.info_text_2{font-size:13px; color:#666}
.info_text_3{font-size:12px; color:#666; font-weight:300; line-height:18px; letter-spacing:0px;  margin-top:5px;}
.info_text_col{color:#015e48}
.malgun{font-family:'malgun gothic' !important;}
.list_style{margin:0}
.list_style>li{margin:0}
.input_chk{color:#f40f0d}


/*아이디 비번 찾기*/
.findidpw{max-width:400px; margin:auto;}
.findidpw .custom_chk{font-size:16px; font-weight:400; color:#333;}
.findidpw .custom_chk .on{top:2px}
.find_pw{margin-top:30px}
.find_pw>.info_text_2{margin:7px 0 0 31px;}
.find_pw .input_box_2{margin:15px 0 20px 32px;}
.find_pw .input_box_2>input{width:calc(100% - 60px);}
.certified_box{display:flex; justify-content:space-between; width:100%; padding:15px 15px 15px 25px; border-radius:6px; margin:25px auto; background:#f8f8f8;}
.certified_box .certified_text {font-size:15px; color:#000; text-align:center; margin-top:8px;}
.findidpw .custom_chk .on:after{left:-1px}
.certified_box>.btn {font-size:14px; font-weight:400; height:38px; min-width:80px}
.findidpw .btn_area{}
.findidpw>.btn_area>.btn{/*width:120px*/}


/*아이디 찾기 결과*/
.userid{max-width:400px}
.userid>strong{font-size:19px; color:#333; display:block;font-weight: 500;}
.id_show{font-size:22px; color:#015e48; margin:25px auto 35px; padding:15px 0; font-weight:600; text-align:center; background:#f8f8f8; border-radius:5px;}


/*비밀번호 재설정*/
.findpw_result{max-width:450px; margin:auto;}
.pwchg_text{margin:15px 0 60px 0;}
.pwchg_text .text_1{font-size:15px; font-weight:500; margin-right:12px;}
.pwchg_text .text_2{font-size:13px; color:#bababa;}
.pwchg_text .text_3{font-size:13px; color:#015e48;}
.reset_pw>.input_box_2>input{width:calc(100% - 113px);}


/*서브페이지*/
.main_container{width:100%;max-width:calc(100% - 310px); height:calc(100% - 135px); display:flex;align-items:flex-start;padding-top:100px;margin-left:310px; position: relative;}
.member_content{width:950px; min-height:650px; margin-left:35px; margin-right:35px; padding-bottom:50px;}
.member_content:after{content:""; display:block; clear:both}
.main_title{font-size:25px; color:#015e48; margin-top:20px; margin-bottom:25px;}

.registration{display:block;}
.registration:after{content:""; display:block; clear:both}
.registration .img_academy {display:block; width:100%; margin:12px auto 10px;}
.registration .img_academy .add_academy{display:block; position:relative; width:180px; height:80px; top:0px; margin:auto; border:1px solid #ddd; padding:0; border-radius:6px; text-align:center; box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.15);}
.registration .img_academy .add_academy:hover{border: 1px solid #b9b9b9;}
.registration .img_academy .add_academy .add_icon{display:inline-block; position:relative; width:18px; height:18px; bottom:12px;}
.registration .img_academy .add_academy .add_icon div:first-child {position: relative; top: 8.5px; left: 0; width: 16px; height: 2px; background-color: #8e9093; border-radius: 2px;}
.registration .img_academy .add_academy .add_icon div:last-child{position: relative; top: 0; left: 7px; width: 2px; height: 16px; background-color: #8e9093; border-radius: 2px;}
.registration .img_academy .add_academy .add_text {font-size:14px; color:#333; font-weight:500; text-align: center; position: absolute; width: 180px; bottom: 11px;}
.registration .img_academy .add_academy:hover .add_text{color:#015e48}


/*학원 정보 등록 및 수정*/
.academy_info_text{font-size:19px; color:#333; /*border:1px solid #d2d2d2;*/ background:#f8f8f8; text-align:center; line-height:38px; border-radius:5px; padding:0 15px; position:relative}
.academy_info_text>.required_info{position:absolute; right:15px}
.cont_warp.academy_info{max-width:880px; margin:0; padding:10px 0px; border:0px}
.step{display:block; text-align:center; margin:15px auto 45px;}
.step>i{font-size:14px; color:#ddd}
.step>i.page_on{color:#015e48}

.academy_info_left,.academy_info_right{width:calc(50% - 28px); display:inline-block; vertical-align:top;}
.academy_info_left{}
.academy_info_right{margin-left: 50px;}
.academy_info .input_box{margin-bottom:3px; position:relative; margin-bottom:15px;}
.academy_info .input_box>p{width: 80px; display:inline-block; position:absolute; top: 8px;}
.academy_info .input_box>p>label{font-size: 15px; color:#333; font-weight:500;}
.academy_info .input_box>input,.chk_area{width: calc(100% - 80px); display:inline-block; margin-left:80px;}
.academy_info .input_box>input.addr_detail{margin-top:15px;}
.chk_area>input{width:100%;height: 45px; line-height:45px;  margin-top:5px; /*border:0; background:#f8f8f8;*/}
.chk_area{height:auto; min-height:auto;margin-top: 8px;}
.academy_info .input_box:after,.chk_area:after{content:""; display:block; clear:both}
.infomation .info_text{font-size:17px}

.input_box.search>input{}
.input_box.search .search_button{display:block; position:absolute; width:24px; height:24px; right:10px; top:9px; padding:0; text-align:center;}
.input_box.search .search_button > img {display:inline-block; width:18px; height:18px;}

.academy_info .btn_area{width:100%; margin-top:40px; text-align:center;}
.academy_search .modal_head{margin-bottom:0}
.modal_container.academy_search{max-width:400px; padding:20px 0px 30px 35px}
.modal_container.academy_search .modal_cont{padding-right:30px}
.academy_search .modal_head>.close{right:15px; top:-5px;}
.pop_text{font-size:25px; color:#111; margin-top:10px; margin-bottom:24px; letter-spacing: -0.5px; text-align: center;}
/*.search_area{background:#f8f8f8; border-radius:5px; padding:12px;}
.search_area .input_box>p{width:90px; display:inline-block; position:absolute; top:9px; padding-left:20px; text-align:left;}
.search_area .input_box>input{width:calc(100% - 90px); margin-left:90px; margin-bottom:0;}
.search_area .input_box.search .search_button {}*/
.acdemy_search{margin-bottom:4px; position:relative;}
.acdemy_search .input_box>p{padding-left:3px; padding-bottom:5px; text-align:left;}
.acdemy_search .input_box.search .search_button{bottom:9px; top: inherit;}
.acdemy_search .input_box>input{width:100%; margin-left:0; margin-bottom:0; padding-left:15px;}
.academy_addr .board_list{margin-bottom:30px}
.academy_addr .board_list th{text-align:center}
.academy_addr .board_list th, .academy_addr .board_list td{height:47px; line-height:22px;}
.academy_search .btn_area button{width:calc(50% - 5px); min-width:auto}
.academy_search .btn_area{margin-bottom:0}
.academy_search .btn_area .disable{color:#fff; background:#bababa; border:1px solid #bababa;}
.auto_complete{width:100%; height:220px; overflow-y:auto; border:1px solid #ddd; border-radius:3px; background:rgb(255, 255, 255); box-shadow:rgb(0 0 0 / 5%) 2px 2px 5px; z-index:100; margin-bottom:24px;}
.auto_complete::-webkit-scrollbar-track{background-color:#ebebeb;}
.auto_complete::-webkit-scrollbar{width:6px;}
.auto_complete::-webkit-scrollbar-thumb{background-color:#bbbbbb;}
.auto_completein {list-style-type:none; padding:5px 0px;}
.auto_completein>li{outline:none; cursor:pointer; padding:6px 15px 8px; margin-bottom:1px; text-align:left; white-space:nowrap;}
.auto_completein>li.select{background:#f5f5f5}
.auto_completein>li:hover{background:#f5f5f5}
.auto_text {flex:0 0 auto; overflow:hidden; text-overflow:ellipsis; max-width:100%; font-weight:300;}
.auto_text>strong{color:#015e48; font-weight:600;}
.auto_text_addr{font-size:13px; color:#787878; font-weight:300; text-overflow:ellipsis; overflow:hidden; display:block;}
.auto_completein>li.no_post:hover{background:none; cursor:inherit}

.academy_container .detail_box .file_upload,.style_select {margin:55px 0 0;}
.academy_container .detail_box .file_upload:first-child{margin-top:30px}
.academy_container .detail_box .file_upload_box,
.style_select_box{display:flex; width:calc(100% - 130px);}
.academy_container .detail_box .academy_intro,
.academy_container .detail_box > div .concept_object{width:calc(100% - 130px)}
.academy_container .detail_box .file_upload_box > div {position:relative;width: calc(25% - 15px); max-width:170px;max-height: 150px; margin-left:23px;}
.academy_container .detail_box .file_upload_box > div:after{content:""; display:block; padding-bottom:100%;}
.academy_container .detail_box .file_upload_box > div:first-child{margin-left:0px}
.academy_container .detail_box .file_upload_box > div > label{cursor: pointer;width: 100%;height: 100%;border-radius: 6px;border: 0.5px solid #bababa;color: #bababa;display: block;place-content: center;transition: 0.2s;text-align: center;position: absolute; display: table;}
.academy_container .detail_box .file_upload_box > div > label>div{display: table-cell; vertical-align: middle;}
.icon_plus{font-size: 27px; line-height: 22px; text-align: center; padding: 0 0px 10px;}

.academy_container .detail_box .file_upload_box > div > label > img{width: 100%; height: 100%; border-radius: 6px;}
.academy_container .detail_box .file_upload_box > div > label > input{display: none;}
.academy_container .detail_box .file_upload_box > div > label:hover {transition: 0.3s; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.img_delete{position: absolute; padding: 0; top: 1px; right: 7px; z-index:1}
.academy_container .detail_box .detail_ex{color: #015e48; font-size: 13px; font-weight: 300; margin:5px 0 55px 128px;}
.academy_container .detail_box .detail_ex.ty02{margin-left: 150px;}
.academy_container .detail_box .detail_ex2{margin: -50px 0 45px 128px; color: #5a5a5a; font-size: 13px; font-weight: 300;}
.academy_container .button {width: 147px; height: 46px; border-radius: 6px; background-color: #bababa; color: #fff; float: right; margin-bottom: 70px;}
.academy_container .button.on {background-color: #015e48;}
.academy_container .second_title {display: flex; align-items: center; justify-content: space-between; margin-top: 18px;}

.academy_container .detail_box > div {display: flex;}
.academy_container .detail_box > div.part_2{/*margin-top:55px;*/}
.academy_container .detail_box > div > p {margin: 0; width: 130px; color: #5a5a5a; font-size: 15px; font-weight: 500;}
.academy_container .detail_box > div .concept_object {}
.academy_container .detail_box > div .concept_object > label.custom_chk {cursor: pointer;font-size:13px;color: #5a5a5a;margin-right:25px;padding-left: 22px; display:inline-block; vertical-align:top;position: relative;}
.academy_container .detail_box > div .concept_object .concept_input {display: none;}
.academy_container .detail_box > div .concept_object .on {width: 20px; height: 20px; border: 1px solid #707070; border-radius: 50%; margin: 0 5px 0 auto;}
.academy_container .detail_box > div .concept_object .on:after {display: none; content: "●"; font-size: 13px; color: #015e48; width: 20px; height: 20px; text-align: center; position: relative; right: 0; bottom: 0;}
.academy_container .detail_box > div .concept_object .concept_input:checked + .on:after {display:block;}
.academy_container .detail_box > div .summary{width:calc(100% - 110px)}
.academy_container .detail_box > div .summary > div {display: flex;}
.academy_container .detail_box > div .summary > div > p{margin: 0; font-size: 15px; font-weight: 300; color: rgba(0, 0, 0, 0.95);}
.academy_container .detail_box > div .summary > div > input{width:100%; margin:0 0 0 12px;}
.academy_container .detail_box > div .summary > div:nth-child(2){margin: 15px 0;}
.academy_container .detail_box .academy_intro .quill {width: 100%; height: 390px; border:1px solid #ddd;}
.academy_container .detail_box .academy_intro_notice {display: flex; justify-content: space-between; margin-top: 5px;}
.academy_container .detail_box .academy_intro_notice p{font-size: 13px; font-weight: 300; color: #015e48;}
.academy_container .detail_box .academy_intro_notice p span{color: #000;}
.style {position:relative;margin-left: 23px;width: calc(25% - 15px);max-width: 170px; padding-top: 26px;}
.style_select_box .style:first-child{margin-left: 0px}
.radio{position:absolute; left:2px;top: 0; width:22px; height:22px !important; background:#fff;border: 1px solid #707070; border-radius:50%; cursor:pointer; outline:none;-webkit-appearance: none;-moz-appearance: none;transition: background 0.1s ease-out, border-color 0.1s ease-out;}
.radio::after{content:"●"; font-size:11px; color:#fff; display:block; width:22px; height:22px; text-align:center; position:absolute; top:1px; left:-1.5px;}
.radio:checked{border-color:#015e48;}
.radio:checked::after{color:#015e48;}
.style:hover .radio {border-color:#015e48}
.style_img{border:1px solid #bababa; border-radius:5px; cursor:pointer; display:flex;width: 100%;height: 100%;/* max-width: 170px; */max-height: 125px;overflow: hidden;transition: border-color 0.1s ease-out;}
.style_img>img{width:100%;/* height:100%; */}
.style:hover .style_img {box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);}
.radio:checked ~ .style_img{border-color:#015e48;}
.radio:disabled ~ .style_img {color:#ff0000; cursor:default;}
.style:hover .radio:disabled ~ .style_img {border-color:#ff0000; box-shadow:none;}
.style:hover .radio:disabled {border-color:#ff0000;}
.label_text{padding-left:30px; font-size:14px; color:#5a5a5a; display:block; line-height: 21px; position: absolute; top: 0;}
.style_select_box:after, .style:after,. style_select:after{content:""; display:block; clear:both}

.intro_preview{max-width: 500px; padding: 20px 0 0px 0px;}
.intro_preview .modal_head{margin-bottom:0; padding:0 20px}
.intro_preview .modal_head .modla_title{border-bottom:0px}
.intro_preview .modal_head>.close{right:20px}
.intro_preview .modal_cont{/* padding-right:20px; */background: #ddd;}
.intro_preview .btn_area{max-width:320px; margin:20px auto 20px; justify-content:center;}
.intro_preview .btn_area button{width:50%}
.pre_view{max-width:320px; background:#f8f8f8; border-radius:5px; margin:20px auto; padding: 10px; border:1px solid #ddd; box-shadow:1px 10px 10px rgba(0,0,0,0.1);}
.pre_section{padding:25px 20px; background:#fff; margin-bottom:10px; border-radius:5px; position: relative;}
.ac_img{width: 43px; height: 43px; border-radius: 8px; overflow: hidden; position: absolute; right: 18px; margin-top: 3px;}
.ac_img>img{width:100%; height:100%;}
.ac_name{background:#fff; border-radius:3px; padding:30px 62px 30px 20px;}
.ac_name>strong{font-size:20px; color:#111; font-weight: 500; letter-spacing:-0.5px; line-height:30px; margin-bottom: 5px;}
.ac_name>p{font-size: 13px; color:#666;}
ul.keyword>li{font-size:12px; color:#015e48; line-height:20px; font-weight:500; background:#E1F4F0; padding:3px 0; border-radius:20px; float:left; margin-right:6px; width:calc(33% - 9px); text-align:center;}
ul.keyword>li:last-child{margin-right:0px;}
.simple_intro{margin-top:20px; border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; padding:15px 0;}
.simple_intro>li{font-size:14.5px; margin-bottom:5px; position:relative; padding-left:13px;}
.simple_intro>li:before{content:""; width:4px; height:4px; background:#111; border-radius:10px; margin-right:10px; display:inline-block; position:absolute; top:9px; left:2px;}
.simple_intro>li:last-child{margin-bottom:0}
.detail_intro{white-space: break-spaces; padding:0 20px}
.detail_intro strong{font-weight:500; color:#015e48}
.ac_info{margin-top:20px; border:1px solid #ddd; border-radius:5px; box-shadow:1px 5px 5px rgb(0 0 0 / 5%); display:flex;}
.ac_info li{font-size:12px; color:#111; width:calc(33.33% - 0px); float:left; text-align:center; border-right:1px solid #ddd; padding:8px 0 8px 20px; position:relative;}
.ac_info li:last-child{border-right:0px}
.ac_info li>i{width:15px; height:16px; display:inline-block; position:absolute; margin-left: -20px; margin-top:2px;}
.ac_info .ac_link_1>i{background: url(../img/icon_homepage.png) 50% 49% no-repeat;}
.ac_info .ac_link_2>i{background:url(../img/icon_tel.png) 50% 50% no-repeat;}
.ac_info .ac_link_3>i{background:url(../img/icon_cs.png) 50% 50% no-repeat;}
.ac_coupun{margin-top: 25px;}
.ac_coupun li{background:#f7f7f7; border-radius:5px; margin-bottom:5px; padding:8px 10px 8px 15px; font-size:13px; color:#111;line-height:23px;}
.ac_coupun li:last-child{margin-bottom: 0}
.ac_coupun li>i{width:24px; height:24px; display:inline-block; vertical-align:-6px; border-radius: 3px; margin-right:10px;}
.ac_coupun li.ac_coupun_1>i{background:#ffb309 url(../img/icon_coupon_1.png) 50% 50% no-repeat;}
.ac_coupun li.ac_coupun_2>i{background:#6fcaa7 url(../img/icon_coupon_1.png) 50% 50% no-repeat;}
.ac_coupun li.ac_coupun_3>i{background:#97b2e9 url(../img/icon_coupon_1.png) 50% 50% no-repeat;}
.intro_img_in{width:100%; overflow:hidden}
.intro_img li{margin-bottom:5px; border-radius:5px; overflow:hidden;}
.intro_img li:last-child{margin-bottom:0}
.intro_img img{width:100%}
.intro_video li{margin-bottom:5px; border-radius:5px; overflow:hidden;}
.intro_video li:last-child{margin-bottom: 0}
.intro_video img{width:100%}
.pre_section:after,.keyword:after, .ac_info:after{content:""; display:block; clear:both}


/*윈도우팝업*/
.winpop{}
.winpop .main_container{max-width:100%;margin: 0;padding: 20px;}
.winpop .member_content{width:100%; margin:0}
.winpop .cont_warp{max-width:100%;}


/*내 학원 관리*/
/*운영관리*/
.academy_status_area{border: 1px solid #ddd; border-radius: 5px;}
.academy_status_area>strong{font-size:18px; color:#015e48; font-weight:700;padding: 5px 5px 5px 15px;display: block;border-bottom: 1px solid #ddd;}
.academy_status_area>strong>span{font-weight:300; color:#333}
.academy_status{width: 100%;display: flex;padding: 5px;}
.academy_status>ul{border-radius: 7px;width: calc(25% - 3px);margin-right: 5px;/* display: inline-block; */float: left;height: 75px;padding: 13px 10px 13px;}
.academy_status>.part_4{margin-right:0px;}
.academy_status>.part_1{background:#f3f9ff}
.academy_status>.part_2{background:#e9faf5}
.academy_status>.part_3{background:#fef7ea}
.academy_status>.part_4{background:#ffeeec}
.academy_status>ul>li{width: calc(50% - 2px);display: inline-block; float: left;text-align: center;}
.academy_status>ul>li:first-child{padding-right: 0;}
.academy_status>ul>li>p{color: #4e4e4e;font-size: 13px;margin-bottom: 7px;overflow: hidden;text-overflow: ellipsis;display: block;white-space: nowrap;}
.academy_status>ul>li>strong{font-size: 17px; font-weight:700;color: #333;line-height: 23px;}
.academy_status>ul>li>strong>i{font-size: 12px; vertical-align: 2px; margin-right: 3px;}
.academy_status>ul>li>strong>.up{color:#f40f0d}
.academy_status>ul>li>strong>.down{color:#025bd2}
.academy_status_area:after, .academy_status:after,.academy_status>ul:after{content:""; display:block; clear:both}

.chart_search{margin-top:25px; margin-bottom:10px}
.chart_search:after{content:""; display:block; clear:both}
.chart_search>select{width:130px; height: 35px; display: inline-block;}
.date_picker{display: inline-block;}
.date_picker>input{width:120px; background: transparent;}
.date_picker:after{content:""; /*width: 20px; height: 20px; background: url(../img/icon_calendar.png) center no-repeat; */}
.chart_btn{float: right; display: inline-block; vertical-align: top;}
.chart_btn>button{float: left; line-height: 33px; padding: 0 15px; border: 1px solid #ddd; margin-left: -1px;}
.chart_btn>button:first-child{border-radius:3px 0 0 3px; margin-left:0}
.chart_btn>button:last-child{border-radius:0 3px 3px 0}
.chart_btn>button.select{color:#fff; background:#015e48}
.chart_search>select,.date_picker>input,.chart_btn>button{font-size:13px;}
.file{margin-top:10px;}


/*후기관리*/
.review_area{width:100%; border-top:2px solid #015e48; border-bottom:1px solid #d4d4d4;}
.review_area:after{content:""; display:block; clear:both}
.review_area>ul>li{padding:15px 10px 15px 40px; position:relative; border-bottom:1px solid #ddd;}
.review_area>ul>li:last-child{border-bottom:0px;}
.review_area .custom_chk{position:absolute; top:18px; left:8px;}
.review_area .title{font-size:16px; color:#333; font-weight:600; display:inline-block; padding:0 3px 0 0px;}
.review_area>ul>li>.date{font-size:13px; color:#999; font-weight:300; letter-spacing:0.5px; display:inline-block; position:relative; right:0;}
.review_area .help_score{font-size:14px; color:#333; position:absolute; right:15px; top:16px;}
.review_area .help_score>i{color:#f40f0d; margin-right:4px;}
.review_area .review_cont{font-size:14px; color:#333; font-weight:300; overflow:hidden; margin:10px 0 0px; text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;}
.review_area .detail{font-size:13px; color:#015e48; font-weight:300; margin-left: 1px; position:relative;}
.review_area .detail:hover{text-decoration:underline}
.review_area .detail>i{display:inline-block; vertical-align:1px; margin-left:4px;}
.arrow:after{content:""; display:block; width:6px; height:6px; border-top:1px solid #015e48; border-right:1px solid #015e48;}
.arrow:after{transform:rotate(45deg); -webkit-transform:rotate(45deg);}

.board_top{margin:0 0 5px 5px;}
.board_top:after{content:""; display:block; clear:both}
.board_top>.custom_chk{float:left; margin:13px 25px 0 0;}
.board_top>.custom_chk:last-child{margin-right:0}
.board_top>button{width:140px; height:42px; line-height:42px; float:right}

.review_view td input{width:100%}
.review_view .btn_area{margin-bottom:5px; margin-top:10px;}

.review_del>.modal_head>.close{right:-15px; top:-15px;}
.review_del .info_area .btn{margin-top:24px}
.review_del .btn_line:hover{background-color:inherit; color:#015e48;}


/*상담관리*/
.board_scroll.cons_list_scroll{overflow-x_: scroll;}
.board_scroll.cons_list_scroll .board_list{min-width_:630px;}
.block_2{width:100%; display:table; table-layout:fixed; white-space:nowrap; position:relative;}
.ellipsis.ty02{width:calc(100% - 35px); min-width:calc(100% - 35px); vertical-align:middle; display:inline-block; height:100%; line-height:60px;}
.ellipsis.ty02>a{position:absolute; right:6px;}
.detail_icon{display:inline-block; width:25px; height:25px; background:#f4f4f4 url(../img/top_icon_01.png) 50% 50% no-repeat; background-size:13px; vertical-align:middle; border-radius:100px;}
.detail_icon>span{display:none}
.item_box > td button.c_disable{cursor:inherit; background:#f5f5f5; border:1px solid #e1e1e1; color:#cacaca}
.cons_time{display:none}
.btn_area.consulting{margin-bottom:0; justify-content:flex-start;}
.btn_area.consulting>button{width:40px; margin-left:3px;}
.btn_area.consulting>button:first-child{margin-left:0}
.consulting_view .modla_title{padding-bottom:14px}
.consulting_view .board_write tr th{padding-top:13px;}
.c_complet>.modal_head>.close{right:-15px; top:-15px;}
.c_complet .btn_line:hover{color:#015e48; background-color:inherit;}


/*쿠폰관리*/
.first_title{display:flex; align-items:center; margin-top:55px; margin-bottom:5px;}
.first_title.ty02{margin-top:0px;}
.first_title>p:first-child{font-size:16px; font-weight:500; color:#015e48; padding-left: 4px;}
.first_title>p:last-child{font-size:13px; font-weight:300; color:#000; margin:0 0 0 15px;}
.item_box>td .red,
.item_box>td .green,
.item_box>td .blue,
.item_box>td .orange,
.item_box>td .black{vertical-align:middle}
.item_box>td .red{color:#f40f0d;}
.item_box>td .green{color:#00b050;}/*완료*/
.item_box>td .blue{color:#0e55ad;}/*대기*/
.item_box>td .orange{color:#ffa500}/*접수*/
.item_box>td .black{color:#000;}

.item_box > td button {width:60px; height:27px; border-radius:4px; border:1px solid #bababa; font-size:13px; color:#8e8e8e; vertical-align:-2px;}
.item_box > td .red_button{background-color:#efefef; color:#5a5a5a;}
.item_box > td .green_button{color:#bababa;}

.modal_container.coupon_registration{max-width:650px; padding:25px 0 30px 30px;}
.modal_container.coupon_registration .modal_cont{padding-right:25px}
.modal_container.coupon_registration .modal_head{margin-right:30px; margin-bottom:15px;}
.coupon_text{margin-bottom:1px}
.coupon_text>.required{font-size:15px; color: #5a5a5a; font-weight:500;}
.coupon_text>.detail_ex2,
.coupon_period>.detail_ex2{font-size: 13px; color: #5a5a5a; font-weight: 300;}
.coupon_type{margin-top: 40px;}
.coupon_type:after{content:""; display:block; clear:both}
.coupon_type>strong{font-size:15px; color:#333; font-weight:500}
.coupon_type .style{width:calc(33% - 15px); max-width:175px;}
.coupon_type .style_select_box{width:100%; }
.coupon_type .style_select{margin-top:10px}
.coupon_type .radio::after{top:1px; left:-0.5px;}
.coupon_period{margin-top:40px; margin-bottom:20px; position:relative;}
.coupon_period:after{content:""; display:block; clear:both}
.coupon_period>.coupon_text{width: 100px; position: absolute; top: 3px;}
.coupon_period>.period{margin-left: 100px; margin-bottom: 7px;}
.coupon_period>.detail_ex2{margin-left: 100px; margin-top: 4px;}

.btn_area.ty03{text-align:center; display:flex; margin:30px auto 0;}
.btn_area>.btn_left{margin-right:auto}
.btn_area>.btn_right{}

.coupon_registration .btn_area{margin-top:40px; margin-bottom:10px;}


/*쿠폰보기*/
.modal_container.coupon_ty{width: 252px; padding: 0; background: none; box-shadow: none;}
.modal_container.coupon_ty .modal_cont{overflow-y:visible}
.modal_container.coupon_ty button{margin: 20px auto 0; display: block; box-shadow: 0 9px 12px 0 rgb(0 0 0 / 30%);}
.coupon_detail {display: block;position: relative;width: 250px;height: 152px;margin: 0px 1px 0;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);background-color: #fff; border-radius:5px; overflow:hidden; box-shadow: 0 9px 12px 0 rgb(0 0 0 / 30%);}
.coupon_detail .detail_img{display: block; position: relative; width: 100%; height: 100%;}
.coupon_detail .detail_img img {display: block; position: relative; width: 100%; height: 100%; object-fit: fill;}
.coupon_detail .detail_txt {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 21px 15px;}
.coupon_detail .detail_txt .coupon_title {display: block;position: relative;font-size: 19px;font-weight: 600;line-height: 1;text-align: left;color: #068931;}
.coupon_detail .detail_txt .coupon_date{display: block;position: relative;margin-top: 6px;font-size: 14px;font-weight: 500;line-height: 19px;text-align: left;color: #666;}
.coupon_detail .detail_txt .coupon_academy {display: block; position: absolute; right: 15px; bottom: 21px; font-size: 15px; color: #5a5a5a; font-weight: 600; line-height: 1.62; text-align: right;}
.coupon_detail .detail_txt .coupon_academy .coupon_address{font-size: 13px;display: block;color: #666;}
.coupon_detail .detail_txt .coupon_academy {display: block;position: absolute;right: 20px;bottom: 18px;font-size: 15px;font-weight: 600;line-height: 20px;text-align: right;color: #333;}


/*문의하기*/
.select_type{}
.select_type>label{margin-bottom:10px}
.editor{height:250px; border:1px solid #ddd}
.notice{font-size: 13px; font-weight: 300; color: #015e48; display: block; margin:4px 0 10px 1px}
.required_info{font-size: 13px; font-weight: 300; color: #666; margin-left: 5px; vertical-align: 1px;}
.value{font-size:16px}
.subject_area{position:relative}
.subject_area>input{padding-right: 45px;}
.subject_area>.count{position: absolute;font-size: 13px; color:#666;top: 7px;right: 8px;}
.subject_area>.count>i{font-style:normal; color:#000}
.inquiry .btn_area{margin:19px 0 0}


/*컨텐츠 신청*/
/*쇼츠*/
.modal_container.short .modal_head {margin-bottom:15px}
.shorts_edit_wrap .shorts_detail .detail_box .detail_right :focus {outline: none;}
.video_box{display:flex; justify-content: flex-start;}
.video_box .shorts_upload{margin: 0 0 0 0; display: block; width: 150px; height: 131px; position: relative;}
.video_box .shorts_upload label{cursor: pointer; width: 150px; height: 131px; border-radius: 6px; border: 0.5px solid #bababa; transition: 0.2s; color: #bababa; display: grid; place-content: center;}
.video_box .shorts_upload label input{display: none;}
.video_box .shorts_upload label .text{width: 170px; height: 151px; word-break: break-all; display: contents;}
.video_box .shorts_upload label .text span{font-size: 15px;}
.video_box .shorts_upload .on{color: #000;}
.video_box .shorts_upload .error {border: 1.5px solid #f40f0d;}
.video_box .shorts_upload label:hover{transition: 0.3s; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.video_box .shorts_upload .video_delete{position: absolute;top: 2px; right: 0;}
.shorts_upload_notice{display: block; font-size: 13px; font-weight: 400; color: #015e48; margin-top: 10px; margin-bottom:30px;}
.shorts_edit_wrap .shorts_detail .detail_box .detail_type {display: flex; flex-wrap: wrap; position: relative; bottom: 4px;}


/*학원소식*/
.news .modal_head{margin-bottom:15px;}


/*나의 멤버십*/
/*학원등록전*/
.modal_container.member_first{width:900px; max-width:900px; padding: 50px 50px 50px;}
.new_member .title_area {margin:0 0 50px; font-size:40px; color:rgba(0, 0, 0, 0.95); font-weight: 500; line-height:40px; text-align:left; display:block; word-break:keep-all}
.new_member .registration{display:none}
.new_member .register_btn {width:205px; height:46px; margin:50px 0 0 0; float:right; border:2px solid #068931; font-weight:600; color:#068931;}
.new_member .register_btn:hover{color:#fff; background-color:#068931;}
.register_container{display:flex; justify-content:space-between;}
.register_container .register_step{width:33%; margin:0; padding:130px 12px 30px 30px; font-size: 14px; color:#333; font-weight:400; line-height:1.5; letter-spacing:-0.5px; text-align: left; vertical-align:top; border-radius:10px; position:relative;}
.register_step>strong{font-size:14px; color:#015e48; background:#f3f8dc;border-radius:6px; padding:5px 15px; position:absolute; top:-15px; left:50%; margin-left:-31px;}
.register_container .register_step:first-child {
    background: #ededed url(../img/register_step1.png) 50% 50px no-repeat;
    background-size:190px;}
.register_container .register_step:nth-child(2) {
    background: #ededed url(../img/register_step2.png) 58% 50px no-repeat;
    background-size:190px; margin:0 4%;}
.register_container .register_step:nth-child(3) {
    background: #ededed url(../img/register_step3.png) 55% 50px no-repeat;
    background-size: 190px;}


/*멤버십 상태*/
.membership_info{}
.profill{display:flex; margin:0 auto; border-top:2px solid #015e48; border-bottom:1px solid #9a9a9a}
.profill_info{display: flex; width: 50%; padding: 20px 0; margin-right:20px}
.profill_badge{padding:0 20px 0 15px;}
.member_type{width:83px; line-height:28px; border-radius:3px; font-size:14px; color:#fff; font-weight:400; text-align:center; display:inline-block;}
.member_type.basic{background:#bababa}
.member_type.premium{background:#fe9317}
.profill_box {display:flex; flex-direction:column; justify-content:space-between;}
.profill_box .profill_cram {font-size:22px; color:#015e48; font-weight:500; line-height:22px; text-align:left;padding-bottom:10px;}
.profill_box .profill_cram>a.modify{font-size:12px;float:right; text-align:right; margin-top:0px; padding-right:3px;}
.profill_box .profill_name{display:flex; margin-top:10px; flex-grow:2;}
.profill_box .profill_name img{width:18px; height:18px; margin-right:6px; padding-top:2px;}
.profill_box .profill_name .name_text{font-size:18px; color:#015e48; font-weight:500; line-height:1; text-align:left; min-width:66px; margin-right:12px;}
.profill_box .profill_name .profill_address{font-size:13px; color:#5a5a5a;}
.profill_box .profill_text{display:flex; align-items:center; font-size:15px; color:#5a5a5a; font-weight:400; text-align:left;}
.profill_box .profill_start{font-size:13px; font-weight:500; min-width:90px; margin-right:12px;}
.profill_box .membership_stop{font-size:11px; color: #f40f0d; font-weight:300; line-height:1.64; text-align:left; margin-left:22px; text-decoration:underline;}
.profill .payment_info {width:50%;}
.profill .payment_info .lineh{/*margin: 12px 0;*/}
.profill .payment_info .payment_el{display:flex; position:relative; align-items:center; font-size: 15px; color:#5a5a5a; text-align:left; line-height:29px; border-bottom:1px solid #ddd; padding:10px;}
.profill .payment_info .payment_el:last-child{border-bottom:0px;}
.profill .payment_info .payment_el button{display:block; position:absolute; right:16px; font-size: 12px; font-weight:300; line-height:1.64; text-align:left; color:#f40f0d; text-decoration:underline;}
.profill .payment_info .payment_title{width:110px; margin-right:16px; font-size:13px; font-weight: 500; color:#5a5a5a;}
.membership_update{float: right; width: 205px; height: 46px; margin-top: 16px; border-radius: 6px; border: 2px solid #068931; font-size: 15px; color: #068931; font-weight: 500; line-height: 2.13; text-align: center; transition: all 0.1s linear;}
.membership_setting :hover{color: #fff; background-color: #068931; transition: all 0.1s linear;}

.pay_popup {display:block; width:780px; padding:0;}
.pay_popup .modal_head{border:0px; margin-bottom:0}
.pay_popup .close {top:14px; right: 20px;}
.pay_popup .modal_cont{display: flex; max-height: 630px;}
.pay_popup .pay_left {width: 430px; height: 100%; background-color: #fafafa; border-radius: 10px 0 0 10px;}
.pay_popup .pay_left .tit_area {margin: 53px 0 30px 57px;}
.pay_popup .pay_left .tit_area .tit {font-size: 24px; color: #000; font-weight: 500;}
.pay_popup .pay_left .tit_area .sub {font-size: 13.5px; font-weight: 400; color: rgba(0, 0, 0, 0.7);}
.pay_popup .pay_left .img_area {display: block; width: 350px; height: 310px; border-radius: 10px; background-color: #d7fe51; margin: 0 auto; box-shadow: -10.6px 10.6px 16px 0 rgba(107, 118, 69, 0.45);}
.pay_popup .pay_left .img_area .tit_logo {width: 69px; height: 38px; margin-top: 46px; margin-left: 44px;}
.pay_popup .pay_left .img_area .tit {width: 201px; height: 36px; margin-top: 7px; margin-left: 44px;}
.pay_popup .pay_left .img_area .sub {font-size: 20px; color: rgba(0, 82, 63, 0.8); font-weight: 400; letter-spacing: -0.8px; margin-top: 8px; margin-left: 44px;}
.pay_popup .pay_left .img_area .txt {font-size: 18px; color: #ff7270; font-weight: 700; letter-spacing: -0.72px; margin-top: 32px; margin-left: 44px; height: 30px;}
.pay_popup .pay_left .img_area .price {font-size: 30px; color: #000; font-weight: 900; letter-spacing: -1.2px; text-align: left; margin-top: 0; margin-left: 42px;}
.pay_popup .pay_left .img_area .price span.ori_price {font-size: 23px; margin-left: 8px; padding: 0 8px; position: relative; display: inline-block;}
.pay_popup .pay_left .img_area .price span.ori_price .lineth {display: block; position: absolute; width: 100%; height: 1px; top: 50%; left: 1px; background-color: #000;}
.pay_popup .pay_left .ben_area {margin:30px 0 43px 65px;}
.pay_popup .pay_left .ben_area ul {list-style: none; margin: 0; padding: 0;}
.pay_popup .pay_left .ben_area ul li {list-style: none; padding: 0; margin: 1px 0 0; font-size: 14px; color: rgba(0, 0, 0, 0.8); font-weight: 400; line-height: 1.86;}
.pay_popup .pay_left .ben_area ul li .li_deco {display: inline-block; width: 5px; height: 5px; background-color: #000; border-radius: 100%; position: relative; bottom: 2px; margin-right: 8px;}
.pay_popup .pay_right {height: 100%; padding: 0 40px;}
.pay_popup .pay_right .tit {font-size: 24px; color: #000; font-weight: 500; margin-top: 53px;}
.pay_popup .pay_right .pay_info {margin-top: 57px;}
.pay_popup .pay_right .pay_info .info_el {display: flex; justify-content: space-between;}
.pay_popup .pay_right .pay_info .info_el.ty02 {margin-top: 10px; padding-top: 10px; border-top: 1px solid #333;}
.pay_popup .pay_right .pay_info .info_el .info_tit {font-size: 16px; color: #797979; font-weight: 400; line-height: 3.25; text-align: left; }
.pay_popup .pay_right .pay_info .info_el .info_txt {font-size: 16px; color: #000; font-weight: 500; line-height: 3.25; text-align: right;}
.pay_popup .pay_right .pay_info .info_el:last-child .info_txt {font-weight: 700; line-height: 1.5;}
.pay_popup .pay_right .pay_info .info_el:last-child .info_txt span {display: inline-block; position: relative; top: 1px; font-size: 28px; margin-right: 4px;}
.pay_popup .pay_right .pay_info .el_line {height: 1px; border: none; background-color: #000;}
.pay_popup .pay_right .pay_btn {display: block; width: 270px; height: 70px; padding: 0; border-radius: 5px; background-color: #000; font-size: 22px; line-height: 70px; font-weight: 700; text-align: center; color: #fff; margin-top: 51px;}

.pay_history{width:700px}
.pay_history .modal_head .close{top:-8px; right:-1px;}
.pay_history .info_text_2{text-align: right; font-weight:300}
.pay_history .info_text_2.ty02{float:right; margin-top: -23px;}
.info_text_2.ty03{margin:4px 0 10px}
.pay_history .premium{color:#fe9317; margin-right:3px}

.modal_container.membership_stop{width:400px; max-width:400px; padding:30px 45px 40px}
.membership_stop .info_area>p{font-size:23px; font-weight:600}
.membership_stop .info_area>p>strong{color:#ff670a; font-weight:600}
.membership_stop .info_area .info_text_2{font-size: 14px; margin-top: 15px; margin-bottom: 5px;}
.modal_container.membership_stop .close{top: -10px; right: -17px;}
.membership_stop .info_area .btn{width:80%}


/*멤버십 관리*/
.payment{width:360px; max-width:360px;}
.payment .close{right: -13px; top: -5px;}
.payment .tit {font-size: 20px; color: #000; font-weight: 400; margin-top: 0px;}
.payment .price{margin-top: 15px;}
.payment .price strong{font-size: 30px; color: #015e48; font-weight: 600;}
.payment .price strong span{font-size: 22px; margin-left: 3px; vertical-align: 2px;}
.payment .period{font-size: 16px; border-bottom: 1px dotted #b0b0b0; padding-bottom: 20px;}
.payment .period strong span{font-size: 14px; font-weight: 200; margin-left: 3px;}
.payment .pay_info {margin-top: 20px;}
.payment .pay_info .info_el {display: flex; justify-content: space-between;}
.payment .pay_info .info_el.ty02 {margin-top: 10px; padding-top: 10px; border-top: 1px solid #333;}
.payment .pay_info .info_el .info_tit {font-size: 14px; color: #5a5a5a; font-weight: 300; line-height: 33px; text-align: left;}
.payment .pay_info .info_el .info_txt {font-size: 14px; color: #333; font-weight: 500; line-height: 33px; text-align: right;}
.payment .pay_info .info_el:last-child .info_txt {font-weight: 700; line-height: 1.5;}
.payment .pay_info .info_el:last-child .info_txt span {display: inline-block; position: relative; top: 1px; font-size: 28px; margin-right: 4px;}
.payment .pay_info .el_line{height: 1px; border: none; background-color: #000;}


/*계정 정보 수정*/
.pw_confirm{max-width:400px; margin:70px auto 0;}
.pw_confirm>.input_box_2{margin-bottom:10px;}
.input_box_2>.label{font-size:14px; color:#333; text-align:left; letter-spacing:-0.02em; margin-top: 9px; margin-right:20px;}
.pw_confirm .id_check{font-size:15px; width:calc(100% - 75px); margin-left:14px; line-height:38px;} 
.pw_confirm input,
.pw_confirm>.info_text{width: calc(100% - 71px)}
.pw_confirm>.info_text{margin: 5px 0 0 70px;}
.pw_confirm .btn_area{margin:40px auto 0}
.pw_confirm .btn_area button{width:100%}

.user_info {display: block; width: 100%; margin: 40px 0 30px;}
.user_info>.title{font-size: 16px; font-weight: 400; color: #015e48; margin-bottom: 8px; margin-left: 4px; text-align: left;}
.user_info .info_area_wrap {border-top:1px solid #015e48; display: flex; width: 100%; margin: 0 auto 0; flex-wrap: wrap;}
.user_info .info_area_wrap .info_area {width: 53%;padding-right: 50px;}
.user_info .info_area_wrap .info_area.right{width: 47%; padding-right:20px}
.user_info .info_area_wrap .info_area .info_box {display: flex; margin: 18px 0;}
.user_info .info_area_wrap .info_area .info_box .info_text {width: 110px; min-width: 110px; font-size: 15px; color: #333; font-weight: 500; line-height: 1.73; text-align: left;}
.info_box .info_input {width: calc(100% - 110px); text-align: left;}
.user_info .info_area_wrap .info_area .info_box .info_input::-webkit-inner-spin-button { -webkit-appearance: none;}
.info_box .phone_el {width:140px;}
.info_birth{text-align:left; display:flex}
.info_birth>input{margin-right:7px}
.info_birth .info_y {width:40%; max-width:150px}
.info_birth .info_md {width:calc(30% - 12px); max-width:150px}
.info_birth .info_md:last-child{margin-right:0px}
.change_btn {width: 86px; margin-left: 10px}
.change_btn,.password_change_btn{display: block; height: 35px; padding: 0; border-radius: 5px; border: 1px solid #015e48; font-size: 13px; color: #015e48; text-align: center;}
.password_change_btn {width: 180px;}

.marketing_box{display:flex; justify-content:space-between; width:100%; margin-top:110px; background-color:#f8f8f8;}
.marketing_box .marketing_text{margin:12px 12px 12px 17px;}
.marketing_box .marketing_text .marketing_title{font-size:14px; color:#015e48; line-height: 1.9; text-align:left;}
.marketing_box .marketing_text .marketing_sub{font-size:12px; color:#015e48; font-weight: 300; text-align:left;}
.marketing_box .marketing_sel{display:flex; margin-top:13px;}
.marketing_box .marketing_sel div{margin-right:22px; font-size:12px; color:#5a5a5a; line-height:2.36; text-align:left;}
.marketing_box .marketing_sel div input[type="checkbox"]{display:none;}
.marketing_box .marketing_sel div input[type="checkbox"] + label{display:inline-block; width: 20px; height: 20px; border: 1px solid #707070; border-radius: 11px; position: relative; top:5.5px;}
.marketing_box .marketing_sel div input[type="checkbox"]:checked + label:after{content:""; width:12px; height:12px; background-color:#015e48; border-radius:10px; text-align:center; position:absolute; top:3px; left:3px;}
.marketing_box .marketing_sel div span {margin-left:5px;}

.modal_container.pw_chage{width:500px; max-width:500px}
.pw_chage .input_box_2>label{width:140px; margin-right:10px;}
.pw_chage .input_box_2>input{width:100%;}
.pw_chage .btn_area{margin-top:30px; margin-bottom:5px; justify-content:center;}


/*qr코드*/
.qrcode{margin:60px auto 0; width:250px; text-align:center}
.qrcode .qrcode_upload{margin:0 auto 0; display:block; width:250px; height:231px; position: relative;}
.qrcode .qrcode_upload>label{cursor:pointer; width:100%; height:100%; border-radius: 6px; border:0.5px solid #bababa; transition:0.2s; color:#bababa; display:grid; place-content: center;}
.qrcode .qrcode_upload>label input{display:none;}
.qrcode .qrcode_upload>label .text{width:170px; height:151px; word-break:break-all; display: contents;}
.qrcode .qrcode_upload>label .text span{font-size:17px;}
.qrcode .qrcode_upload label:hover{transition:0.3s; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.qrcode .qrcode_upload .qr_delete{position:absolute; top:2px; right:0;}
.qrcode .btn_first{margin-top:30px;}
.modal_container.qrcode_print{max-width:320px; padding:10px 30px;}
.modal_container.qrcode_print .modal_head{margin-bottom:11px;}
.qrcode_img{width:100%; margin:20px auto; border:7px solid #ddd; padding:20px; text-align:center;}
.qrcode_img>img{max-width:200px;}
.qrcode_print .close{right:-16px;}


@media screen and (max-width: 1400px){
    .main_container{max-width:calc(100% - 220px); margin-left:220px;}
    .sidebar{width: 220px;}
    .sidebar_top {padding-left:20px; padding-right:20px;}
    .member_content{width: 100%;}
    .modal.ty03{left: 220px;}
    .ad_section .ad_list{width:200px}
    .footer_bg.ty02 .footer{margin-left:255px; width:calc(100% - 280px)}
}

@media screen and (max-width: 1135px){
    .modal_container.member_first{width: calc(100% - 20px);}
    .register_container .register_step{padding-left:3%}    
}

@media screen and (max-width: 1000px){
    .content{width:100%; padding:0 20px; margin-top:50px; min-height:inherit}
    .main_container{max-width:100%;width:100%; height:inherit; margin:0; padding:10px 15px 0 15px;}
    .dim, .modal{top:65px}
    .sidebar,.ad_section{display:none}
    .footer_bg.ty02 .footer{margin-left:0; margin-right:0; width:100%; max-width:100%;}
    
    .modal_container{display:block; width:calc(100% - 20px);}
    .modal_container.login,.modal_container.infomation{height:auto; top:50%; transform:translate(-50%, -50%);}
    .modal_container.login{width:calc(100% - 20px); }
    .modal_container.pw_chage{width:calc(100% - 21px);}
    .modal_container.infomation{max-width:300px;}    
    .modal_container.infomation.ty02{max-width: 360px}
    .modal_container.member_first,
    .modal_container.pay_popup{/*top:50%; transform: translate(-50%, -50%); height:auto;*/}
    .pay_popup{max-width:760px;} 
    
    .member_content{margin: 0;padding-right: 0; min-height:auto}
    .modal.ty03{left:0;}
    .modal_head>.close{font-size:17px; margin-top:-3px}
    
    .register_container .register_step:nth-child(2){margin: 0 2%;}
    .academy_status>ul{padding:13px 3px;}
    .cont_warp.academy_info{margin:auto}
}

@media screen and (max-width: 768px){    
    .board_list th, .board_list td,
    .board_write tr th, .board_view tr th{font-size:14px;}
    
    .block_style{width:100%; border-top:2px solid #015e48;}
    .block_style colgroup col{width: auto !important;}
    .block_style thead th{border-bottom:1px solid #888888; display:none;}
    .block_style tbody tr{border-bottom:1px solid #ddd; margin-bottom:20px;}
    .block_style th, .block_style td{font-size:14px; font-weight:400; letter-spacing:-0.5px; text-align:left; height:45px ;min-height:auto; padding:10px 10px 0 10px; border-bottom:0; display:inline-block; vertical-align:middle;}
    .block_style td{color:#666;}   
    .block_style td.block{display:block; width:96%; font-size:17px; color: #333; padding: 0; height: 30px; min-height: auto; padding: 0; margin-left: 10px; display: table; table-layout: fixed; white-space: nowrap;}
    .block_style td>.no_post{height:100px; min-height:100px}
    .item_box > td button{position:absolute; right:20px; margin-top: -3px;}  
    
    .block_style.cons_list td{display:block;}
    .block_style.cons_list .item_box{position:relative}
    .cons_list td:first-child,
    .cons_list td:nth-child(4){display:none}
    .cons_list td:nth-last-child(2),
    .cons_list td:nth-last-child(1){height:0px; padding:0}
    .block_style td.cons_name{font-size: 17px; color: #333;}
    .cons_time{display:inline-block; margin-right:5px}
    .cons_list .ellipsis.ty02{display:none}
    .detail_icon{background:none; margin-top:0}
    .detail_icon>span{display:inline-block; text-decoration:underline; color:#015e48}
    .cons_status{position:absolute; top:13px; right:23px; font-size:15px;}    
    .cons_list .item_box > td button{position:absolute; right:20px; margin-top:-44px;}
    .cons_list .item_box > td .btn_area.consulting{position:absolute; right:0px;}    
    .cons_list .item_box > td .btn_area.consulting button{position:relative;}   
    
    .page_title{font-size:25px; margin-bottom:20px;}
    .search_area>input{width:100%}
    .first_title.ty03{margin-top: 30px;padding-bottom: 10px;border-bottom: 1px solid #ddd}
    .first_title.ty03>.board_count{margin-left: 12px; padding-left: 0;}
    .board_list.notice_2{margin-top:0}
    .board_list.notice_2.block_style td{display:block; text-align:left; border-bottom: 0px; height: 40px; min-height: 40px;}
    .board_list.notice_2.block_style td.subject{width: 99%; height: 30px; min-height: 30px; display: table; table-layout: fixed; white-space: nowrap;}
    .board_list.notice_2.block_style td.subject>a{padding-left: 10px; padding-top: 8px;} 
    
    .board_list.term.block_style th,
    .board_list.term.block_style td{display:block}
    
    .current_cont .tit{font-size:17px; padding: 15px 3px 15px 0;}
    .current_cont .tit .date{font-size: 14px; font-weight:300; display: block; float: none; text-align: left;}
    .list_cont .tit{padding: 15px 75px 15px 45px;}
    .list_cont .subject>strong{font-size:15px}
    .list_cont .prev, .list_cont .next, .list_cont .date{font-size:13px;}
    
    .modal_container{padding:25px 20px 30px;  max-width:calc(100% - 20px); height:calc(100% - 21px);}
    
    .modal_container.member_first,
    .modal_container.pay_popup{max-width:400px; height: calc(100% - 20px);}
    .modal_container.member_first{padding: 30px 0px 10px 35px;}
    .modal_container.member_first .modal_cont{max-height:calc(100% - 20px); padding-right:30px;}
    .modal_container.infomation{padding:25px 35px 30px}
    .modal_container.pw_chage,.modal_container.coupon_ty,
    .modal_container.qrcode_print{height:auto;}
    
    .modal_container.review_view,
    .modal_container.inquiry,
    .modal_container.inquiry_view,
    .modal_container.consulting_view,
    .modal_container.short,
    .modal_container.letter,
    .modal_container.news,
    .modal_container.pay_history{padding:25px 0px 20px 20px;}
    .modal_container.pre_registration{padding:0 0 0 0;}
    
    .modal_cont{height:100%; max-height:calc(100% - 35px);}
    .modal_container.coupon_registration .modal_cont{max-height:calc(100% - 50px);}
    
    .modal_container.review_view .modal_cont,
    .modal_container.inquiry .modal_cont,
    .modal_container.inquiry_view .modal_cont,
    .modal_container.consulting_view .modal_cont,
    .modal_container.short .modal_cont,
    .modal_container.letter .modal_cont,
    .modal_container.news .modal_cont,
    .modal_container.pay_history .modal_cont{padding-right:20px; max-height:calc(100% - 55px);}
    
    .modal_container.review_view .modal_head,
    .modal_container.inquiry .modal_head,
    .modal_container.inquiry_view .modal_head,
    .modal_container.consulting_view .modal_head,
    .modal_container.short .modal_head,
    .modal_container.letter .modal_head,
    .modal_container.news .modal_head,
    .modal_container.pay_history .modal_head{margin-right:20px}    
    
    .login_area>.banner{display:none}
    .modal_container.login{max-width:400px}
    .login_container{width:100%}   
    
    .academy_info_text{text-align:left}
    .academy_info_left,
    .academy_info_right{width:100%; display:block; vertical-align:top;}
    .academy_info_right{margin-left:0;}
    
    .academy_container .detail_box > div .concept_object > label.custom_chk{margin-bottom:10px}
    .academy_container .detail_box > div{display:block}
    .academy_container .detail_box > div > p {width: 100%; margin-bottom: 10px;}
    .academy_container .detail_box .file_upload_box,
    .style_select_box,
    .academy_container .detail_box .academy_intro,
    .academy_container .detail_box > div .concept_object,
    .academy_container .detail_box > div .summary{width: calc(100% - 0px);}
    .academy_container .detail_box .detail_ex,
    .academy_container .detail_box .detail_ex2{margin-left:0}
    .academy_container .detail_box .detail_ex.ty02{margin-left:23px}
    .academy_container .detail_box .file_upload_box > div > label>div{font-size: 14px}
    
    .new_member .title_area{font-size:22px; line-height:30px; text-align:center; margin-bottom:20px;}
    .new_member .registration{display:block; margin-bottom:27px;}
    .member_first .registration .add_academy{width:100%; max-width:250px;}
    .member_first .registration .img_academy .add_academy .add_text{width:100%;}
    .member_first .register_btn{display:none}    
    .register_container{display:block}
    .register_container .register_step{width: 100%; max-width: 250px; margin: auto; margin-top: 25px; padding: 100px 10px 20px 10px; text-align: center;}
    .register_container .register_step:first-child{
    background-position: 50% 33px; background-size: 180px;}
    .register_container .register_step:nth-child(2){
    background-position: 55% 30px; background-size: 180px; margin: 25px auto 0;}
    .register_container .register_step:nth-child(3){
    background-position: 55% 30px; background-size: 180px;}
    
    .academy_status{display:inline-block}
    .academy_status>ul{width:calc(50% - 3px); margin:0 5px 5px 0;}
    .academy_status>ul:nth-child(2n){margin-right:0}
    .academy_status>ul>li>strong{font-size:15px; font-weight:600;}
    .academy_status>ul>li>strong>i{font-size:10px;}
    
    .chart_search>select{width:120px;}
    .date_picker>input{width:100px;}
    .chart_btn>button{ padding: 0 10px}
    .chart_search>select,.date_picker>input,.chart_btn>button{font-size:14px;}    
    
    .board_top>.custom_chk{margin-right: 15px; padding-left: 25px; letter-spacing:-0.5px}
    .board_top>button{width:90px; font-size:14px}
    .review_area .title,
    .review_area>ul>li>.date{display:block}
    .review_area .title{font-size:14px;}
    .review_area>ul>li>.date,
    .review_area .help_score{font-size:12px}
    .review_area .review_cont{line-height:20px; letter-spacing:-0.5px}
    .review_area .detail{letter-spacing:-0.5px}
    .review_view colgroup col:first-child{width:75px !important}
    .review_view .btn_area>button{width:calc(50% - 0px)}
    .label_text{font-size:14px;}
    
    .profill{display:block;}
    .profill_info{display: inherit; width: 100%; padding-left: 10px; padding-bottom: 14px;}
    .profill .payment_info{width:100%; border-top:1px solid #ddd;}
    .profill_badge{display:block; width:100%; padding:0 0 20px 0;}
    .profill_box .profill_text{margin-top:18px; position:relative}
    .profill_box .profill_name .name_text{min-width:88px;}
    .profill_box .profill_cram>a.modify{margin-right:12px}
    .pay_popup {display:block; max-width:450px; width:calc(100% - 20px); padding:0}    
    .pay_popup .modal_cont{display:block; max-height:calc(100% - 20px);}
    .profill_box .profill_start{width: 110px; margin-right: 16px; font-size: 13px; font-weight: 500; color: #5a5a5a;}
    .profill_box .membership_stop{position: absolute; right: 16px; font-size: 12px; font-weight: 300; line-height: 1.64; text-align: left; color: #f40f0d; text-decoration: underline;}
    .pay_popup .pay_left{width: 100%;height: auto;padding-bottom: 30px;display: block; border-radius: 10px 10px 0 0;}
    .pay_popup .pay_right{width: 100%;height: auto;padding: 0 30px 10px;}
    .pay_popup .pay_left .tit_area{margin: 0px 0 20px; text-align: center; padding-top: 25px;}
    .pay_popup .pay_left .tit_area .tit{font-weight:600}
    .pay_popup .pay_left .img_area{max-width:350px; width:calc(100% - 40px)}
    .pay_popup .pay_left .ben_area{margin: 20px 0 0px 35px;}
    .pay_popup .pay_left .ben_area ul li{font-size_: 13px; line-height: 24px;}
    .pay_popup .pay_right .tit{font-size: 22px;font-weight: 600;margin-top: 25px;text-align: center;}
    .pay_popup .pay_right .pay_info{margin-top: 25px;}    
    .pay_popup .pay_right .pay_info .info_el .info_tit,
    .pay_popup .pay_right .pay_info .info_el .info_txt{line-height:30px; font-size: 14px;}
    .pay_popup .pay_right .pay_info .info_el:last-child .info_txt{line-height:27px;}
    .pay_popup .pay_right .pay_info .info_el:last-child .info_txt span{font-size:23px}
    .pay_popup .pay_right .pay_btn{margin: 30px auto 20px; width: 100%;}
    
    .board_scroll{overflow-x: scroll;}
    .pay_history .board_list{min-width: 500px;}
    .modal_container.membership_stop{width:calc(100% - 20px); max-width:400px; height:auto;}
    .board_scroll.membership_mgnt .board_list{min-width: 700px;}
    .modal_container.payment {padding:25px 35px 30px}
    
    .user_info .info_area_wrap .info_area,
    .user_info .info_area_wrap .info_area.right{width:100%; padding-right:0}
    .user_info .info_area_wrap .info_area.right .info_box:first-child{margin-top:0}
    .user_info .info_area_wrap .info_area .info_box .info_text{font-size:14px; padding-left:5px}
    .marketing_box{display:block; margin-top:50px}
    .marketing_box .marketing_sel{margin: 12px 0 12px 17px;}
    
    
    .pre_registration .pre_head .tit,
    .pre_registration .pre_head .sub,
    .pre_registration .pre_body ul,
    .pre_registration .pre_body .notice{margin-left: 30px;}
    .pre_registration .pre_head .tit{font-size:25px; line-height:30px;padding-top: 35px;}
    .pre_registration .pre_head .sub{}
    .pre_registration .pre_body ul{
    padding: 20px 20px 20px 0;
}
    .pre_registration .pre_body ul li{font-size:14px; position:relative;line-height: 20px;padding-left: 15px;margin-bottom: 8px;}
    .pre_registration .pre_body ul li .li_deco{position:absolute;bottom: inherit;top: 9px;left: 0;}
    .pre_registration .pre_body .close{/*display:block;position: inherit;margin: 16px auto 10px;*/}
    .pre_registration .pre_body .notice{font-size:14px;}    
}

@media screen and (max-width:500px){
    .chart_search>select,.chart_search>.date_picker{width:calc(33.33% - 3px)}
    .date_picker>input{width:100%}
    .chart_btn {float:left; display:block; margin:10px 0 10px;}
    .chart_search>select{height:45px}
    .date_picker>input{height:45px}   
    .chart_btn>button{line-height:30px; padding:0 8px; border:0px;}
    .chart_btn>button.select{background:none; color:#015e48; font-weight:700}
}

@media screen and (max-width:480px){
    .academy_container .detail_box .file_upload_box, .style_select_box{display:block}
    .academy_container .detail_box .file_upload_box{margin-top:-20px }
    .academy_container .detail_box .file_upload_box > div{width: calc(50% - 17px); display: inline-block; margin-top: 20px; max-width: calc(50% - 17px); max-height: 100%;}
    .academy_container .detail_box .file_upload_box > div:nth-child(2n+1){margin-left: 0;}
    .style_select_box{display: block;}
    .style{width: calc(50% - 17px); display: inline-block; margin-bottom: 20px}
    .style:nth-child(2n+1){margin-left:0}
    
    .modal_container.academy_search{padding-left:20px}
    .modal_container.academy_search .modal_cont{padding-right:20px}
    /*.academy_info .btn_area{display:flex;}
    .academy_info .btn_area button{width: 40%; min-width: 40%;}
    .academy_info .btn_area button:first-child{width: 60%; min-width: 60%;}*/
    .academy_info.first .btn_area button{width:calc(50% - 0px)}
    .pop_text{font-size:20px}
    .acdemy_search .input_box>p{display: block; width: 100%; position: inherit; top: -3px; padding-left: 5px;}
    .acdemy_search .input_box>input{width: 100%; display: block; margin-left: 0;}
    .acdemy_search .input_box.search .search_button{top: inherit; bottom: 10px;}
    
    .coupon_type .style_select_box{display: block;}
    .coupon_type .style{width: calc(50% - 17px); display: inline-block; margin-bottom: 20px}
    .coupon_type .style:nth-child(2n+1){margin-left:0}
    .coupon_period>.coupon_text{width: 100%; position: relative; top: 0px;}
    .coupon_period>.period{margin-left:0; margin-bottom: 7px;}
    .coupon_period .date_picker{width: calc(50% - 2px)}
    .coupon_period>.detail_ex2{margin-left:0; margin-top: 4px;}

    .btn_area.ty03 button{min-width:80px;}
    
    .inquiry .board_write colgroup col,
    .short .board_write colgroup col,
    .letter .board_write colgroup col,
    .news .board_write colgroup col,
    .board_write.ty02 colgroup col{width: auto !important}
    
    .inquiry .board_write th,
    .short .board_write th,
    .letter .board_write th,
    .news .board_write th,
    .board_write.ty02 th{width:70px}

    .pw_chage .input_box_2{display: block;}
    .pw_chage .input_box_2>label{width: 100%; margin-top:0}
    .pw_chage .btn_area button{width:50%}
    .membership_update{width:100%}
    
    .user_info .info_area_wrap .info_area .info_box .info_text{width:90px; min-width:90px}
    .info_box .info_input{width:calc(100% - 90px);}
}

@media screen and (max-width:400px){
    .login_area .banner{display:none}
    .modal_container.login{max-width:400px}
    .login_container{padding: 35px 25px 35px 24px;}
    .certified_box{display:block; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-radius:0; background:none; padding:15px 0 20px 0;}
    .certified_box .certified_text{text-align:left}
    .certified_box>.btn{min-width:100%; margin:15px auto 5px}
    .findidpw>.btn_area>.btn,
    .userid>.btn_area>.btn{width:100%; max-width:100%}
    .pwchg_text .text_1{display:block}
    .input_box_2{display:block}
    .input_box_2>label{display:block}
    .reset_pw>.input_box_2>input {width: calc(100% - 0px);}
    .findpw_result .btn_area button{width:100%}
    .pw_confirm .input_box_2{display:flex}
    
    .academy_status>ul{width:100%; margin:0 0px 5px 0;}
    .file{width:100%}
    
    .board_top{margin-left:0}
    .board_top>button{}
    .review_view colgroup col:first-child,
    .consulting_view colgroup col:first-child{width:0px !important}
    .review_view table th,
    .consulting_view table th{display:none}
    
    .btn_area.ty03{justify-content: center;}    
    .btn_area>.btn_left{width:calc(40% - 0px);}
    .btn_area>.btn_right{width:calc(60% - 3px);}
    .btn_area>.btn_left{margin-right:5px}
    .btn_area.ty03 button{margin-left:0px; width:100%;}
    .btn_area.align{display:block}
    .btn_area.align>.btn_left{width:100%;}
    .btn_area.align>.btn_right{width:100%; margin-top:10px}
    .btn_area.align>.btn_left button{width:calc(50% - 3px);}
    .btn_area.align>.btn_right button{width:100%}
    
    .pay_popup .pay_left .img_area{ height: auto; padding:25px 15px 20px 25px;}
    .pay_popup .pay_left .img_area .tit_logo,
    .pay_popup .pay_left .img_area .sub,
    .pay_popup .pay_left .img_area .txt,
    .pay_popup .pay_left .img_area .tit,
    .pay_popup .pay_left .img_area .price{margin-left: 0;}
    .pay_popup .pay_left .img_area .tit_logo{margin-top: 0; margin-right: 5px; width: 60px; height: auto;}
    .pay_popup .pay_left .img_area .tit{display:block; width: 180px; height: auto;}
    .pay_popup .pay_left .img_area .sub{font-size:18px;}
    .pay_popup .pay_left .img_area .txt{font-weight: 600; letter-spacing: -0.3px; margin-top: 25px;}
    .pay_popup .pay_left .img_area .price{font-size:25px; line-height: 30px; margin-top: 5px;}
    .pay_popup .pay_left .img_area .price span.ori_price{font-size:18px;}
    .modal_container.membership_stop{padding:30px}
    .membership_stop .info_area .btn{width:100%}
    
    .modal_container.infomation{padding:25px 25px 30px}
    .marketing_box .marketing_sel{display:block}
    .marketing_box .marketing_sel div{display:block}
    
    .qrcode .btn_first{width:100%}
    .qrcode_print .btn_area button{min-width:auto; width:calc(50% - 0px)}
    
    .pre_registration .pre_body .close{display:block; position:inherit; margin: 16px auto 10px; width: 87%; float: inherit;}
}

@media screen and (max-width:340px){
    .main_container{padding-left:5px; padding-right:5px}
    .cont_warp{padding:30px 0; border:0px;}
    
    .agree_area{padding: 10px}
    .agree_area .agree_all{font-size:15px;}
    .agree_area>label{font-size:13px;}
    
    .board_top{margin-left:5px}
    .board_top>.custom_chk{font-size:13px}
    .board_top>button{width:auto;min-width:65px; font-size:12px}
    .board_top>.custom_chk{margin-right: 10px;}
    
    .cont_warp.academy_info{padding:30px 10px}
    .detail_box{padding:0}
    
    .pay_popup .pay_left .btn_area{margin-left:20px}
    .pay_popup .pay_right{padding: 0 21px 30px;}    
}

@media screen and (max-width:300px){
    .signup_find_text, .submit_remember>label{display:block; float:none}
    .signup_find_text{margin-top:10px}
    .login_container{padding: 35px 20px 35px 21px;}
    .modal_container.infomation{width: calc(100% - 20px); max-width:calc(100% - 20px);}
    button.btn, a.btn, input[type="button"]{min-width:auto}
    .modal_container.qrcode_print{padding-left:10px; padding-right:10px}
    .modal_head>.close{right:0px;}
}