@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      : web_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
body.fixe {overflow:hidden; width: 100%; height:100%; position: fixed;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.search_btn {display: none; position: absolute; right:65px; top:26px;}
img {max-width: 100%}


.main_b {text-align:center;}
.main_b p {border:1px solid #ccc; display:inline-block;}
.main_b .web_dis {display:block;}
.main_b .mb_dis {display:none;}



/* wrap */
#wrap {width:100%; max-width:1920px; padding-top:90px; overflow:hidden; margin:0 auto;  transition: all 0.3s 0s ease-in-out;}
#inner_wrap {max-width:100%; margin:0 auto; position:relative; padding-bottom:70px;}
#inner_wrap:after {clear:both; content:""; display:block;}
#inner_wrap.no_visual {padding-top:70px;}

.inner {max-width:1400px; margin:0 auto;}
.inner:after { clear: both; content: ""; display: block;}

.bg_wrap {background: #f2f2f2}

/* header */
#header {width:100%; position:fixed; left:0px; top:0px; z-index:9999; background:#fff; box-sizing: border-box; transition: all 0.3s 0s ease-in-out; border-bottom: 1px solid #d2d2d2}

.in_header {max-width:1740px; width:100%; height:90px; box-sizing: border-box; margin:0 auto; position:relative; z-index:9; color: #fff;}
#header h1 {position: absolute; left:10px; top:50%; transform: translateY(-50%); -wbkit-transform: translateY(-50%); overflow: hidden; transition: all 0.3s 0s ease-in-out; z-index:10 }
#header h1 a {display: block; overflow: hidden;}
#header .top_btns {z-index:10; overflow: hidden; position: absolute; right:70px; top:50%; transform: translateY(-50%); -wbkit-transform: translateY(-50%);}
#header .top_btns > li {float: left; padding: 0px 0px 0px 10px; line-height:100%; line-height: 28px;}
#header .top_btns > li:nth-child(2) {margin-left:12px; position: relative;}
#header .top_btns > li:nth-child(2):before {display: block; content: ""; width: 1px; height:14px; background: #999; position: absolute; left: 0px; top: 50%; margin-top: -7px;}
#header .top_btns > li a {color: #333333; transition: all 0.3s 0s ease-in-out; line-height: 28px;}
#header .top_btns > li .ico {display: inline-block; width:30px; height:28px; line-height: 100%; vertical-align: top;}
#header .top_btns > li .ico1 {background: url(../img/common/top_user.png) no-repeat center top;}

#header .top_btns > li .m_topbtn {padding-left:7px; display: inline-block; vertical-align: top; font-weight:400; font-size:15px;}



.m_gnb_on {position:absolute; right:10px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); box-sizing: border-box; display: block; }
.m_gnb_on .menu_btn {margin: 0 auto;}





/* GNB */
.w_gnb {padding:0px 0px 0px 0px;}
.w_gnb .gnb {max-width:1300px; margin: 0 auto; box-sizing: border-box; padding: 0px 240px 0px 290px;}
.w_gnb .gnb:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul {font-size:0px; text-align: center;}
.w_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul > li {text-align: center; display: inline-block; padding: 0px 30px 0px 20px; vertical-align: top; position:relative;}

.w_gnb .gnb > ul > li > a {display:block; color:#333333;}
.w_gnb .gnb > ul > li > a > span {display:inline-block; padding-right:25px; font-size:20px; line-height:90px; height:90px; color:#333333; }
.w_gnb .gnb > ul > li.down > a > span {background: url(../img/common/gnb_arrow.png) no-repeat right center;}
.w_gnb .gnb > ul > li.down:hover > a > span {background: url(../img/common/gnb_arrow_on.png) no-repeat right center;}
.w_gnb .gnb > ul > li:hover > a > span {color:#39b54a;}


.w_gnb .gnb > ul > li.on > a > span {color:#39b54a; background: url(../img/common/gnb_arrow_on.png) no-repeat right center;}



.gnb > ul > li.gnb08 {display: none !important;}
.gnb > ul > li.gnb09 {display: none !important;}

.w_gnb .sub_menu  {position:absolute; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width:240px; box-sizing:border-box; top:100%; margin-top:3px; display:none; border-radius:10px; background: #fff; padding:0px 0px; box-sizing: border-box;}
.w_gnb .sub_menu > li {letter-spacing:-0.5px; position: relative; padding: 0px 20px;}

.w_gnb .sub_menu > li:hover > .three_depth {display: block;}
.w_gnb .sub_menu > li > a {display:block; font-size:16px; text-align:left; font-weight:300; color:#333333; padding:20px 0px; line-height:20px;  border-top:1px solid #f0f0f0;}
.w_gnb .sub_menu > li:first-child > a {border-top:none}
.w_gnb .sub_menu > li:hover > a {color:#39b54a; font-weight: 400;}
.w_gnb .three_depth {display:none; position:absolute; left:100%; width:240px; box-sizing:border-box; overflow:hidden; top:0px; padding:0px 20px; box-sizing: border-box;}
.w_gnb .three_depth:before {display: block; content: ""; z-index: 1; position: absolute; left:3px; box-sizing: border-box; top: 0px; width:calc(100% - 3px); height:100%; background:#fff; border-radius:10px; }
.w_gnb .three_depth > li  {position: relative; z-index: 2}
.w_gnb .three_depth > li > a:hover  {color:#39b54a; font-weight: 400; background: url(../img/main/g_arrow.gif) no-repeat right center;}
.w_gnb .three_depth > li > a {display:block; font-size:16px; text-align:left; font-weight:300; color:#333333; padding:20px 0px; line-height:20px;  border-top:1px solid #f0f0f0;}
.w_gnb .three_depth > li:first-child > a {border-top:none}
.gnb08 {display: none !important;}
.gnb09 {display: none !important;}


.gnb04 .sub_menu {display: none !important}

.w_gnb .m_gnb_on {position:absolute; right:0px; top:-1px; padding:21px; background: #2d3749}
#gnb_bar {position:absolute; display:none; left:0%; top:100%; width:100%; height: 200px; background: url(../img/common/png_80.png) repeat left top; z-index: 8}



.slide_menu_wrap {width:80%; max-width: 500px; box-sizing: border-box; height: 100%;  z-index: 99999; position: fixed; right:-90%; top: 0px; bottom:0px; }
.slide_menu_inner {padding:63px 15px 0px 15px; height: 100%; box-sizing: border-box; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; background: #343434; }
.slide_menu_inner .top_btns {overflow: hidden; padding-bottom: 20px; margin: -5px;}
.slide_menu_inner .top_btns > li {float: left; width: 50%; box-sizing: border-box; padding: 5px;}
.slide_menu_inner .top_btns > li > a {display: block; font-weight: 100; padding: 10px; border: 1px solid #fff; color: #fff;  font-size: 15px; text-align: center}
.slide_menu_inner .top_btns > li > a .ico {display: none;}
.slide_menu_wrap .m_gnb_on {display:none !important}

.all_close {position: absolute; right:20px; top: 20px; z-index: 99998}
.all_close button {background: none; border: none; outline: none; /*width: 26px; height: 26px;*/ padding: 0px; margin: 0px; }
.all_close .menu_btn {height: 20px !important; width: 30px !important;}
.all_close .menu_btn .line-top, .all_close .menu_btn .line-middle, .all_close .menu_btn .line-bottom {background:#fff !important}
.slide_menu_wrap .gnb > ul {overflow: hidden;}
.slide_menu_wrap .gnb > ul > li {border-bottom: 1px solid #474747; transform: translateX(30%); -webkit-transform: translateX(30%); transition: all 0.8s 0s ease-in-out; -webkit-transition: all 0.8s 0s ease-in-out; border-bottom: 1px solid #474747;}
.slide_menu_wrap .gnb > ul > li > a {display: block; line-height:33px; font-size:18px; color: #fff; padding: 10px 10px 10px 25px; font-weight: 500; } 
.slide_menu_wrap .gnb > ul > li.down > a {background: url(../img/common/g_plus.png) no-repeat right center; } 
.slide_menu_wrap .gnb > ul > li.down > a.on {background: url(../img/common/g_minus.png) no-repeat right center; } 
.slide_menu_wrap .gnb .sub_menu {background:#333333; border-top:1px solid #474747; display: none; padding: 10px 0px; }
.slide_menu_wrap .gnb .sub_menu > li > a {display: block; line-height:23px; padding:5px 10px 5px 0px; font-size:15px; color:#d6d6d6; } 
.slide_menu_wrap .gnb .sub_menu02{background:#4e4e4e; border-top:1px solid #777777; border-bottom:1px solid #777777; padding:10px 0px; }
.slide_menu_wrap .gnb .sub_menu02 > li > a {display: block; line-height:23px; padding:5px 10px 5px 35px; font-size:13px; color: #d6d6d6;} 
.slide_menu_wrap.on .gnb > ul > li {transform: translateX(0%); -webkit-transform: translateX(0%); transition: all 0.8s 0s ease-in-out; -webkit-transition: all 0.8s 0s ease-in-out;}
.slide_menu_wrap .gnb .three_depth {padding: 10px; background: #3e3e3e7a}
.slide_menu_wrap .gnb .three_depth > li {position: relative; padding-left: 10px;}
.slide_menu_wrap .gnb .three_depth > li:before {display: block; content: ""; width: 5px; height: 1px; background: #d6d6d6; position: absolute; left: 0px; top: 50%;}
.slide_menu_wrap .gnb .three_depth > li > a {display: block; padding: 5px 0px; color:#d6d6d6}



/* visual */
.main_visual {width: 100%; overflow: hidden; position: relative;}
.main_visual .videoDiv {position: absolute; top: 0px; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width:1920px; height: 1000px;}
.main_visual .videoDiv img {max-width:100%; max-height:100%;}
.main_visual .bxslider > li {background-size:cover !important; }
.main_visual .v_frame {max-width:1400px; margin: 0 auto; position: relative; box-sizing: border-box; padding: 0px 10px;}
.main_visual .v_frame .visual_txt {width: 100%; color:#fff; word-break: keep-all; font-size:2em; line-height:140%; position: absolute; left: 0px; top:40%; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.main_visual .v_frame img {max-width: 100%; display: inline-block;}
.main_visual .v_frame .m_visual {display: none;}
.main_visual .v_bt {position: absolute; top:50%; margin-top: -30px; z-index:99;}
.main_visual .v_bt > a {display: block; color: #fff;}
.main_visual .v_bt > a img {vertical-align: top; }
.main_visual #visual_prev {left:50%; margin-left: -850px;}
.main_visual #visual_next {right:50%; margin-right: -850px;}
.main_visual #visual_counter {position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom:50px; z-index:98; line-height:20px; color: #fff; font-size:22px; font-weight:400}
.main_visual #visual_counter > span {font-weight: 600; font-size: 1.2em;}

.main_visual .bx-controls {text-align: center; position: absolute; left: 50%; transform: translateX(-50%); bottom:120px; width: 100%; max-width: 1200px; box-sizing: border-box; z-index: 99;}
.main_visual .bx-wrapper .bx-pager {position: relative; width: auto !important; left: auto; bottom: auto; display: inline-block; vertical-align: top; padding:7px 5px 0px 0px; z-index: 99;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position: relative; bottom: auto; display: inline-block; right: auto; width: 24px; height:18px; text-align: center; padding-top:6px;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; z-index: 99;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto > div > a {text-indent:1000000%;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {vertical-align: top;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a {width:11px; height:11px; margin:0 4px; background:#fff; border:none; -moz-border-radius:30px;  -webkit-border-radius:30px; border-radius:30px; box-sizing:border-box; position:relative; opacity: 0.5;}

.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover {opacity: 0.5; background: #fff;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {opacity: 1; width:50px; background: #fff;}
.main_visual .bx-wrapper .bx-controls-auto .active {display: none;}

.main_visual .visual_bt {margin: 0 auto; position: absolute; left: 50%; bottom:70px; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 100%; max-width:480px; z-index:99}
.main_visual .visual_bt > li {float: left; width: 50%; box-sizing: border-box; padding: 10px;}
.main_visual .visual_bt > li > a {display: block; background: #f03171; padding:15px 24px; border-radius:60px; }
.main_visual .visual_bt > li > a > span {display: block; font-size: 18px; line-height: 130%; color: #fff; padding-right:13px; background: url(../img/main/v_arrow2.png)no-repeat right center; font-weight: 300; }


.quick_wrap {position:fixed; right:10px; top:50%; margin-top: -90px; z-index:999; transition: all .5s .6s ease-in-out; -webkit-transition: all .5s .6s ease-in-out;}
.quick_wrap > ul > li {padding:2px 0px;}
.quick_wrap > ul > li > a {display: inline-block; overflow: hidden;}
.sub_wrap .quick_wrap {display: none;}


/* section */
.section {padding:40px 0px; font-size: 18px; line-height: 140%; word-break: keep-all}
#section2 {background: url(../img/main/bg_section2.jpg) no-repeat center top #f3f4f8; position: relative; z-index: 99}
.main_banner_wrap {margin-top: -130px; margin-left:-10px; margin-right: -10px;}
.main_banner_wrap .main_banner:nth-child(1) .box {background: url(../img/main/ban01.png) no-repeat right center; background-color:#fe6962}
.main_banner_wrap .main_banner:nth-child(2) .box {background: url(../img/main/ban02.png) no-repeat right center;  background-color:#39b54a}
.main_banner_wrap:after {display: block; content: ""; clear: both;}
.main_banner {float: left; width: 50%; box-sizing: border-box; padding: 0px 10px;}
.main_banner .box {min-height:300px; box-sizing: border-box; box-shadow:0px 4px 3px #cccccca6; border-radius:10px; padding: 40px 250px 10px 40px; color: #fff;}
.main_banner .box:hover {background-color:#333333 !important}

.main_banner .box .m_tit { padding-bottom:5px; color: #fff;}
.main_banner .box .m_tit:after {display: block; content: ""; width:43px; height: 1px; background: #fff; margin:10px 0px;}
.main_banner .box .txt {font-weight: 100; min-height:100px; line-height:150%; font-size: 1.2em;}
.main_banner .box .bt > a {display: inline-block; line-height:49px; color:#fff; font-weight:400; padding-right:80px; background: url(../img/main/more.png) no-repeat right center; position: relative;}
.main_banner .box .bt > a:after {width: 49px; height: 49px; display: block; content: ""; box-sizing: border-box; border: 1px solid #fff; border-radius:100%; position: absolute; right: 0px; top: 0px; border-radius:100%;}

.main_program {margin-top:70px; position: relative; padding-left: 50%;}
.main_program .left {position: absolute; left: 0px; top: 0px; width: 50%; padding-right: 20px; box-sizing: border-box;}
.main_program .left .m_tit {color: #39b54a; font-family: 'Montserrat', sans-serif;}
.main_program .ico_bt {font-size: 0px; margin: 0px -8px;}
.main_program .ico_bt > li {display: inline-block; vertical-align:top; margin: 0px 8px;}
.main_program .ico_bt > li > a {display: block; font-size:16px; color: #999999;}
.main_program .ico_bt > li > a .ico {display: block; border-radius:100%; overflow: hidden; background: #e9e9e9; position: relative;}
.main_program .ico_bt > li > a .ico .pa {opacity: 0; left: 0px; top: 0px;}
.main_program .ico_bt > li > a .txt {display: block; padding-top:5px; text-align: center; font-weight:400;}
.main_program .ico_bt > li.on > a .txt {color: #333333}
.main_program .ico_bt > li.on > a .ico {opacity: 1; background: #39b54a}
.main_program .ico_bt > li.on > a .ico .pa {opacity: 1}

.program_info {padding-top:60px;}
.program_info > h4 {font-weight: 100; font-size: 2.3em; line-height: 140%; font-family: 'Montserrat', sans-serif;}
.program_info .txt {font-weight: 100; font-size: 1.1em; line-height: 140%;}
.program_info .bt {font-size: 0px; margin: 0px -3px; padding-top: 50px;}
.program_info .bt > li {display: inline-block;  vertical-align: top; padding: 2px 3px;}
.program_info .bt > li > a {text-align: center; min-width:188px; box-sizing: border-box; color: #fff; display: block; border-radius:60px; font-size:16px; background: #39b54a; padding: 0px 20px;}
.program_info .bt > li > a > span {display: block; padding-right: 10px; line-height: 55px; background: url(../img/common/bt_arrow4.png) no-repeat right center;}

.main_program .right {position: relative; width: 948px;}
.main_program .right .v_bt_wrap {width:185px; height: 185px; box-sizing: border-box; background: #fff; position: absolute; left: 0px; bottom: 0px; text-align: center;}
.main_program .right .v_bt_wrap .p_txt {font-size: 36px; line-height: 130%;font-family: 'Montserrat', sans-serif; font-weight: 700; padding-top: 40px;}
.main_program .right .v_bt_wrap .v_bt {position: absolute; top: 50%; left: 50%; margin-top:10px;}
.main_program .right .v_bt_wrap:before {display: block; content: ""; width: 1px; height:16px; background: #ccc; position: absolute; top: 50%; left: 50%; margin-top:12px; margin-left: 2px;}
.main_program .right .v_bt_wrap #p_prev {margin-left:-27px;}
.main_program .right .v_bt_wrap #p_next {margin-left:13px;}
.main_program .right .v_bt_wrap #p2_prev {margin-left:-27px;}
.main_program .right .v_bt_wrap #p2_next {margin-left:13px;}




#section3 {background: #fff; }
#section3 .m_tit {font-size: 52px; text-align: center; font-family: 'Montserrat', sans-serif;}


.board_tab {text-align: center; margin-top: -10px;}
.board_tab > li {display: inline-block; vertical-align: top; box-sizing: border-box; padding:10px;}
.board_tab > li > a {display: block; font-size:20px; line-height: 140%; border-bottom: 3px solid #fff; color: #999999;}
.board_tab > li > a.on {border-color:#0c8488; color: #0c8488;}
.board_sliderW {position: relative; padding-top:20px;}
.board_sliderW .more {position: absolute; right: 0px; top:-30px;}
.board_sliderW .more > a {display: inline-block; line-height: 49px; color: #0c8488; font-weight:300; padding-right: 80px; background: url(../img/main/more2.png) no-repeat right center; position: relative;}
.board_sliderW .more > a:after {width: 49px; height: 49px; display: block; content: ""; box-sizing: border-box; border: 1px solid #0c8488; border-radius: 100%; position: absolute; right: 0px; top: 0px; border-radius: 100%;}


.board_sliderW .bx_bt {position: absolute; top:100%; left: 50%;}
.board_sliderW .bx_bt > a {display: block;padding:15px;}

.board_sliderW #board_l {margin-left:-50px;}
.board_sliderW #board_r {margin-left:0px;}

.board_sliderW .board {border:1px solid #e5e5e5; padding:35px 20px 20px 20px; margin:30px 10px 10px 10px; transition: all 0.3s 0s ease-in-out;}
.board_sliderW .board:hover {border:1px solid #85c1c3;box-shadow:0px 2px 3px #ccc;  }
.board_sliderW .board > a {display: block; position: relative; min-height: 115px;}

.board_sliderW .board > a .tit {display:block; height:52px; line-height:26px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; font-size:18px; font-weight: 400; margin-bottom:15px; color: #333;}
.board_sliderW .board > a img {margin-top:7px; display: inline-block;}
.board_sliderW .board > a .txt {display:block; color: #000; overflow: hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-weight: 100; font-size: 14px; line-height:18px; height:36px; }
.board_sliderW .board > a .date {display: block; padding-top: 20px; font-weight:300; font-size: 16px; color:#999999}
.board_sliderW .board > a .type {display: block; position: absolute; left:0px; top:-50px; line-height:28px; width:48px; text-align: center; color: #0c8488; font-size:13px; font-weight: 100; background: #fff; border: 1px solid #0c8488;}

.main_event_wrap {background: #89c049; position: relative; padding-left: 50%; box-sizing: border-box;}
.main_event_wrap:before {display: block; content: ""; width: 90px; height: 94px; background: url(../img/main/section4_ico01.png) no-repeat right top; position: absolute; right: 0px; top: 0px; margin-right: -120px;}
.main_event_wrap:after {display: block; content: ""; width: 9px; height: 72px; background: url(../img/main/section4_ico02.png) no-repeat right top; left: 0px; bottom: 0px; margin-left: -50px; position: absolute;}
.main_event_wrap .left {position: absolute; left: 0px; top: 0px; width: 50%; box-sizing: border-box; color: #fff; padding:20px 40px;}
.main_event_wrap .left > h3 {font-size: 64px; line-height: 130%; font-weight: 700; font-family: 'Montserrat', sans-serif;}
.main_event_wrap .left .txt_s {min-height: 60px; font-weight: 100; font-size: 1.1em; line-height: 130%;}
.main_event_wrap .left .bt {padding-top: 10px;}
.main_event_wrap .left .bt > a {display: block; max-width:235px; border-radius:60px; background: #fff; text-align: center; line-height: 57px; color: #73a736; font-size: 16px; box-shadow:0px 6px 5px #45523636}
.main_event_wrap .left .bt > a:hover {background: #333333; color: #fff; }

.main_event_wrap .right {box-sizing: border-box; padding:25px; position: relative;}
.main_event_wrap .right:before {display: block; content: ""; width:124px; height:187px; position: absolute; left:-40px; top:40px;  background: url(../img/main/event_bg.png) no-repeat left bottom;}
#main_event > li > a {display: block; padding-left:255px; padding-top: 10px; box-sizing: border-box; min-height:216px; color: #fff;}
#main_event > li > a .type {display: block; font-weight:300; margin-bottom:20px; font-size: 1.1em;}
#main_event > li > a .txt_t {display: block; height:60px; line-height:30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  word-wrap: break-word; font-size:24px; font-weight: 400; margin-bottom: 15px;}
#main_event > li > a .pic {position: absolute; left: 0px; top: 0px; width: 216px; height: 216px; border-radius:100%; overflow: hidden;}
#main_event > li > a .pic img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}

.main_event_wrap .bx-wrapper .bx-pager {text-align:left; bottom: 0px; padding-left: 255px; padding-top: 0px;}
.main_event_wrap .bx-wrapper .bx-pager.bx-default-pager a {width:15px; height:15px; margin:0 4px; background:#fff; border:none; -moz-border-radius:30px;  -webkit-border-radius:30px; border-radius:30px; box-sizing:border-box; position:relative; opacity: 0.5;}

.main_event_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover {opacity: 0.5; background: #fff;}
.main_event_wrap .bx-wrapper .bx-pager.bx-default-pager a.active {opacity: 1; background: #fff;}
.main_event_wrap .bx-wrapper .bx-controls-auto .active {display: none;}
.main_event_wrap .bx-controls {position: relative; z-index: 999}




@media (hover: none) {
    .hover:hover .ico_circle {background: #007dc6;}
  
    
}




.mb_tit {text-align: center; font-size: 32px; color: #000; padding:50px 0px 25px 0px; line-height:150%; position: relative; font-weight: 700; border-bottom: 1px solid #e5e5e5}
.mb_tit:after {display: block; content: ""; width:64px; height: 7px; position: absolute; left: 50%; bottom: 0px; margin-left: -32px; background: #313747}
.m_tit {padding:0px 0px 10px 0px; color:#333; font-size:32px; line-height:150%; font-weight: 700;}
.m_tit_txt {margin:-20px 0px 30px 0px; color:#555555; font-size:18px; text-align:center; line-height:150%; display:block;}




.line_tit {text-align: center; margin-top:40px; font-size: 2em; color: #000; border-bottom: 1px solid #e5e5e5; line-height: 140%;}
.line_tit:after {display: block; content: ""; width:64px; height: 7px; margin: 0 auto; margin-top: 10px; background: #313747}





/* footer */
#footerW {clear:both; background:#313747; padding:0px 0px 0px 0px; box-sizing: border-box; margin:0 auto; position:relative;}
#footerW.z_over {z-index:101; position:relative;}

#footer_navi {overflow:hidden; max-width: 1400px; margin:0 auto; position: relative}
#footer_navi > ul {font-size: 0px; text-align: left; box-sizing: border-box;padding:30px 0px;}
#footer_navi > ul li {display: inline-block; position: relative; vertical-align: top; padding-left:16px; margin-left:15px;}
#footer_navi > ul li:first-child {padding-left:0px; margin-left: 0px;}
#footer_navi > ul li:after {display: block; content: ""; width: 1px; height: 14px; background: #6f737f; position: absolute; left: 0px; top: 50%; margin-top: -7px;}
#footer_navi > ul li:first-child:after {display: none;}
#footer_navi > ul li:first-child:after {display: none;}
#footer_navi > ul li a {display:block; font-size:16px; color:#fff; font-weight:300; line-height: 28px; }

#footer_navi .sns {position: absolute; right:100px; top:27px;}
#footer_navi .sns > a {display: inline-block; padding: 0px 4px; vertical-align: top;}


#footer { border-top: 1px solid #6f737c; position: relative;}

#footer .addressW {max-width: 1400px; margin: 0 auto; padding:25px 300px 35px 0px; box-sizing: border-box; position: relative; font-size:16px; color:#fff; line-height:24px; font-weight:100; background: url(../img/common/f_logo.gif) no-repeat right 30px;}
#footer .addressW .copy {padding-top:10px; opacity: 0.7}
#footer .addressW a {color: #fff}
#footer .addressW address {margin-left: -10px; line-height: 150%;}
#footer .addressW address span {display: inline-block; vertical-align: middle; padding:2px 12px;}
#footer .addressW address .line {width: 1px; height:16px; background: #6f737f; padding: 0px;}
#footer .go_top {position: absolute; right:0px; top:-76px; z-index: 99}
#footer .go_top > a {display: block; color: #fff; text-align: center;}
#footer .go_top > a > span {display: block; font-weight: 100; font-size:14px; color: #fff}
#footer .bt_member {position: absolute; right: 0px; top: 30px;}
#footer .bt_member > a {display: block; border: 2px solid #fff; border-radius: 60px; width:170px; text-align: center; font-size:20px; font-weight: 100; line-height:55px; text-indent:-15px;  color: #fff; background: url(../img/common/ico_pop.png) no-repeat 85% center; }

#footerW .copy {color: #fff; font-size:16px; font-weight: 100;}


#content {width:100%; max-width:1200px; margin:0 auto; padding:30px 0px;}
#content:after {clear:both; content:""; display:block;}



.sub_visual {width: 100%; box-sizing: border-box; overflow: hidden; position: relative; background: url(../img/common/sub_visual.jpg) no-repeat center top; display: table; background-size:cover !important}
.sub_visual .sub_txt {text-align: center; display: table-cell; height:195px; box-sizing: border-box; vertical-align: middle; color: #fff; font-size:20px; line-height: 130%; font-weight: 100;} 
.sub_visual .sub_txt .cell {max-width: 1420px; padding: 0px 10px; box-sizing: border-box; margin: 0 auto;  text-align: left;} 
.sub_visual .sub_txt h2 {padding-bottom:10px; padding-top:0px; max-width: 1400px; margin: 0 auto;} 

.sub_visual .sub_txt .txt1 {font-size:32px; line-height: 140%; font-weight: 100; padding-bottom: 5px;}
.sub_visual .sub_txt .date {font-size:32px; line-height:37px; font-weight:400; padding-bottom: 5px;}
.sub_visual .sub_txt .place {font-size:26px; line-height: 140%; font-weight:600; padding-bottom: 50px;}
.sub_visual .sub_txt .date .day {display: inline-block; vertical-align: top; width:37px; height: 37px; border-radius:100%; background: #0096f1; font-size:23px; font-weight:500; line-height:37px; text-align: center;}
.sub_visual .sub_txt .date .line {display: inline-block; vertical-align: middle; width:1px; height:20px; background: #b7b4b6; margin: 0px 20px;}

/*
.sub_wrap_1 .sub_visual {background: url(../img/program/sub_visual.jpg) no-repeat center top;}
.sub_wrap_2 .sub_visual {background: url(../img/study/sub_visual.jpg) no-repeat center top;}
.sub_wrap_3 .sub_visual {background: url(../img/community/sub_visual.jpg) no-repeat center top;}
.sub_wrap_4 .sub_visual {background: url(../img/introduce/sub_visual.jpg) no-repeat center top;}
.sub_wrap_5 .sub_visual {background: url(../img/community/sub_visual.jpg) no-repeat center top;}
.sub_wrap_8 .sub_visual {background: url(../img/member/sub_visual.jpg) no-repeat center top;}
.sub_wrap_9 .sub_visual {background: url(../img/introduce/sub_visual.jpg) no-repeat center top;}*/
.sub_wrap_8  {background: #f3f4f8}
.sub_wrap_9  {background: #f3f4f8}


.sub_wrap .bt_quick {display: none}

#sub_tit {font-size:42px; color: #fff; font-weight:600; line-height:100%;}
#sub_tit .txt_s {font-size:36px; display: inline-block;}
#sub_tit:after {display: inline-block; content: ""; width:44px; height: 1px; background: #fff; vertical-align: top; margin:5px 0px 0px 10px; }

#m_lnb {display:none;}


#lnb_wrap {position:relative; min-height: 10px; border-bottom:1px solid #e2e2e2; background:#fff; box-shadow: none;}
#lnb_wrap .lnbs1 {display: block;}

#lnb_wrap .lnb {max-width:calc(1460px - 60px); max-width:-webkit-calc(1460px - 60px); margin:0 auto; box-sizing: border-box; padding-left:62px; position:relative; z-index:9;}
#lnb_wrap .lnb:after { clear:both; content:""; display:block;}
#lnb_wrap .lnb .lnbs { float:left; width:33.33333%; max-width:260px; box-sizing: border-box; border-right:1px solid #e2e2e2; position:relative;}
#lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:-1px; top:calc(100% + 1px); top:-webkit-calc(100% + 1px); width:100%; border-left:1px solid #e2e2e2;  border-right:1px solid #e2e2e2; display:none; background: #fff;}
#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}

#lnb_wrap .ico_home {position: absolute; left: 0px; top: 0px; display: block; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2}
#lnb_wrap .ico_home a {display:block; width:60px; height:60px; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.png) no-repeat center center #333333 ;}
.lnb ul li {color:#666666; display: block; padding: 0px; margin-top: 0px;}
.lnb .three_depth {padding: 10px;}
.lnb ul li a {color:#000; font-size:15px; display:block; line-height:20px; min-height:20px; height: auto; padding:13px 0px 13px 20px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align: left; border-top:none; font-weight: 300;}
.lnb ul li a:hover {background: #39b54a; color: #fff;}
.lnb .three_depth {border: none;}
.lnb ul li .three_depth a {padding:6px 15px; border: none; font-size: 13px;}
.lnbs2 > ul > li > a {border: none !important; border-bottom: 1px solid #e2e2e2 !important;}
.lnbs3 > ul > li > a {border: none !important; border-bottom: 1px solid #e2e2e2 !important;}
.lnbs4 > ul > li > a {border: none !important; border-bottom: 1px solid #e2e2e2 !important;}
.lnbs2 ul li.on a {border-radius:0px; }

.drop.on .four_depth {display: block;}
.four_depth {background: #ececec; border-bottom: 1px solid #e2e2e2 ; display: none;}
.lnb .four_depth li a {color:#333 !important; font-size:12px; line-height:18px; min-height:18px; height:auto; padding: 10px 0px 10px 30px; background:#f4f4f4 !important; border: none !important; position: relative;}
.lnb .four_depth li a:before {display: block; content: ""; width:5px; height:1px; background: #333; position: absolute; left:20px; top: 50%;}
.lnb .four_depth li.on a {color:#55b664  !important;}
.lnb .four_depth li.on a:before {background: #55b664;}
.lnbs3 ul li.drop > a {position: relative;}
.drop > a:before {display: block; content: ""; width: 11px; height:1px; background: #999; position: absolute; right:0%; top: 50%; margin:0px 10px 0px 0px;}
.drop > a:after {display: block; content: ""; width:1px; height:11px; background: #999; position: absolute; right:0%; top: 50%; margin:-5px 15px 0px 0px;}
.drop.on > a:before {background: #fff;}
.drop.on > a:after {background: #fff;}

.drop > a.on:after {display:none;}

.lnb_tit {font-size:16px;  display: block; box-sizing:border-box; padding-left:20px; color:#333333; line-height:60px; height:60px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; font-weight:300; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; padding-right: 20px;}
a.lnb_tit {color:#333333;}
.lnb_tit.on {background:url(../img/common/lnb_arrow_on.gif) no-repeat right center;}


#lnb_menu .three_depth {display: none;}




.title_bar {max-width:1400px; margin:0px auto 50px auto; padding-top:40px; position: relative;}
.title_bar h2 {font-size:36px; text-align: center; font-weight:600; color:#333333; line-height:140%; transition: all 0.2s 0s ease-in-out;}

.title_bar .s_txt {font-size:20px; color:#999999; padding-top:0px; line-height: 140%; font-weight:400; word-break: keep-all}
.big_tit {font-size:46px; color:#000000; line-height:100%; transition: all 0.2s 0s ease-in-out; font-weight:700; padding: 40px 0px 30px 0px;}


.location {position: relative; text-align: right; margin: 0 auto; margin-top:20px; line-height:40px; height:40px; font-size:15px;}
.location span {display:inline-block; zoom:1; *display:inline; padding-left:20px; margin-left:14px; background:url(../img/common/location.png) no-repeat left center; color:#666666; font-weight:100;}
.location span:first-child {padding-left:0px; margin-left:0px; background:none}
.location #location_2 {font-weight:400; color: #333333}
.location #location_3 {font-weight:400;}
.location img {vertical-align:middle; margin-top: -4px;}
.sub_con { max-width: 1400px; margin: 0 auto; font-size:17px; font-weight: 300; line-height: 160%; word-break: keep-all;}
.sub_con > .s_tit:first-child {margin-top: 0px;}
.sub_con img {max-width: 100%;}



.s_tit {font-size:32px; color: #333333; line-height: 120%; padding:0px 0px 15px 0px; margin-top:50px; font-weight:700;}
.s_tit > span {display: inline-block; position: relative; z-index: 1}
.s_tit:after {display: inline-block; content: ""; z-index: 0; width:12px; height: 12px; vertical-align: top; border-radius:100%; background: #333333; margin:6px 0px 0px 6px;}
.s_tit.tc {text-align: center; background: none !important; padding-left: 0px;}
.s_tit.tc:after {display: none;}
.ss_tit {font-size:26px; position: relative; color: #000; line-height: 140%; padding:0px 0px 0px 0px; margin-bottom:20px; margin-top: 45px; font-weight: 700;}
/*.ss_tit:before {display: block; content: ""; width:7px; height:24px; background:#0f7bc6; position: absolute; left: 0px; top:4px;}
.ss_tit > span{font-weight: 300;}*/
.s_titW {max-width: 1200px; margin:0 auto; padding: 50px 0px 5px 0px;}
.f_small {font-size: 15px; color: #999999; line-height: 140%; font-weight:400;}

.sss_tit {font-size:22px; color:#000; padding:0px 0px 0px 20px; margin:40px 0px 10px 0px; line-height:140%; position: relative;}
.sss_tit:before {display: block; content: ""; width:9px; height:28px; background:#39b54a; position: absolute; left: 0px; top:2px;}
.b_txt {font-size:22px; color: #333333; font-weight:400; padding:40px 0px 10px 0px; line-height: 150%;}
.s_txt_r {text-align: right; margin-top: -35px; height: 20px; padding-bottom:15px;}
.s_txt_r2 {height: 40px; margin-top: -55px;}
.imgW img {max-width:100%;}
.txt_in {padding-left:20px;}

.div_line {border-top:1px solid #aab7cc; margin-top: 50px; padding: 50px 0px; display: block}

.box_txt {border: 1px solid #d0d0d0; text-align: center; background: #f4f6f7; font-size: 22px; line-height: 140%; color:#004497; padding:30px 0px;}
.first_txt {font-size: 2em; line-height: 140%; color: #000;}


.book_list {position: relative;}
.book_list:before {display: block; content: ""; width:1726px; height: 100%; margin-left:-863px; position: absolute; left: 50%; top: 0px; background: #f3f4f8}
.book_list .book_li {position: relative; padding:20px 0px; margin:0px -10px;}
.book_list .book_li:after {display: block; content: ""; clear: both;}
.book_list .book_li > li {float: left; width:11.11111111%; box-sizing: border-box; padding: 15px 20px;}
.book_list .book_li > li > a {display: block; max-width: 100px; margin: 0 auto;}
.book_list .book_li > li > a .ing_bar{display: block; width: calc(100% + 34px); margin-left: -17px; height:12px; box-sizing: border-box; border: 1px solid #969696; background: #fff; position:relative; box-shadow: 2px 2px 1px #d0d0d0;}
.book_list .book_li > li > a .ing_bar .bar {position:absolute; left:0px; top:0px; width:100%; height:100%; background:#39b54a}
.book_list .book_li > li .pic {display: block; padding-bottom:120%; position: relative;}
.book_list .book_li2 > li .pic {padding-bottom:83.56%;}
.book_list .book_li > li .pic img {position: absolute; left: 0px; bottom:0px; max-width: 100%; max-height: 100%;}
.book_list .book_li > li .txt {text-align: center; display: block; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; color: #333; font-weight: 700; padding-top: 5px;}
.book_list .book_li > li > a .txt_t {font-size:0.9em; text-align: center; margin:0px -10px; display: block; color: #333333; font-weight:300; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; padding-top: 5px;}



.book_list_slide .bx-viewport {padding-bottom: 50px;}
.book_list_slide {position: relative;}
.book_list_slide #board_l {left: -70px;}
.book_list_slide #board_r {right: -70px;}
.book_list_slide .bx_bt {position: absolute; top: 50%; transform: translateY(-50%);}
.book_list_slide .bx_bt > a {line-height:16px; display: block; border-radius: 100%; background: #fff; box-shadow: 1px 2px 3px #ccc; padding:20px;}
.book_list_slide .bx_bt > a img {vertical-align: top;}

.btn_play {display: inline-block; vertical-align: top; border: 1px solid #e45291; border-radius:6px; background: #fff; padding: 0px 20px; line-height:46px; color: #e45291; font-size: 16px;}
.btn_play:hover {background: #e45291;}
.btn_play:hover > span {color: #fff;}
.btn_play:hover > span:before {background: #fff;}
.btn_play:hover > span:after {color: #e45291;}
.btn_play > span {display: block; padding-left: 35px; position: relative; color: #e45291;}
.btn_play > span:before {display: block; content: ""; width:26px; height: 26px; border-radius:100%; background: #e45291; position: absolute; left: 0px; top: 50%; margin-top:-14px;}
.btn_play > span:after {display: block; content: "▶"; color: #fff; line-height: 26px; width:26px; text-align: center; font-size:10px; height: 26px; position: absolute; left: 0px; top: 50%; margin-top:-14px;}


.sample_book_list {position: relative; padding:40px 0px; margin-bottom: 20px;}
.sample_book_list:before {display: block; content: ""; width:1726px; height: 100%; margin-left:-863px; position: absolute; left: 50%; top: 0px; background:url(../img/program/before.png) no-repeat 20px 20px #39b54a}
.sample_book_list:after {display: block; content: ""; width:80px; height: 80px; position: absolute; right:-120px; bottom: 0px; background:url(../img/program/after.png) no-repeat center center}
.sample_book_list .book_li {position: relative; padding:20px 0px; margin:0px -5px;}
.sample_book_list .book_li:after {display: block; content: ""; clear: both;}
.sample_book_list .book_li > li {float: left; width:16.6666%; box-sizing: border-box; padding: 15px 5px;}
.sample_book_list .book_li > li .step {text-align: center; color: #fff; line-height: 140%; padding-bottom: 5px; font-size:1.55em; font-weight: 600; font-family: 'Montserrat', sans-serif;}
.sample_book_list .book_li > li .box {padding:7% 10%; background: #fff; border-radius:30px;}
.sample_book_list .book_li > li .txt_tW {display: inline-block; max-width: 100%; box-sizing: border-box; padding:5px 10px; background: #39b54a; border-radius:30px; position: relative;}
.sample_book_list .book_li > li .txt_tW:after {display: block; content: ""; position: absolute; top: 100%; left: 50%; margin-left: -2.5px; height: 0; border-bottom: 5px solid; border-left: 5px solid rgba(0, 0, 0, 0); border-right:5px solid rgba(0, 0, 0, 0); color: #39b54a; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg);}
.sample_book_list .book_li > li .txt_t {display:block; font-size: 15px; color: #fff; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; font-family: 'Montserrat', sans-serif;}

.sample_book_list .book_li > li .picW {max-width: 100px; margin: 0 auto; display: block; margin-top: 10px;}
.sample_book_list .book_li > li .picW:after {display: block; content: ""; width: calc(100% + 34px); margin-left: -17px; height:12px; box-sizing: border-box; border: 1px solid #969696; background: #fff; box-shadow: 2px 2px 1px #d0d0d0;}
.sample_book_list .book_li > li a {display: block; text-align: center}
.sample_book_list .book_li > li a .txt_s {display: block; color: #333333; font-size:0.95em; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; padding: 10px 0px 15px 0px}

.sample_book_list .book_li > li .pic {display: block; padding-bottom:120%; position: relative;}
.sample_book_list .book_li > li .pic:after {display: block; content: ""; width:28px; height: 28px; background: url(../img/common/play2.png) no-repeat center center; position: absolute; left: 50%; top:50%; margin: -14px 0px 0px -14px}
.sample_book_list .book_li > li .pic img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}



.my_book_list .book_li {position: relative; padding:20px 0px; margin:-10px -10px;}
.my_book_list .book_li:after {display: block; content: ""; clear: both;}
.my_book_list .book_li > li {float: left; width:33.3333%; box-sizing: border-box; padding:10px 10px;}

.my_book_list .book_li > li .box {padding:7% 10%; background: #f3f4f8; border-radius:30px;}

.my_book_list .book_li > li .txt_t {display:block; font-size:16px; color: #333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; font-weight: 600;}

.my_book_list .book_li > li .picW {max-width: 100px; margin: 0 auto; display: block; margin-top:15px;}
.my_book_list .book_li > li .picW .ing_bar {display: block; width: calc(100% + 34px); margin-left: -17px; height:12px; box-sizing: border-box; border: 1px solid #969696; background: #fff; position:relative; box-shadow: 2px 2px 1px #d0d0d0;}
.my_book_list .book_li > li .picW .ing_bar .bar {position:absolute; left:0px; top:0px; width:100%; height:100%; background:#39b54a}
.my_book_list .book_li > li a {display: block; text-align: center}
.my_book_list .book_li > li a .txt_s {display: block; color: #333333; font-size:0.95em; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; padding: 10px 0px 15px 0px}
.my_book_list .book_li > li a .date {display: block; color: #333333; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; padding: 10px 0px 0px 0px; min-height: 50px; font-weight: 100;}

.my_book_list .book_li > li .pic {display: block; padding-bottom:120%; position: relative;}
.my_book_list .book_li > li .pic img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}

.more_tc {text-align: center;}
.more_tc > a {display: inline-block; min-width: 150px; box-sizing: border-box; text-align: center; border:1px solid #ccc; border-radius:60px; padding: 0px 15px;}
.more_tc > a > span {display:block; color: #000; font-size:18px; line-height:44px; padding: 0px 40px; font-weight: 400; background: url(../img/common/arrow_bottom.png) no-repeat right center;}




.introduce_wrap {position: relative; overflow: hidden; padding-bottom: 60px; word-break: keep-all}
.introduce_wrap .txt {float:left; width: 50%;  box-sizing: border-box; padding-right:60px;}
.introduce_wrap .img {float: right; width: 50%; padding-top:80px;}
.introduce_wrap .first_txt {font-weight: 600; font-size: 2.4em; padding-bottom:20px;}
.introduce_wrap .txt1 {font-size: 1.3em; line-height: 140%;}
.introduce_wrap .txt1:after {display: block; content: ""; width:40px; height: 1px; background: #fe6962; margin: 30px 0px;}
.introduce_wrap .point_c {color:#fe6962 !important;}

.ico_note {position:relative; padding:0px 0px 2px 30px;}
.ico_note:before {display: block; content:""; width:24px; height: 24px; background: #39b54a; border-radius:100%; position: absolute; left: 0px; top:2px;}
.ico_note:after {display: block; content:"!"; font-weight: 600; text-align: center; line-height: 24px; font-size: 20px; width:24px; height: 24px; color: #fff; border-radius:100%; position: absolute; left: 0px; top:2px;}

.my_user {text-align: center; position: relative; clear:both;}
.my_user .my_photo {width:130px; margin: 0 auto; height: 130px; overflow: hidden; border-radius:100%; position: relative; background: url(../img/mypage/user.jpg) no-repeat center center;}
.my_user .my_photo img {width: 100%; position: absolute; left: 0px; top:50%; transform: translateY(-50%);}
.my_user .my_name {font-size: 26px; line-height: 140%; color: #39b54a; font-weight: 600; padding: 10px 0px 5px 0px;}
.my_user .my_num {margin: 0 auto; position: relative; box-sizing: border-box; margin-top: 10px;}
.my_user .my_num label {color: #000; display:inline-block; padding:0px 5px; line-height: 40px; font-size: 1.05em; font-weight: 400}
.my_user .my_num .input {width:180px !important; border-radius:5px; height: 40px; line-height: 40px;}
.my_user .my_info {font-size: 0px; margin-top: 30px; border:1px solid #39b54a; text-align: center; padding: 10px; border-radius:60px; }
.my_user .my_info > p {display: inline-block; vertical-align: top; padding: 0px 15px; position: relative; font-size: 18px; color: #000;}
.my_user .my_info > p:after {display: block; content: ""; width: 1px; height:14px; background: #ccc; position: absolute; left: 0px; top: 50%; margin-top: -7px;}
.my_user .my_info > p:first-child:after {display: none;}
.my_user .my_ranking {position: absolute; right: 0px; top:10px;}
.my_user .my_ranking > p {padding-bottom: 10px;}
.my_user .my_ranking .btnNormalB {min-width:123px; margin-bottom:2px;}

.my_user .my_end > p {padding-bottom: 10px;}
.my_user .my_end {position: absolute; left: 0px; top:10px; text-align:left;}
.my_user .my_end .btnNormalB {min-width:123px; margin-bottom:2px;}

.mypage_icoW {display:table; font-size:16px; position:absolute; right:0px; top:-110px; width:307px; box-sizing:border-box; border-radius:6px; padding:10px; background:#fff;}
.mypage_icoW .cell {display:table-cell; vertical-align:middle; height:70px;}
.mypage_icoW .name {font-weight:500; color:#333; width:110px; line-height:130%;}
.mypage_icoW .bt a {color:#999999}
.mypage_icoW .box_in {position:absolute; right:10px; top:10px; ;}
.mypage_icoW .box_in > ul {overflow:hidden;}
.mypage_icoW .box_in > ul > li {float:left; width:20%; box-sizing:border-box; padding:2px;}

.study_tab {text-align: center;}
.study_tab > li {display: inline-block; padding: 0px 5px;}

.study_wrap {background: #f3f4f8; padding:20px;}
.study_wrap:after {display: block; content:""; clear: both; }
.study_wrap .box {float: left; box-sizing: border-box; width: 50%; padding: 10px;}

.info_wrap {border-radius:10px; background: #39b54a; padding: 20px 25px; position: relative; color: #fff;}
.info_wrap .top {padding-bottom:20px; margin-bottom:20px; border-bottom: 1px solid #a1dca9;}
.info_wrap .top .col-sm-2 {margin: 0 auto;}
.info_wrap .top .col-sm-2 .select {border-color:#a1dca9; color: #fff; background: none;}
.info_wrap .top .col-sm-2 .select option { color: #333; font-weight:300; }

.info_wrap .middle {padding: 0px 60px;}
.info_wrap .middle .con {position: relative; padding-left:140px; min-height:144px;}
.info_wrap .middle .con .pic {position: absolute; left: 0px; top: 0px; border:10px solid #fff; border-radius:10px;  width:100px; height: 120px;}
.info_wrap .middle .con .pic img {width: 100%; height: 100%;}
.info_wrap .middle .con .txt_t {display: block; font-size: 1.15em; line-height: 140%; padding-bottom: 5px;}
.info_wrap .middle .con .txt_s {display: block; min-height: 60px; font-size: 1.05em; line-height: 140%; padding-bottom: 5px;}
.info_wrap .bottom {padding-top: 20px;}
.info_wrap .ctab {margin-bottom: 0px}
.info_wrap .ctab li a {background: #39b54a; border: 1px solid #fff; border-radius:6px;  color: #fff;}
.info_wrap .ctab li.on a {background: #fff; color: #39b54a;}
.info_wrap .v_bt li.on a {background: #fff; color: #39b54a;}
.info_wrap .v_bt {position: absolute; top:130px;}
.info_wrap .v_bt_l {left:20px}
.info_wrap .v_bt_r {right:20px}
.info_wrap .v_bt > a {line-height:16px; display: block; border-radius: 100%; background: #fff; box-shadow: 1px 2px 3px #6c6973; padding:20px;}
.info_wrap .v_bt > a img {vertical-align: top;}

.bt_record .bt {color: #fff; display: inline-block; border:1px solid #fff; border-radius:6px; padding:15px 15px 15px 50px; font-weight: 700; background: url(../img/common/ico_record.png) no-repeat 10px center; line-height: 15px; font-size:16px;} 
.bt_record .bt2 {padding-left:35px; background: url(../img/common/bg_buy.png) no-repeat 10px center;} 

.frame_wrap {position: relative; padding-bottom: 56.45%;}
.frame_wrap iframe {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
.frame_wrap iframe iframe {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
.frame_wrap .balloon_wrap {position: absolute; right: 0px; top: -18px; z-index: 999;}

.balloon_wrap {display: block; background: #39b54a; color: #fff; padding:5px 10px; padding-right:35px; font-size: 16px; border-radius:6px; }
.balloon_wrap .close {display:block; position: absolute; right: 10px; top:10px; font-size: 0px; width: 16px; height: 16px; background: url(../img/common/bt_close.png) no-repeat center center;}
.balloon_wrap:After {content:''; position:absolute; width:0; height:0; border-style:solid; border-width:14px 14px 14px 0px; border-color: #39b54a transparent transparent transparent; bottom: -26px; left:20px;}


.introduce_top {position: relative; margin-bottom: 20px;}
.introduce_top .txt_box {position: absolute; right: 0px; bottom: 0px; background: #fff; max-width:51%; width: 100%; padding:3%; box-sizing: border-box; font-size: 1.3em; line-height:160%;}

.line_img_bg {padding-bottom:50px; background: url(../img/common/line.gif) repeat-x left bottom}

.img_txt_right {overflow: hidden;}
.img_txt_right .txt {float: left; box-sizing: border-box; width:52%;}
.img_txt_right .img {float: right; box-sizing: border-box; padding-left: 20px; width:48%}

.content_two {position: relative; overflow: hidden; margin:70px -35px;}
.content_two:before {display: block; content: ""; width: 1px; height: 100%; position: absolute; left: 50%; top: 0px; background: #e5e5e5;}
.content_two .box {float: left; width: 50%; box-sizing: border-box; padding:0px 35px;}
.content_two .box .s_tit {margin-top: 0px;}
.content_two .box .s_tit {margin-top: 0px;}
.content_two .box .img {padding-top: 30px;}
.content_two .box .bul01.two {overflow: hidden;}
.content_two .box .bul01.two > li {width: 50%; box-sizing: border-box; float: left;}

.learningspace {padding: 30px; background: #f3f4f8; margin-top: 30px;}
.learningspace > ul {overflow: hidden; margin: -10px;}
.learningspace > ul > li {text-align: center; float:left; width:16.666%; box-sizing: border-box; padding: 10px;}
.learningspace > ul > li .txt_t {display: block; color: #39b54a; font-size: 1.3em; line-height: 140%; padding-bottom:30px;  font-family: 'Montserrat', sans-serif; font-weight: bold}
.learningspace > ul > li > dl {border:3px solid #39b54a; min-height:210px; box-sizing: border-box; border-radius:12px; }
.learningspace > ul > li > dl dt {margin-top: -23px;}
.learningspace > ul > li > dl dt > span {display: inline-block; border-radius: 60px; line-height:46px; color: #fff; font-size:32px;  font-family: 'Montserrat', sans-serif; min-width:100px; background: #39b54a; font-weight: bold}
.learningspace > ul > li > dl dd {padding: 10px;}
.learningspace > ul > li > dl dd > strong {display: block;color: #39b54a; padding-bottom: 10px; font-size: 1.15em; line-height: 140%; font-family: 'Montserrat', sans-serif; font-weight: bold;}

.step_box > ul {overflow: hidden; margin: 0px -40px}
.step_box > ul > li {float: left; width: 33.333%; box-sizing: border-box; padding:50px 40px; position: relative;}
.step_box > ul > li .box {border-radius:10px; background: #f3f4f8; position: relative; padding: 20px; min-height:330px; box-sizing: border-box;}
.step_box > ul > li .box .step {position: absolute; left: 0px; top:-40px; color: #000; font-weight: 700; }
.step_box > ul > li .box .txt_t {padding:20px 0px 10px 0px; text-align: center; color: #39b54a; font-size: 1.1em; font-weight: 700;}
.step_box > ul > li .box ol > li {padding-left:25px; margin-top:10px; position: relative;}
.step_box > ul > li .box ol > li > strong {position: absolute; left: 0px; top: 0px;}
.step_box > ul > li .arrow {position: absolute; top:40%; text-align: center; width:78px; left:100%; z-index: 99; margin-left: -39px;}
.step_box > ul > li .arrow > strong {display: block;}

.review_video {padding-top: 60px;}
.review_video .frame_wrapW { position: relative; max-width:590px; margin: 0 auto; margin-top: 20px; padding: 0px 80px 80px 80px;}
.review_video .frame_wrapW:after {display: block; content: ""; width:209px; height:98px; background: url(../img/program/review.png) no-repeat right bottom; position: absolute; right: 0px; bottom: 0px;}
.review_video .frame_wrapW .frame_wrap {overflow: hidden; border-radius:10px; }
.review_video .frame_wrapW .frame_wrap video {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}

.review_list {position: relative;}
.review_list:before {display: block; content: ""; width: 1726px; height: 100%; margin-left: -863px; position: absolute; left: 50%; top: 0px; background: #f3f4f8;}
.review_list > ul {padding: 50px 0px;}
.review_list > ul > li {margin-top: 20px;}
.review_list > ul > li:first-child {margin-top:0px;}
.review_list > ul > li .box {position: relative; padding-left:115px; min-height:92px;}
.review_list > ul > li .box .user {position: absolute; left: 0px; top: 0px;}
.review_list > ul > li .box .area {position: relative; background: #fff; border-radius:20px; color: #000; padding:20px 30px;}
.review_list > ul > li .box .area:before {content: ''; position: absolute; width: 10px; height: 0px; border-style: solid; border-width: 10px 13px; border-color: transparent #ffffff transparent transparent; top: 32px; left: -36px;}
.review_list > ul > li .box .area .fb {display: block; font-size: 1.1em; padding-top: 5px; font-family: 'Montserrat', sans-serif; font-weight: bold;}

.price_txt {font-size:1.55em; font-weight:400; line-height:140%; color:#000; padding:10px 0px 5px 0px;}
.price_txt .green {color:#39b54a; font-weight:600;}
.price_txt .big {font-size:1.6em; line-height:120%;}

.price_box {border:1px solid #e5e5e5; position:relative; margin-top:30px;}
.price_box:before {display:block; content:""; width:1px; height:100%; background:#e5e5e5; position:absolute; left:50%; top:0px;}
.price_box > ul {overflow:hidden; }
.price_box > ul > li {float:left; width:50%; box-sizing:border-box; padding:5px; text-align:center; }

.guide_two {overflow:hidden;}
.guide_two > li {float:left; width:50%; box-sizing:border-box; padding:0px 10px;}







































.map_wrap {overflow: hidden; box-sizing: border-box; border: 1px solid #ccc;}
.map_wrap {width: 100%; height:400px;}
.map_wrap iframe {width: 100% !important; height: 100% !important;}
.map_address {font-size:1.4em; padding-left:65px; background: url(../img/introduce/map.gif) no-repeat left top; min-height:54px; box-sizing: border-box; padding-top:10px; line-height: 140%; margin-bottom: 20px;}
.map_btn {float: right; width: 100%; padding-top: 30px; max-width:760px; }
.map_btn > p {line-height: 140%; font-weight: 100; padding-bottom: 5px; font-size: 1.15em;}
.map_btn .btn {overflow: hidden; margin:0px -3px;}
.map_btn .btn > li {float: left; width: 25%; box-sizing: border-box; padding:3px;}
.map_btn .btn > li > a {min-width: 100%;}

.hall_info {border: 1px solid #ccc; margin-bottom: 40px; text-align: center; padding: 10px;}



.contest_view {overflow: hidden; padding-left:225px; position: relative; min-height:270px;}
.contest_view .pic {position: absolute; left: 0px; top: 0px; text-align: center; width:200px; height: 265px; border: 1px solid #ccc; overflow: hidden;}
.contest_view .pic img {width: 100% !important; height: auto !important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}

.contest_view .table_line {border-top:1px solid #000; }
.contest_view .table_line .board-view td {padding: 9px 10px 9px 20px;}
.contest_view .table_line .board-view th {padding: 9px 5px 9px 20px;}

.com_info {position: relative; border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5; padding:0px 0px 0px 200px; margin-top: -1px;}
.com_info > dt {position: absolute; left:20px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); line-height:22px;}
.com_info > dt .ico {display: inline-block; vertical-align: top; margin-top: 2px;}
.com_info > dd {min-height:25px;  border-left:1px solid #e5e5e5; padding: 10px 10px 10px 40px;}

.pr_movie_wrap {padding-bottom:56%; position: relative; }
.pr_movie_wrap iframe {position: absolute; left: 0px; top: 0px; width: 100% !important; height: 100% !important;}

.video_wrap {position: relative; padding-bottom:56%;}
.video_wrap iframe {width: 100% !important; height: 100% !important; position: absolute; left: 0px; top: 0px;}



.arrow_wrap {display: inline-block; padding-left: 50px; background: url(../img/guide/arrow2.png) no-repeat left 6px; margin-left: 10px;}

.b_check_box {border: 1px solid #ccc; background: #f4f5f8; padding: 20px;}
.b_check_box .board-write {border: none; max-width:580px; margin: 0 auto;}
.b_check_box .board-write th {border: none; font-size: 1.15em !important; font-weight:300;}
.b_check_box .board-write td {border: none;}












.go_bt {background:#0c91dd; display: inline-block; border-radius:30px; color: #fff; padding:7px 15px; }
.go_bt > span {display: block; color: #fff; line-height: 110%; padding-right:15px; background:url(../img/common/bt_arrow2.png) no-repeat right center;}

.point_box {padding: 20px; background: #f3f4f8}




.check_txt {font-size: 18px; color: #494949}

.event_wrap {overflow: hidden; margin: -15px;}
.event_wrap > li {float: left; text-align: center; width: 25%; box-sizing: border-box; padding: 15px;}
.event_wrap > li .img {display: block;}
.event_wrap > li .txt_t {display: block; text-align: center; font-size: 1.35em; color: #00357e; line-height: 140%; padding: 20px 0px 15px 0px;}
.event_wrap > li .txt_t:after {display: block; content: ""; width:40px; height: 2px; background: #0c91dd; margin: 0 auto; margin-top:15px;}





#add_date {position: relative; padding-right:115px; }
#add_date .bt {position: absolute; right: 0px; top: 0px;}

.tooltip {color: #ff751a; border: 1px solid #ff751a; border-radius:6px; text-align: center; line-height:38px; width:38px; height: 40px; box-sizing: border-box; font-size: 1.5em; vertical-align: middle;}
.br_box {border: 1px solid #dce1eb; padding: 20px 20px 20px 20px;}
.t_box {background: #757a85; color: #fff; padding: 5px 5%; display: inline-block;}
td .br_box {padding:5px;}
td .gray_box {padding:5px;}


.radio_group_row > li {padding-top:8px;}
.radio_group_row > li:first-child {padding-top:0px;}
.radio_group_row > li.disabled {opacity:0.4;}

.radio_group {padding: 5px 0px 0px 0px; margin:-5px 0px 0px -15px;}
.radio_group > li {display: inline-block; padding: 5px 0px 0px 15px;}
.radio_group .input {width: auto !important;}
.radio_group .select_ds .input {width:100% !important;}
.input_etc {position: relative; padding-left: 62px; box-sizing: border-box;}
.input_etc .pa {position: absolute; left: 0px; top: 0px; font-size: 14px; line-height:40px;}

.btn-tc {text-align: center; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;}
.btn-tc > a {margin: 0px 10px;}
.btn-tl {text-align: left; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;}
.btn-tr {text-align: right; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;}


/*atab*/
.atab { margin-bottom:40px; padding-top: 10px;}
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:20%; box-sizing:border-box; position:relative; display: table; }
.atab li a {display:table-cell; width: 100%; height:48px; vertical-align: middle; background:#fff; line-height:20px; padding:0px 0px; text-align:center; color:#999999; box-sizing:border-box; border:2px solid #bfbfbf; border-bottom: 2px solid #39b54a; border-radius:10px 10px 0px 0px; font-size:16px; border-left: none; font-weight: 400;}
.atab li:first-child a {border-left:2px solid #bfbfbf;}
.atab li.on a {font-weight:400; color: #39b54a; border-color:#39b54a; border-bottom: 2px solid #fff;}
/*.atab li.on a:after {display: block; content: ""; width:20px; height: 20px; background: #fff; position: absolute; left:50%; bottom:-22px; transform: rotate(45deg) translateX(-50%);}*/
.atab.two li {width:50%;}
.atab.three li {width:33.33%;}
.atab.four li {width:25%;}
.atab.two_row > li {margin: -1px 0px 0px -1px}
.atab.two_row > li.on {margin-top:-1px;}
.atab.two_row > li.on a {height: 50px;}
.atab.two_row > li > a {border-left:1px solid #cccccc;}


.txt_tab { margin-bottom:30px; font-size: 0px; text-align: left; margin: 0px -10px;}
.txt_tab:after {clear:both; display:block; content:"";}
.txt_tab li {display: inline-block; vertical-align: top; padding:2px 10px; box-sizing:border-box; position:relative;}
.txt_tab li a {display:block; padding:5px 0px; color:#cccccc; font-size:24px; line-height:120%; font-weight:400; position: relative;}
.txt_tab li.on a {color: #000; font-weight:600;  padding-right:10px; position: relative;}
.txt_tab li.on a:after {display:block; content: ""; width:12px; height: 12px; border-radius:100%; background: #000000; position: absolute; right: 0px; top: 0px;}


.btab { margin-bottom:40px; padding-top: 10px; font-size: 0px; text-align: center}
.btab:after {clear:both; display:block; content:"";}
.btab li {display: inline-block; vertical-align: top; padding:2px 2px; box-sizing:border-box; position:relative;}
.btab li a {display:block; min-width:125px; padding:10px 8px; text-align:center; color:#fff; box-sizing:border-box; border-radius:30px; font-size:20px; background: #cccccc; line-height:33px; font-weight: 400;}

.btab li.on a {color: #fff; background: #39b54a;}
.btab li.on a .ico img {margin-top: -100%;}
.btab.two li {width:50%;}
.btab.line li {padding:2px;}
.btab.line li a {border: 1px solid #ccc; padding: 0px 5px; font-size: 15px;}
.btab.line li.on a {border: 1px solid #ed2129;}

.ctab { margin-bottom:30px; font-size: 0px; text-align: left}
.ctab:after {clear:both; display:block; content:"";}
.ctab li {display: inline-block; vertical-align: top; padding:2px 2px; box-sizing:border-box; position:relative;}
.ctab li a {display:block; min-width:100px; padding:10px 2px; text-align:center; color:#fff; box-sizing:border-box; font-size:14px; background: #fff; line-height:18px; font-weight:400; border: 1px solid #39b54a; color: #39b54a;}

.ctab li.on a {color: #fff; background: #39b54a;}




.of_hi .fl50 {float:left; width:48%;}
.of_hi .fr50 {float:right; width:48%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display: none;}

/* 레이어팝 */
#black {display:none; background-color: #000; display: none; height: 100%; left: 0; opacity: 0.6; filter: alpha(opacity=60); position: fixed; top: 0; width: 100%; z-index: 9999;}
.layerPop {-webkit-overflow-scrolling: touch; overflow-y: auto; width: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; background:url(../img/common/png_70.png) repeat left top;/*background:#d7d7d7;*/ zoom: 1;}

.layerPop_inner {width: 100%; height: 100%; padding: 15px; display: table; position: relative; margin: 0 auto; box-sizing: border-box;}
.pop_wrap {display: table-cell; vertical-align: middle; position: relative;}
.pop_wrap .pop_body {padding:15px 20px; font-size: 15px; background: #fff; word-break: keep-all;}
.pop_wrap .pop_body .btns {padding-top: 20px;}
.pop_wrap .popup_scroll {max-height:700px; overflow-y:auto;}
.pop_wrap .pop_wrap_in {width:100%; margin: 0 auto;}
.pop_wrap .x_btn {position: absolute; right:25px; top:50%; margin-top: -13px; display: inline-block; width:26px; height: 26px; cursor: pointer; background: none}
.pop_wrap .pop_head {background: #0c91dd; position: relative;}
.pop_wrap .pop_head .title {font-size:30px; line-height:150%;  color: #fff; padding:15px 50px 20px 25px; text-align: left; font-weight:500;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color: #646464; text-align: center; padding: 0px 0px 30px 0px;}
.pop_wrap .x_btn2 {position: absolute; right:0px; bottom:0px; }
.pop_wrap .x_btn3 {position: absolute; right:0px; bottom:-42px; }
.pop_body .btn-tc {padding:30px 0px 0px 0px; margin-top:25px;}
.pop_body .btn-tc > a {margin: 0px 10px;}
.pol_sc {width: 100%; height: 310px; overflow-x: hidden; overflow-y: auto;}



/* 팝업 */

.main_layer_pop {position: absolute; left:5%;  top:100px; z-index: 9999}
.main_pop_bottom {background: #fff; font-weight: 300; color: #000; padding:10px; position: relative; font-size: 14px; box-sizing:border-box; border:1px solid #ccc;}
.main_pop_bottom .close {position: absolute; right: 10px; top: 10px; padding-right: 30px; background: url(../popup/images/pop_close.gif) no-repeat right center; }
.main_layer_pop_inner {width: 100%; height: 100%; display: table; position: relative; margin: 0 auto; box-sizing: border-box;}
.main_layer_pop_inner .cell {display: table-cell; vertical-align: middle; position: relative;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top: -22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background: url(../img/main/pop_l.png) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background: url(../img/main/pop_r.png) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin: 0 auto;}
.main_layer_pop .pop_wrap_in{max-height:500px; overflow-y:auto;}



.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#004497;  text-align: center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size: 14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:Noto Sans; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:38px;}



/* member */
.login_type {overflow: hidden;}
.login_type .login_wrap  {float: left; width:50%; box-sizing: border-box; border: 1px solid #cccccc; border-left:none; padding: 30px ;  text-align: center; margin-top: 10px;}
.login_type form:first-child .login_wrap {border-left: 1px solid #cccccc;}



.login_wrap {margin:0 auto; background: #fff; border-radius:30px; padding:35px 45px; box-sizing: border-box;}
.login_wrap .login_bt .btn {background-color: #39b54a; border: 1px solid #39b54a; color: #fff; line-height:50px; display: block; font-size:20px; text-align: center;font-weight:400; width: 100%; cursor: pointer; box-sizing: border-box; -moz-box-size: border-box; border-radius:60px; }
.login_wrap .join_bt {margin-top:5px;}
.login_wrap .join_bt a {display:block; background-color: #333; border: 1px solid #333; color: #fff; padding: 12px; line-height:40px; display: block; font-size: 22px; text-align: center;font-weight:300; width: 100%; cursor: pointer; box-sizing: border-box; -moz-box-size: border-box;}

.login_wrap .id_save {font-size:15px; color:#000; margin:0px 0px 20px 0px; float: left;}
.signup {padding:30px 0px 15px 0px;}
.signup_or {position:relative; margin-bottom:5px; text-align:center; background:url(../img/common/line.gif) repeat-x left center;}
.signup_or_text {background-color:#fff; display:inline-block; padding:8px; font-size:14px; font-weight: 500; color:#82888a;}
.signup li { margin-bottom:10px; position: relative;}
.signup li input {width:100%; height:50px; padding:5px 10px 5px 20px; padding-left: 50px; display:block; border: none; border-radius:60px; background-color:#f3f4f8; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; font-size:15px;}
.signup > li:before {display: block; content: ""; position: absolute; left: 0px; top: 0px; width: 60px; height: 100%;}
.signup li:nth-child(1):before {background: url(../img/member/ico_id.png) no-repeat center center}
.signup li:nth-child(2):before {background: url(../img/member/ico_pw.png) no-repeat center center}
.signup.bg_no li:before {display: none;}
.signup.bg_no li input {padding:5px 10px 5px 20px;}

.find_idpw {text-align: right; padding:20px 0px 0px 0px; font-size: 0px;}
.find_idpw > li {display: inline-block; vertical-align: top; line-height: 20px; padding-left:10px; margin-left: 10px; background: url(../img/common/top_line2.gif) no-repeat left center; color: #999999; font-weight:400;}
.find_idpw > li:first-child {background: none; padding: 0px; margin: 0px;}
.find_idpw > li a {font-size:16px; color:#999999; font-weight:400;}

.login_wrap .save_check {padding:0px 0px 15px 0px; box-sizing: border-box; overflow: hidden; }

.login_wrap .save_check > li button {outline: none;}
.bt_ck {display: inline-block; line-height:20px; padding:4px 0px 4px 35px; letter-spacing:-1px; color: #999999; font-size: 16px; background: url(../img/common/check.png) no-repeat left top; outline: none;}
.on .bt_ck {color: #333; background: url(../img/common/check_on.png) no-repeat left top}


.join_txt {padding:10px 0px 10px 40px; min-height:20px; margin-top:10px; background:url(../img/common/ico_idpw.gif) no-repeat left 5px; display:inline-block;}

.join_go {padding:18px 0px 0px 0px; text-align:center;}

.join_go > a {background-color: #fff; color: #666666; line-height:50px; display: block; font-size:20px; text-align: center; font-weight:400; width: 100%; border: 1px solid #b2b2b2; cursor: pointer; border-radius:60px;  box-sizing: border-box; -moz-box-size: border-box;}

.member_wrap {max-width:590px; margin:0 auto;}
.check_boxW {background:#fff; border:1px solid #dadada; padding:15px 5px;}
.add_bt {position: absolute; right: 0px; top: 0px;}
.add_bt_2 {position: absolute; right: -25px; top: 0px;}
.cer_num{font-size:0.9em; position:absolute; right:-185px; top:10px;}

.join_box{overflow:hidden;}
.join_box.pa_rl{padding:0px 17%;}

.join_btn{display: block; width: 100%; height: 60px; background-color: #fff; border: 0px; margin: 60px 0px 20px 0px;}
.join_btn > span{line-height:60px; height:60px; font-weight: 600; font-size: 1.1em; color: #333; }
.etc_btns{text-align:right; font-size:0px;}
.etc_btns > li{display: inline-block; vertical-align: top; font-size: 15px; line-height: 20px; padding-left: 5px; margin-left: 5px;}
.etc_btns > li > a{text-align: right; font-weight: 300; font-size: 0.85em; color: #fff; }

.sign_box {clear:both; width:100%; text-align:right; margin-top:30px; font-size:16px; line-height:35px;}
.sign_box .sign {box-sizing:border-box; position:relative;}

.interest{box-sizing: border-box; text-align: center; display: block; background: #386fd3; padding: 3px;}



.join_step > ol {overflow: hidden; max-width:300px; margin: 0 auto; }
.join_step > ol > li {float: left; text-align: center; width:50%; box-sizing: border-box; padding: 0px 20px; position: relative;}
.join_step > ol > li:first-child:before {display: none;}
.join_step > ol > li:before {display: block; content: ""; width:28px; height:30px; background: url(../img/member/step.gif) no-repeat left top; position: absolute ; left:-10px; top:25px;}
.join_step > ol > li .ico {display:inline-block; position: relative; overflow: hidden;}
.join_step > ol > li .ico .on {position: absolute; left: 0px; top: 0px; opacity: 0;}
.join_step > ol > li .txt {display: block; font-size:1.05em; color: #999999; font-weight: 400; line-height: 140%;}
.join_step > ol > li.on .txt {color: #000;}
.join_step > ol > li.on .ico img {opacity: 0;}
.join_step > ol > li.on .ico img.on {opacity:1;}

.yak_wrap {border-top:1px solid #000 }
.yak_wrap > ul > li {border-bottom: 1px solid #e5e5e5; padding: 20px 0px; color: #666666; overflow: hidden}
.yak_wrap > ul > li .btn {float: right; display: inline-block; vertical-align: middle; font-weight: 500; color: #333; padding-bottom:2px; border-bottom: 1px solid #ccc;}
.yak_wrap > h4 {border-bottom: 1px solid #e5e5e5; padding: 30px 0px 20px 0px; font-size: 1.1em;}
.yak_wrap.bg_on {border: none; background: #f3f4f8}
.yak_wrap.bg_on > ul > li {border: none; padding:20px;}

.join_type {max-width:780px; margin: 0 auto; }
.join_type:after {display: block; content: ""; clear: both;}
.join_type > li {float: left; width: 50%; box-sizing: border-box; padding:10px; }
.join_type > li > a {display: block; max-width:350px; min-height: 350px; box-sizing: border-box; padding: 50px 10px 0px 10px; text-align: center; background: #fff; border-radius:16px; transition: all 0.3s 0s ease-in-out; }
.join_type > li > a .ico {display: inline-block;}
.join_type > li > a > strong {display: block; font-size:32px; line-height: 130%; color: #333333; font-weight: 600;transition: all 0.3s 0s ease-in-out; padding-top: 5px;}
.join_type > li > a:hover {background: #39b54a; box-shadow:2px 4px 8px #ccc; transition: all 0.3s 0s ease-in-out;}
.join_type > li > a:hover > strong {color: #fff; padding-top: 10px; transition: all 0.3s 0s ease-in-out;}
.join_type > li > a .txt_s {display: block; min-height:120px; padding-top: 10px; }
.join_type > li > a:hover .txt_s {color: #fff; transition: all 0.3s 0s ease-in-out;}
.join_type > li > a.on {background: #39b54a; box-shadow:2px 4px 8px #ccc; transition: all 0.3s 0s ease-in-out;}
.join_type > li > a.on > strong {color: #fff; padding-top: 10px; transition: all 0.3s 0s ease-in-out;}
.join_type > li > a.on .txt_s {color: #fff; transition: all 0.3s 0s ease-in-out;}

.join_type.three {max-width:1140px;}
.join_type.three > li {width: 33.333%;}


.certify {text-align: center; padding-top: 50px;}
.certify:before {display: block; content: url(../img/member/certify.png);}
.certify dt {font-size: 22px; line-height: 140%; padding-bottom: 10px;}

.mentor_box {font-size: 15px; font-weight: 300;}
.all_check {text-align: center; padding: 15px 5px; margin: 30px 0px; background: #f5f5f5}


.print_wrap #header {display: none !important}
.print_wrap .sub_visual {display: none !important}
.print_wrap #lnb_wrap {display: none !important}
.print_wrap .title_bar {display: none !important}
.print_wrap .page_tab {display: none !important}
.print_wrap #footerW {display: none !important}
.print_wrap .print_bt {display: none !important}
.print_wrap .p_none {display: none !important}
#wrap.print_wrap {padding:0px !important}

.ico_notice {display: inline-block; vertical-align: middle; padding:4px 10px; background: #ed2129; line-height:20px; color: #fff; }

.date_picker_two {overflow: hidden; position: relative}
.date_picker_two .date_picker {float: left; width:47%;}
.date_picker {position: relative; padding-right: 40px; box-sizing: border-box;}
.date_picker .input {width: 100%;}
.date_picker img {position: absolute; right: 0px; top:50%; margin-top: -15px; width: 30px; height: 30px;}
.date_picker.two_col .input {width: 100%;}
.date_picker_two .col-sm-2  {float: left; width:47%;}
.date_picker_two .pa {left: 50%; top:0%; line-height: 30px; text-align: center; width: 10px; margin:0px 0px 0px -5px;}


.bt_include {position: relative; padding-right: 100px; box-sizing: border-box;}
.bt_include .add_bt {position: absolute; right: 0px; top: 0px;}
.bt_include select {width: 100%; max-width: 100%;}
.bt_include2 {padding-right:70px;}





.board-write .input {min-height: 40px; line-height: 40px; width: 100%;}
.down_file {display: inline-block; vertical-align: middle; color: #0c91dd; margin-left: 10px;}
.down_file > span {display: block; padding-left:23px; color: #000; background: url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}


.click_count {text-align: right; padding: 10px 0px; font-size:1.05em; color: #666666}
.view_photo {padding: 20px 0px 0px 0px; text-align: center;}


.td_btns {font-size: 0px; text-align: center; padding: 0px 5px; max-width:260px; margin: 0 auto;}
.td_btns > li {display: inline-block; min-width:50%; box-sizing: border-box; padding: 2px;}
.td_btns > li > a {display: block; min-width:100%}
.td_btns > li > .btnNormal span {padding:10px 5px; min-height:16px; height: auto; line-height:16px; white-space:normal;}



.dl_table > dl {padding:20px 0px 0px 0px;}
.dl_table > dl > dt {font-size:18px; color:#000000; line-height:150%; padding-bottom:5px;}
.dl_table > dl > dd .input {line-height:46px; height:46px; padding-left: 10px; border:1px solid #cccccc}
.dl_table > dl > dd .select_ds select {line-height:46px; height:46px; border:1px solid #cccccc}
.dl_table > dl .pa_minus {line-height:46px;}
.dl_table > dl .btnNormalS span {height:46px; line-height: 46px; overflow: hidden;}

.member_ok {font-size:1.45em; text-align: center; line-height: 140%; padding:20px 0px;}

.btnNormal.m_block span {min-width:60px;}


.find_type {font-size:20px; color: #333333; line-height: 140%; padding: 20px 0px 10px 0px; margin-top: 10px; }
.find_type > button {display: block; font-size:20px; color: #333333; line-height: 140%; padding-left:25px; font-weight: 500; background: url(../img/common/radio.png) no-repeat left 7px; outline: none; text-align: left;}
.find_type.on > button {background-position:left -69px;}


.find_box .btn-tc {margin-top: 0px; border: none;}

.find_cell {box-sizing: border-box; position: relative;}
.find_cell:after {clear: both; content: ""; display: block;}
.find_cell .cell {float: left; width: 50%; box-sizing: border-box;}
.find_cell .cell select {width: 100%}
.find_cell .bt {position: absolute; right: 0px; top: 0px;}
.find_ok {text-align: center; padding:170px 0px 20px 0px; font-size:18px; line-height: 150%; background: url(../img/member/ico_mail.gif) no-repeat center top; }
.find_pop {font-size: 15px; line-height: 150%; padding-bottom: 40px !important; position: relative;}
.bb_tit {font-size: 1.5em; line-height: 150%; color: #000000; font-weight: 500; padding: 40px 0px 15px 0px;}





.list_tab {width:100%; margin-bottom:30px; font-size:0px; border-bottom:1px solid #000000; border-top:1px solid #000000; line-height:0px; box-sizing:border-box; }
.list_tab li {/*width:167px;*/ width:20%; min-width:130px; display:inline-block; zoom:1; *display:inline; text-align:center; min-height:50px; line-height:50px; letter-spacing:-1px; font-size:14px; box-sizing:border-box; border-top:3px solid #fff;}

.list_tab li span {display:block; background:url(../img/common/gnb_line.gif) no-repeat left center;}
.list_tab li:first-child span {display:block; background:none;}
.list_tab li span a {display:block;  font-size:13px; color:#000; }
.list_tab li:hover {border-top:3px solid #37589b; min-height:50px; line-height:50px; color:#37589b;}
.list_tab li:hover a {color:#37589b; }
.list_tab li.on {border-top:3px solid #37589b; min-height:50px; line-height:50px; color:#37589b;}
.list_tab li.on a {color:#37589b;}
.list_tab li.line {background:url(../img/common/list_tab_line.gif) no-repeat right center;}

.scrollbox1 {background: #f1f1f1; height: 100px; overflow-x: hidden; overflow-y: auto; padding: 12px;}





.ico_notice {display: inline-block; vertical-align: middle; padding:4px 10px; background: #ed2129; line-height:20px; color: #fff; }

.leave {padding:170px 0px 0px 0px; margin-top: 40px; background: url(../img/mypage/ico_leave.gif) no-repeat center top;} 
.gray_box {border: 1px solid #e9e9e9; padding:28px 20px; background: #f3f4f8}
.gray_box.gray_box_s {padding: 10px;}
.et_profile {overflow: hidden; margin-left: -3px;}
.et_profile > li {float: left; margin-left: 3px;}
.et_profile > li select {min-width:140px;}
.et_profile > li.bt {float: right;}
.bt_ib > li {display: inline-block; padding-top: 5px;}



.txt_pa > li {position: relative; padding-left:60px; font-weight: 300; color: #000; line-height: 140%;  margin-bottom: 10px; font-size: 1.05em;}
.txt_pa > li > strong {position: absolute; left: 0px; top: 0px; color:#666666}

.error_wrap {text-align: center;}
.error_wrap .error_msg {font-size:36px; color:#333333; line-height: 150%; font-weight:700; padding: 50px 0px 30px 0px; background: url(../img/common/tit_line.gif) no-repeat center bottom; margin-bottom:30px;}
.error_wrap .error_msg2 {font-size:16px; color:#333333; line-height: 150%; }
.error_wrap .error_msg2 .mail {display: inline-block; padding-left: 20px; color:#ed1b23; background: url(../img/common/ico_mail.gif) no-repeat left center; margin-left: 3px;}



.date_picker_two {overflow: hidden; position: relative}
.date_picker_two .date_picker {float: left; width:47%;}
.date_picker {position: relative; padding-right: 40px; box-sizing: border-box;}
.date_picker .input {width: 100%;}
.date_picker img {position: absolute; right: 0px; top:50%; margin-top: -15px; width: 30px; height: 30px;}
.date_picker.two_col .input {width: 100%;}
.date_picker_two .col-sm-2  {float: left; width:47%;}
.date_picker_two .pa {left: 50%; top:0%; line-height: 30px; text-align: center; width: 10px; margin:0px 0px 0px -5px;}

.flash_card_wrap {background: url(../img/flash_card/bg.jpg) no-repeat left top; background-size: cover; width: 100%; max-width: 960px; box-sizing: border-box; padding:40px;  margin: 0 auto; font-family: 'Montserrat', sans-serif;}
.flash_card_wrap .title {background:#39b54a; margin-bottom: 20px; line-height: 140%; padding: 20px; border-radius:60px; text-align: center; color: #fff; font-size:26px;  font-weight: bold;}
.flash_card_wrap #container {display: table; width: 100%; box-sizing: border-box;}
.flash_card_wrap #container .cell {vertical-align: middle; text-align: center; height:378px; display: table-cell; }
.flash_card_wrap #container .cell .txt1 {color: #333333; font-size: 53px; line-height: 130%; font-weight: bold;}
.flash_card_wrap #container .cell .txt2 {color: #333333; font-size: 36px; line-height: 130%; font-weight: bold;}
.flash_card_wrap .bottom {padding: 30px 0px 0px 0px; position: relative;}
.flash_card_wrap .bottom > ul {font-size: 0px; text-align: center; position: relative;}
.flash_card_wrap .bottom > ul > li {padding: 0px 5px; display: inline-block; vertical-align: top;}
.flash_card_wrap .bottom:before {display: block; content: ""; width:207px; height:97px; background: url(../img/flash_card/bg2.png) no-repeat left top; position: absolute; right: 0px; bottom:-20px;}


.flip-card {cursor: pointer; background-color: transparent; width: 100%; height: 100%; perspective: 1000px; /* Remove this if you don't want the 3D effect */}
.flip-card-inner {background:#fff; border-radius:5px; box-sizing:border-box; padding:10px; position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s;  transform-style: preserve-3d;}
.flip-card.active .flip-card-inner {transform: rotateY(180deg);}
.flip-card-front, .flip-card-back {display:table; position: absolute; width: 100%; height:100%; left:0px; top:50%; transform:translateY(-50%);  -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden;}
.flip-card-inner img {max-height:100%;}
.flip-card-inner .cell {overflow:hidden;}
.flip-card-back {transform: rotateY(180deg) translateY(-50%);}


/* 녹음 */
/*
.record_wrap { box-sizing: border-box; padding: 20px; background: #f3f4f8}
.record_wrap .record_inner_wrap { background: #fff; box-sizing: border-box; border-radius:20px;}
.record_wrap .record_inner {padding:40px; }
.record_wrap .iframe_wrap {padding-bottom: 55.555%; position: relative;}
.record_wrap .iframe_wrap > iframe {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }

.control_area {position: relative; min-height:94px; padding:40px; padding-top: 0px }
.control_area .time {position: absolute; left:40px; top:0px; font-size:20px; color: #999999; line-height: 140%; font-weight: 400; }
.control_area .time .mont {display: block; line-height: 130%; font-size:52px; color: #87b570; font-weight:700; }

.btn_group {text-align: center; font-size: 0px;}
.btn_group a {display: inline-block; vertical-align: top; margin: 0px 5px}

.record_wrap.height {overflow: hidden; position: relative;}
.record_wrap.height .record_inner_wrap {position: relative; width:calc(100% - 300px); }
.record_wrap.height .record_inner {position: relative;}
.record_wrap.height .control_area {position: absolute; right:-300px; top:0px; height: 100%; box-sizing: border-box; width:280px; background: #fff; border-radius:20px; padding-left: 10px; padding-right: 10px; text-align: center;}
.record_wrap.height .control_area .time {position: relative; display: inline-block; left: auto; top: auto; text-align: left; padding-top: 50px;}
.record_wrap.height .control_area .btn_group {padding-top: 50px;}
.record_wrap.height .iframe_wrap {padding-bottom: 65%}
*/
.record_wrap {height: 100%; box-sizing: border-box; padding: 20px; background: #f3f4f8; position: relative;}
.record_wrap .record_inner_wrap {height:calc(100% - 140px); background: #fff; box-sizing: border-box; border-radius:20px;}
.record_wrap .record_inner {padding:40px; height: 100%; box-sizing: border-box;}
.record_wrap .iframe_wrap {height: 100%; position: relative;}
.record_wrap .iframe_wrap > iframe {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }

.control_area {position: relative; background: #fff; border-radius:0px 0px 20px 20px; margin-top: -10px;  min-height:94px; padding:40px; padding-top: 0px }
.control_area .time {position: absolute; left:40px; top:0px; font-size:20px; color: #999999; line-height: 140%; font-weight: 400; }
.control_area .time .mont {display: block; line-height: 130%; font-size:52px; color: #87b570; font-weight:700; }

.control_area .btn_upload {position:absolute; right:40px; top:0px;}

.btn_group {text-align: center; font-size: 0px;}
.btn_group a {display: inline-block; vertical-align: top; position:relative; margin: 0px 5px}
.btn_group a .pa {position:absolute; left:0px; top:0px; display:none;}
.btn_group a.on img {opacity:0;}
.btn_group a.on .pa {opacity:1; display:block;}



/* ------------------------------------------------------------
 * Name      : mobile_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
.mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}
.m_gnb {position:absolute; left:0px; top:81px; width:100%;}
.m_gnb .gnb > ul {width:100%; background:rgba(18,18,18, .97); position:relative; overflow-x:hidden;}
.m_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.m_gnb .gnb > ul > li > a {display:block; font-size:14px; color:#ffffff; padding:15px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
/*.m_gnb .gnb > ul > li:hover > a {background:#000;}*/

.m_gnb .sub_menu  {width:100%; line-height:20px; background:#4a4a4a; display:none;}
.m_gnb .sub_menu > li > a {display:block; color:#fff; font-size:12px; padding:5px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
.m_gnb .sub_menu > li > a:hover { background:#009091;}
.m_gnb .gnb .alarm { background-size:20px;}
.m_gnb .gnb .name {max-width:200px;}
.mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;}
.mobile_on select {height:31px; padding:0px 2em 0px 8px!important;}
.mobile_on .sel_arrow {position: relative;}

.down_file {display: inline-block; vertical-align: middle; color: #0c91dd; margin-left: 10px;}
.down_file > span {display: block; padding-left:23px; background: url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}

/* 980px 이상 */
@media screen and (min-width:980px) {
	

}
/* 1024 이상 */
@media screen and (min-width:1024px) {
    

}
/* 1200px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}
     
}




/* 1220px 이하 */
@media screen and (max-width:1219px) {
	 .quick_wrap {right: -110px; transition: all .5s .6s ease-in-out; -webkit-transition: all .5s .6s ease-in-out;}
	#header .top_btns {right: 70px;}
    .m_gnb_on {display: block;}
    .w_gnb {display: none;}
    #header .in_header .top_btns {display: none;}
    
    #inner_wrap {padding:0px 10px 70px 10px;}
    #inner_wrap.no_visual {padding-top:70px;}

	.main_visual .visual_txt img {max-width:80%} 
    .main_visual .bx-controls {bottom: 5%;}
    .main_banner_wrap {margin-top: 0px;}
    
    .main_program .left .m_tit {text-align: center; font-size: 52px; line-height: 130%;}
    .main_program .ico_bt {text-align: center;}
    .program_info .bt {padding: 20px 0px 20px 0px;}
    .main_program {padding: 0px;}
    .main_program .left {position:relative; left: auto; top: auto; width:100%; padding: 0px;}
    .program_info {padding-top: 20px;}
    .main_program .right {max-width: 948px; width: 100%;}
    
    #footer_navi > ul {text-align: center; float: none; width: 100%;}

	
    #footer .addressW {padding:30px 0px 30px 0px; background:none; text-align: center;}
	#footerW .copy > p {text-align: center;}
    
    .record_wrap.height .record_inner_wrap {width:100%;}
    .record_wrap.height .control_area {position: relative; right: auto; top: auto; width: 100%; height: auto; border-radius:0px; padding: 40px; padding-top: 0px;}
    .record_wrap.height .control_area .time {position: absolute; left: 40px; top: 0px; display: block; padding-top:0px;}
    .record_wrap.height .control_area .btn_group {padding: 0px;}
    
}
/* 980px 이하 */
@media screen and (max-width:979px) {

    
    

    .w_gnb {display:none;}
	#gnb_bar {display:none !important;}

	#section3 {min-height:270px; padding-top: 40px;}
	.main_banner {float: none; width: 100%; margin-bottom: 5px;}
	
	.main_event_wrap {padding: 0px;}
    .main_event_wrap .left {position: relative; left: auto; top: auto; width:auto;}


    .inner {padding: 0px 10px;}
 
   

	
    .title_bar:before {display: none;}

   
    .location {display: none;}

    .guide_tab > li {width:20%;}
    
    .book_list .book_li > li {width: 20%;}
    
    .sample_book_list .book_li > li {width: 33.33333%;}
    
    
    .introduce_wrap .img {float: none; padding: 20px 0px 0px 0px; width: 100%;}
    .introduce_wrap .txt {float: none; padding-right: 0px; width: 100%;}
	
    .study_wrap .box {float: none; width: 100%;}
    
    .introduce_top .txt_box {position: relative; right: auto; bottom: auto; padding: 20px 0px;  max-width:100%;}
    
    .learningspace > ul > li {width: 33.333%;}
    .img_txt_right .txt {float: none; width: 100%;}
    .img_txt_right .img {float: none; width: 100%; padding: 10px 0px 0px 0px; text-align: center;}
    
    .content_two {margin-top:0px; margin-bottom: 0px;}
    .content_two .box {float: none; width: 100%; margin-bottom: 40px;}
    .content_two:before {display: none;}
    
    .step_box > ul > li {width: 100%; padding: 60px 40px;}
    .step_box > ul > li:last-child {padding-bottom: 0px;}
    .step_box > ul > li .box {min-height: auto;}
    .step_box > ul > li .arrow {top: 100%; width: 100%; text-align:center; left:0%; margin: -40px 0px 0px 0px; }
    .step_box > ul > li .arrow img {transform: rotate(90deg)}
    .step_box > ul > li .box .step {top: -30px}
    
 
    
    
}

/* 768 이하 */
@media screen and (max-width:767px) {
	.in_header {height: 70px;}
	#wrap {padding-top: 70px;}
	#header h1 a {background-size:cover !important}
	#header h1 a img {height:52px;}

    
	.section {font-size: 16px}
    .main_visual .v_txt {max-width: 100%}
    .main_visual .visual_txt img  {max-width: 70%}
	.main_visual .v_frame .visual_txt {font-size:1.5em;} 
    .main_visual .bx-controls {bottom:10px;}
	.main_visual #visual_counter {bottom: 20px; font-size: 20px;}
	
	.main_visual .v_bt {bottom: 20px;}
    .main_program .right .v_bt_wrap {width: 95px; height: 95px;}
    .main_program .right .v_bt_wrap .p_txt {font-size: 20px; padding-top: 20px;}
    .main_program .right .v_bt_wrap #p_next {margin-left: 0px;}
    .main_program .right .v_bt_wrap #p2_next {margin-left: 0px;}
    .main_program .right .v_bt_wrap:before {display: none;}
    
    .program_info .bt > li > a {font-size: 14px; min-width: 160px;}
    .program_info .bt > li > a > span {line-height: 44px;}
    
	.main_banner .box {min-height: 245px; padding-right:210px;  background-size:210px auto !important }
	.main_banner .box .txt {font-size:1em; min-height:70px;}
    
    .m_tit {font-size: 22px;}
    
    .main_program .left .m_tit {font-size: 42px;}
    #section3 .m_tit {font-size: 42px;}
    
    .main_event_wrap .left > h3 {font-size: 42px;}
    .main_event_wrap .left .txt_s {min-height: auto; padding-bottom: 10px;}
    
    #main_event > li > a .pic {width: 176px; height: 176px;}
    #main_event > li > a {padding-left: 195px; min-height: 186px;}
    .main_event_wrap .bx-wrapper .bx-pager {padding-left: 195px;}
    
    
    #footerW {padding-top: 0px; padding-bottom:0px;}
    #footer .addressW {padding:10px; padding-top: 0px; text-align: center}
    #footerW .familySite {display: none;}
    #footer .addressW .copy {padding-top:10px;}
    #footer .go_top > a {padding: 7px;}
    #footerW .copy {font-size: 13px;}
    #footer_navi .sns {position: relative; padding-bottom: 10px; text-align: center; right: auto; top: auto;}
	
    #footer_navi {padding-bottom: 0px;}
    #footer_navi > ul {text-align: center; padding:15px 0px;}
    #footer_navi > ul li {padding: 0px 13px;}
    #footer_navi > ul li a {font-size: 13px;}
    #footer .addressW {font-size: 13px;padding:15px 10px; background: none;}
    
	
	#footerW .copy > p {font-size: 12px;}
	#footer .go_top {display: none;}
    #lnb_wrap .lnb {padding-left: 0px;}
	#lnb_wrap {margin: 0px; padding: 0px;}
    #lnb_wrap .ico_home {display: none;}

    #lnb_wrap .lnb .lnbs {width: 50%;}
    .sub_wrap_1 #lnb_wrap .lnb .lnbs {width: 33.333%}
	#lnb_tit2 {border: none;}
    .lnb_tit {font-size: 15px;}
	.sub_con {font-size:15px;}
    #sub_tit  {font-size: 35px;}
    .sub_visual .sub_txt {font-size: 18px;}
	
    .title_bar {margin-bottom:35px; padding:25px 0px 20px 0px;}
	.title_bar h2 {font-size:32px;}
    .title_bar .s_txt {font-size: 1.15em; padding-top: 20px;}
	

	.b_txt {font-size:20px; padding: 30px 0px 15px 0px}
	.sub_title {font-size:14px;}
	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}
    
	.s_tit {font-size:23px;}
	
	
    
 

	
    .map_info .cell {float: none; width:100%;}
    .map_info .cell dl {float: none; width: 100%;}
    .map_info .cell .ico01 {margin-top: 0px;}
    
    .sch_two_table .cell {float: none; width: 100%;}
    
    
    
    
    .ico_note {padding-left:26px; background-size:15px auto; }
    .ico_note:before {width: 20px; height: 20px;}
    .ico_note:after {width: 20px; height: 20px; line-height: 20px; font-size:17px;}
   
    
    
    
    
    .b_table.long > dl {padding-left:0px;}
    .b_table.long {padding-top:10px;}

    .b_table.long > dl > dt {position: relative; padding-bottom: 0px;}
    /*atab*/
    .atab li a {height: 55px;}
    .atab li.on {margin-top: 0px;}
    .atab li.on a {height:55px;}
    .atab li.on a:after {width:16px; height:16px; bottom: -18px;}

    .btn-tc > a {margin: 0px;}
    
    .find_cell {padding-right: 0px !important}
    .find_cell .cell {float: left; width: 50%; box-sizing: border-box;}

    .find_cell .bt {display: block; position: relative; right:auto; top:auto; width: 100%; clear: both; padding-top: 5px;}
  
    
    
    .join_type > dl {width: 50%;}
    .join_type > dl.ico03 {border-left:1px solid #ccc; }
    .join_type.two > dl {float: none; width: 100% !important; padding:20px 10px 20px 10px !important; border: 1px solid #ccc;}
    .join_type.two > dl > dt strong {min-height: auto; padding-bottom: 10px;}
    .join_type.two > dl > dd {font-size: 14px; min-height: auto; padding-bottom: 10px;}
    .join_type.two > dl > dd br {display: none;}
    
    .join_type.two > dl > dd.bt {padding-bottom: 0px;}
    .join_type.two > dl > dd.bt a {display: block;}
    .join_type > li > a > strong {font-size:24px;} 
	.agency_join {float:none; width:100%; min-height:auto;}
	.agency_join.two{width:100%;}
   
    .member_ok {font-size:22px;}

   

    .contest_view {padding-left:0px; min-height:auto;}
    .contest_view .pic {width:100%; height: auto; max-width:280px; position: relative; margin: 0 auto; left: auto; top: auto; margin-bottom: 30px;}
    .contest_view .pic img { position: relative; left: auto; top: auto; transform:none; -webkit-transform:none}
    
    .com_info {padding:10px 10px;}
    .com_info > dt {position: relative; left: auto; top: auto;  transform: none; transform:none;}
    .com_info > dd {border: none; padding:0px 0px 0px 23px;}
    
    
    .btab li a {padding:5px 0px; font-size:15px;}
    


    .map_wrap {height:440px;}
    .map_txt > ul > li {float: none; width: 100%; font-size: 15px; border-bottom: 1px solid #ccc}
    .map_txt > ul > li:last-child {border-bottom: none;}
    



	.login_type .login_wrap {float: none; width: 100% !important; padding:20px 10px 20px 10px !important; border: 1px solid #ccc;}
	
	.join_step {margin-bottom: 10px;}
    .join_step > ol > li {font-size: 14px;}
    

	.m_th_b {width:135px !important;}
	.m_th {width:115px !important;}
    .m_th_s {width:95px !important;}
    .m_th_ss {width:75px !important;}

	.main_layer_pop {-webkit-overflow-scrolling: touch; position:fixed; overflow-y: auto; width: 100% !important; max-width:100% !important; transform:none !important; -webkit-transform:none !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0; z-index: 99999; background: url(../img/common/png_70.png) repeat left top; zoom: 1;}
    .main_pop_bottom {padding:10px; font-size:14px;}
    .main_pop_bottom .close {right:10px; top:10px;}
	.main_layer_pop .pop_wrap_in {float:none !important;}
    
    .txt_tab li a {font-size: 19px;}
    
    .learningspace {padding: 20px 10px;}
    .learningspace > ul > li {width:100%;}
    .learningspace > ul > li > dl {min-height: auto;}
    
    .btn_group a img {width:52px;}
    .control_area {min-height:55px;}
    .control_area .time {font-size: 17px;}
    .control_area .time .mont {font-size:33px;}

	.price_box:before {display:none;}
	.price_box > ul > li {float:none; width:100%; border-top:1px solid #e5e5e5}
	.price_box > ul > li:first-child {border:none;}

	.mypage_icoW {position:relative; right:auto; top:auto; float:right; margin-top:-20px; margin-bottom:20px; border:1px solid #ccc}
    
}
/* 600 이하 */
@media screen and (max-width:599px) {
    
	.my_user .my_num .input {height:34px; line-height:32px;}
    .mypage_icoW {margin-top:0px;}
    
	
	.main_video_wrap .video_btn {padding:0px 5px;}
	
	.main_video_wrap .video_btn > li > a > p {padding:10px; height:90px;}
	.main_video_wrap .video_btn > li > a > p > span {display:block; text-align:center;}
	.main_video_wrap .video_btn > li > a > p > span.ico {margin:0px;}
	.main_video_wrap .video_btn > li > a > p > span br {display: none;}

    
    
    .line_tit {font-size: 20px;}
    .line_tit:after {height: 5px;}
    #footer_navi > ul li {font-size: 13px;}
    #footer .addressW {text-align: center; font-size: 12px;}
    
    
    .pop_wrap .pop_head .title {font-size:18px; color: #fff; padding: 17px 55px 18px 15px !important;}
    .pop_wrap .pop_body {padding:10px;}
   
    
   
	#w_lnb {display:none;}
	#m_lnb {display:block;}
    
     .login_wrap {padding:15px;}

    
    .signup {padding:10px 0px 5px 0px;}
    .signup li input {height: 50px; font-size: 14px;}
    .login_wrap .id_save {font-size:14px;}
    .find_idpw a {font-size: 14px;}
    .login_wrap .login_bt .btn {line-height:30px; font-size:18px;}
    .join_go > a {line-height:30px; font-size:18px;}    
    .layers_wrap .layers {padding:10px; font-size:0.95em;}
    .error_wrap .error_msg {font-size:26px;}

    .table_line {width: 100%; overflow: auto;}

    
	
    .bt_include {padding:0px 0px 45px 0px;}

    .bt_include .add_bt, .add_bt_2 {position: absolute; right: 0px; top: auto; left: 0px; bottom:0px;}
    .bt_include .add_bt a, .add_bt_2 a {display: block;}
	.cer_num{display:block; position:relative; right:0px; top:auto;}
    .m_block600 {display: block !important; margin-bottom: 3px !important; float: none !important;}
    
    
    #add_date {padding-right: 0px; padding-bottom:45px;}
    #add_date .bt {left: 0px; bottom: 0px; top:auto; padding-right: 40px;}
    #add_date .bt a {display: block; }
    #add_date .bt .tooltip {right: 0px; top: 0px; position: absolute;}
    #empty a {display: block;}
    .br_box {padding:15px;}
    

    
    .m_box {padding:20px;}
    .more {right:0px; top:10px;}
	.more a {font-size: 14px;}
    .day_day .select_ds {width: 50% !important;}
    .day_day .select_ds:nth-child(2) {padding-right: 0px !important;}
    .day_day .select_ds:last-child {clear: both; width: 100% !important; max-width: 100% !important; margin-top: 5px;}
    
	.day_time .select_ds {width:100% !important; margin: 5px 0px 0px 0px !important;}
    
    .procedure > li {float: none; width: 100% !important; padding-top:40px;}
    .procedure > li:first-child {padding-top:0px;}
    .procedure > li:before {background: url(../img/support/arrow_b.png) no-repeat center center; left: 50%; margin-left:-34px; top:-14px;  margin-top: 0px !important; }
    

    .procedure2:after {width:calc(100% - 0%); width:-webkit-calc(100% - 0%); height:calc(100% - 345px); height:-webkit-calc(100% - 345px); position: absolute; right:0px; top:auto; bottom:50px;}
    .procedure2:before {bottom:20px; width:calc(100%); width:-webkit-calc(100%);}

    
    .over_layerW {position: relative;}
    .over_layer {overflow:auto;}
    .over_layerW:after {display: block; content: ""; width:10px; height: 100%; position: absolute; right: 0px; top: 0px; background: url(../img/common/bg_shadow.png) repeat-y left top}
    .over_layer > div {min-width: 600px;}
    .guide_name {padding: 20px; background:#f1f2f6;}
    .sss_tit .ib.point_c.fn {display: block; font-size: 0.85em;}
    
	.ico_dl {padding: 20px;}
	.ico_dl .ico {display: none;}
	
	.visitw > ul > li {float: none; width: 100% !important; padding-top:40px; min-height: auto; border:none; padding: 30px 0px 15px 0px;}
    .visitw > ul > li:before {background: url(../img/common/arrow_b.png) no-repeat center center; width: 30px; height: 30px; left: 50%; margin-left:-15px; top:-15px;  margin-top: 0px !important; }
	
	.main_b .web_dis {display:none;}
	.main_b .mb_dis {display:inline-block;}
    
    .study_wrap {padding: 10px;}
   
    .info_wrap .middle .con .pic {position: relative; left: auto; top: auto; margin: 0 auto; margin-bottom: 5px;}
    .info_wrap .middle .con {padding-left: 0px;}
    
    .over_layerW {position: relative;}
    .over_layer {overflow:auto;}
    .over_layerW:after {display: block; content: ""; width:10px; height: 100%; position: absolute; right: 0px; top: 0px; background: url(../img/common/bg_shadow.png) repeat-y left top}
    .over_layer > div {min-width: 600px;}
    
    .my_book_list .book_li > li {width: 50%;}
   
    
    
}



/* 480px 이하 */
@media screen and (max-width:479px) {
	.mypage_icoW {width:100%;}
    #wrap {transition: all 0.3s 0s ease-in-out; padding-top: 60px;}
    

	#header h1 a img {height:43px;}

    
    .in_header {height:60px;}
    .menu_btn {height: 18px; width: 24px;}
    .menu_btn .line-middle {top:8px;}
    
    .slide_menu_wrap .gnb > ul > li > a {font-size:16px; padding: 10px 10px 10px 5px;}
    
    .main_visual .v_frame {height:250px;}
    .main_visual .v_txt {font-size:30px; margin-top: 0px;}
    .main_visual .v_txt img {max-width:90%; margin-top: -20px;}
	.main_visual .v_frame .visual_txt {font-size:1.2em;} 
	.main_visual .visual_txt img{max-width:90%;}
	.main_visual .visual_bt {position: relative; left: auto; bottom: auto; transform:none; -webkit-transform:none;}
	.main_visual .visual_bt {overflow: hidden; margin: 0px; margin-top: 20px;}
	.main_visual .visual_bt > li {padding: 5px;}
	.main_visual .visual_bt > li > a {padding: 15px 15px 15px 20px;}
	.main_visual .visual_bt > li > a > span {font-size: 15px;}
    .main_banner .box .bt > a {line-height: 30px;}
    .main_banner .box .bt > a:after {width: 30px; height: 30px; right: 9px;}
	
    .main_banner .box {min-height: 165px; padding: 20px 120px 10px 20px; background-size: 120px auto !important;}
    
    .main_program {margin-top:30px;}
    
	.section {font-size: 14px;}
	
	#section3 {min-height: auto;}
	
    .main_program .left .m_tit {font-size: 37px}
    #section3 .m_tit {font-size: 37px}
    .main_event_wrap .left > h3 {font-size: 37px}
    .program_info > h4 {font-size: 1.8em;}
    
    .main_program .right .v_bt_wrap {width: 75px; height: 75px;}
    .main_program .right .v_bt_wrap .p_txt {font-size: 16px; padding-top: 14px;}
    .main_program .right .v_bt_wrap .v_bt {margin-top: 3px;}
    .board_sliderW .more {display: none;}
    
    .main_event_wrap .left {padding: 10px 20px;}
    .main_event_wrap .left .bt > a {max-width: 235px; line-height: 47px; font-size: 15px; margin: 0 auto}
	#main_event > li > a .pic {width: 106px; height: 106px;}
    #main_event > li > a {padding-left: 115px; min-height: 110px; margin-bottom: 30px;}
    #main_event > li > a .txt_t {height: 44px; line-height: 22px; font-size: 17px; margin-bottom: 10px;}
    #main_event > li > a .type {margin-bottom: 5px;}
    .main_event_wrap .bx-wrapper .bx-pager {padding-left: 0px; text-align: center;}
	
    #footer .go_top {display: none;}

    #footer .addressW address {margin: 0px;}
    #footer .addressW address strong {display: block;}
    #footer .addressW address span {padding: 2px 5px;}
    #footer_navi > ul li a {font-size: 12px;}
    #footer_navi > ul li {margin-left: 0px; padding: 0px 5px}
    #footerW .copy {font-size: 11px;}
    #position3 {padding:40px 0px 100px 0px;}
    .pop_wrap .pop_head .title {text-align: left !important; padding:15px 45px 15px 15px;}
    .pop_wrap .pop_head .title br {display: none;}
    .pop_wrap .x_btn {right:15px; }
    
    
    
	.mb_dis {display: block;}
    #add_date .bt .tooltip {height: 36px; line-height: 34px;}
    
   
    #sub_tit {font-size:25px;}
    .sub_visual .sub_txt .date {font-size: 20px;}
    .sub_visual .sub_txt .place {font-size: 20px;}
    .sub_visual .sub_txt {height:150px; font-size:14px;}
	
    
    #lnb_wrap {background:#333; height: auto;}
    #lnb_wrap .lnb {padding-left:0px; position: relative;}
    #lnb_wrap .lnb .lnbs:after {display: none;}
    #lnb_wrap .ico_home {display: none}
    #lnb_tit {display: none;}
    #lnb_wrap .lnb .lnbs {width:100% !important; max-width: 100%; border: none; box-sizing: border-box;}
    .lnb_tit {padding-left:0px; padding-right: 0px; text-align: center; color: #fff; line-height:51px; height:51px; background: url(../img/common/lnb_arrow3.png) no-repeat right center; font-size: 14px; border: none;}
    a.lnb_tit {color: #fff; }
    
    .lnb_tit.on {background:url(../img/common/lnb_arrow3_on.png) no-repeat right center;}
    #lnb_wrap .lnb .lnbs .copy_menu {top:52px; border: none; box-shadow:0px 1px 3px #ccc;}
    #lnb_wrap #gnb_menu {display: none !important;}
    .lnb ul li a {font-size: 14px;}
	.lnbs2 > ul > li > a {border-color:#d4d4d4 !important;}

    .sub_wrap_1 #lnb_wrap .lnb .lnbs2 {display: none;}
    .sub_wrap_1 #lnb_wrap .lnb .lnbs3 {display: block;}

    
    .map_wrap {height:300px;}
    
	.map_txt > li {padding:15px 10px 15px 55px; font-size: 13px;}
    .map_txt > li .ico {left:15px;}
    .map_txt > li .ico img {width:30px}
    
    .map_info {padding-left: 0px;}
    .map_info > dl {padding-left: 50px; background-size:40px auto !important;}
    .map_info .arrow_bg {background-size:auto 5px !important; padding-right: 23px; }
	.map_info .bul > li > span {padding-left: 30px; background-position: left 4px !important; background-size:22px auto !important; }

	.map_detail > a {max-width: 245px;}
    
    .ico_note {padding-left:22px; background-size:13px auto; }
    .ico_note:before {width:16px; height: 16px;}
    .ico_note:after {width: 16px; height: 16px; line-height: 16px; font-size:12px;}
   
    
    .join_step > ol > li .ico {width:60px;}
	.join_step > ol > li:before {top:19px; background-size:20px auto;}
	.join_step > ol > li .txt {font-size:14px;}
	
	
    
	.btn-tc > a {margin:5px 0px;}
	.subject {padding-left:10px;}
	.bbs_search {margin-bottom:10px;}
	.bbs_search_in {padding:0px;}
	.bbs_search_in .select { position:relative; margin-bottom:5px; width:100%;}
	.bbs_search_in .btn_search { position:relative; display:block; margin:5px 0px 0px 0px; width:100%;}

    .block_m {display: block;}
    .block_m.fl {float: none;}
    .list_btn .block_m {margin: 2px 0px;}
	.board-view td.view_td {padding:20px 10px;}
    .list_btnW a {display: block;}

    .s_tit {padding: 0px 0px 10px 0px; font-size:20px; background-position:left 5px; background-size:20px auto; }
	.s_tit img {height: 20px; margin-top: 2px;}
    .s_tit:before {width: 22px; height: 22px; top:13px;}
    .s_tit:after {width:7px; height:7px;}
    .sub_con > .s_tit:first-child {margin-top: 0px}
	.ss_tit {font-size: 18px; margin-top:25px;}
    .ss_tit:before {width: 6px; height: 19px; top: 4px;}
	.sss_tit {font-size:17px; margin-top:25px; padding-left: 16px;}
    .sss_tit:before {width: 6px;height: 15px; top: 4px;}
    .s_txt_r {margin-top: -25px; padding-bottom:5px;}
    .s_txt_r2 {margin-top: -45px;}
    .txt_in {padding-left:16px;}
	#inner_wrap {padding-bottom: 30px;}
    #inner_wrap.no_visual {padding-top: 30px;}

  

    .sub_con {font-size:13px; }
    .layerPop {font-size:0.95em; }
    .title_bar {padding:15px 0px 20px 0px; margin-bottom:10px; background-size:auto 60px; }
	.title_bar h2 {font-size:22px; }

    .title_bar .s_txt br {display: none;}
    .title_bar .s_txt2 {font-size: 1.25em; padding-top: 0px; margin-bottom:15px;}

    
    .m_th_b {width:105px !important;}
	.m_th {width:85px !important;}
    .m_th_s {width:65px !important;}
    .m_th_ss {width:45px !important;}
    
    

    .w_name {width: 70px;}
    .w_date {width:80px;}
    .m_block {display: block !important; margin-bottom: 3px !important; float: none !important;}
    .scrollbox {height:120px; }
    .atab {margin-bottom: 20px;}
 
    .b_table > dl {font-size: 16px; padding-left:0px;}
    .ul_table > ul > li {font-size: 16px;}
    .check_txt {font-size:16px;}
    .radio_group > li {font-size:13px;}
    .b_table {padding-top:10px;}
    .b_table > dl > dt {font-size:16px; padding-top: 13px;}
    .b_table > dl > dd {min-height:20px; font-size: 13px;}
    .b_table > dl > dt {position: relative; padding-bottom: 0px;}
    .input_etc .pa {font-size:13px; line-height:36px;}
    input.input5 {height:36px; padding: 0px 5px; line-height: 34px; font-size: 13px;}
    .textarea {padding:5px 5px; font-size: 13px;}
    .b_table .btnNormalB span {padding: 0px 18px; height: 36px; line-height: 34px; font-size: 13px;}
    .security_code .code .num {height:34px; line-height: 32px; font-size: 14px;}
    .file_input label {height:36px;  line-height:34px; font-size: 13px;}
    .radio_group {margin-top:-5px;}
    
    .join_type > dl {float: none; width: 100% !important; padding:20px 10px 20px 10px !important; border: 1px solid #ccc;}
    .join_type > dl > dt strong {min-height: auto; padding-bottom: 10px;}
    .join_type > dl > dd {font-size: 14px; min-height: auto; padding-bottom: 10px;}
    .join_type > dl > dd br {display: none;}
    
    .join_type > dl > dd.bt {padding-bottom: 0px;}
    .join_type > dl > dd.bt a {display: block;}
    
    .join_type > li > a .ico {max-width:70%}
    .join_type > li > a {min-height: auto; padding-bottom: 40px;}
    .join_type > li > a > strong {font-size:16px;}
    
    .join_type {margin:-5px;}
    .join_type > li {padding: 5px;}
    
    .find_box {padding: 0px 0px 10px 0px;}
    .find_cell .bt {overflow: hidden;}
    .find_cell .bt > a {width: 50%; float: left;}
    .find_cell .bt > a > span {display: block; padding: 0px; margin: 0px 2px; }  
    .print_bt {display: none !important}
    .gray_box {padding:10px;}
  
    
    
    .member_ok {font-size:18px; }
    .member_ok br {display: none;}
    

    
    .main_content {padding:0px 0px 10px 0px;}
    .sch_topW .in_box .date {font-size:23px; }

   
    
    .event_pop > li {font-size:14px;}
    .event_pop > li .txt_t {font-size:16px; }
    
    .br_box {padding:10px;}
    .guide_tab > li > a {font-size: 12px;}
    
    .tit_ico {height:19px; line-height:18px;}
    


    .board_w > ul {padding: 10px 15px;}
    .btn-tc {padding:20px 0px; margin-top:20px;}
    

	
    .btab li a {font-size:14px; min-width:90px;}
    .event_wrap > li {width:50%; min-height:350px;}
    .point_box {padding: 10px;}
    
    .step_gudie > li .box {height: 140px;}
    .guide_name {padding:10px;}

    .data_table > li .txt_t {width: 100px;}
    
	
    
    .b_check_box {padding: 10px;}
    #inner_wrap .b_check_box .board-write th {font-size: 1.05em !important;}
	

	.map_btn .btn > li {width: 50%;}
	
	.result {float: none; width: 100%;}
	

	   
    .recruit_info > h3 {text-align: center; font-size:22px; padding:10px 10px 10px 10px;}
	.recruit_info .go_back {left: 10px; top: 0px; top:-40px; transform: none; -webkit-transform:none}

    
	.recruit_info .go_list > span {background-size:16px auto; padding-left: 20px; }
	.company_box {padding: 15px 15px 15px 15px; background: none;} 
	
	.method_wrap > ul > li > div > .ico img {max-width:120px; }
    
	.line_bg {background-size:auto 10px; padding-bottom: 20px;}


	.use_step > ul > li {width:100%; float: none; clear: both;}
	.use_step > ul > li br {display: none;}
	
	.use_step > ul > li {padding-bottom: 50px;}
	.use_step > ul > li:before {left:50% !important; display: block !important; transform: rotate(90deg) !important; -webkit-transform: rotate(90deg) !important; top: 0px; margin-top:-40px;}
	
	.ico_block > li {padding: 10px 10px 10px 80px;}
	.ico_block > li .ico {width:50px; left: 10px;}
	.ico_block2 > li {min-height: 100px;}
	.qr {font-size:14px;}
	.qr > a {font-size:14px;}

	.method_wrap > ul > li > h4 img {max-height:30px;}
	.method_wrap > ul > li > ul {margin:0px -30px;}
	.method_wrap > ul > li > h4 {min-height:auto; padding-bottom:20px;}
    
    .book_list .book_li > li {width: 33.333%;}
	.book_list .book_li > li > a .txt_t {font-size:1em;}
    
    .btn_play {padding: 0px 10px; line-height: 40px; font-size: 14px;}
    
    .sample_book_list .book_li > li {width:50%;}
    .sample_book_list .book_li > li .txt_t {font-size: 12px;}
    
    .ctab li a {font-size: 12px; min-width: 80px;}
    
    .introduce_wrap {padding-bottom: 20px;}
    .book_list .book_list_slide .book_li > li {padding-left:20px; padding-right:20px;}
    
    .txt_tab li a {font-size:15px;}
    .txt_tab li.on a:after {width: 8px; height: 8px;}
    
    .study_wrap {padding: 0px;}
    .info_wrap {padding: 10px 15px;}
    .info_wrap .v_bt > a {padding: 10px;}
    .info_wrap .middle {padding: 0px 40px;}
    
    .b_txt {font-size: 17px;}
    
    .review_list > ul {padding: 30px 0px;}
    .review_list > ul > li .box {padding-left:80px;}
    .review_list > ul > li .box .user {width:60px; display: block;}
    .review_list > ul > li .box .area {padding: 15px 20px;}
    .review_list > ul > li .box .area:before {top: 19px;   }
    
    .review_video {padding-top: 30px;}
    .review_video .frame_wrapW {padding: 0px;}
    .review_video .frame_wrapW:after {position: relative; right: auto; bottom: auto; margin: 0 auto; margin-top: 10px;}
    
    .my_ranking {font-size: 15px;}
    .my_user .my_ranking {position: relative; right: auto; top: auto; margin-top: 10px;}
    .my_book_list .book_li > li {width: 100%;}
    .my_user .my_name {font-size: 20px;}
    .my_user .my_num label {font-size: 15px;}
    .my_user .my_info > p {font-size: 13px;}
    .my_book_list .book_li > li a .date {min-height: auto;}
    
    .record_wrap {padding: 10px;}
    .record_wrap .record_inner {padding: 20px;}
    .control_area {padding: 20px; min-height:40px; padding-top: 0px;}
    .control_area .time {font-size:14px; left: 20px;}
    .control_area .time .mont {font-size: 23px; line-height: 120%;}
	.btn_group a img {width: 42px;}
	.btn_group a {margin:0px 3px;}
	.control_area .btn_upload {right:20px;}

    
    .record_wrap .record_inner_wrap {height: calc(100% - 90px);}

	.price_txt {font-size:1.4em; padding-top:0px;}

	.bt_record .bt {font-size:14px; padding:12px 12px 12px 40px; background-size:auto 12px;}
	.bt_record .bt2 {padding-left:32px;} 

	.my_user .my_ranking .btnNormalB {min-width:auto; display:block;}
    .my_user .my_ranking > ul {overflow:hidden;}
	.my_user .my_ranking > ul > li {float:left; width:33.333%; box-sizing:border-box; padding:0px 2px;}

	.my_user .my_end {position: relative; right: auto; top: auto; margin-top: 10px;}
	.my_user .my_photo { width: 110px;  height: 110px;}
	.my_user .my_end .btnNormalB {min-width: 93px;}
	.my_user .my_end .btnNormalB  span {padding:0px 5px;}
	.my_user .my_end > p  {text-align:center;}
	.my_user .my_end > ul  {text-align:center;}
	.my_user .my_end > ul > li {display:inline-block; }

	.guide_two > li {float:none; width:100%; padding-top:20px;}
	.guide_two > li:first-child {padding-top:0px;}
}




/* 320px 이하 */
@media screen and (max-width:320px) {
    .main_company h3 {font-size:24px; }
    .atab li a {font-size:12px;}
    .title_bar .s_txt {padding-left: 10px;}
    .bt_application a {padding: 0px 18px;}
    .bt_application a span {text-align: center;}

    
    .btns > li {width:100%; float: none; padding:2px 0px;}
    .btn-tc {padding:20px 0px;}
    

    
}