@charset "utf-8";
@import url(main.css);
/*import url(1gnb.css); 
@import url(sub10.css);
@import url(myinfo.css); 
@import url(table.css); 
@import url(board.css); */
@import url(question.css);
@import url(cj.css);
@import url(won.css);

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* **** Common Reset **** */
*{margin:0;padding:0;text-decoration:none;list-style:none;color:#555555;}
html, body, div, dl, dt, dd, ul, ol, li, p {font-family: 'Nanum Gothic'}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,fieldset{margin:0;padding:0;word-wrap:break-word;word-break:break-all;}
body,h1,h2,h3,h4,input{font-family:"Nanum Gothic";font-size:12px;color:#555555;}
body{overflow-y:scroll;}
img,fieldset{border:0 none;}
img{border:0;}
caption{display:none;}
tfoot{display:none;}
.clear{clear:both;}
.blind {position: absolute;top: 0px;left: 0px;overflow: hidden;display: inline-block !important;width: 1px !important;height: 1px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}

.tc{text-align:center !important;}
.tl{text-align:left !important;}
.tr{text-align:right !important;}

.font_bold{font-weight:bold !important;}
.font_normal{font-weight:normal !important;}

.vm{vertical-align:middle !important;}
.vt{vertical-align:top !important;}

.lh60{height:60px !important;}
.fs{ font-size:16px !important; font-weight:600 !important;}
.mat{ margin:0 auto!important;}

.w320{ width:320px !important;}
.w440{ width:440px !important;}
.w625{ width:625px !important;}


.ml0{margin-left:0 !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml26{margin-left:26px !important;}
.ml30{margin-left:30px !important;}
.ml50{margin-left:50px !important;}
.ml-80{margin-left:-80px !important;}
.ml-20{margin-left:-20px !important;}



.mt0{margin-top:0 !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt3{margin-top:3px !important;}
.mt5{margin-top:5px !important;}
.mt-10{margin-top:-10px !important;}
.mt-30{margin-top:-30px !important;}
.mt70{margin-top:70px !important;}


.ml0 a{float:left;}
.mb0{margin-bottom:0 !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb5{margin-bottom:5px !important;}

.mr5{margin-right:5px; !important;}
.mr20{margin-right:20px; !important;}



.padding0{padding:0px !important;}
.pl0{padding-left:0px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pr0{padding-right:0px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pb0{padding-bottom:0px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb50{padding-bottom:50px !important;}

.input1{width:342px;height:32px;font-size:20px;}
.input2{width:62px;height:25px;font-size:15px;}
.input3{width:620px;height:25px;font-size:15px;}

.input1{width:142px;height:26px;border:1px solid #c8c8c8;font-size:16px;}
.input2{width:557px;height:26px;border:1px solid #c8c8c8;font-size:18px;}
.input3{width:135px;height:26px;border:1px solid #c8c8c8;font-size:18px;}
.input4{width:240px;height:26px;border:1px solid #c8c8c8;font-size:18px;}
.input5{width:80px;height:26px;border:1px solid #c8c8c8;font-size:18px;}

.select1{height:32px;border:1px solid #c8c8c8;font-size:18px;}
.sightlessness{height:1px;width:1px;overflow:hidden;font-size:0;text-indent:-9999px;}

.border0{border:0 !important;}
.bt0{border-top:0 solid red !important;}
.bl0{border-left:0 solid red !important;}
.br0{border-right:0 solid red !important;}
.bb0{border-bottom:0 solid red !important;}

.oh{overflow:hidden;}

.skipNav{position:relative;width:100%;z-index:110;}
.skipNav a{position:absolute;left:0;top:-1000px;display:block;width:100%;padding:10px 0; font-style:normal; font-variant:normal;text-align:center;font-family:'ng','나눔고딕','NanumGothicWeb',Dotum,Arial,sans-serif;font-size:14px; font-weight:700;color:#ffffff;background:#000000;}
.skipNav a:active,
.skipNav a:focus{top:0;text-decoration:none;color:#ffffff;}

.popup_all{width:1000px;margin:0 auto;position:relative;}
.pop_banner_dv{background:url('/images/common/back.jpg');width:100%;height:140px;display:none;}
.pop_banner_dv_lf{float:left;margin-top:26px;margin-left:36px;}
.pop_banner_dv_rt{margin-left:90px;float:left;margin-top:26px;}
.close_btn{position:absolute;top:20px;right:0;}

.day_num {position:absolute;top:110px; right:0;}
.day_num input {margin-right:5px; vertical-align:middle;}
.day_num label {color:#fff;}






body{ min-width:1000px;}
#header{ z-index: 100; background-color: #fff; 
    width: 100%;
    min-width: 1000px;
    height: 122px;
    position: relative;}
.top_wrap{    width: 100%;
    height: 32px;
    position: relative;
    background: #002E5E;}

.top_menu{    width: 1000px;
    height: 32px;
    position: relative;
    margin: 0 auto;
    text-align: right;
    color: #fff;
    font-size: 13px;
    line-height: 32px;}
.top_menu a{color: #fff;
    padding-left: 30px;}
.top_menu a:hover{font-weight: 500;}


.header_wrap{    width: 1000px;
    height:90px;
    position: relative;
    margin: 0 auto;}

.logo{float: left;
    width: 270px;}
.logo a{ display: block;}



#gnb{float: right;
    margin-top: 40px;
    width: 690px;
    height: 40px;}
#gnb .list{ 
    width: 100%;
    height: 40px;
    position: relative;}
#gnb .list li{float: left;
    height: 40px;
    width: auto;
    margin-left: 50px;
    line-height: 40px;}

#gnb .list li a{display: block;
    font-size: 19px;
    color: #333333;
    font-weight: 700;
    line-height: 40px;}

.depth02{       display: none;
    width: 660px;
    height: 180px;
    text-align: center;
    background: #fff;     padding: 15px 30px; border-bottom: 1px #ddd solid;}

.depth02:hover{}

.depth02 ul{    float: left;
    width: 132px;
    height: 200px;}
.depth02 ul li{margin-bottom: 12px;
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;}
.depth02 ul li a{    font-size: 14px;
    color: #333333;
    letter-spacing: -1px;
    font-weight: 600;}
.depth02 ul li a:hover{color:#3473b8;font-weight: 800;}

.depth02_bottom{padding-left:10px;}
#gnb .close{display:none;position:absolute;bottom:20px;left:-350px;}







#footer {    width: 100%;
    height: 110px;
    position: relative;}

.footer_wrap {    position: relative;
    width: 1000px;
    padding: 25px 0px;
    height:60px;
    margin: 0 auto;}
.foot-logo{      width: 190px;
    height: 60px;
    float: left;}
.footer_wrap p{width:770px;
    font-size: 13px;
    line-height:20px;
    color: #464646;
    font-weight: 400;
    text-align: left;
    float: right;
    height: auto;}

.footer_wrap p span{padding: 0px 10px; font-size: 12px;}
.footer_wrap p span a{font-weight: 600; cursor: pointer; font-size: 13px; line-height:24px;}
.footer_wrap p span:first-child{padding: 0px 10px 0px 0px;}
.footer_wrap p span:last-child{padding: 0px 0px 0px 10px;}


.fl{float:left !important;}

.sc_tit h4.stmap {
       padding: 3px 30px;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    color: #fff;
    float: left;
    letter-spacing: -1px;
    background: #002E5E;
    border-radius: 30px;
}