@charset "utf-8";
@font-face{ 
	font-family: 'NanumGothic';
	src: url('/font/NanumGothic.eot');
	src: url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
	url('/font/NanumGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* html5-doctor-reset-stylesheet.min CSS 초기화 */
*{margin:0; padding:0; font-weight: normal; font-family:'NanumGothic';}
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 {padding:0; margin:0; font-size:12px; }
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{ 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; }
caption{ display:none;}
a img, input, textarea, select, img{ vertical-align:middle; }
time, progress, mark, output { display:inline; }
a {text-decoration:none;}
a:hover {text-decoration:underline;}
a img{ border:0; }
img, input, select{ vertical-align:middle; }
input{ font-size:13px; color:#000; vertical-align:middle; }
select{ font-size:13px; border:1px solid #D0D0D0; background:#fff; }
article, aside, figure, figure img, figcaption, hgroup, footer, header, main, nav, section, label, video, object {display:block;}

.null{ font-size:0; line-height:0; }
.accessibility, .skip, legend{position:absolute !important; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important;}
.hide{ position:absolute; top:-9999px; left:-9999px; }
.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; }
/* html5-doctor-reset-stylesheet.min CSS 초기화 */


/* 편의를 위한 CSS 정의 */
.hide{ position:absolute; top:-9999px; left:-9999px; }
.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 {text-decoration:none;color:#ccc}
a:hover {text-decoration:underline;}
a img{ border:0; }
img, input, select{ vertical-align:middle; }
input{ font:13px 'dotum'; color:#000; vertical-align:middle; }
select{ font-size:13px; border:1px solid #D0D0D0; background:#fff; }
.ilh {width:159px;height:29px;position:relative;float:left;background:#8b8b8b;}
.ilh label {display:block;font:normal 12px/29px 'dotum';padding-left:10px;color:#fff;}
.ilh span {display: block;height:32px;}
.ilh input {position:absolute;width:100%;height:29px;padding-left:10px;border:0;background: transparent;font-size:12px;vertical-align:top;color:#fff;top:0;left:0;z-index:1;}
.my-placeholder { color: #aaa; }
input[type=checkbox].s_checkbox {position:relative;top:-1px;margin-right:5px;width:15px;height:15px;border:0;border-radius:0;background:url('../img/input/chk_img.gif') no-repeat 0 0;background-size:15px 30px;}
input[type=checkbox]:checked.s_checkbox {background-position:0 -15px;}
input[type=radio].s_radiobox {position:relative;width:15px;height:15px;border:0;border-radius:0;background:url('../img/input/radio_img.png') no-repeat 0 0;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-size:15px 30px;}
input[type=radio]:checked.s_radiobox {background-position:0 -15px;}
input[type=file].s_upload {filter: alpha(opacity=0);opacity:0;outline:none;background:none;cursor:pointer;}
select.s_select {font-size:20px;font-family:'dotum';width:100%;border:1px solid #c3c3c3;position:relative;top:0px;display:inline-block;padding:0 0 0 5px;line-height:50px;height:50px;background:url('/img/input/bg_select.gif') right top no-repeat padding-box border-box #fff;appearance:none;-webkit-appearance:none;-ms-appearance:none;-moz-appearance:none;border-radius:0;text-indent:0.01px; text-overflow:'';}
select.s_select::-ms-expand {display:none;}
textarea.s_area {margin:5px 0;width:100%;padding:10px;height:150px !important;line-height:15px;border:1px solid #c3c3c3;background:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input.s_text {font-size:20px;background:#fff;border:1px solid #c3c3c3;padding:7px 10px;height:50px;line-height: 50px;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input.s_text:input-placeholder {color:#ccc;}
input.s_text:-webkit-input-placeholder {color:#ccc;}
input.s_text:-ms-input-placeholder {color:#ccc;}

#document{ width:100%; margin:0 auto; background:#fff;position:relative;}
/* 헤더 */
#head_wrap {width:100%;z-index:10;}
.head_box {width:640px; height:100px; overflow:hidden; margin:0 auto; background:#fff;box-sizing:border-box;}
.head_box dl dd{float:left;}
.head_box dl dd:after{content:''; display:block; clear:both;}

/* 푸터 */
footer {background-color:#a6a195; width:100%; padding-bottom:50px}
.foot {width:640px; margin:0 auto; text-align:center;}
.foot_logo{text-align:center;}

.f_btn:after{content:"";display:block;clear:both}
.f_btn li{float:left;}
.f_add{padding-top:30px;font-size:15px;color:#fff;line-height:1.5;}

.foot_mem {overflow:hidden; text-align:center; padding:40px 0;}
.foot_mem li{font-size:20px; color:#333; }
.foot_mem li a{font-size:20px !important; color:#333; font-weight:bold;border:1px solid #c1c1c1;display:inline-block;width:175px;height:45px;line-height:45px;text-decoration:none;}
.f_copy{padding-bottom:70px;}
.f_copy p{font-size:16px; color:#ededed; text-align:center; line-height:1.7}


/* 전체메뉴 */
.black_bg{position:absolute; top:0; width:100%; height:100%; background-color:#000; filter:Alpha(opacity=80); opacity:0.8; z-index:99999; display:none}
.closebtn {position:absolute; top:5px; display:block; right:20px; font-size:36px; color:#fff; cursor:pointer}
#total_menu {width:640px;position:absolute;top:96px;left:50%;margin-left:-320px;z-index:999999;display:none;}
#total_menu h1{font-size:32px;line-height:32px;font-family:"NanumGothic";text-align:center; background:#d57f9a;color:#fff;padding: 22px 0;}
.total_wrap {background-color:#fff; overflow:hidden;}
.total_box {clear:both; position:relative; font-size:0; overflow:hidden; padding: 25px; border-bottom: 1px solid #d3d3d3}
.total_box strong{display:block; width:100%; float:left;padding: 9px 0 0 0; margin-bottom:30px;  }
.total_box strong:after{content:''; display:block; clear:both;}
.total_box strong a{text-decoration:none;color:#d57f9a;font-weight:normal;display: block;font-size:34px;line-height:32px;text-align: center;}
.total_box ul{float:right; width:100%; overflow:hidden; }
.total_box ul:after{content:''; display:block; clear:both;}
.total_box ul li{float:left; width:280px;margin-left:10px;text-align:center;margin-bottom:15px;}
.total_box ul li:after{content:''; display:block; clear:both;}
.total_box ul li a {text-decoration:none;font-size:25px;font-family:"NanumGothic";color:#000; letter-spacing:-2px;}
.closebtn{text-align: center;padding: 20px;}

/* 프로그램 */
/* SMS */
.sms_wrap { position:relative; width:580px; margin:0 auto; padding:30px; background:url('../img/comm/sms_bg.jpg'); overflow:hidden;}
.sms_wrap h3{ font:bold 30px/60px "NanumGothicBold"; color:#333; letter-spacing:-2px; text-align:left; height:59px; }
.smsForm { }
.smsForm input { font:normal 20px/30px "NanumGothic"; color:#000; padding:2px; height:30px;}
.smsForm tbody th { font:bold 20px/60px "NanumGothicBold"; color:#333; text-align:left; background:url(../img/comm/icon_sms.png) left center no-repeat; width:115px; padding-left:30px ; }
.smsForm .privacy { font:normal 18px/25px "dotum"; width:430px; height:70px; padding:5px; margin-top:10px; letter-spacing:-1px;  overflow-y:auto; background:#e9e9e9; }
.smsForm .right { font:bold 20px/60px "NanumGothicBold"; color:#333; text-align:right; }
/*뒷배경 블러*/
#bgLayer { display:none; position:absolute; left:0px; top:0px; width:100%; z-index:1000; background-color:#000; filter:Alpha(opacity=50); opacity:0.7;}
/*게시판 비밀번호*/
#layerpopup {display:none;z-index: 1001;}
.lay_wrap {background: none repeat scroll 0 0 #FFFFFF; overflow: visible; position: absolute; text-align: left; z-index: 9999;}
.lay_login {left: 50%;margin-left: -145px;top: 20%;width: 290px;}
.lay_wrap .lay_conts {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #333333;position: relative;z-index: 9999;}
.lay_login .lay_head {background: none repeat scroll 0 0 transparent;border-top: 4px solid #55aaee;}
.lay_login .lay_head .h2_password{float:left; }
.lay_login .lay_head .h2_password:after{content:''; display:block; clear:both;}
.lay_wrap .lay_head h2, .lay_head2 h2 {padding:0;z-index: 1000;margin-left:10px;}
.lay_login .lay_head .lay_close {background: url("/images/login/login_close.jpg") no-repeat scroll 0 0 transparent;height: 10px;width: 9px;}
.lay_login .lay_btm {margin:0 30px 10px 10px;}
.lay_wrap .btn {background: url("/images/login/login_close.jpg") no-repeat scroll 0 0 transparent;display: inline-block;}
.lay_wrap .btn span {display: block;    overflow: hidden;text-align: left;text-indent: -9999px;}
.lay_wrap .lay_close {background-position: -85px 0;height: 15px;position: absolute;right: 15px;top: 17px;width: 15px;}
.lay_login .lay_pwbox {padding: 20px 20px 0px 15px;overflow: hidden;}
.lay_login .lay_pwbox p.input_password {float:left; height: 59px;}
.lay_login .lay_pwbox p.input_password span.input {display:inline; float: left; width:250px; margin-top:20px; }
.lay_login .lay_pwbox p.user input {width:12px; height:12px; margin-right:3px; vertical-align:middle; }
.lay_login .lay_pwbox p.user em {color: #DCDADC;}
.lay_login .lay_pwbox p.error_msg {background: url("/images/login/bg_input.jpg") no-repeat scroll -2px -65px transparent;color:red; font-size: 11px; line-height:15px;margin-top:20px;padding-left:15px;}
.lay_login .input_pw {float: left; width: 170px; height: 13px;padding: 6px 8px; background: url("/images/login/bg_input.jpg") no-repeat scroll 8px -25px transparent; border-color: #A6A6A6 #C0C0C0 #C0C0C0 #A6A6A6; border-left: 1px solid #A6A6A6; border-style: solid; border-width: 1px;}
.lay_login .btn_password {float: left; width:57px; height:27px; margin-left:2px;  border:0px; background:url("/images/bbs/white/btn_write_ok.gif") no-repeat scroll 0 0 transparent;}
button span {display: block;text-indent: -9999px;}
/* 로그인 */
#login_form_wrap {width:100%;padding:25px;margin:10px auto;background:#fefefe;border:1px solid #e1e1e1;box-sizing:border-box;}
#login_form_wrap .login_title {font-size:14px;margin-bottom:20px;color:#888;}
#login_form_wrap .login_title strong {color:#4b87d1;display:block;font-size:25px;margin-bottom:10px;}
.login_box_wrap {width:100%;background:#f7f7f7;padding:15px;box-sizing:border-box;}
.login_box_wrap h4 {padding:20px;font-size:14px;color:#888;text-align:center;}
.login_box_wrap h4 strong {font-size:25px;color:#333;display:block;margin-bottom:10px;}
/* .btn_type1 {border:1px solid #446dad;background:#4b87d1;color:#fff;width:100%;height:50px;line-height:50px;text-align:center;font-size:18px;font-weight:bold;cursor:pointer;text-decoration:none;display:block;text-shadow:0px 1px 0px #000;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.btn_type2 {border:1px solid #333;background:#555;color:#fff;width:100%;height:50px;line-height:50px;text-align:center;font-size:14px;font-weight:bold;cursor:pointer;text-decoration:none;display:block;text-shadow:0px 1px 0px #000;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} */
.bbs_btns li {width:50%;padding:0 2px 0 0;float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.bbs_btns li i {margin-left:5px;}
.bbs_btns li:last-child {padding:0 0 0 2px;float:right;}
#login_form_wrap {width:100%;padding:25px;margin:10px auto;background:#fefefe;border:1px solid #e1e1e1;box-sizing:border-box;}
#login_form_wrap .login_title {font-size:14px;margin-bottom:20px;color:#888;}
#login_form_wrap .login_title strong {color:#4b87d1;display:block;font-size:25px;margin-bottom:10px;}
.login_box_wrap {width:100%;background:#f7f7f7;padding:15px;box-sizing:border-box;}
.login_box_wrap h4 {padding:20px;font-size:14px;color:#888;text-align:center;}
.login_box_wrap h4 strong {font-size:25px;color:#333;display:block;margin-bottom:10px;}
.term_text textarea{width: 100%;height: 400px; padding:30px; box-sizing: border-box; border: 1px solid #e1e1e1;}
.tbl01{width:100%; margin:0 auto; border-top:3px solid #f1518d; border-bottom:1px solid #D0D0D0;margin-bottom:20px;}
.tbl01 th{font-size:20px;color:#444444;text-align:center; font-weight:bold;padding:10px 0;}
.tbl01 td{padding:10px 0; border-top:1px solid #cecece}
.tbl01 a{color:#444444}
.tbl01 input[type=text] {height:30px;border: 1px solid #D0D0D0;}
.tbl01 textarea{border: 1px solid #D0D0D0;width: 96%;box-sizing: border-box;margin-bottom:15px;}
.rq_name{width:74%}
.tbl01 select{font-size:20px;height:32px;}
.tbl01 p{font-family:"NanumGothic"}
.rq_btn {background: #f1518d;: 3px 7px;text-align: center;color: #fff;font-weight: bold;border-radius: 4px;}
.ag_more {float: right;padding: 1px 7px;margin-right:15px;}
.ag_cen{text-align:center;}
/* 모바일 전후사진 */
.roll_wrap{position:relative;background: #e3e3e3;}
.roll_wrap h1{text-align:center; font-size:25px; background:#2F363E;color:#fff;padding:20px 0;}
.roll_wrap p{font-size: 18px;text-align: center;background: rgba(255, 255, 255, 0.68);position: absolute;top: 0;width: 100%; height:25px;padding: 15px 0px;display:block;z-index:999}
.bfaf_wrap .bx-wrapper{padding:50px 0;}
.bfaf_wrap .bx-wrapper .bx-viewport{background:none;    margin-top: 50px;}
.bfaf_wrap .bx-wrapper .bx-next{display:none;}
.bfaf_wrap .bx-wrapper img{display: inline-block;text-align: center;height: 260px !important;width: 600px !important;}
.bfaf_wrap h1{display:none;}
.bfaf_inner{display:block;}
.bfaf_wrap .bx-pager{position: absolute;bottom: 48px;left: 50%;z-index: 9999;margin-left:-140px}
.bfaf_wrap .icon5{margin-left: -141px;}
.bfaf_wrap .icon3{margin-left:  -83px;}
.bfaf_wrap .icon2{margin-left: -55px;}
.bfaf_wrap .icon1{margin-left: -25px !important;}
.bfaf_wrap .bx-pager a{padding:15px;display:inline-block; background:#969696; color:#fff; }
.bfaf_txt1{overflow:hidden;width: 600px;position: absolute;top: 67px;}
.bfaf_txt1 li{float:left;width:50%; text-align:center;font-size:16px; font-weight:bold;color:#555}
.roll_thum li img {width: 150px !important;}
.cell_wrap {position:relative;padding-left:73px;overflow:hidden;}
.cell_wrap .s_select {position:absolute !important;width:70px;left:0px;top:0;}
.cell_wrap ul {}
.cell_wrap ul li {width:50%;border:0 !important;margin:0 !important;padding:0 !important;border-bottom:0 !important;}
.cell_wrap ul li:first-child {float:left;padding-right:3px !important;box-sizing: border-box;}
.cell_wrap ul li:last-child {float:left;}
.double_wrap {width:100%;overflow:hidden;padding:0 !important;margin:0 !important;}
.double_wrap li {float:left;width:50%;border-bottom:0 !important;padding:0 !important;}
.double_wrap li:first-child {padding-right:3px !important;box-sizing: border-box;}

/* 편의를 위한 CSS 정의 */
.blind{position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0; text-indent:-9999999999px;}

.foot_mem_btn{text-align:center;margin:15px auto 0 auto;width:360px;}
.foot_mem_btn:after{content:"";display:block;clear:both;}
.foot_mem_btn li{float:left;font-size:14px;color:#333;}
.foot_mem_btn li a{display:inline-block;text-decoration:none;font-size:14px;color:#333;}
.sitemap_btn_wrap{border-bottom:1px solid #d3d3d3;}
.sitemap_btn_wrap:after{content:"";display:block;clear:both;}
.sitemap_btn_wrap li{float:left;}
.sitemap_btn_wrap li a{width:213px;height:70px;line-height:70px;display:block;text-decoration:none;box-sizing:border-box;color:#d57f9a;font-size:30px;text-align:center;}
