@import url(/css/font.css);
/*------------------------------------*
    RESET
 *------------------------------------*/
html {
    height: 100%;
    overflow-y: scroll;
    font-size: 75%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0 auto;
    min-height: 100%;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}
body, h1, h2, h3, h4, h5, h6, button, input, select, textarea {
    font-size: 1em;
    font-family : '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
    line-height: 1.625;
    color: #666;
}
h1, h2, h3, h4, h5, h6, strong, b {
    font-weight:700
}
img, fieldset, button {
    border: 0 none;
    -ms-interpolation-mode: bicubic;
}
img { vertical-align: middle; }
/* Lists */
ul, ol { list-style: none; }
/* Links */
a, a:hover {
    text-decoration: none;
    color: #666;
}
a:focus { /*outline: thin dotted;*/ }
a:active, a:hover { outline: 0; }
/* Forms */
textarea { overflow: auto; }
legend { display: none; }
button, input, select, textarea {
    /*vertical-align: baseline;*/
    vertical-align: middle;
    margin: 0;
}
input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] {
    overflow: visible; /*for ie7 extra width*/
    cursor: pointer;
    cursor: hand;
    -webkit-appearance: button;
}
input:focus { outline: none; }
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    margin: 0 3px;
 *height: 13px;
 *width: 13px;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
button span { visibility: hidden; }
button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
/* Tables */
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    word-wrap: break-word;
    word-break: keep-all;
}
caption { display: none; }
/* Others */
address, em { font-style: normal; }
hr {
    display: none;
    height: 1px;
    border: none;/*color:#d1d1d1; 
	background-color:#d1d1d1;*/
}


.mobile { display: none;}

/*------------------------------------*
    LAYOUT
 *------------------------------------*/
#header {
    z-index: 2;
    position: relative;
    height: 88px;
}
#content {
    z-index: 1;
    position: relative;
}
#footer {
    padding: 15px 0 15px;
    border-top: 1px solid #e4e4e4;
}

.container {
    margin: 0 auto;
    width: 1000px;
}
/*------------------------------------*
    HEADER
 *------------------------------------*/
#top-bar {
    width: 100%;
    background: url(../images/common/bg_top_bar.png) 0 0 repeat-x;
    height: 30px;
}
#top-bar ul {
    float: right;
    margin-top: 9px;
}
#top-bar ul li {
    float: left;
    height: 11px;
    color: #fff;
    font-size : 11px;
    line-height: 1em
}
#top-bar ul li.li-bar {
    padding-right: 8px;
    border-right: 1px solid #fff
}
#top-bar ul li a {
    margin-left: 8px;
    color: #fff;
}
#top-bar ul li a.user {
    font-weight: 700;
    text-decoration: underline
}
#top-bar ul li a.media {
    font-weight: 900;
    border: 1px solid #fff;
    padding: 3px 10px;
    background-color: #fff;
    color:#EF2D0D
}
#header h1 {
    float: left;
    margin-top: 25px;
}
#main-nav {
    float: right;
    margin-top: 35px;
    width:calc(100% - 270px);
    font-family: '나눔고딕', 'Nanum Gothic', NanumGothic, dotum, Gulim, tahoma, sans-serif;
}
#main-nav > ul { margin-left:42px;}
#main-nav ul li { float: left; box-sizing: border-box; }
/* depth */
#main-nav > ul > li > a{  width:122px;;} 
#main-nav > ul > li:last-child > a { width:200px;}

#main-nav > ul > li > a {
    display: block;
/*     margin-left: 50px; */
    height: 53px;
    font-size: 15px;
    color: #333;
    text-align: center;
    
}
#main-nav li.contest > a { color: #ff6b02 }
#main-nav li.contest > a img { margin-top:-15px; margin-left:12px;}

#main-nav .submenu {
    position: absolute;
    top: 88px;
    left: 0;
    padding-top: 12px;
    display: none;
    width: 100%;
    height: 86px;
    background: #7e7772
}
#main-nav li.media 	.submenu { background: #f36c12 }
#main-nav li.story 	.submenu { background: #f7941e }
#main-nav li.edu	.submenu { background: #eba600 }
#main-nav .submenu ul {
    position: absolute;
    top: -11px;
    left: 50%;
    display: block;
    margin-left: -480px;
    padding-top: 23px;
    width: 1000px;
    background: url(../images/common/arrow_main_menu1.png) 35% 0 no-repeat;
}
#main-nav li.media .submenu ul {
    margin-left: -185px;
    width: 400px;
    background: url(../images/common/arrow_main_menu2.png) 45% 0 no-repeat;    
}
#main-nav li.story .submenu ul { 
	 margin-left: -272px;
     width: 680px;
     background: url(../images/common/arrow_main_menu3.png) 58% 0 no-repeat;
}
#main-nav li.edu .submenu ul { 
	 margin-left: -250px;
     width: 700px;
     background: url(../images/common/arrow_main_menu4.png) 70% 0 no-repeat;
}
#main-nav .submenu li a {
    display: block;
    width: 100px;
    height: 86px;
}
#main-nav .submenu li a:hover, #main-nav .submenu li.active a {
    height: 82px;
    border-bottom: 4px solid #fff;
}
/*------------------------------------*
    FOOTER
 *------------------------------------*/
.footer-logo {
    float: left;
    margin: 15px 12px 0 0;
}
.footer-logo2 {
    float: left;
    margin: 10px 17px 0 0;
}
.footer-links ul li {
    float: left;
    height: 11px;
    font-size : 11px;
    line-height: 1em;
}
.footer-links ul li a {
    padding: 0 10px;
    border-left: 1px solid #999;
    color: #999;
}
.footer-links ul li:first-child a {
    padding-left: 0;
    border-left: 0 none;
}
.footer-info {
    float: left;
    margin-top: 10px;
    font: normal 11px/1.5 dotum;
    color: #999;
}
/*------------------------------------*
    Quick Access
 *------------------------------------*/
#quick-access {
    position: absolute;
    top: 220px;
    margin-top:10px;
    width: 117px;
    z-index: 2;
    left: 50%;
    margin-left: 512px;
    background-color: #fafafa;
    font-family: '나눔고딕', 'Nanum Gothic', NanumGothic, dotum, Gulim, tahoma, sans-serif;
    text-align: center;
}
#quick-access h2 {
    margin: 0 auto;
    padding: 17px 0 15px;
    width: 99px;
    border-bottom: 1px solid #e5e5e5;
    color: #404040;
    font: normal 15px/1 '나눔고딕', 'Nanum Gothic', NanumGothic, dotum, Gulim, tahoma, sans-serif;
    text-transform: uppercase;
    letter-spacing: -1px;
}
#quick-access ul {
    margin: 0 auto;
    width: 99px;
}
#quick-access ul li {
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
}
#quick-access ul li a {
    display: block;
    padding-left: 30px;
    background-position: 10px 50%;
    background-repeat: no-repeat;
    font-size: 13px;
    text-align: left;
}
#quick-access ul li.quick1 a { background-image: url(../images/common/quick1.png) }
#quick-access ul li.quick2 a { background-image: url(../images/common/quick2.png) }
#quick-access ul li.quick3 a { background-image: url(../images/common/quick3.png) }
#quick-access ul li.quick4 a { background-image: url(../images/common/quick4.png) }
#quick-access ul li.quick5 a { background-image: url(../images/common/quick5.png) }
#quick-access ul li.quick6 a { background-image: url(../images/common/quick6.png) }
#quick-access ul li.quick7 a { background-image: url(../images/common/quick7.png) }
#quick-access .back-to-top {
    padding: 5px 0;
    background-color: #949599;
}
#quick-access .back-to-top a {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
}


#quick-access .group_expert{padding-top:20px;background:#fff;text-align:left;line-height:17px}
#quick-access .group_expert h3{padding-left:5px;background:url(../images/common/bar.gif) no-repeat center left; font-size:14px; font-weight:bold; color:#f36c12;}
#quick-access .group_expert .feedback{ padding-left:5px;font-size:11px;color:#555}
#quick-access .group_expert dl {width:107px;margin-left:5px;padding:14px 0 9px 0}
#quick-access .group_expert dt{margin:12px 0 8px 0;}
#quick-access .group_expert .tit_expert{color:#ff6600;}
#quick-access .group_expert dd{color:#7e7e7e;font-size:11px;}
#quick-access .group_expert .line{display:block;widht:107px;height:1px;margin:0 auto; background:#f4f4f4}

/*------------------------------------*
    UTIL
 *------------------------------------*/
.container:before, .container:after, .clearfix:before, .clearfix:after {
    display: block;
    overflow: hidden;
    height: 0;
    content: "";
    font-size: 0;
    line-height: 0;
}
.container:after, .clearfix:after { clear: both; }
.container, .clearfix, .nav { zoom: 1; }
.hide-text {
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}
.skip-navigation {
    position: absolute;
    width: 1px;
    height: 1px;
    border: 0;
    padding: 0;
    margin: -1px;
    overflow: hidden;
}

.btnGg2 {
	background-color: #ffffff;
	border-color: #CCCCCC;
	color: #333333;
	background: linear-gradient(to bottom, #ffffff 0%, #F3F3F3 100%);
}

.btnOg, .btnGg, .btnGg2, .btnGg3, .btnGg4 {
	padding: 2px 5px 1px 5px;
	margin: 0px;
	border-width: 1px;
	border-style: solid;
	display: inline-block;
	overflow: visible;
	border-radius: 3.1px;
	-moz-border-radius: 3.1px;
	-webkit-border-radius: 3.1px;
	vertical-align: middle;
	white-space: nowrap;
	cursor: pointer;
	font-weight: normal;
	font-family: '돋움',Dotum,'굴림',Gulim,Helvetica,Sans-serif;
	font-size: 12px;
	height: 17px;
	line-height: 17px;
}

.btn02{display: inline-block; text-align: center; vertical-align: middle; cursor: pointer;}
.btn02.l{width: 130px; height: 45px; line-height: 45px; padding: 0 5px; ont-size: 13px; font-weight: bold; }
.btn02.xl{width: 190px; height: 45px; line-height: 45px; padding: 0 5px; ont-size: 13px; font-weight: bold; }
.btn02.normal{ background-color: #F1F1F1; }
.btn02.org{color: #fff; background-color: #ff7d22 !important; border: none;}
.btn02.gray{color: #fff;  background-color: #7d7d7d;}


/*------------------------------------*
    하단 고정 메뉴
 *------------------------------------*/
.tlbarwp{position:relative;z-index:200;height:55px}
.tlbarinr{position:fixed;bottom:0;left:0;width:100%}
.deal .tlbarinr{height:64px}
.tlbar{position:relative;height:55px;background-color:#fff}
.tlbar:before{display:block;position:absolute;top:0;left:0;z-index:-1;width:100%;height:0px;box-shadow:0 1px 6px 4px rgba(0,0,0,.24);content:''}
.tlbar a{display:block;position:relative;float:left;width:25%;height:100%;padding-top:8px;box-sizing:border-box;font-weight:bold;font-size:.85em;color:#33393f;text-align:center}
.tlbar .on{background-color:#c37e12;color:#fff}
.tlbar .sp_tcm{display:block;width:23px;height:20px;margin:0 auto 5px}
.tlbar .home .sp_tcm{background-position:-378px -140px}
.tlbar .cate .sp_tcm{background-position:-378px -162px}
.tlbar .srch .sp_tcm{background-position:-378px -184px}
.tlbar .mytm .sp_tcm{background-position:-378px -206px}
.tlbar .on .sp_tcm{background-position-x:-402px}
.tlbar_tip{position:absolute;bottom:65px;left:37.5%;z-index:100;margin:0 0 0 -62px;padding:16px 68px 15px 25px;background-color:rgba(0,0,0,.85);border-radius:2px;font-size:1.2em;color:#fff;line-height:1.35em}
.tlbar_tip:after{position:absolute;bottom:-10px;left:55px;border-style:solid;border-color:rgba(0,0,0,.85) transparent;border-width:10px 7px 0;content:''}
.tlbar_tip .hl{color:#ff6948}
.tlbar_tip .clse{position:absolute;top:50%;right:16px;width:35px;height:35px;margin-top:-16px;border:1px solid #ff6948;border-radius:50%;font-size:0;color:transparent}
.tlbar_tip .clse:before,.tlbar_tip .clse:after{display:block;position:absolute;top:50%;left:9px;width:15px;border-top:1px solid #ff6948;content:''}
.tlbar_tip .clse:before{-webkit-transform:rotate(45deg)}
.tlbar_tip .clse:after{-webkit-transform:rotate(-45deg)}
.tlbtn .bt{display:block;overflow:hidden;position:absolute;bottom:65px;width:47px;height:47px;background-color:rgba(255,255,255,.9);border:1px solid #b3b3b3;border-radius:3px;font-size:.9em;color:#393a41;text-align:center;text-indent:-1px;line-height:64px;box-sizing:border-box}
.tlbtn .bt .sp_tcm{position:absolute;top:8px;left:15px;width:14px;height:14px}
.tlbtn .prv{left:10px}
.tlbtn .prv .sp_tcm{background-position:-234px -44px}
.tlbtn .xpd{right:10px;bottom:116px}
.tlbtn .xpd .sp_tcm{background-position:-249px -44px}
.tlbtn .ttp{right:10px}
.tlbtn .ttp .sp_tcm{background-position:-264px -44px}
.sp_tcm{display:inline-block;overflow:hidden;background:url( /m/css/box/icon_menu.png ) no-repeat;background-size:500px 500px;font-size:0;color:transparent}


.ls_1 { letter-spacing: -1px;}
.ls_2 { letter-spacing: -2px;}
.org {color:#ff7d22; }
.brown {color:#CA5300 !important; }
.orgn {color:#fe5209 !important; }
.red {color:red !important; }

.normal { font-weight: normal !important;}

.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.ml10 { margin-left:10px !important;}
.ml20 { margin-left:20px !important;}
.ml30 { margin-left:30px !important;}
.ml50 { margin-left:50px !important;}
.ml100 { margin-left:120px !important;}
.mb0 { margin-bottom:0px !important;}
.mb20 { margin-bottom:20px !important;}
.mb30 { margin-bottom:30px !important;}

.w60 { width:30px !important;}
.w70 { width:70px !important;}
.w750 { width:750px;}