@charset "utf-8";
/* CSS Document */


@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, figure, figcaption,div
{ margin: 0; padding: 0; font-family: "Noto Sans KR", sans-serif;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
img { border: 0 }
ul, ol, li { list-style: none; padding: 0; margin: 0 }
fieldset { border: none }
button { cursor: pointer; overflow: visible }
a { color: inherit; text-decoration: none }
a:hover, a:active { text-decoration: none }
small { font-size: smaller !important }
em { font-style: normal }
textarea { resize: none }
table { border-spacing: 0;  }
caption { width: 0; height: 0; font-size: 0; line-height: 0; visibility: hidden; overflow: hidden }
legend { border: 0; width: 1px; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; clip: rect(0 0 0 0) }
button { border: 0 none }

/* Display */
.fl { float: left !important }
.fr { float: right !important }
.clear { clear: both !important }
.clear:after { content: ''; display: block; clear: both }
.group:before, .group:after { content: ""; display: table }
.group:after { clear: both }
.ir { background-color: transparent; border: 0; overflow: hidden }
.ir:before { content: ""; display: block; width: 0; height: 150% }
.blind { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px }
.blind.focusable:active, .blind.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto }
.sighted { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto }
.hidden { display: none !important; visibility: hidden }
.invisible { visibility: hidden }
hr { clear: both; display: block; visibility: hidden; width: 1px; height: 55px; font-size: 0; line-height: 0 }

/*************************** [font] ***************************/
/*나눔체*/
/*
@font-face {
    font-family: 'nanum';
    src: url('http://www.cookeyenglish.com/font/NanumGothic.eot');
    src: url('http://www.cookeyenglish.com/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('http://www.cookeyenglish.com/font/NanumGothic.woff') format('woff'),
         url('http://www.cookeyenglish.com/font/NanumGothic.ttf') format('truetype'),
		 url('http://www.cookeyenglish.com/font/NanumGothic.svg#daumregular') format('svg');
    font-weight: normal;
    font-weight: normal;
    font-style: normal;
}
*/


/* Align */
.l { text-align: left !important }
.c { text-align: center !important }
.r { text-align: right !important }
.skipNav a { display: block; width: 1px; height: 1px; margin-bottom: -1px; overflow: hidden; text-align: center; position: absolute; left: 0; top: 0; z-index: 10; color: #fff; font-family: nanum, Helvetica, sans-serif; font-size: 16px; font-weight: bold }
.skipNav a:focus, .skipNav a:hover, .skipNav a:active { width: 100%; padding: 5px; background: #333; height: auto }

/* layout */
#wrap { width: 100%; min-width:1350px;}
#header { margin-top:33px; height:105px; width: 100%;}
#head {overflow-y:hidden;width:100%;background-color: #fff;position: relative;z-index: 9999;}
#head_in {position:relative; margin:0 auto; width:1300px; }
#top {position:absolute; right:0; top:0;}
/* #footer { clear:both; width:100%; height:150px; background:url(http://www.cookeyenglish.com/images/common/bg/bg_bottom.gif) repeat-x 0 0 ;  } */



/******************************************************************* [ TOP ] *******************************************************************/

#top ul.top_nav li {font-size:16px; color:#666666;;  font-weight:500; float:left; padding:0 20px; height:40px ; }
#top ul.top_nav li.login { /* border-right:1px solid white; height:21px; */}
#top ul.top_nav li:last-child{padding-right:0; /* border-right:1px solid white; height:21px; */}
#top ul.top_nav li.join {/* background:url(http://www.cookeyenglish.com/images/common/bg/bg_topbar.gif) no-repeat 0 12px */ /* border-right:1px solid white; height:21px; */}

.head_btn {position:absolute; top:0; left:385px;}
.topBtn {display:inline-block; padding:4px 15px; font-size:15px; background-color:#0070c0; color:#fff; border-radius:18px; cursor:pointer;  letter-spacing: -0.5px; margin-right:5px;}
.head_btn .c_none{color:#000; background:none; padding:0;}

/******************************************************************* [ GNB ] *******************************************************************/

#gnb {padding-left:350px; margin-top:-20px; z-index:40;border:0px solid #ff0000;}

/* 대메뉴 */
ul.gnb_nav > li {height:55px; float:left; font-size:18px; font-weight:500; color:#222;  border:0px solid #ff0000; padding:0 30px; position:relative;}
ul.gnb_nav li:first-child {}
/* ul.gnb_nav li:last-child {padding-right:16px;} */
ul.gnb_nav li a.on {color:#0095ff;}

/* 서브메뉴 */
ul.nav_sub {padding-top:30px; position:absolute; left:0;width:100%;  z-index:45; /* background:red; */  }
ul.nav_sub li {float:none; text-align:center; font-weight:400; padding-top:0px; padding-bottom:16px; font-size:15px; color:#666; letter-spacing:-0.05em; padding-left:0;  }
ul.nav_sub li:first-child {padding-top:0}
/* ul.nav_sub li:last-child {background:green; clear:both;} */
ul.nav_sub li:hover a {color:#0095ff;}
ul.nav_sub li a {}




.my_p { font-weight:600; position:absolute; top:30px; right:0;  border:1px solid #ddd; border-radius:10px; padding:5px 10px}
.my_p a:first-child {background:url(/images/my_i.png) no-repeat ; color:#0070c0; padding-left:35px;}
.my_p .class_view {display:block; width:100%; background:#50B24B; border-radius:5px; color:#fff; text-align:center; font-weight:500; margin-top:5px; font-size:15px; line-height:26px}
div.back { width:100%; height:430px; display:none; position:absolute;left:0; background-color:#fff; top:0; z-index:99;}

.swiper-slide {overflow-x:hidden;}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px !important;}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
 bottom:64px !important;
 width:1300px !important;
 left:50% !important;
 transform:translate(-50%);
 text-align:left;
}

.swiper-pagination-bullet-active {border:2px solid #fff; background:none !important;}


.swiper-pagination-bullet {width:40px !important; height:40px !important; line-height:36px !important; font-size:18px !important;  background:none !important; color:#fff !important;}
/******************************************************************* [main ] *******************************************************************/






/******************************************************************* [ Footer ] *******************************************************************/


#footer{/* background:red; */ width:100%;}
#foot{/* background:green; */ height:100px;  clear:both; background-color:#0095ff; }
.f_name {width:1300px; margin:0 auto; color:#fff; font-size:20px; line-height:100px; position:relative; height:100px;}
.f_name span {display:inline-block;}
.f_name p {display:inline-block;}
.f_tel {margin-left:225px; font-weight:bold; font-size:22px;}
.f_time {margin-left:50px;}
.f_top_b {position:absolute; top:25px; right:0; cursor:pointer;}





#add{/* background:red; */ width:1300px; margin:30px auto 0; position:relative; letter-spacing:-0.5px; height:150px}
#add .f_util{position:absolute;  height:34px;  /* background:yellow; */ margin:0 auto; top:0; left:410px;}
#add .f_util li{display:inline-block;}
#add .f_util li a{font-size:16px; padding:0 20px; }
#add .f_util .f_util_first a{padding-left:0; font-weight:600; color:#007eff;}
#add .f_util .f_util_last a{border-right:none;}
.add1{margin-top:6px; background:none; width:250px;}
.add1 img  {width:100%; opacity:0.6;}
.add2{font-size:14px; color:#666; position:absolute; top:35px;  left:410px; margin-bottom:30px;}
.add2 span{line-height:20px;}
.add2 img{margin-right:5px; }
.add4 {font-weight:300; color:#666; display:block; margin-top:10px;}



/* div.bottom {width:950px; height:150px; margin:auto; position:relative}
ul.footer_nav {margin-left:164px; height:35px}
ul.footer_nav li{float:left; padding:8px 10px; background:url(http://www.cookeyenglish.com/images/common/footer/ico_bar.gif) no-repeat 0 9px ; margin-bottom:9px; height:10px; line-height:10px}
ul.footer_nav li:first-child {background-image:none; padding-left:0}
p.adress1 {clear:both;margin-left:164px;margin-bottom:9px; }
p.adress2 {margin-left:164px; margin-bottom:9px}
p.copyright {margin-left:164px}
div.bottom  .customer {position:absolute; right:0; top:25px} */