@charset "utf-8";

/* 나눔고딕적용
--------------------------------------------------*/
@font-face{
	font-family: NanumGothic;
	font-style: normal;
	font-weight: normal ;
	src: url(/font/NanumGothic.eot);
	src: local(※), url(/font/NanumGothic.woff) format('woff'), url(/font/NanumGothic.woff2) format('woff2'), url(/font/NanumGothic.ttf) format('truetype');
}
@font-face{
	font-family: NanumGothic;
	font-style: normal;
	font-weight: Bold ;
	src: url(/font/NanumGothic-Bold.eot);
	src: local(※), url(/font/NanumGothic-Bold.woff) format('woff'), url(/font/NanumGothic-Bold.woff2) format('woff2'), url(/font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face{
	font-family: NanumGothic;
	font-style: normal;
	font-weight: 800 ;
	src: url(/font/NanumGothic-ExtraBold.eot);
	src: local(※), url(/font/NanumGothic-ExtraBold.woff) format('woff'), url(/font/NanumGothic-ExtraBold.woff2) format('woff2'), url(/font/NanumGothic-ExtraBold.ttf) format('truetype');
}



/* reset
--------------------------------------------------*/
*{ margin:0;padding:0; -webkit-text-size-adjust:none;}
html, body{margin:0;padding:0;}
body{font-family:NanumGothic,'Nanum Gothic',Nanum Gothic,'나눔고딕',nanum,nanumgothic,nanum gothic,Verdana,Arial,AppleGothic,sans-serif;word-break:break-all;}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {margin:0;padding:0}
img, fieldset{border:none;border:0px;}
img{vertical-align:middle;}
legend, .hidden{position:absolute;z-index:-1;width:0;height:0; font:0 Sans-serif; visibility:hidden;}
ul,ol,dl,li,dt,dd{list-style:none;}
a:link, a:visited{color:#292929;text-decoration:none;}
a:hover, a:active{color:#2c56b2;text-decoration:none;}
a:focus{outline:none;background-color: transparent; }
input, textarea, select, button{vertical-align:middle;}
address {font-style:normal}
table {border-collapse:collapse;}
td {word-break:break-all;}
caption {display:none;}
hr {display:none;}
textarea {padding:9px 8px; line-height:16px; border:1px #C6C6C6 solid;}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block;}

/* gnb
--------------------------------------------------*/
.gnb { height:29px; border:1px solid #e2e5e8; background:#eff1f3; overflow:hidden;}
.gnb .g_wrap { margin:0 auto; padding:0; width:960px; line-height:1; *zoom:1;}
.gnb .g_wrap:after {content:""; clear:both; display:block;}
.gnb .g_wrap .g_left { float:left; *zoom:1;}
.gnb .g_wrap .g_left:after {content:""; clear:both; display:block;}
.gnb .g_wrap .g_left .cs_logo { float:left; margin:5px 0 0 0;}
.gnb .g_wrap .g_left .f_site_top { float:left; margin:0; height:29px; font-size:10px; font-weight:normal;  color:#696969; letter-spacing:-0.4px}
.gnb .g_wrap .g_left .f_site_top li { float:left; margin:10px 10px 0 0; padding:0 10px 0 0; background:url(http://edu.chosun.com/images/new/arrow_type01.gif) right 2px no-repeat;}
.gnb .g_wrap .g_left .f_site_top li:last-child { background:none !important;padding:0 4px 0 0;}
.gnb .g_wrap .g_right { float:right; *zoom:1;}
.gnb .g_wrap .g_right:after {content:""; clear:both; display:block;}
.gnb .g_wrap .g_right .btn_favt { float:left; margin:6px 0 0 0;}
.gnb .g_wrap .g_right .f_mem_top { float:left; margin:0; height:29px; font-size:10px; font-weight:normal;  color:#696969; letter-spacing:-0.4px}
.gnb .g_wrap .g_right .f_mem_top li { float:left; margin:10px 10px 0 0; padding:0 10px 0 0; background:url(http://edu.chosun.com/images/new/arrow_type01.gif) right 2px no-repeat;}
.gnb .g_wrap .g_right .f_mem_top li:last-child { background:none !important;padding:0 2px 0 0;}
.gnb .g_wrap a:link,
.gnb .g_wrap a:active,
.gnb .g_wrap a:visited { color: #848484; text-decoration: none}
.gnb .g_wrap a:hover { color: #5377b6; text-decoration: none}


/* header
--------------------------------------------------*/

#header_wrap{width:100%; height:146px; /*overflow:hidden;*/}
#header { margin:0 auto; width:960px; height:148px;}
.hBox {width:960px; height:108px; position:relative; overflow:hidden; *zoom:1;}
.hBox:after {content:""; clear:both; display:block;}
.hBox h1 {position:absolute; top:30px; left:384px;width:208px;height:58px;overflow:hidden;}/* logo */
.hBox p.ad_header_lt { position:absolute; top:20px; left:0px; width:240px; height:70px; overflow:hidden}/* 광고left */
.hBox p.ad_header_rt { position:absolute; top:20px; right:0px; width:240px; height:70px; overflow:hidden}/* 광고right */

.topmenu_box{width:960px; height:36px; background:#da1d19;border-top:1px solid #cb130f;border-bottom:1px solid #cb130f;position:relative;}
.navi {position:absolute; top:0px; left:0px;width:810px;height:36px; }/* menu */
.navi ul {width:810px;padding-left:8px;padding-top:6px;}
.navi ul:after {content:""; clear:both; display:block;}
.navi ul li { float:left;padding:0 14px;padding-top:4px;height:20px;font-size:14px;font-weight:800; letter-spacing:-0.6px;text-align:center;background:url(http://edu.chosun.com/images/new/bg_bar.png) right 9px no-repeat;}
.navi ul li.on{background:#222;}
.navi ul li a:link,
.navi ul li a:active,
.navi ul li a:visited { color: #fff; text-decoration: none}
.navi ul li a:hover { color: #222; text-decoration: none}
.navi ul li.on a:hover { color: #fff; text-decoration: none}

/* s:2018 수능 느낌표*/
@keyframes anim_excmark {
    0%   {top:-20px;}
	10%   {top:-18px;}
	20%   {top:-16px;}
	30%   {top:-14px;}
	40%   {top:-12px;}
	50%   {top:-10px;}
	60%   {top:-12px;}
	70%   {top:-14px;}
	80%   {top:-16px;}
	90%   {top:-18px;}
    100%  {top:-20px;}
}
 #excmark {position:absolute;top:-20px;left:0;animation-name: anim_excmark; animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}
/* e:2018 수능 느낌표*/

.navi_kj {position:absolute; top:0px; left:0px;width:810px;height:36px; }/* menu */
.navi_kj ul {width:810px;padding-left:8px;padding-top:6px;}
.navi_kj ul:after {content:""; clear:both; display:block;}
.navi_kj ul li { float:left;padding:0 16px;padding-top:4px;height:20px;font-size:14px;font-weight:800; letter-spacing:-0.6px;text-align:center;background:url(http://edu.chosun.com/images/new/bg_bar.png) right 9px no-repeat;}
.navi_kj ul li.on{background:#222;}
.navi_kj ul li:last-child { background:none !important;}
.navi_kj ul li a:link,
.navi_kj ul li a:active,
.navi_kj ul li a:visited { color: #fff; text-decoration: none}
.navi_kj ul li a:hover { color: #222; text-decoration: none}

/* 고객센터 menu */
.topmenu_box_cs{width:960px; height:36px; background:#333;position:relative;}
.navi_cs {position:absolute; top:0px; left:0px;width:700px;height:36px; }
.navi_cs ul {width:700px;}
.navi_cs ul:after {content:""; clear:both; display:block;}
.navi_cs ul li { float:left; padding:0 20px;height:36px;line-height:37px;font-size:14px;font-weight:600; letter-spacing:-0.6px;text-align:center}
.navi_cs ul li.on{background:#e7211d;}
.navi_cs ul li a:link,
.navi_cs ul li a:active,
.navi_cs ul li a:visited { color: #fff; text-decoration: none}
.navi_cs ul li a:hover { color: #fff3af; text-decoration: none}

.search_box{position:absolute; top:4px; right:5px;width:180px;height:28px; background:#fff; }/* search */
.search_box .sear_txt{border:1px solid #fff;width:140px;height:25px; font-size:12px; padding-left:7px}

.search_box1{position:absolute; top:5px; right:6px;width:29px;height:26px; background:#fff; }
.service{position:absolute; top:4px; right:38px;width:131px;height:28px;}

.txtbn_wrap{width:100%; height:38px;overflow:hidden;}
.txtbn { margin:0 auto; width:958px; height:37px;background:#fafafa;border-left:1px solid #dedede;border-right:1px solid #dedede;border-bottom:1px solid #dedede;position:relative;font-size:12px}
.txtbn .txtbn_lt{position:absolute; top:11px; left:14px;width:460px;overflow:hidden;text-overflow:ellipsis;white-space : nowrap;}
.txtbn .txtbn_rt{position:absolute; top:11px; right:14px;width:460px;overflow:hidden;text-overflow:ellipsis;white-space : nowrap;}
.txtbn strong{padding-right:3px; color:#000}
.txtbn a:link,
.txtbn a:active,
.txtbn a:visited { color: #454545; text-decoration: none}
.txtbn a:hover { color: #2c56b2; text-decoration: none}


/* side
--------------------------------------------------*/
.side_banner{width:298px;height:118px;margin-bottom:15px;height:150px;}
.side_banner img{width:298px;height:118px;}
.clear_rt{height:1px;font-size:1px}


/* notice
--------------------------------------------------*/
#notice_wrap{width:100%; height:44px;overflow:hidden;background:#ddd;}
#notice_box { margin:0 auto; width:960px; position:relative; *zoom:1;}
#notice_box .notice_list{position:absolute; top:15px; left:5px;width:460px;height:26px;font-size:12px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#notice_box .notice_list img {position:absolute; top:0px; left:5px;}
#notice_box .notice_list div {position:absolute; top:0; left:61px;}
#notice_box .event_list{position:absolute; top:15px; left:465px;width:470px;height:26px;font-size:12px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#notice_box .event_list img {position:absolute; top:0px; left:5px;}
#notice_box .event_list div {position:absolute; top:0px; left:61px;}

/* 메뉴 이미지 롤오버
--------------------------------------------------*/
a.rollover img {border-width:0px;display:inline;}
a.rollover img.over {display:none;}
a.rollover:hover {border:0px;cursor:pointer}
a.rollover:hover img {display:none;}
a.rollover:hover img.over {display:inline;}

/* footer
--------------------------------------------------*/
#footer_wrap{width:100%; height:116px;overflow:hidden;background:#ececec;}
#footer { margin:0 auto; width:960px; position:relative; *zoom:1;}
#footer h1 { position:absolute; top:40px; left:25px;}
#footer ul {position:absolute; top:28px; left:224px;}
#footer ul:after {content:""; clear:both; display:block;}
#footer ul li {float:left; padding:0 16px 0 0}
#footer ul li a:link,
#footer ul li a:active,
#footer ul li a:visited { font-size:10px; color: #1d1d1d; text-decoration: none;font-weight:bold}
#footer ul li a:hover {color:#6197d3; text-decoration: none;}
#footer .btn_sns{position:absolute; top:16px; right:5px;}
#footer .f_address { position:absolute; top:54px; left:224px;line-height:16px; width:736px;font-size:10px;color:#696969; font-weight:bold; border-top:1px solid #c3c3c3;padding-top:12px}
#footer .f_address address { display:inline;}
#footer .f_address strong { color:#6197d3;}

/* 윙배너 */
.wings_left { position:absolute; top:0px; left:-180px; width:160px;}
.wings_right {position:absolute; top:0px; right:-180px;width:160px;clear:both;}
.wings_bn{width:160px;height:600px;overflow:hidden;margin-bottom:4px}
.wing_bn{width:90px;height:auto;margin-bottom:2px}
.wings_bn img{width:160px;height:540px;}
.wings_list{width:88px;margin:3px 0;border:1px solid #c3c3c3; text-align:center;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.wings_list li {height:28px;overflow:hidden;line-height:28px;font-size:12px; font-weight:800; letter-spacing:-0.6px;color:#434343; background:#f7f7f7;border-bottom:1px solid #d9d9d9;}
.wings_list li a{color:#434343;}
.wings_list li.home{line-height:26px !important;background:#e7e7e7 !important;}
.wings_list li.top{background:#e7e7e7 !important;border-bottom:none !important;}
.wings_sns{margin-bottom:5px}

.ad--margin {margin:30px 0;}

/*8*/
.card_edupt{margin-bottom:30px;}
.card_edupt li{text-align:center}


.category_sub {text-align:center;}
.category_sub > li {display:inline-block; margin-right:10px;}
.category_sub > li > a {font-size:0.8em; color:#6a6a6a;}


@media screen and (max-width:1300px) {
    .wings_right {display:none;}
}