@charset "utf-8";
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean');
/* Base */
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,dl,dt,dd,table,th,td,caption,form,fieldset,legend,hr,input,button,textarea,label,span,strong,em,a,img {margin:0;padding:0;}
html,body{width:100%;position:relative;}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option,button{color:#555;font-family:"굴림","돋움",gulim,dotum,verdana,AppleGothic,helvetica,sans-serif;font-size:12px;font-weight:normal}
ul, ol, dl{list-style:none;}
em{ font-style:normal}
input, span, a, img, label,select {vertical-align:middle;}
a {text-decoration:none;color:inherit;}
select, input, textarea {font-size:12px; font-family:"돋움","굴림", AppleGothic, sans-serif; color:#757270;}
img, fieldset, iframe, button, input {border:0 none}
fieldset {margin:0px;padding:0px;border:none;}
button {cursor:pointer;vertical-align:middle;line-height:normal !important;overflow:visible;}

caption{font-size:0;line-height:0;width:0;height:0;overflow:hidden;visibility:hidden;}
legend {font-size:0;height:0;left:0;line-height:0;overflow:hidden;padding:0;position:absolute;top:0;visibility:hidden;width:0;}

body {background:url('../images/bg_header.gif') no-repeat center 0;background-color:#ffffff;}

a:link, a:visited, a:hover { text-decoration:none}
a:focus, a:active { text-decoration:underline}

.show{display:block}
.hide_none{display:none}
.pointer {cursor:pointer;}
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.hide {font-size:0; line-height:0; visibility:hidden; width:0; height:0;}


/* 여백 */
.m_none {margin:0 !important;}
.mgr10 {margin-right:10px;}
.mgt03 {margin-top:3px;}

.mgt0 {margin-top:0;}
.mgt5 {margin-top:5px;}
.mgt10 {margin-top:10px;}
.mgt15 {margin-top:15px;}
.mgt20 {margin-top:20px;}
.mgt30 {margin-top:30px;}
.mgr5 {margin-right:5px;}
.line_hg32 {line-height:32px;}
.mgt-1 {margin-top:-1px !important;}
.mgt-5 {margin:-5px 0 0 0 !important;}
.mgt-10 {margin-top:-10px !important;}
.mgl24 {margin-left:24px; !important;}
.mgt_none {margin-top:0 !important;}



/* Color */
.t_red {color:#cc1b14 !important;}
.t_red02 {color:#fc3129 !important;}
.t_red03 {color:#ff0000 !important;}
.t_red04 {color:#d92b2b !important;}
.t_yellow {color:#ffe001 !important;}
.t_green {color:#00cc55 !important;}
.t_green2 {color:#577f99 !important;}
.t_yellow {color:#cc1b14 !important;}
.t_white {color:#fff !important;}
.t_black {color:#000 !important;}
.t_gray01 {color:#c2c2cc !important;}
.t_blue {color:#0073ff !important;}
.t_blue2 {color:#0274ba !important;}
.t_blue3 {color:#0066ff !important;}
.t_navy {color:#283a46 !important;}
.t_gold {color:#b28c00 !important;}



/* Bg set */
#intro {background:url('../images/bg_intro_body1.jpg') no-repeat center 0;background-color:#000;}
#intro2 {background:url('../images/bg_intro_body2.jpg') no-repeat center 0;background-color:#0a101a;}
#intro_wrap {}
.intro_body {padding-top:274px;width:1280px;min-height:758px;position:relative;margin:0 auto 33px;}
.body_contents {width:1280px;margin:0 auto;}
.intro_bottom {width:1280px;}

#index_bg {background:url('../images/bg_header.gif') no-repeat center 0;overflow:overlay;background-color:#ffffff;} /* ssss1 */



/* Login out box set */
.login_box_wrap {width:280px;margin:0 auto;}
.login_box_wrap .header {}
.login_box_wrap .header h1 {text-indent: -9999px;}
.login_box_wrap .body {background:url('../images/bg_log_body.png') no-repeat 0 0;padding-top:113px; position:relative;}
.login_box_wrap .body p:first-child {margin-bottom:6px;}
.login_box_wrap .body p input {width:246px;height:38px;border:1px solid #b7b7b7; border-radius: 3px; text-indent:5px;font-size:11px;color:#283a46; margin-left: 16px;}
.login_box_wrap .body .btn_login {width:248px;height:40px;background-color:#ea292f; border-radius: 3px; color:#fff;position:absolute;top:214px; font-size:12px;font-weight:bold; margin-left: 16px;}
.login_box_wrap .button {overflow:hidden;margin-top:81px;}
.login_box_wrap .button a {display:block;float:left;background:url('../images/btn_qna.png') no-repeat center 0; width:280px !important; height:44px;line-height:44px;text-align:center;color:#ffffff; font-weight: bold; font-size:11px;}
.login_box_wrap .button a.recommand_stepGo {background:url('../images/btn_code.png') no-repeat center 0;}




/* Option */
.bd_blue {}
.bd_yell {}
.txt_line30 {line-height:30px !important;}
.txt_line65 {line-height:65px !important;}
.line18 {line-height:18px !important;}
.line28 {line-height:28px !important;}


.linkgo{display: block; position: absolute; top: -90px; left: 0; width: 100%; min-width: 1200px; height: 35px; padding: 22px 0; text-align: center;background: #d5001e; color: #ffffff; font-size: 22px; z-index: 1000;}
#wrap{position: relative; width: 100%; min-width: 1180px; }


/* Header */
#header {width:100%;height:95px; border-bottom: 1px solid #1091d0;position:relative;z-index:999;}
.header_wrap {width:1180px;margin:0 auto;position:relative;top: 0;}
#header .header_wrap h1{position: absolute; top: 34px; left: 0;}


/* Container */
#main_container {width:1200px;overflow:hidden;margin:30px auto 0;overflow:hidden;}
#container {margin-top: 0px; margin-bottom: 20px;}
#container_top {min-height:680px; margin-top: 86px;}
/* #container_bottom {height:231px;background-color:#f5f7f7;border-bottom:1px solid #ebefef;overflow:hidden;} */
#container_bottom {height:404px;background-color:#ffffff;overflow:hidden;} /* ssss1 */
.container_wrap {width:1180px;margin:0 auto;position:relative;}
.container_wrap:after{content:"";display:block;clear:both;}
.container_left {float:left;width:954px;min-height:538px;padding-top:10px;position:relative;}
.container_right {float:left;margin-left:8px;padding-top:10px;width:217px;}
.container_right2 {float:left;margin-left:8px;padding-top:10px;width:217px;}
.event_box {position:absolute;right:0;bottom:10px;}


/* Footer 
#footer {height:75px;line-height:75px;border-top:1px solid #ddd;overflow:hidden;margin-top:30px;}
.footer_wrap {width:1200px;margin:auto;position:relative;}
.footer_wrap .ft_left {overflow:hidden;padding-top:5px;}
.footer_wrap .ft_left .footer_logo {float:left;}
.footer_wrap .ft_left span {float:left;padding:10px 0 0 10px;color:#b1aaaa;}
.footer_wrap .ft_left {float:left;}
.footer_wrap .ft_right {float:right;padding:25px 50px 0 0;}
.footer_wrap .ft_right li {display:inline;margin-left:20px;}
.btn_page_tp {position:absolute;top:0;right:0;}
*/

/*#footer {background:url("../images/bg_footer.gif") repeat-x 0 0;width:100%;background-color:#5555;margin-top: 20px;}
.footer_wrap {width:1280px;min-height:181px;margin:0 auto;background:url("../images/bg_footer.gif") repeat-x 0 0,url("../images/footer_bg.gif") repeat-x 0 0;}*/
#footer {background-color:#5555;margin-top: 20px;}
.footer_wrap {width:1280px;min-height:181px;margin:0 auto;}
.link_site_wrap {margin:0 auto;position:relative;width:1180px;height:139px;}
.link_site_list {margin:0 auto;overflow:hidden;width:1092px;}
.link_site_list dl {float:left;}
.link_site_list dl.left_score {width:420px;height:141px;background:url("../images/line_footer_bar.gif") repeat-y right 0;}
.link_site_list dl.right_site {width:672px;}
.link_site_list dl dt {background:url("../images/line_footer_bg.gif") repeat-x 0 bottom;padding:12px 0;text-align:center;}
.link_site_list dl dd {display:inline-block;margin:11px 0;float:left;padding:0 1px;}
.list_btn {display:inline-block;position:absolute;width:30px;height:139px;top:2px;}
.list_btn em {display:block;height:139px;}
.list_btn.next {right:0;}
/*.list_btn.prev:hover {background:url("../images/bg_btn_prev.png") no-repeat 0 0;}
.list_btn.next:hover {right:0;background:url("../images/bg_btn_next.png") no-repeat 0 0;}
.list_btn.prev em {background:url("../images/btn_arrow_left.png") no-repeat center center;}
.list_btn.next em {background:url("../images/btn_arrow_right.png") no-repeat center center;}*/
.list_btn span {position:relative;display:block;z-index:-1;text-indent:-9999px;}
.copyright_wrap {padding:13px 0;}
.copyright_wrap .copy {width:1280px;text-align:center;overflow:hidden;}
.copyright_wrap .copy h2 {display:inline;}
.copyright_wrap .copy h2 > img {width:10%;}
.copyright_wrap .copy p {display:inline;vertical-align:middle;color:#5c6666;font-family:verdana;margin-left:5px;}



/* sss1 */
.email {font-size:11px; color:#fff; margin-top:3px; text-align:center;}
