@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url(//cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);

 html, body {font-family: 'NanumSquare', sans-serif; font-size:13px;}

.warp {width:100%; height:100%; min-width:1200px; }

.head {width:1200px; margin:0 auto; height:100px;}
.head:after {visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }
.head .logo {float:left; padding-top:30px;padding-right:30px;}
.head .logo a {display:inline-block;}
.head .logo a img {}
#hd_sch {margin-top:24px;}
#nav_sch {width:445px; border:3px solid #373634; height:46px;position:relative;}
.head #sfl {height:46px; border:0px;}
#hd_sch #sch_stx {width:290px; height:44px;position:absolute; top:0px; left:100px;}
#hd_sch #sch_submit {width:55px;height:46px;background:url('http://jejugesipan.com/theme/basic/images/nav_sch.png') center center no-repeat; background-size:cover; position:absolute;top:0px;left:390px;}
.head .gnb {}
.head .gnb:after {visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }
.head .gnb ul {float:right; padding-top:25px;}
.head .gnb ul li {float:left; margin-left:10px;}
.head .gnb ul li a {color:#8b8b8b; font-size: 13px;}
.div_nav {width:100%;background-color:#3766f2;}
.nav {width:1200px; margin:0 auto;font-size:0px; height: 69px; position:relative;}
.nav .nav_btn {cursor: pointer;text-align:center;}
.nav .nav_btn:hover {background-color:#1c3997;}

.nav > li {float:left;position:relative; width:123px; height:69px; text-align:center; }
.nav li:hover > ul.sub_nav {display:inline-block;}
.nav li > ul.sub_nav {border:1px solid #0175bc; background-color:#fff; display:none; position:fixed; top:169px; left:0px; z-index:3; width:100%; text-align:center;}
.nav li > ul.sub_nav > li {text-align:center; display:inline-block; padding:0px 20px;}
.nav li > ul.sub_nav > li > a {color:#252525; font-size:15px;line-height:72px; display:block;}
.nav li > ul.sub_nav > li > a:hover {color:#0175bc;}
.nav > li > a {width:123px; height:69px; text-align:center; display:block;background-color:#3766f2;}
.nav > li > a:hover {background-color:#1c3997;}
.nav > li > a > img {padding:9px 0px 9px 0px;}
.nav_on_bg {width:1200px; height:446px;position:absolute; top:0px; left:0px; z-index:100; display:none;}
.nav_on_bg a.nav_close {position:absolute; top:0px; left:0px; width:75px; height:69px; cursor: pointer;}
.nav_on_bg ul.sub_totalnav_2 {position:absolute; top:62px; left:183px;z-index:100;}
.nav_on_bg ul.sub_totalnav_2 li {display:block;height:30px;width:127px;}
.nav_on_bg ul.sub_totalnav_2 li a {display:block;height:30px;width:127px;}
.nav_on_bg .nav-sub-wrap {position: relative; top:69px; left: 0px; font-size:0px; }
.nav_on_bg .nav-sub-wrap > li {float:left;position: relative; width:148px; height:188px; border-right:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;border-left:1px solid #cdcdcd; text-align: center;}
.nav_on_bg .nav-sub-wrap > li > a { display: block; background-color:#fff;width:149px; height:188px;line-height: 188px;}
.nav_on_bg .nav-sub-wrap > li > a:hover { background-color:#3766f2;}
.nav_on_bg .nav-sub-wrap > li > a img.kk {display:inline-block;padding-top:50px;}
.nav_on_bg .nav-sub-wrap > li > a img.nn {display:none;padding-top:50px;}
.nav_on_bg .nav-sub-wrap > li > a:hover img.kk {display:none;}
.nav_on_bg .nav-sub-wrap > li > a:hover img.nn {display:inline-block;}
.nav_on_bg .nav-top {}
.nav_on_bg .nav-sub-wrap .nav-sub{ position:relative; top:11px; left:0px;width: 120px; padding: 10px; z-index:200;}
.nav_on_bg .nav-sub-wrap .nav-sub li {display:block;height:30px;width:127px; }
.nav_on_bg .nav-sub-wrap .nav-sub li a {display:block;height:30px;width:127px; font-size:15px; color:#252525; }
.nav_on_bg .nav-sub-wrap .nav-sub li a:hover {color:#0175bc;}

.container {width:1200px; min-height:1520px;margin:0 auto; position:relative; margin-top:20px; }
.container:after {visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }
.main_event {position:absolute; top:0px; right:-130px; z-index:100;}
.main_left {float:left;}
.visual {width:880px; height:210px; position:relative; margin-bottom:20px;}
.slider1 {height:210px;}
.slide {height:210px;}
.slide > a {display:block;width:880px; height:220px;}
.main_left_1 {width:880px; height:52px;margin-bottom:20px; position: relative;}
.main_left_1_text_1 {display:inline-block; position:absolute; top:12px; left:161px;}
.main_left_1_text_1 p {color:#252525; font-size:15px; line-height:30px; display:inline-block;width:585px; padding-right:30px;}
.main_left_1_text_1 p span {float:right;}
.main_left_1_text_2 {display:inline-block; padding:20px 30px; display:none;}
.main_left_1_text_2 p {color:#252525; font-size:15px; line-height:30px; display:inline-block;width:375px; padding-right:30px;}
.main_left_1_text_2 p span {float:right;}
.main_left_2 {width:880px; margin-bottom:20px; position: relative; font-size:0px;}
.main_left_2_1 {width:285px; height:877px; display:inline-block; margin-right:12px; position:relative;}
.main_left_2_1 > a {position:absolute; width:285px; height:50px; top:0px; left:0px;}
.main_left_2_2 {width:285px; height:877px; display:inline-block; margin-right:12px; position:relative;}
.main_left_2_2 > a {position:absolute; width:285px; height:50px; top:0px; left:0px;}
.main_left_2_3 {width:285px; height:877px; display:inline-block;position:relative;}
.main_left_2_3 > a {position:absolute; width:285px; height:50px; top:0px; left:0px;}
.main_latest_div {position:absolute; top:66px; width:253px; background-color:#fff ; padding:0px 15px 10px 15px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.main_latest_div p {color:#252525; font-size:15px; line-height:31px;}

.view-all {width:50px;height:50px; position:absolute; top:0px; right:0px;}
.view-all:hover{cursor: pointer;}

.main_right {position:absolute;top:0px; right:0px; z-index:2;}
.main_right_1 {margin-bottom:20px;}
.main_right_1:after {visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }

.tnb-login-on {color:#757575;position:relative}
.tnb-login-on ul:after {display:block;visibility:hidden;clear:both;content:"";}
.tnb-login-on .item {position:relative;padding:10px;height:26px;line-height:26px}
.tnb-login-on .tnb_member_info{height:77px}
.tnb-login-on .sir_mb_img{border:1px solid #dcdcdc}
.tnb-login-on a {color:#757575;text-decoration:none}
.tnb-login-on li:hover a{color:#587ef6;}
.tnb-login-on .tnb_member_info li{position:absolute}
.tnb-login-on .tnb_member_info li.mb-img{top:20px;left:15px}
.tnb-login-on .tnb_member_info li.mb-nick{top:15px;left:90px}
.tnb-login-on .tnb_member_info li.mb-point{top:35px;left:90px}
.tnb-login-on .tnb_member_info li.mb-point span{color:#587ef6;}
.tnb-login-on .tnb_member_info li.mb-lv{top:55px;left:90px}
.tnb-login-on .tnb_member_info li.mb-lv span{color:#587ef6;}
.tnb-login-on .tnb_member_info li.mb-info{top:55px;left:140px;padding-right:20px;/*background:url('../img/main/lock.png') 51px 6px no-repeat*/color:#d3d3d3;}
.tnb-login-on .tnb_member_info li.mb-logout{top:52px;right:15px}
/*.tnb-login-on .tnb_member_info .nick {display:inline-block;max-width:72px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}*/
.tnb-login-on .tnb_member_info .nick {display:inline-block;vertical-align:middle;white-space:nowrap;word-wrap:normal;/*overflow:hidden*/}
.tnb-login-on .tnb_member_info .name_btn {margin:0;padding:0;line-height:1em;color:#757575;text-align:left;background:none}
.tnb-login-on .tnb_member_info .fa {width:12px;height:12px;font-size:12px;text-align:center}
.tnb-login-on .logout {display:inline-block;padding:0 7px;height:24px;line-height:24px;border:1px solid #bebebe;font-weight:bold;background:url('../img/main/login_bg.png') repeat}
.tnb-login-on .logout:hover {background:#f1f1f1;color:#587ef6}
.tnb-login-on .fa {font-size:1.25em;vertical-align:middle}
.main_right_banner {}
.main_right_banner a {display:block; margin-bottom:10.5px;}

.foot_top_line {width:100%; border-top:2px solid #252525; border-bottom:1px solid #cdcdcd; min-width:1200px;}
.foot_top {width:1200px; margin:0 auto;font-size:15px;color:#cdcdcd; min-width:1200px;}
.foot_top:after {visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }
.foot_top a {font-size:15px; color:#cdcdcd; line-height:50px; display:inline-block;}
.foot_top p {float:left; line-height:50px; color:#252525;}
.foot_top p.gogo {float:right; line-height:50px; color:#252525;}
.foot {width:1200px; margin:20px auto;}
.foot p {color:#2f2f2f; font-size:15px; line-height:25px;}

.copy {background-color:#afa394; text-align:center; width:100%;padding:20px 0px;}
.copy p {color:#aaaaaa; font-size:12px; line-height:20px; float:left; text-align:left;}

.subTop_line {width:100%; border-bottom:1px solid #cdcdcd;}
.subTop {position:relative; width:1200px; margin:0 auto; }
.subTop img {padding:15px 0px;}
.subTop span {color:#252525; font-size:13px; position:absolute; top:17px; left:55px;}

.sub_container {width:1200px; margin:0 auto; position:relative; min-height:1100px;}
.sub_container:after {visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }

.sub_content {float:left; width:880px;}
.sub_content_title {width:100%; border-bottom:3px solid #000;}
.sub_content_title > h2 {font-size:26px; color:#252525; display:inline-block;font-weight:bold;padding:20px 0px;padding-right:15px;}
.sub_content_title > span {font-size:13px; color:#252525;}

.sub01 {position:relative; width:880px; margin: 0 auto; padding:30px 0px 80px 0px;}