@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
@font-face {
    font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 700;
    src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
    url('//script.ebay.co.kr/fonts/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('//script.ebay.co.kr/fonts/GmarketSansBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
    font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 500;
    src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
    url('//script.ebay.co.kr/fonts/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('//script.ebay.co.kr/fonts/GmarketSansMedium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
    font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 300;
    src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
    url('//script.ebay.co.kr/fonts/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('//script.ebay.co.kr/fonts/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

.util_wrap .af_log{display:none;}

#wrap {width:100% !important; min-width:1300px !important;}
#header.custom_header .util_wrap {background-color: #fff;max-width: 1170px;width: 100%;margin: 0 auto;height:65px;text-align: left;}
#header.custom_header .logo {display: inline-block;width:400px;vertical-align: middle;margin-top:0px;float: left;}
#header.custom_header .logo img {margin-top: 0px;}
#header.custom_header .util_menu {float: right;width: auto;height:45px;margin-top: 10px;}
#header.custom_header .util_wrap .util_menu li {position: relative;padding:0px 12px 0px 0px;margin:0px 12px 0px 0px;}
#header.custom_header .util_wrap .util_menu li:after {content: '';position: absolute;right: 0;width: 1px;background-color: #c1c1c1;top: 17px;height: 11px;}
#header.custom_header .util_wrap .util_menu li:last-child:after {display:none;}
#header.custom_header .util_menu ul li a {color: #333;font-size: 13px;line-height:45px;}

#header.custom_header > .inner {position: relative;width: 100%;overflow: inherit;background-color: #fff;height:55px;margin: 0 auto;border-bottom: 1px solid #ced5ff;}
.menu_wrap #gnb {display: table;position:absolute!important;float: left;width: auto;margin-left: 0;background:#fff;border-bottom:7px #f2a922 solid;box-sizing:border-box;}
.menu_wrap #gnb li {float:none;display:table-cell;padding-left: 0;}
.menu_wrap #gnb li a {z-index:100;font-size:16px;color: #555;line-height:48px;width:145px;padding: 0px;text-align:center;box-sizing: border-box;position: relative;font-weight: 500;letter-spacing: -1px;}
.menu_wrap #gnb li a:hover {color: #333;}
.menu_wrap #gnb li.on a {color: #333;}
.menu_wrap #gnb li a:after {content: '';position: absolute;right: 0px !important;width: 1px;height: 12px;background:#dddddd !important;top:18px;}
.menu_wrap #gnb li:first-child a {padding-left:30px;}
.menu_wrap #gnb li:last-child a:after {display:none;}
#GNB_MY {float:right;display:inline-block;width:150px;height:40px;margin-top:15px;}
#GNB_MY a {display:block;width:150px;background: #f2a922; height:40px;line-height:40px;font-size:16px;color:#fff;text-align:center;}

.menu_wrap #gnb .gnb_sub {box-sizing: border-box;top:55px;background:#f6f7fe;border: 1px solid #ced5ff; box-shadow:none;padding:10px 0px;}
.menu_wrap #gnb .gnb_sub li:hover a {color: #000;background:none;}
.menu_wrap #gnb .gnb_sub li a {display: block;color: #666;font-size: 14px;text-align: center;line-height:28px;padding:0px 10px;}
.menu_wrap #gnb .gnb_sub li:first-child a {padding:0px 10px;}
.menu_wrap #gnb .gnb_sub li a:after {display:none;}

.hamgnb {position: relative;}


.hamburger {position:absolute; padding:10px 0px;display: inline-block; height:30px; box-sizing: border-box;width:30px;float: left;background-color: #fff;top:7px;cursor: pointer;z-index:999;left:0}
.hamburger span {background: #777777; display: block; height: 3px;-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease;-o-transition: all 0.6s ease; transition: all 0.6s ease;margin: 0 auto;}
.hamburger span:nth-child(1) {width: 24px;}
.hamburger span:nth-child(2) {width: 24px;margin-top: 7px;}
.hamburger span:nth-child(3) {width: 24px;margin-top: 5px;}
.hamburger.is-active {padding: 10px 0px;background-color: #fff;}
.hamburger.is-active .line {width: 24px;}
.hamburger.is-active .line:nth-child(1){-webkit-transform: translateY(5px) rotate(45deg);-ms-transform: translateY(5px) rotate(45deg);-o-transform: translateY(5px) rotate(45deg);transform: translateY(5px) rotate(45deg);}
.hamburger.is-active .line:nth-child(2){opacity: 1;-webkit-transform: translateY(-5px) rotate(-45deg);-ms-transform: translateY(-5px) rotate(-45deg);-o-transform: translateY(-5px) rotate(-45deg);transform: translateY(-5px) rotate(-45deg);}
.hamburger.is-active .line:nth-child(3){opacity: 0;}

.h_search {display:none;}

.all_list {display: none;position: absolute;top:55px;width:100%;left: 0;right:0;z-index: 99999;background: #f6f7fe;border-bottom: 1px solid #ced5ff; box-sizing: border-box;overflow: hidden; margin: 0 auto;}
.all_list .a_inner {height: auto !important;width: 1170px;margin: 0 auto;height:160px;}
.all_list .a_inner > li {float: left; width:145px;box-sizing: border-box;border-right: 1px solid #ddd;padding:10px 10px 10px 17px;height:160px;}
.all_list .a_inner > li:hover {background:#d6dafb;}
.all_list .a_inner > li:first-child {border-left: 1px solid #ddd;}
.all_list .a_inner > li p {display:none;}
.all_list .a_inner > li a > span {color: #333; font-size: 16px; font-weight: 600;}

.all_list .a_inner > li ul {overflow: hidden; margin-top:0px;}
.all_list .a_inner > li ul li {line-height:25px;}
.all_list .a_inner > li ul li:hover {background:none;}
.all_list .a_inner > li ul li a {color: #666; font-size: 14px;letter-spacing:-0.05em;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;display: block;width: 100%; height: 100%;}
.all_list .a_inner > li ul li a:hover {color: #000; font-weight:500;}


/* main 레이아웃 스타일 */
.bgGray {position:relative;display:inline-block; width:100%; background:#fbfbfb; text-align:center; padding:50px 0px;border-top:1px #ebebeb solid;}
.bgWhite1 {position:relative;display:inline-block; width:100%; background:none; text-align:center; padding:30px 0px 50px 0px;}
.bgWhite {position:relative;display:inline-block; width:100%; background:none; text-align:center; padding:0px 0px 60px 0px;}
.main_inner {position:relative;width:1170px;margin:0px auto 0px auto; padding:0px 0px; display:block; text-align:left;}
.main_title {font-family:"noto_sans", sans-serif;height:50px;line-height:50px;font-size:35px;font-weight:500;color:#000000; padding-bottom:0px; margin:0px 0 20px 0;text-align:center;background:none;}


#container .horizontal_wrap#bgwrap {display:none;background:#e5e5e5 url('/html_teach/images/main/mainbg2.jpg') no-repeat center;max-width: 100%; margin-bottom:40px;}
#container .horizontal_wrap#bgwrap .top_title {color: #0e1536;}

.main_visual{position:relative;width:100%;height:440px; background:#f1f3ff; padding:50px 0px;box-sizing:border-box;border-bottom:1px #ced5ff solid;text-align:center;}
.main_visual .main_visual_text { width:1170px;height:300px;padding:0px 0px;margin:0px auto;text-align:left;}
.main_visual .main_visual_text a {display:inline-block;width:100%;height:300px;background-position:0px 0px !important;background-size:auto !important;}
.main_visual .main_visual_text a img {width:100% !important;height:300px !important;}

/*
#slides{position:absolute;top:45px;left:50%;width:770px !important;margin-left:-184px;z-index:100}
.slides_container{width:770px !important;height:340px;border-radius:40px;overflow:hidden}
#slides,.slides_container,
.slides_container div {height: 340px;width: 100%;max-width:100%;}
.slides_container img {width:100%;height:340px;}
.slides_container div{width:100%;height:340px;display:block;background-size: cover !important;}

.main_visual .pagination{position:absolute;left:-370px;width:190px;height:2px !important;bottom:3px;z-index:101;text-align:center;display:table;font-size:0;padding:0;margin:0;}
.main_visual .pagination li{float:none;width:auto;height:2px !important;display:table-cell;table-layout:nowrap;margin:0px 10px;background:#dcdcdc;border-radius:0px;opacity:1;}
.main_visual .pagination li a{display:block;text-align:center;text-indent:-9999999px; width:100%; height:2px !important;}
.main_visual .pagination li.current{background:#20125a;opacity:1.0;}
*/

/* main 상단롤링배너 (좌우화살표 있는것) */
.container {position:absolute;top:0;left:0%;width:100% !important;min-width:1170px;margin-left:0px; height:460px !important; min-height:340px;padding:0px; text-align:left; }
#slides {display:none; position:absolute;top:50px;left:0!important; width:850px; margin:0 auto; height:340px !important; overflow: visible !important; z-index:0; text-align:center;  }
#slides a {display:block;width:100%; height:340px; overflow:hidden;border-radius:40px; }
#slides a img {  z-index:0; border:0px; width:100%; height:340px; }
#slides .slidesjs-navigation { display:none; position:absolute; margin:0px; }
a.slidesjs-next,
a.slidesjs-previous {display:absolute;bottom:2px !important;width:15px !important;height:15px !important;overflow: hidden;text-indent: -9999px;float: none;z-index:100; }
a.slidesjs-next { left:-140px;background: url('/html_teach/images/common/arrow_right.png') no-repeat;opacity:0.7; }
a:hover.slidesjs-next {background: url('/html_teach/images/common/arrow_right.png') no-repeat; opacity:1;}
a.slidesjs-previous { left:-155px;background: url('/html_teach/images/common/arrow_left.png') no-repeat;opacity:0.7; }
a:hover.slidesjs-previous { background: url('/html_teach/images/common/arrow_left.png') no-repeat; opacity:1;}

a.slidesjs-play,
a.slidesjs-stop { display:none; }

#slides .slidesjs-pagination { position:absolute;left:35%;width:200px;height:16px !important;bottom:-30px !important;padding:0px !important;margin:0px !important;z-index:101;text-align:center;display:table;table-layout:fixed; box-sizing:border-box; }
#slides .slidesjs-pagination li { width:auto !important;height:16px !important;display:table-cell;padding:0px !important;margin:0px !important;border:none;box-sizing:border-box; }
#slides .slidesjs-pagination li.slidesjs-pagination-item {height:16px !important;margin:0px !important;box-sizing:border-box;}
#slides .slidesjs-pagination li a {display:inline-block;width: 100% !important;height:9px !important; text-indent:-9999px;margin:6px 0px; padding:0px !important;background:#dcdcdc;border:none;border-radius:0px;overflow: hidden;}
#slides .slidesjs-pagination li a.active,
#slides .slidesjs-pagination li a:hover.active {background:#f2a922; }
#slides .slidesjs-pagination li a:hover {background:#999999; }


.main_top {width:100%;display:flex;padding:60px 120px;background:url('/html_teach/images/common/main_top_bg  .png') 100% 50% no-repeat;border-bottom:1px #e5e5e5 solid;justify-content: space-around;}
.main_top .mtop_title{ font-family:'Gmarket Sans',sans-serif;font-weight:500;font-size:20px;line-height:26px;color:#333;float:left;width:292px;display:inline-block;letter-spacing:-0.07em;}
.main_top .mtop_title a.btn_course {display:inline-block;width:auto;height:22px;line-height:24px;padding:0px 9px;background:#f2a922;color:#fff;font-size:14px;font-weight:500;letter-spacing:-0.05em;border-radius:30px;margin-top:20px;}
.main_top .mtop_title a.btn_course:hover {background:#d97a07;}

.main_top .mtop_stit {position:relative;font-family:'Gmarket Sans',sans-serif;font-weight:500;font-size:20px;line-height:25px;color:#333;margin-bottom:10px;}
.main_top .mtop_more {position:absolute;right:20px;width:50px;height:25px;top:0px;background:url('/html_teach/images/common/page_title.png') 0 7px no-repeat;}
.main_top .mtop_schedule{float:left;width:292px;display:inline-block;padding:0px 30px; box-sizing: border-box;}
.main_top .mtop_notice{float:left;width:292px;display:inline-block;padding:0px 30px;  box-sizing: border-box;}

.mtop_right {float:right;width:260px;height:110px;display:inline-block;margin:0px;}
.mtop_right a {display:inline-block;width:100%;height:110px;background-size:100% auto !important;}
.mtop_right a img {width:100% !important;height:110px !important;}


.list_top li { padding-left:0px;background:none;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.list_top li a {font-size:13px; line-height:21px;}

.main_info {width:100%;height:230px;display:inline-block;margin:50px 0px;}
.main_info a {display:inline-block;width:100%;height:230px;background-size:100% auto !important;}
.main_info a img {width:100% !important;height:230px !important;}



.top_notice {position:absolute;float:left;width:350px;height:55px;box-sizing: border-box;margin-left:80px;padding-top:20px; }
.top_notice .list_top {background:url('/html_teach/images/common/top_notice.png') 0px 50% no-repeat; padding-left:27px;}
.top_notice .list_top li a {font-size:13px; line-height:35px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}


/* main 추출 강의 스타일 */
#container .horizontal_wrap { padding:0px !important;}
.horizontal_wrap {position:relative;padding:0px;margin:0px !important;}
.horizontal_wrap .horizontal_list {margin:0px !important;}
.horizontal_wrap .top_title {height:40px;line-height:40px; font-family: Gmarket Sans,'Gmarket Sans',sans-serif;font-weight: 500;font-size:30px;color:#000000;padding:0px; margin:40px 0px 30px 0px; text-align:center; }
.horizontal_wrap .horizontal_list {overflow:hidden; width:1200px;margin-right:-30px;}
.horizontal_wrap .horizontal_list li{float:left;border:none;padding-bottom:13px;border:none;background:#fff;min-height:200px;width:273px;margin:0px 26px 0px 0px;}
.horizontal_wrap .horizontal_list li.nodata{padding:90px 0;min-height:50px;width:1170px;border:1px solid #e5e5e5;margin-left:0;}
.horizontal_wrap .horizontal_list li.first{margin-left:0;}
.horizontal_list span{display:block;}
.horizontal_list span.img_box{border:none;position:relative;margin-bottom:0px;width:273px;height:167px;box-sizing:border-box;}
.horizontal_list span.img_box a{position:relative;display:block;}
.horizontal_list span.img_box > a > img{width:273px;height:167px;}
.horizontal_list span.list_subject{font-weight:normal;font-size:16px;color:#000;padding-bottom:0px;text-align:center}
.horizontal_list span.list_subtitle { border-bottom:1px #e2e2e2 solid; margin:3px 0 10px 0; padding:0px;  max-height:50px; overflow:hidden; }
.horizontal_list span.list_subtitle p {font-weight:normal;font-size:13px;color:#777777;text-align:left; margin-bottom:13px; padding:0px 10px 0px 20px; line-height:18px; max-height:36px; overflow:hidden; }
.horizontal_list span.list_period {display:none;}
.horizontal_list span.list_price {display:none;}
.horizontal_wrap .more{position:absolute;right:13px;top:10px}

.main_newcourse{ width:100%;height:280px;overflow:visible;}
.main_newcourse .horizontal_list {overflow:hidden !important; width:1200px !important;height:240px;margin-right:-30px !important;}
.main_newcourse .horizontal_list li{float:left;border:none;padding-bottom:13px;border:none;background:#fff;min-height:200px;width:273px !important;margin:0px 26px 0px 0px !important;}
.main_newcourse .horizontal_list li.nodata{padding:90px 0;min-height:50px;width:1170px;border:1px solid #e5e5e5;margin-left:0;}
.main_newcourse .horizontal_list li.first{margin-left:0;}
.main_newcourse .horizontal_list span{display:block;}
.main_newcourse .horizontal_list span.img_box{border:none;position:relative;margin-bottom:0px;width:273px;height:167px;box-sizing:border-box;}
.main_newcourse .horizontal_list span.img_box a{position:relative;display:block;}
.main_newcourse .horizontal_list span.img_box > a > img{width:273px;height:167px;}
.main_newcourse .horizontal_list span.list_subject{font-weight:normal;font-size:16px;color:#000;padding-bottom:0px;text-align:center}
.main_newcourse .horizontal_list span.list_subtitle { border-bottom:1px #e2e2e2 solid; margin:3px 0 10px 0; padding:0px;  max-height:50px; overflow:hidden; }
.main_newcourse .horizontal_list span.list_subtitle p {font-weight:normal;font-size:13px;color:#777777;text-align:left; margin-bottom:13px; padding:0px 10px 0px 20px; line-height:18px; max-height:36px; overflow:hidden; }
.main_newcourse .horizontal_list span.list_period {display:none;}
.main_newcourse .horizontal_list span.list_price {display:none;}


.bx-wrapper{margin:0 auto;width:100%;max-width:3000px !important;}
.bx-controls-auto{overflow:visible;position:absolute;left:-99999px;width:1px;height:1px}
.bx-controls-direction a{ display:block; position:absolute; top:150px;width:30px;height:30px;text-indent:-99999px; background:url('/html_teach/images/common/controls.png') no-repeat;}
.bx-controls-direction a.bx-prev{left:50%; margin-left:-630px;background-position:left top;background-size:auto;}
.bx-controls-direction a.bx-next{left:50%; margin-left:600px;background-position:right top;background-size:auto;}


.square_wrap {display:inline-block; width:1170px;height:auto;background: url('/html_teach/images/common/main_bottom_bg.png') repeat-y;padding:35px 0px;box-sizing:border-box;margin:50px 0px 0px 0px;}
.square_wrap .main_cs {font-family: 'Gmarket Sans', sans-serif;float:left;width:330px;display:inline-block;text-align:left;background:none;height:auto;margin:0px;padding:10px 0px 10px 55px !important;box-sizing:border-box; }
.square_wrap .main_cs .top_title {font-size:23px;line-height:40px;font-weight:500;color: #161616;letter-spacing:-0.08em;margin:0px;padding:0px;}
.square_wrap .main_cs p {font-size: 15px;margin:0px;}
.square_wrap .main_cs a > p {letter-spacing: -1px;color: #333;line-height:23px;}
.square_wrap .main_cs p br {display:block;}
.square_wrap .main_cs .mcs_text {padding:0px;background: none;}
.square_wrap .main_cs .mcs_text .mcs_tel {font-family: 'Gmarket Sans', sans-serif;font-size:37px;line-height:40px;margin:20px 0px;padding:0px;color: #161616;font-weight:400;}
.square_wrap .main_cs .mcs_text span {color: #161616;font-size: 15px;line-height:20px;font-weight:400;margin:0px;padding:0px;letter-spacing:-0.03em;}

.square_wrap .main_banner { float:right;width:780px;display:inline-block;box-sizing:border-box;}
.square_wrap .main_banner li { width:215px;height:215px;display:inline-block;background:#fff;border-radius:50%;margin:0px 16px;padding:0px 0px;}
.square_wrap .main_banner li a { width:215px;height:215px;display:inline-block;border-radius:50%;padding:40px 0px;text-align:center;border:1px #fff solid;box-sizing:border-box;}
.square_wrap .main_banner li a:hover {border:1px #3a6392 solid;}
.square_wrap .main_banner li h2 {font-family: 'Gmarket Sans', sans-serif;color: #161616;font-size:16px;font-weight:500;line-height:30px;margin-bottom:3px;}
.square_wrap .main_banner li p {font-family: 'Gmarket Sans', sans-serif;color: #9c9c9c;font-size: 14px;line-height:16px;}
.square_wrap .main_banner li.mb1 {background:#fff url('/html_teach/images/common/mb1.png') 50% 100% no-repeat; }
.square_wrap .main_banner li.mb2 {background:#fff url('/html_teach/images/common/mb2.png') 50% 100% no-repeat; }
.square_wrap .main_banner li.mb3 {background:#fff url('/html_teach/images/common/mb3.png') 50% 100% no-repeat; }


#footer {width: 100%; min-width:1300px ;background: #ebebeb;padding:30px 0px 40px 0px}
#footer .foot_menu {width: 100%; min-width:1300px !important;margin: 0 auto;text-align: left;background-color: #ebebeb;border:none;}
#footer .foot_menu .foot_list {max-width: 1170px;margin: 0 auto;text-align: left;padding:0px 0 20px 220px;box-sizing:border-box;background: #ebebeb  url('/html_teach/images/common/footer_logo.png') 0% 0px no-repeat;}
.foot_menu .foot_list li a {font-size: 15px;color: #000000;font-weight: 400;letter-spacing:-0.03em;}
.foot_menu .foot_list li a.footer_privacy_policy {color: #000000;font-weight: 400;}
#footer .copy {background-color: #ebebeb;width: 1170px;;padding:0px 0 0px 220px;box-sizing:border-box;}
#footer .copy .foot_info {max-width: 1170px;width: 100%;margin: 0 auto;}

#footer .foot_info p {font-size: 14px;color: #999;font-weight: 400;line-height: 25px;text-align: left;letter-spacing:-0.03em;}
#footer .foot_info p.copyp {font-size: 14px;color: #999;font-weight: 400;margin-top: 0px;opacity:1;}


#content_area .content_title {padding: 30px 0px 0px 0px !important;box-sizing: border-box;text-align: center;height:85px;}
h4.content_title {margin:40px 0px 0px 0px !important;}
.content_title {font-family:"Open Sans","Noto Sans KR","notoSans","맑은 고딕" !important;position:relative;font-weight:500;color:#000;font-size:34px !important;height:85px !important;line-height:85px !important; background:none;text-align:left; margin:0px; position: relative;letter-spacing:-0.07em; }
.content_title::after {content:''; width:50px; height:85px !important; background:url('/html_teach/images/common/page_title.png') 100% 20px no-repeat !important;position:relative;left:0px;margin:0px; padding-left:70px; }

.path{position:absolute;right:0;top:35px;overflow:hidden}
.path_list{float:right;background: url('/html_teach/images/common/path_home.png') no-repeat 0 50%;padding-left:18px}
.path_list li{float:left;padding-left:16px;background: url('/common/images/default/blt_path.png') no-repeat 0 3px;margin-left:5px;color:#767676;font-size:14px;line-height:18px;height:18px}
.path_list li.last{color:#222}

.intro01 {position: relative}
.intro01 .intro1_cont {margin:30px 0 20px;}
.intro01 .intro1_cont p {font-size:15px; line-height:25px;letter-spacing:-0.03em;}
.intro01 .intro1_cont p strong {font-size:30px;line-height:35px;font-weight:400;}


.button.blue{background-color: #0C6720;color: #fff;border:1px solid #0C6720}
.button.blue:hover{background-color: #0C6720}
.button.green{background-color: #251885;color: #fff;border:1px solid #251885}
.button.green:hover{background-color: #251885}
.button.sky{background-color: #5bc0de;color: #fff;border:1px solid #5bc0de}
.button.sky:hover{background-color: #4ab0cd}
.button.orange{background-color: #ff8814;color: #fff;border:1px solid #ea7300}
.button.orange:hover{background-color: #ea7300}
.button.red{background-color: #251885;color: #fff;border:1px solid #251885}
.button.red:hover{background-color: #251885}
.button.btn_buy	{ width:245px;border-radius:0px; padding:0; text-align:center; height:45px; line-height:42px; font-size:18px; color:#ffffff; font-weight:bold; background:#251885; border:1px #251885 solid;}
.button.btn_buy:hover {background:#25282b;}
.button.btn_cart { width:245px;border-radius:0px;padding:0; margin-right:10px; text-align:center; height:45px; line-height:42px; font-size:18px;color:#251885; font-weight:bold; background:#ffffff; border:1px #251885 solid;}
.button.btn_cart:hover {background:#ffffff; border:1px #929292 solid;}

/* 리스트,웹진,갤러리 */
a.back_icon{width:30px;height:30px;display:inline-block;text-indent:-100000px; background: url('/html_teach/images/common/icon_list2.png') no-repeat -1px -1px;margin-bottom:10px;}
a.btn_list{background-position:-1px -1px}
a.btn_list.on{background-position:-1px -32px}
a.btn_gallery{background-position:-32px -1px}
a.btn_gallery.on{background-position:-32px -32px}
a.btn_webzine{background-position:-63px -1px}
a.btn_webzine.on{background-position:-63px -32px}
a.btn_calendar{background-position:-94px -1px}
a.btn_calendar.on{background-position:-94px -32px}

/* 페이징 */
.page_bar{padding-top:30px;text-align:center}
.page_box{ margin:20px auto; table-layout:auto !important}
.page_box li{vertical-align:top;display:inline-block;zoom:1;*display:inline;vertical-align:top}
.page_box li.page_margin{display:none}
.page_box li div{width:30px;height:36px;border:none;padding:0;margin:0 0px;line-height:36px}
.page_box li{ padding:0; border-width:0; font-family:verdana; color:#999999; font-size:16px }
.page_p_btn{display:none}
.page_n_btn{display:none}
.page_box .page_first_btn { background:url('/common/images_skin2/common/page_first_btn.png') no-repeat 50% 50%; width:34px; height:34px; border:1px #d1d1d1 solid;margin:0px 2px; }
.page_box .page_last_btn { background:url('/common/images_skin2/common/page_last_btn.png') no-repeat 50% 50%; width:34px; height:34px; border:1px #d1d1d1 solid; margin:0px 2px;}
.page_box .page_prev_btn { background:url('/common/images_skin2/common/page_prev_btn.png') no-repeat 50% 50%; width:34px; height:34px; border:1px #d1d1d1 solid;margin:0px 7px 0px 2px ; }
.page_box .page_next_btn { background:url('/common/images_skin2/common/page_next_btn.png') no-repeat 50% 50%; width:34px; height:34px; border:1px #d1d1d1 solid; margin:0px 2px 0px 7px;}
.page_box li div.page_seperator{display:none}
.page_box li .page_number_btn_on	{background-color:#ffffff; color:#251885; font-weight:500; width:30px; height:36px;border:none;line-height:36px }
.page_box li a:hover{text-decoration:none}
.page_box li .page_number_btn:hover{background-color:#ffffff;color:#251885;width:30px; height:36px;border:none;line-height:36px}

/*agreement */
.agreement_list{display:none;}
.box_title{font-family:"NanumSquare", sans-serif;color:#2d2d2d;font-size:22px;font-weight:500;margin:25px 0 15px 0}
.box_tx{margin:0 0 15px 0;font-size:15px; }
.gray_box{border:1px solid #dcdcdc;background-color:#fafafa;padding:15px 15px;margin-bottom:20px}
.gray_box.top{border-top:1px solid #676767}
.gray_box .box_stitle{font-family:"NanumSquare", sans-serif;font-weight:500;font-size:15px;color:#464646;margin-bottom:12px}
.gray_box .g_box_in{border:1px solid #dbdbdb;background-color:#fff;height:60px;overflow:auto;padding:14px 10px;margin-bottom:10px}
.check input{vertical-align:middle;margin-right:4px}

.stitle { font-size:18px; font-weight:bold; color:#251885; line-height:30px; margin:0px 0 15px 0px;}
.sstitle { font-size:16px; font-weight:bold; color:#251885; line-height:24px; margin:0px 0 10px 0px;}

.find_subtitle {font-size: 17px;color: #251885;}

.privacy h3{color:#251885;}
.terms h3{color:#251885;}
.refund h3 {color:#251885;}


.tb_th label:after {content:'*'; color:#df0000;padding-left:5px;}

.success {border-top:1px solid #676767;margin-top:5px;padding-top:30px; text-align:center;}
.success .suc_in{overflow:hidden;width:560px;margin:0 auto}
.success .suc_in h6{float:left;margin-right:20px}
.success .suc_in span{display:block;float:none;margin:20px 0 0 0}
.suc_p{width:600px;border-top:1px solid #dcdcdc;margin:20px auto;text-align:center;padding-top:20px}
.suc_agree{width:600px;border-top:1px solid #dcdcdc;margin:20px auto;text-align:center;font-size:15px;padding-top:20px;}

/* login */
.login_top { margin:50px 0px;}

.login_box{border:none; border:none;padding:20px 50px 50px 50px;overflow:hidden; text-align:center;}
.log_tt{display:none;margin-bottom:50px;font-size:15px;}
.log_form{float:none;padding:0px;border:none;width:100%;text-align: center;}
.log_area{overflow:hidden}
.log_in{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.log_in label{padding-right:13px}
.log_in span:first-child{margin-bottom: 65px;}
.log_in span input{vertical-align:top;border:1px solid #6a6a6a !important;padding:0px;height:55px;width:240px;line-height:55px; margin-top:0;text-indent:15px;border-radius:2px;}
.log_in span{height:66px;margin-bottom:10px;margin-right:5px;}
.log_in span.ip_pass{margin-bottom:0}
.log_area .ip_submit{display: inline-block;vertical-align: top;float: none;}
.button.login{padding:0px !important;text-align:center; height:55px;width:150px;line-height:55px;border:1px #1a53b4 solid;color:#fff !important;background:#1a53b4;border-radius:3px;text-indent:0px;}

.login_box .ip_tx{margin-top:24px;font-size:12px;line-height:18px;color:#3c3c3c}
.login_box .ip_tx a{color:#e2450e ;font-weight:700}

.log_find{position:relative;float:none;padding:60px 0 0 0px;width:100%;text-align: center;}
.log_find dl {position:relative;display: inline-block;margin:0px;padding:0px 22px;}
.log_find dt{position:relative;display: inline-block;font-weight:bold;letter-spacing:-0.05em; font-size:15px;}
.log_find dd{position:relative;display: inline-block;margin: 0 0 23px 15px;}
.log_find dd > .button.small{padding:0px;text-align:center; width:150px;height:40px; line-height:35px; font-size:14px; border-radius:3px;background:#6a6a6a !important;border:1px #6a6a6a solid;box-sizing:border-box;}
.log_find .lf_left::after {content:'';position:absolute; right:-25px;top:50%;width:1px;height:10px;background:#b2b2b2;margin-top:-5px; }