@charset "utf-8";

/******************************
default
******************************/

html, body{height:100%; min-width:1200px;}
body{font-size:14px; font-family:'NanumGothicRegular', sans-serif; color:#666; text-align:left;
-webkit-text-size-adjust:100%;
-moz-text-size-adjust:100%;
-ms-text-size-adjust: 100%;
}
a{text-decoration:none; color:#666;}

.inner{width:1200px; margin:0 auto;}
.inner:after{content:""; display:block; clear:both;}



/******************************
header
******************************/

#header{width:100%; border-bottom:1px solid #ddd;}

/*header_banner*/
#header .header_banner{width:100%; background:#444;}
#header .header_banner .inner{position:relative;}
#header .header_banner a.banner_contents{display:block; width:100%; font-size:0; text-align:center; padding:17px 0 18px; background-image:url(../images/top_banner_bg.png); background-repeat:no-repeat; background-position:155px center;}
#header .header_banner a.banner_contents h1{display:inline-block; *display:inline; *zoom:1; font-size:20px; color:#fff;}
#header .header_banner a.banner_contents h1 strong{font-family:'NanumGothicBold', sans-serif; color:#ff9800;}
#header .header_banner a.banner_contents p{display:inline-block; *display:inline; *zoom:1; font-size:14px; color:#ddd; margin:0 0 0 20px; line-height:20px;}
#header .header_banner a.close{position:absolute; top:0; right:0; display:block; width:55px; height:100%; font-size:10px; color:#fff; line-height:53px; text-align:center;}

/*gnb*/
#header .gnb_wrap{background:#f9f9f9; border-bottom:1px solid #ddd;}

/*gnb_nav_left*/
#header .gnb_wrap ul.header_family_link{float:left;}
#header .gnb_wrap ul.header_family_link:after{content:""; display:block; clear:both;}
#header .gnb_wrap ul.header_family_link li{float:left; background:#fff; border-right:1px solid #ddd;}
#header .gnb_wrap ul.header_family_link li a{display:block; min-width:180px; font-size:12px; line-height:34px; text-align:center;}
#header .gnb_wrap ul.header_family_link li:first-child{background:#ff9800; border:0;}
#header .gnb_wrap ul.header_family_link li:first-child a{font-family:'NanumGothicBold', sans-serif; color:#fff;}

/*gnb_nav_right*/
#header .gnb_wrap ul.gnb{float:right;}
#header .gnb_wrap ul.gnb:after{content:""; display:block; clear:both;}
#header .gnb_wrap ul.gnb li{float:left; position:relative; padding:0 0 0 11px; margin:0 0 0 10px;}
#header .gnb_wrap ul.gnb li:after{content:""; display:block; width:1px; height:10px; background:#ddd; position:absolute; top:50%; left:0; margin:-5px 0 0;}
#header .gnb_wrap ul.gnb li a{display:block; font-size:12px; line-height:34px;}
#header .gnb_wrap ul.gnb li:first-child{padding:0; margin:0;}
#header .gnb_wrap ul.gnb li:first-child:after{display:none;}
#header .gnb_wrap ul.gnb li:first-child a span.fonti{font-size:10px; color:#ff9800; margin:0 10px 0 0;}

/*lnb*/
#header .lnb_wrap{position:relative;}

/*lnb_logo*/
#header .lnb_wrap h1.logo{float:left; margin:17px 0;}

/*lnb_nav*/
#header .lnb_wrap nav.lnb{float:right;}
#header .lnb_wrap nav.lnb:after{content:""; display:block; clear:both;}
#header .lnb_wrap nav.lnb dl{display:block; min-width:60px; float:left; margin:0 0 0 80px;}
#header .lnb_wrap nav.lnb dl dt{line-height:50px; padding:17px 0;}
#header .lnb_wrap nav.lnb dl dt a{display:block; font-size:16px; font-family:'NanumGothicBold', sans-serif; color:#222;}
#header .lnb_wrap nav.lnb dl dt a.on,
#header .lnb_wrap nav.lnb dl:hover dt a{color:#ff9800;}
#header .lnb_wrap nav.lnb dl dd{position:absolute; top:84px; left:0; display:block; width:100%; z-index:9999; display:none; background:#444; background:rgba(68,68,68,.9);}
#header .lnb_wrap nav.lnb dl dd ul{font-size:0; text-align:center;}
#header .lnb_wrap nav.lnb dl dd ul li{position:relative; display:inline-block; *display:inline; *zoom:1; padding:0 0 0 24px; margin:0 0 0 20px;}
#header .lnb_wrap nav.lnb dl dd ul li:first-child{margin:0; padding:0;}
#header .lnb_wrap nav.lnb dl dd ul li a{display:block; font-size:14px; color:#fff; line-height:60px;}
#header .lnb_wrap nav.lnb dl dd ul li a.on,
#header .lnb_wrap nav.lnb dl dd ul li a:hover{color:#ff9800;}


/******************************
footer
******************************/

#footer{background:#444;}

/*footer_nav*/
#footer .footer_nav{border-bottom:1px solid #666;}
#footer .footer_nav ul:after{content:""; display:block; clear:both;}

/*footer_nav_left*/
#footer .footer_nav ul.legal{float:left; padding:0;}
#footer .footer_nav ul.legal li{position:relative; float:left; line-height:54px; margin:0 0 0 20px; padding:0 0 0 21px;}
#footer .footer_nav ul.legal li a{color:#ddd;}
#footer .footer_nav ul.legal li:after{content:""; display:block; width:1px; height:10px; background:#666; position:absolute; top:50%; left:0; margin:-5px 0 0;}
#footer .footer_nav ul.legal li:first-child{padding:0; margin:0;}
#footer .footer_nav ul.legal li:first-child a{font-family:'NanumGothicBold', sans-serif; color:#fff;}
#footer .footer_nav ul.legal li:first-child:after{display:none;}

/*footer_nav_right*/
#footer .footer_nav ul.sns{float:right;}
#footer .footer_nav ul.sns li{float:left; line-height:54px; border-right:1px solid #666;}
#footer .footer_nav ul.sns li:first-child{border-left:1px solid #666;}
#footer .footer_nav ul.sns li a{display:block; font-size:0; width:54px; text-align:center;}
#footer .footer_nav ul.sns li a span.fonti{font-size:20px; color:#fff;}
#footer .footer_nav ul.sns li a span.fonti.um-facebook{padding:0 0 0 8px;}

/*footer_wrap*/
#footer .footer_wrap{padding:30px 0 60px;}

/*footer_logo*/
#footer .footer_wrap a.footer_logo{float:left;}

/*footer_info*/
#footer .footer_wrap .footer_info{float:left; margin:13px 0 0 60px;}
#footer .footer_wrap .footer_info dl{font-size:12px; color:#aaa; line-height:1.5;}
#footer .footer_wrap .footer_info dl dt{display:inline-block; *display:inline; *zoom:1;}
#footer .footer_wrap .footer_info dl dd{display:inline-block; *display:inline; *zoom:1;}
#footer .footer_wrap .footer_info p.copy{font-size:12px; color:#888; margin:26px 0 0;}

/*footer_family_link*/
#footer .footer_wrap dl.footer_family_wrap{float:right; position:relative; min-width:198px; border:1px solid #666; margin:17px 0 0; overflow:hidden;}
#footer .footer_wrap dl.footer_family_wrap dt{display:block; padding:0 15px; position:relative; color:#fff; line-height:38px; cursor:pointer;}
#footer .footer_wrap dl.footer_family_wrap dt span.fonti{font-size:8px; color:#fff; position:absolute; top:50%; right:15px; margin:-4px 0 0;}
#footer .footer_wrap dl.footer_family_wrap dd{position:absolute; bottom:38px; left:-1px; width:100%; border:1px solid #666; background:#444; padding:15px 0;}
#footer .footer_wrap dl.footer_family_wrap dd ul.footer_family_link li{line-height:30px;}
#footer .footer_wrap dl.footer_family_wrap dd ul.footer_family_link li a{display:block; padding:0 15px; color:#fff;}



/******************************
layout
******************************/

#sub_container{width:100%;}

/*sub_visual*/
#sub_container #sub_visual_wrap{position:relative; width:100%; height:131px; padding:69px 0 0; overflow:hidden;}
#sub_container #sub_visual_wrap img{position:absolute; top:0; left:50%; width:100%; min-width:1920px; margin:0 0 0 -960px; z-index:9;}
#sub_container #sub_visual_wrap h2{position:relative; z-index:99; font-size:20px; color:#fff; line-height:1.5;}
#sub_container #sub_visual_wrap h2 strong{font-family:'NanumGothicBold', sans-serif;}

/*sub_contents_wrap*/
#sub_container #sub_contents_wrap > .inner{padding:60px 0 150px;}
#sub_container #sub_contents_wrap:after{content:""; display:block; clear:both;}

/*sub_location*/
#sub_container #sub_contents_wrap .location_wrap{background:#f9f9f9; border-bottom:1px solid #ddd;}
#sub_container #sub_contents_wrap .location_wrap ul.location{float:right;}
#sub_container #sub_contents_wrap .location_wrap ul.location:after{content:""; display:block; clear:both;}
#sub_container #sub_contents_wrap .location_wrap ul.location li{float:left; font-size:12px; line-height:34px;}
#sub_container #sub_contents_wrap .location_wrap ul.location li:first-child{margin:0;}
#sub_container #sub_contents_wrap .location_wrap ul.location li a{display:inline-block; *display:inline; *zoom:1; color:#888; line-height:34px; font-size:0;}
#sub_container #sub_contents_wrap .location_wrap ul.location li a span.fonti{font-size:12px; padding:0;}
#sub_container #sub_contents_wrap .location_wrap ul.location li > span.fonti{position:relative; top:-1px; font-size:10px; color:#888; padding:0 17px 0 19px;}

/*snb*/
#sub_container #sub_contents_wrap .snb_wrap{float:left; width:200px;}
#sub_container #sub_contents_wrap .snb_wrap > h2{font-size:20px; font-family:'NanumGothicBold', sans-serif; color:#222; padding:0 0 20px;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb{border-top:2px solid #ff9800;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li{position:relative; border-bottom:1px solid #ddd;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li a{display:block; line-height:40px; padding:0 15px;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li span.circle_bullet{display:none;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li.on > a{font-family:'NanumGothicBold', sans-serif; color:#ff9800;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li.on > span.circle_bullet{display:block; background:#ff9800; left:auto; right:15px; behavior:url(../css/PIE.htc); opacity:1;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li dl dt{position:relative;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li dl dt span.fonti{font-size:8px; color:#888; position:absolute; top:50%; right:15px; margin:-3px 0 0;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li dl dd{position:relative; border-top:1px solid #ddd; background:#f9f9f9;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li dl dd:after{content:""; display:block; width:10px; height:2px; background:#888; position:absolute; top:50%; left:20px; margin:-1px 0 0;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li dl dd a{padding:0 20px 0 40px;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li.on dt a{font-family:'NanumGothicBold', sans-serif; color:#ff9800;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li.on dt span.fonti{color:#ff9800;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li dd.on:after{background:#ff9800;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li dd.on a{font-family:'NanumGothicBold', sans-serif; color:#ff9800;}

#sub_container #sub_contents_wrap .snb_wrap .sub_left_banner{margin:40px 0 0; padding:14px 15px 15px; border:1px solid #ddd; background-image:url(../images/lnb_banner_bg.png); background-repeat:no-repeat; background-position:125px 86px;}
#sub_container #sub_contents_wrap .snb_wrap .sub_left_banner h2{font-family:'NanumGothicBold', sans-serif; color:#222;}
#sub_container #sub_contents_wrap .snb_wrap .sub_left_banner strong{display:block; font-size:24px; font-family:'NanumGothicExtraBold', sans-serif; color:#ff9800; margin:12px 0 0;}
#sub_container #sub_contents_wrap .snb_wrap .sub_left_banner ul{margin:23px 0 0;}
#sub_container #sub_contents_wrap .snb_wrap .sub_left_banner ul li{font-size:12px; line-height:1.5; color:#888;}

/*sub_contents*/
#sub_container #sub_contents_wrap .sub_contents{float:left; width:940px; margin:0 0 0 60px;}
#sub_container #sub_contents_wrap .sub_contents h3.stit{font-size:20px; font-family:'NanumGothicBold', sans-serif; color:#222; padding:0 0 20px; border-bottom:2px solid #ddd;}



/******************************
board
******************************/

.board table.table01{margin:30px 0 0;}

/*board_search*/
.board_search{text-align:right; border:1px solid #ddd; background:#f9f9f9; padding:15px;}
.board_search label{line-height:30px; margin:0 10px;}
.board_search select{border:1px solid #ddd; min-width:118px; height:30px; padding:5px 5px 5px 15px;}
.board_search input[type=text]{margin:0 1px;}
.board_search input[type=submit]{border:0; line-height:30px; vertical-align:top; cursor:pointer; margin:0 0 0 6px;}

/*board_list*/
.board td.board_subject{text-align:left !important; padding-left:20px !important;}
.board a.board_file{font-size:20px; color:#ff9800;}
.board td.board_subject span.fonti.um-lock{font-size:10px; color:#999; margin:0 0 0 18px;}
.board td.board_status span.process{display:inline-block; *zoom:1; *display:inline; width:90px; background:#ff9800; font-size:12px; color:#fff; text-align:center; line-height:30px;}
.board td.board_status span.complete{display:inline-block; *zoom:1; *display:inline; width:90px; background:#f6f6f6; font-size:12px; color:#666; text-align:center; line-height:30px;}

.board tbody.board_notice td.board_num span{display:inline-block; *zoom:1; *display:inline; width:40px; background:#ff9800; font-size:12px; color:#fff; text-align:center; line-height:20px;}
.board tbody.board_notice td.board_subject a{font-family:'NanumGothicBold', sans-serif; color:#222;}

/*board_btn*/
.board_btn{font-size:0; text-align:right; margin:30px 0 0;}

/*board_paging*/
.board_paging{font-size:0; text-align:center; margin:30px 0 0;}
.board_paging > a{display:inline-block; *zoom:1; *display:inline; width:28px; height:28px; border:1px solid #ddd; background:#f9f9f9; font-size:8px; color:#ff9800; line-height:28px; text-align:center;}
.board_paging > a.prev{margin:0 0 0 2px;}
.board_paging > a.next{margin:0 2px 0 0;}
.board_paging ul.page_list{display:inline-block; *zoom:1; *display:inline; margin:0 20px;}
.board_paging ul.page_list li{display:inline-block; *zoom:1; *display:inline; margin:0 0 0 2px; }
.board_paging ul.page_list li:first-child{margin:0;}
.board_paging ul.page_list li a{display:inline-block; *zoom:1; *display:inline; width:28px; height:28px; border:1px solid #ddd; font-size:12px; color:#666; line-height:28px; text-align:center;}
.board_paging ul.page_list li a.current{background:#ff9800; border-color:#ff9800; color:#fff;}

/*board_paging*/
.board_paging_v2{font-size:0; text-align:center; margin:30px 0 0;}
.board_paging_v2 > a{display:inline-block; *zoom:1; *display:inline; width:28px; height:28px; border:1px solid #ddd; background:#f9f9f9; font-size:8px; color:#ff9800; line-height:28px; text-align:center;}
.board_paging_v2 > a.prev{margin:0 0 0 2px;}
.board_paging_v2 > a.next{margin:0 2px 0 0;}
.board_paging_v2 ul.pagination{display:inline-block; *zoom:1; *display:inline; margin:0 20px;}
.board_paging_v2 ul.pagination li{display:inline-block; *zoom:1; *display:inline; margin:0 0 0 2px; }
.board_paging_v2 ul.pagination li:first-child{margin:0;}
.board_paging_v2 ul.pagination li.active a{background:#ff9800; border-color:#ff9800; color:#fff;}
.board_paging_v2 ul.pagination li a{display:inline-block; *zoom:1; *display:inline; width:28px; height:28px; border:1px solid #ddd; font-size:12px; color:#666; line-height:28px; text-align:center;}

/*board_view*/
.board_view h3.board_tit{font-size:30px; font-family:'NanumGothicBold', sans-serif; color:#ff9800; border-bottom:2px solid #ff9800; padding:0 0 30px;}
.board_view .table01{border-top:0; margin:0;}
.board_view .board_view_con{margin:30px 0 0; border:1px solid #ddd; padding:30px; line-height:1.5;}
.board_view .board_view_bottom{margin:60px 0 0; padding:30px 0 0; border-top:1px solid #ddd;}
.board_view .board_view_bottom:after{content:""; display:block; clear:both;}
.board_view .board_view_comment{position:relative; margin:30px 0 0; padding:25px 89px 27px; background:#f6f6f6; border:1px solid #ddd; word-break:keep-all;}
.board_view .board_view_comment span.answer_bullet{font-size:30px; font-family:'NanumGothicExtraBold', sans-serif; color:#ff9800; position:absolute; top:25px; left:30px;}
.board_view .board_view_bottom .board_view_bottom_l{float:left;}
.board_view .board_view_bottom .board_view_bottom_l a:first-child{margin:0 10px 0 0;}
.board_view .board_view_bottom .board_view_bottom_r{float:right;}

/*board_write*/
.board_write{}
.board_write .board_write_subject input[type=text]{width:755px;}
.board_write .board_write_secret input[type=radio]{margin:0 0 0 25px; vertical-align:middle;}
.board_write .board_write_secret label{padding:0 0 0 5px;}
.board_write .board_write_bottom{margin:60px 0 0; padding:30px 0 0; border-top:1px solid #ddd; text-align:center;}



/******************************
form
******************************/
input[type=text],
input[type=number],
input[type=password]{width:157px; height:16px; border:1px solid #ddd; padding:6px 6px 6px 15px; vertical-align:top; color:#666;}
input[type=file]{border:1px solid #ddd; background:#fff; height:30px;}
input[type=checkbox],
input[type=radio]{margin:0; padding:0;}
select{border:1px solid #ddd; width:90px; padding:5px 5px 6px 15px; color:#666;}
input[type=text].readonly{background:#f6f6f6;}
input[type=text].inputTextS,
input[type=number].inputTextS{width:67px;}

.form_wrap:after{content:""; display:block; clear:both;}
.form_wrap > p.require{text-align:right;}
.form_wrap table.form01{width:100%; border-top:2px solid #ff9800;}
.form_wrap table.form01 caption{display:none;}
.form_wrap table.form01 th{border-bottom:1px solid #ddd; padding:15px 20px; font-size:16px; font-family:'NanumGothicBold', sans-serif; color:#222; text-align:left; vertical-align:middle;}
.form_wrap table.form01 td{border-bottom:1px solid #ddd; padding:15px 0;}
.form_wrap table.form01 td span{display:inline-block; *zoom:1; *display:inline; line-height:30px;}
.form_wrap table.form01 td .btn03{margin:0 0 0 10px;}
.form_wrap table.form01 td span.desc{margin:0 0 0 25px; color:#888;}
.form_wrap table.form01 td .agree{margin:14px 0 0;}
.form_wrap table.form01 td .agree input[type=radio]{margin:1px 0 0 25px;}
.form_wrap table.form01 td .agree label{padding:0 0 0 5px;}

.form_wrap table.form01 td.birthday span{padding:0 15px 0 5px;}
.form_wrap table.form01 td.phone input[type=text],
.form_wrap table.form01 td.phone input[type=number]{width:67px;}
.form_wrap table.form01 td.phone span{padding:0 6px;}
.form_wrap table.form01 td.email select{width:180px;}
.form_wrap table.form01 td.email span{padding:0 6px;}
.form_wrap table.form01 td.type input[type=radio]{margin:1px 6px 0 25px;}
.form_wrap table.form01 td.type input[type=radio]:first-child{margin:0 6px 0 0;}
.form_wrap table.form01 td.address ul li{margin:15px 0 0;}
.form_wrap table.form01 td.address ul li input[type=text]{width:362px; }
.form_wrap table.form01 td.address ul li:first-child{margin:0;}
.form_wrap table.form01 td.address ul li:first-child input[type=text]{width:157px;}
.form_wrap table.form01 td.legal{padding:15px 20px;}
.form_wrap table.form01 td.legal input[type=checkbox]{margin:1px 0 0;}
.form_wrap table.form01 td.legal label{font-family:'NanumGothicBold', sans-serif; color:#222; margin:0 0 0 8px;}
.form_wrap table.form01 td.legal label span{line-height:1;}
.form_wrap table.form01 td.legal .btn02{margin:0 0 0 19px;}
.form_wrap .btn_area{text-align:center; margin:30px 0 0;}
.form_wrap .member_leave_btn_area{background:#f9f9f9; border:1px solid #ddd; padding:30px; margin:60px 0 0;}
.form_wrap .member_leave_btn_area:after{content:""; display:block; clear:both;}
.form_wrap .member_leave_btn_area p{float:left; line-height:30px; font-size:12px;}
.form_wrap .member_leave_btn_area .member_leave_btn{float:right;}

/*privacy*/
.privacy_agree{position:relative; margin:12px 0 0;}
.privacy_detail{position:absolute; bottom:0; left:260px; width:598px; background:#fff; border:1px solid #ddd; border-top:2px solid #ff9800; display:none;}
.privacy_detail p{padding:25px 30px 27px 30px !important;}
.privacy_detail table{width:100%;}
.privacy_detail table caption{display:none;}
.privacy_detail table th{border-top:1px solid #ddd; border-right:1px solid #ddd; padding:13px 0 !important; text-align:center !important; font-size:14px !important; font-family:'NanumGothicBold'; color:#222; background:#f6f6f6;}
.privacy_detail table td{border-top:1px solid #ddd; padding:13px 0 13px 20px !important;}

/*zs-custom*/
.sr-only {text-indent: -9999px;display: inline-block;}
button.pop_close{position:absolute; top:0; right:0; line-height:60px; width:60px; padding:0; outline:0; border: none; color:#fff; background:transparent; margin-top:0; cursor: pointer;}
.zs-cb,.zs_cb{clear: both;}
.zs-cp,.zs_cp{cursor: pointer;}

/* main Popup */
.mainPopup{min-width: 320px;}
.mainPopup .mainPopup_top{background-color: #ff9800;text-align: center;font-size: 20px;color: #fff;padding: 10px 20px;box-sizing: border-box;}
.mainPopup .mainPopup_con{padding:5px; border:5px solid #ddd;background-color: #fff;}
.mainPopup .mainPopup_con div{padding: 15px 0 ;}
.mainPopup .mainPopup_con .con-top{box-sizing: border-box;}
.mainPopup .mainPopup_con .con-btm{_background-color: #f8f8f8;_border: 1px solid #ddd;}
.mainPopup .mainPopup_con .con-btn{text-align: center;margin: 15px 0 10px 0;}
.mainPopup .mainPopup_con .con-btn a{padding: 15px 30px;background-color: #ff9800;color: #fff;border-radius: 50px;}
.mainPopup img{width:100% !important; height:100% !important; max-width:720px !important;}
.mainPopup .closeArea{background:#222; font-size:12px; color:#fff; line-height:30px; padding:0 20px;}
.mainPopup .closeArea span{display: inline-block}
.mainPopup .closeArea .lt{float: left}
.mainPopup .closeArea .lt input{vertical-align: middle}
.mainPopup .closeArea .rt{float: right;border-left: 1px solid #555;padding-left: 20px;}
/* main Popup END*/