@charset "utf-8";

*{margin:0;padding:0;font-family:Apple SD Gothic Neo,"나눔고딕",NanumGothic,'돋움',Malgun Gothic,Helvetica,sans-serif;-webkit-text-size-adjust:none}
/*body,input,select,textarea{font-size:22px}*/
body,input,textarea{font-size:22px}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, abbr, acronym, address, big, cite, code, ins, small, sub, sup, nav
{ font-family:Apple SD Gothic Neo,"나눔고딕",NanumGothic,'돋움',Malgun Gothic,Helvetica,sans-serif; padding:0; margin:0; }
div img, dl img, dt img, dd img, ul img, ol img, li img, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, pre img, form img, fieldset img, input img, textarea img, p img, blockquote img, th img, td img, address img { font-size:0; line-height:0; }
table{ border-collapse:collapse; border-spacing:0; }
ol, ul, li{ list-style:none; }
h1, h2, h3, h4, h5, h6, th, td{ font-weight:normal; font-size:100%; }
form, fieldset, a img{ border:0; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
address, abbr, address, big, cite, code, ins, small, sub, sup, em{ font-weight:normal; font-style:normal; }
blockquote, q{ quotes:none; }
.accessibility, .skip, legend, hr
{ position:absolute !important; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }
caption{ display:none; }
a img, input, textarea, select, img{ vertical-align:middle; }
/*select{ font-size:11px; border:1px solid #D0D0D0; background:#fff; }*/
input{ color:#71686b; vertical-align:middle; }
a{color:#000;text-decoration:none;cursor:pointer}
a,area {blr:expression(this.onFocus=this.blur())}
:focus { -moz-outline-style:none;}

body {width:100%;height:100%;background:#f4f4f4;margin:0 auto;line-height:1.25em;color:#000;word-wrap:break-word;word-break:break-all}
.clr{ clear:both !important; float:none !important; width:0 !important; height:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }
a img, input, textarea, select, img{ vertical-align:middle; }

/*total*/
body {width:100%;}
#document {width:640px; overflow:hidden; margin:0 auto; background-color:#fff; }

/*total*/


/*sitemap */
.subj{ font-weight:bold; color:#0352b7; font-size:22px;}
.site_nav_cat{ width:640px;}
.site_nav_cat ul{ float:left;}
.susa{ width:180px;}
.susb{ width:440px; margin-left:10px; text-align:center;}

.site_map_dim {width:640px; margin:0 auto; position:relative;}
.site_map_wrap {top:-1800px; width:640px; background-color:#FFF; position:absolute; z-index:135; border-bottom:2px solid #c9c9c9;}
.site_map_wrap h1 { padding:32px 10px 32px 10px; text-align:center; }
.site_map_wrap .home { position:absolute; left:30px; top:15px; }
.site_map_wrap .btns { position:absolute; right:30px; top:5px;}
.site_map_wrap .site_nav { width:610px; padding:30px 20px; border-top:1px solid #d2c8b6; background:url(../img/comm/site_bg.gif); overflow:hidden; }
.site_map_wrap .site_nav h2 { float:left; width:147px; text-align:center; height:40px; background-color:#454545; margin:20px 5px 0 0; padding-top:13px;}
.site_map_wrap .site_nav h2 a{ color:#fff; font-weight:bold; font-size:18px; letter-spacing:-1;}
.site_map_wrap .site_nav ul { float:left; font-size:0; margin-top:15px;}
.site_map_wrap .site_nav ul li {float:left; height:40px; margin-right:20px; font:normal 18px/40px "나눔고딕"; letter-spacing:-2px; display:block; }
.site_map_wrap .site_nav ul li a{overflow:hidden; font-size:20px; line-height:30px;}
.site_map_wrap .site_nav ul li h2{float:left; width:150px; text-align:center;}
.site_map_wrap .site_nav ul li h2 a{color:#0352b7; font-weight:bold; font-size:22px;}

.site_map_wrap .site_nav h3 { float:left; width:150px; text-align:center;}
.site_map_wrap .site_nav h3 a{ color:#0352b7; font-weight:bold; font-size:22px;}

.site_map_wrap .site_nav ul li h3{float:left; width:150px; text-align:center;}
.site_map_wrap .site_nav ul li h3 a{color:#c8234a; font-weight:bold; font-size:22px;}

.map_close_btn{ position:absolute; right:0px; top:13;}

/*sitemap */

/*mypage */
.site_my_dim {width:640px; margin:0 auto; position:relative;}
.site_my_wrap {top:-1800px; width:640px; height:180px; background-color:#FFF; position:absolute; z-index:135; border-bottom:2px solid #c9c9c9;}
.site_my_wrap h1 { padding:32px 10px 32px 10px; text-align:center; }
.site_my_wrap .home { position:absolute; left:30px; top:15px; }
.site_my_wrap .btns { position:absolute; right:30px; top:5px;}
.site_my_wrap .site_nav { width:610px; padding:30px 20px; border-top:1px solid #d2c8b6; background:url(../img/comm/site_bg.gif); overflow:hidden; }
.site_my_wrap .site_nav h2 { float:left; width:150px; text-align:center;}
.site_my_wrap .site_nav h2 a{ color:#0352b7; font-weight:bold; font-size:20px;}
.site_my_wrap .site_nav ul { float:left; width:150px; font-size:0; text-align:center; margin-top:15px;}
.site_my_wrap .site_nav ul li {float:left; width:150px; height:30px; background:url(../img/comm/icon_sitemap.gif) left no-repeat; font:normal 16px/30px "나눔고딕"; color:#000; letter-spacing:-2px; display:block; }
.site_my_wrap .site_nav ul li a{ color:#000; overflow:hidden; }
.site_my_wrap .site_nav ul li h2{float:left; width:150px; text-align:center;}
.site_my_wrap .site_nav ul li h2 a{color:#ae1f1f; font-weight:bold; font-size:20px;}

.site_my_wrap .site_nav h3 { float:left; width:150px; text-align:center;}
.site_my_wrap .site_nav h3 a{ color:#0352b7; font-weight:bold; font-size:20px;}

.site_my_wrap .site_nav ul li h3{float:left; width:150px; text-align:center;}
.site_my_wrap .site_nav ul li h3 a{color:#0352b7; font-weight:bold; font-size:20px;}

.my_close_btn{ position:absolute; right:0px; top:13;}

/*mypage */


/*header*/
#header {width:640px; height:95px; margin:0 auto; background:#fff; position:relative;}
#header h1 { padding-top:20px; text-align:left; padding-left:10px; }
#header .btns { position:absolute; right:131px; top:22px; width:60px; height:60px;}
#header .myp { position:absolute; right:70px; top:22px; width:60px; height:60px; }
#header .sho { position:absolute; right:10px; top:22px; width:60px; height:60px; }

#header .search-box {position: absolute; top:105px; left:15px;}
#header .search-box .search-box-title {float:left;height:20px;padding:7px 5px 0 0;font-size: 0.8em;font-weight: bold;}
#header .search-box .inputwrap {float:left;border:1px solid #514841; width:610px;}
#header .search-box img {float:left; width:45px; height:25px;}
#header .search-box input.lText {width:554px; height:55px; padding:1px 5px 0px 5px;border:none; }
#header .search-box .inputout {float:left;}
#header .search-box .btnout {float:left;margin-left:0px;}
#header .search-box .btn {width:56px; height:56px; border-radius:0}

.top_menu { height:131px; }
.top_menu { float:left; }
.top_menu li { float:left; } 
/*header*/


/*비쥬얼*/
.top_nav { position:relative; background-color:#e7f5ff; height:60px; width:100%; border-bottom:solid 1px #a0d4f6; border-top:solid 1px #a0d4f6;}
.top_nav li { float:left; font:20px/60px "나눔고딕"; font-weight:bold; color:#454545; text-align:center; overflow:hidden;} 

.main_visual { clear:both; position:relative; width:100%; height:309px; background-color:#f4f4f4;}
.main_visual .prev{position:absolute; width:25px; height:50px; left:50%; margin-left:-320px; background:url('../img/main/btn_p.png') no-repeat; top:120px; z-index:5;}
.main_visual .next{position:absolute; width:25px; height:50px; left:50%; margin-left:295px; background:url('../img/main/btn_n.png') no-repeat; top:120px; z-index:5;}

#main_roll_cont {position:absolute; top:0px; width:640px; height:309px; left:50%; margin-left:-320px; overflow:hidden;}

.iosSlider {width: 100%; height: 100%;}
.iosSlider .slider {width: 100%; height: 100%;}
.iosSlider .slider .item {width:640px; height:309px; float:left;}
.iosSlider .slider .item img{ width:640px; height:309px;}
.main_nav { position:relative; width:640px;overflow:hidden; }
.main_nav li { float:left;  }
/*비쥬얼*/

.m_body{ background:url(/mo/img/main/m_bg.jpg) no-repeat; width:100%; height:655px; padding-top:170px;}

.m_btn{ width:100%; clear:both;}
.m_btn ul li{ width:33.3333%; float:left;}

.m_btn2{ width:630px; margin:0 auto; clear:both; padding-left:10px;}
.notice{ width:368px; height:160px; background:#fff; border-radius:5px; float:left; padding:20px;}
.notice p{ font-weight:bold; margin-bottom:10px;}
.notice .n_subj{ float:left;}
.notice .n_subj li{ font-size:14px; width:260px;}
.notice .date{ float:right;}
.notice .date li{ font-size:14px; color:#999;}
.mbt{ float:left; width:213px; margin-left:7px;}

/*footer*/

#footer { clear:both; width:640px;margin:0 auto; border-top:solid 1px #c9c9c9;}
#footer .address { text-align:center; padding:30px 0;}
#footer .address p{ font-size:14px; line-height:18px; color:#454545;}
/*footer*/


/*서브*/

.sub{width:640px; height:auto; clear:both; padding-top:30px; background-color:#fff;}
.tit{ font-size:30px; font-weight:bold; padding-left:10px; width:100%; height:40px; border-bottom:solid 1px #c9c9c9; letter-spacing:-2;}
.tit_s{ font-size:30px; width:100%; height:32px;}

.sub_menu2{width:620px; height:40px; margin:30px auto;}
.sub_menu2 ul li{ width:288px; height:34px; margin:0 10px; padding-top:6px; text-align:center; float:left; border:solid 1px #c9c9c9; margin-bottom:10px; font-size:18px;}
.sub_menu3{width:620px; height:40px; margin:30px auto;}
.sub_menu3 ul li{ width:184px; height:34px; margin:0 10px; padding-top:6px; text-align:center; float:left; border:solid 1px #c9c9c9; margin-bottom:10px; font-size:18px;}
.sub_menu4{width:620px; height:40px; margin:30px auto;}
.sub_menu4 ul li{ width:142px; height:34px; margin:0 5px; padding-top:6px; text-align:center; float:left; border:solid 1px #c9c9c9; margin-bottom:10px; font-size:18px;}
.sub_menu2 .on{ color:#fff; background-color:#567bac;}
.sub_menu3 .on{ color:#fff; background-color:#567bac;}
.sub_menu4 .on{ color:#fff; background-color:#567bac;}


.sub_con{width:620px; margin:30px auto 0; background-color:#fff; clear:both;}


#content_area{width:620px; margin:30px auto; height: auto; clear:both;}

.sub_btn{ width:80%; margin:0 auto; background-color:#4b5f9a; padding:10px 0; text-align:center; color:#fff; border-radius:5px; margin-top:20px;}



.fullpage.privacy {    border: none;}

.login-form-section {    width:460px; margin:0 auto;   background-color: #fff; padding:20px 0 50px;}
.login-form-section .block {    width: 460px;}
.login-form-section h2.recall-id {    background-image: url(/image/recallid-sub-header.png);}
.login-form-section h2 {    margin-bottom: 8px;    height: 18px;}
.mb30 {    margin-bottom: 30px !important;}
.login-form-section dl {    width: 330px;    margin: 0;    -webkit-margin-before: 0;    -webkit-margin-after: 0;}
.login-form-section dt {    width: 80px;    clear: left;    font-weight: bold;    line-height: 30px; font-size:18px;}
.login-form-section dt, .login-form-section dd {    display: inline-block;    margin-bottom: 14px;    float: left;}
.login-form-section dd {    clear: right;    -webkit-margin-start: 0;    width: 185px;}
.btn-confirm {    background-image: url(/mo/img/board/btn9.png);}
.btn-login, .btn-login-guest, .btn-login-guestcheck, .btn-confirm {    width: 75px;    height: 72px;    border: none;    cursor: pointer;    margin-left:40px;}
.login-form-section{font-size:18px;}
.login-form-section h2.recall-pw {    background-image: url(/image/recallpw-sub-header.png);}
.mr40{ margin-top:40px;}

.btn-login {    background-image: url(/mo/img/board/btn6.png);}
.login-form-section h2.login-user {    background-image: url(/image/login-sub-header.png);}


/*서브*/



/*그밖에*/
.empty0{width:100%; height:0px; clear:both;}
.empty10{width:100%; height:10px; clear:both;}
.empty20{width:100%; height:20px; clear:both;}
.empty30{width:100%; height:30px; clear:both;}
.empty40{width:100%; height:40px; clear:both;}
.empty50{width:100%; height:50px; clear:both;}
.line{ width:100%; height:3px; background-color:#b4a89a;}
.hiddentext {    text-indent: -9999px;}
.bg-img {    background: transparent none scroll no-repeat 0 0;} 
.mr10 {    margin-right: 10px !important;}
.mr20 {    margin-right: 20px !important;}
.left {    float: left;}
.mt20 {    margin-top: 20px !important;}
.rdo{ width:20px; height:20px;}
.ipt{width:20px; height:20px;}
.bold{font-weight:bold;}
.right {    float: right;}
.mb10 {    margin-bottom: 10px; !important}
.mb20 {    margin-bottom: 20px !important;}
.mb30 {    margin-bottom: 30px !important;}
.mb40 {    margin-bottom: 40px !important;}
.mb50 {    margin-bottom: 50px !important;}
.mt10 {    margin-top: 10px !important;}
.mt20 {    margin-top: 20px !important;}
.mt30 {    margin-top: 30px !important;}
.mt40 {    margin-top: 40px !important;}
.mt50 {    margin-top: 50px !important;}
.text-center {    text-align: center;}
.pull-right {    float: right!important;}
.redF {    color: red;}
.text-right {    text-align: right;}
.pull-left {    float: left !important;}