@charset "utf-8";
/* CSS Document */
/* 공통 */
.container-fluid { padding:0px; position: relative;}

.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }

.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }

.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }

.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }


/* 헤더 ------------------------------------------------------------------------------------------------------------- */
nav.navbar { min-height:196px; position:relative; margin-bottom:0px; background:url(../img/common/bg_header.png) repeat-x center top; z-index: 10000;}
nav.navbar div.container { position:relative; text-align:center; padding:0px;}
@media (max-width: 767px) {
	nav.navbar { min-height:50px; background-color:#FFF; background-image:none;}
	nav.navbar div.container { position:relative; text-align:left; background-color: #015ad9;}
}

nav.navbar div.navbar-header { display:inline-block; float:none; }
nav.navbar div.navbar-header button.navbar-toggle { border-color:#00a1e2;}
nav.navbar div.navbar-header button.navbar-toggle:focus, nav.navbar div.navbar-header button.navbar-toggle:hover { background-color:#FFF;}
nav.navbar div.navbar-header button.navbar-toggle span.icon-bar{ background-color:#00a1e2;}
nav.navbar div.navbar-header a.navbar-brand { height:142px; padding: 0;}
nav.navbar div.navbar-header a.navbar-brand img { width:560px; height:150px;}
@media (max-width: 767px) {
	nav.navbar div.navbar-header { margin-top:5px;}
	nav.navbar div.navbar-header a.navbar-brand { height:50px; padding: 0;}
	nav.navbar div.navbar-header a.navbar-brand img { width:200px; height:55px; margin-left:15px;}
	nav.navbar div.navbar-header button.navbar-toggle { position:absolute; right:0px;}
}
nav.navbar div.navbar-collapse{ border-color:#004DA1;}

#navbar { font-size:18px;}
@media (max-width: 767px) {
	#navbar { font-size:16px; padding:0px; margin:0px;}
}

#navbar ul.main_menu { background-color:#00a1e2; background:url(/img/common/bg_menu.png) no-repeat center;}
#navbar ul.main_menu > li { width:195px;}
#navbar ul.navbar-nav > li { background:url(/img/common/bg_main_menu.png) no-repeat right center;}
#navbar ul.navbar-nav > li:last-child { background:none;}
#navbar ul.navbar-nav > li > a { color:#FFF; text-align:center; padding:13px 15px;}
#navbar ul.navbar-nav > li.open > a { background:none;}
#navbar ul.navbar-nav > li.dropdown a span.caret { display:none;}
#navbar ul.navbar-nav > li.dropdown > ul.dropdown-menu { left:0px; min-width:195px; border:2px solid #00a1e2; border-top:none; padding:15px 0px;}
#navbar ul.navbar-nav > li.dropdown > ul.dropdown-menu li { text-align:center;}
#navbar ul.navbar-nav > li.dropdown > ul.dropdown-menu li a { padding:5px 10px;}

@media (max-width: 1200px) {
	#navbar ul.main_menu { background-image:url(/img/common/bg_menu2.png);}
	#navbar ul.main_menu > li { width:160px; font-size:16px;}
	#navbar ul.navbar-nav > li.dropdown > ul.dropdown-menu { min-width:160px;}
	#navbar ul.navbar-nav > li.dropdown > ul.dropdown-menu li { font-size:12px;}
}
@media (max-width: 990px) {
	#navbar ul.main_menu { background-image:url(/img/common/bg_menu3.png);}
	#navbar ul.main_menu > li { width:125px; font-size:16px;}
	#navbar ul.navbar-nav > li.dropdown > ul.dropdown-menu { min-width:125px;}
	#navbar ul.navbar-nav > li.dropdown > ul.dropdown-menu li { font-size:12px;}
	#navbar ul.navbar-nav > li.dropdown > ul.sub_menu5 li { font-size:11px;}
	#navbar ul.navbar-nav > li.dropdown > ul.sub_menu5 li a { padding:5px 3px;}
}
@media (max-width: 767px) {
	#navbar ul.main_menu { margin-top:0px; background-color:#00a1e2; background-image:none; padding:0px; margin:0px;}
	#navbar ul.main_menu > li { width:auto;}
	#navbar ul.navbar-nav > li { background-color:#00a1e2; background-image:none;}
	#navbar ul.navbar-nav > li:last-child { background-color:#00a1e2;}
	#navbar ul.navbar-nav > li > a { text-align:left; padding:13px 15px;}
	#navbar ul.navbar-nav > li.open > a { background-color:#00a1e2;}
	#navbar ul.navbar-nav > li.dropdown a span.caret { display:inline-block; margin-left:8px;}
	#navbar ul.navbar-nav > li.dropdown > ul.dropdown-menu { border:none; padding:5px 10px;}
	#navbar ul.navbar-nav > li.dropdown > ul.dropdown-menu li { font-size:14px; text-align:left;}
	#navbar ul.navbar-nav > li.dropdown > ul.dropdown-menu li a { color:#FFF;}
	#navbar ul.navbar-nav > li.dropdown > ul.sub_menu5 li { font-size:14px;}
	#navbar ul.navbar-nav > li.dropdown > ul.sub_menu5 li a { padding:5px 10px;}
}

#navbar ul.navbar-right { font-size:12px; background-color:#f4f4f4; border-radius:13px; position:absolute; top:15px; right:15px;}
#navbar ul.navbar-right li { background:url(/img/common/bg_util_menu.png) no-repeat right 10px;}
#navbar ul.navbar-right li:last-child { background:none;}
#navbar ul.navbar-right li a { color:#333; padding:5px 10px;}
@media (max-width: 767px) {
	#navbar ul.navbar-right { font-size:14px; position:relative; top:0px; right:0px; padding:0px; margin:5px 0px;}
	#navbar ul.navbar-right li { display:inline-block; width:49%;}
	#navbar ul.navbar-right li a { text-align:center;}
}
/* 헤더 END ------------------------------------------------------------------------------------------------------------- */

.main_popup{ width: 460px; height: 690px; position: absolute; left: 50%; margin-left: -600px; top:196px; background-color:#0f5ea4; color: #FFF; z-index: 100000; text-align: center; font-weight: 700; line-height: 40px; border: 1px solid #0f5ea4;}
.main_popup a {text-decoration: none; color: #FFF; cursor: pointer;}
@media (max-width: 950px){
.main_popup{ width: 100%; height: auto; position: absolute; left: 50%; margin-left: -50%; top:60px; background-color:#072a75; color: #FFF; z-index: 100000; text-align: center; font-weight: 700; line-height: 40px;}
.main_popup a {text-decoration: none; color: #FFF; cursor: pointer;}
}
@media (max-width: 767px){
.main_popup{ width: 100%; height: auto; position: absolute; left: 50%; margin-left: -50%; top:60px; background-color:#072a75; color: #FFF; z-index: 100000; text-align: center; font-weight: 700; line-height: 40px;}
.main_popup a {text-decoration: none; color: #FFF; cursor: pointer;}
}
.main_popup2{ width: 460px; height: 500px; position: absolute; left: 50%; margin-left: -600px; top:196px; background-color:#0f5ea4; color: #FFF; z-index: 100000; text-align: center; font-weight: 700; line-height: 40px; border: 1px solid #0f5ea4;}
.main_popup2 a {text-decoration: none; color: #FFF; cursor: pointer;}
@media (max-width: 950px){
	.main_popup2{ width: 100%; height: auto; position: absolute; left: 50%; margin-left: -50%; top:60px; background-color:#072a75; color: #FFF; z-index: 100000; text-align: center; font-weight: 700; line-height: 40px;}
	.main_popup2 a {text-decoration: none; color: #FFF; cursor: pointer;}
}
@media (max-width: 767px){
	.main_popup2{ width: 100%; height: auto; position: absolute; left: 50%; margin-left: -50%; top:60px; background-color:#072a75; color: #FFF; z-index: 100000; text-align: center; font-weight: 700; line-height: 40px;}
	.main_popup2 a {text-decoration: none; color: #FFF; cursor: pointer;}
}
	
/* 메인비주얼 ------------------------------------------------------------------------------------------------------------- */
#myCarousel { padding:0px; height:500px;}
#myCarousel div.carousel-inner { height:500px;}
#myCarousel div.carousel-inner div.item { height:500px; background-repeat:no-repeat; background-size:cover; background-position:center center;}
@media (max-width: 970px) {
	#myCarousel { height:414px;}
	#myCarousel div.carousel-inner { height:414px;}
	#myCarousel div.carousel-inner div.item { height:414px;}
}
@media (max-width: 767px) {
	#myCarousel { height:320px;}
	#myCarousel div.carousel-inner { height:320px;}
	#myCarousel div.carousel-inner div.item { height:320px;}
	#myCarousel a.carousel-control { display:none;}
}
/* 메인비주얼 END ------------------------------------------------------------------------------------------------------------- */


/* 푸터 ------------------------------------------------------------------------------------------------------------- */
footer { color:#ccc; background-color:#2f2f2f;}

footer div.sitemap_box_inner { height:270px; border-bottom:1px solid #4a4a4a; margin-top:30px;}
footer div.sitemap_box_inner ul { list-style:none; padding:0px; margin:0px;}
footer div.sitemap_box_inner ul > li.sitemap { width:178px; float:left; color:#fff; margin-left:13px; text-align:center; font-size:17px;}
footer div.sitemap_box_inner ul > li.sitemap > a { color:#0b8ed1; text-decoration:none;}
footer div.sitemap_box_inner ul > li.sitemap span { border-bottom:1px solid #656565; width:178px; display:block; padding-bottom:10px;} 
footer div.sitemap_box_inner ul.sitemap_list { margin-top:15px;}
footer div.sitemap_box_inner ul.sitemap_list li { font-size:13px; font-weight:100; line-height:24px;}
footer div.sitemap_box_inner ul.sitemap_list li a { color:#aaa; text-decoration:none;}
footer div.sitemap_box_inner ul.sitemap_list li a:hover { color:#0b8ed1;}
@media (max-width: 1200px) {
	footer div.sitemap_box_inner ul > li.sitemap { width:145px;}
	footer div.sitemap_box_inner ul > li.sitemap span { width:145px;} 
}
@media (max-width: 990px) {
	footer div.sitemap_box_inner ul > li.sitemap { width:109px;}
	footer div.sitemap_box_inner ul > li.sitemap span { width:109px;} 
}

footer div.other_site { width:155px; height:40px; border:2px solid #0b8ed1; position:absolute; right:15px; top:45px; z-index:999;}
footer div.other_site button { color:#0b8ed1; background:none; border:none; cursor:pointer; font-size:14px; line-height:34px; background:url(/img/common/btn_sitelist.png) no-repeat right center; padding:0px 20px 0px 25px;}
footer div.other_site ul.site_list { position:absolute; border:1px solid #0b8ed1; bottom:38px; right:-2px; width:155px; background-color:#0b8ed1; height:150px; list-style:none; padding:0px; margin:0px;}
footer div.other_site ul.site_list li { font-size:13px; line-height:30px;}
footer div.other_site ul.site_list li a { color:#fff; padding:0px 18px; width:154px; display:block; cursor:pointer; text-decoration:none;}
footer div.other_site ul.site_list li a:hover { background:#fff; color:#333;}

footer div.footer_menu { background:url(/img/common/logo_footer.png) no-repeat left center; padding:20px 15px 20px 140px; height:130px;}
footer div.footer_menu ul { height:30px; padding:0px; margin-bottom:5px; display:block; }
footer div.footer_menu ul li { float:left; font-size:13px; list-style:none; padding-right:20px; }
footer div.footer_menu ul li a { color:#ccc; text-decoration:none;}
footer div.footer_menu p { font-size:13px; margin:0px; display:block; line-height:2; float:left;}
footer div.footer_menu p.copyright a { text-decoration:none; color:#ccc;}
@media (max-width: 1200px) {
	footer div.other_site { display:none; }
}
@media (max-width: 990px) {
	footer div.footer_menu span.tel { display:block;}
	footer div.footer_menu { height:150px;}
}
@media (max-width: 767px) {
	footer { height:auto;}
	footer div.container { padding:15px;}
	footer div.sitemap_box { display:none;}
	footer div.footer_menu { height:105px;}
	footer div.footer_menu { background:none; padding:0px;}
	footer div.footer_menu ul { border-bottom:1px solid #444; padding-bottom:5px; margin-bottom:10px; }
	footer div.footer_menu ul li { padding:0px; margin:0px; width:20%; text-align:center; letter-spacing:-1px; }
	footer div.footer_menu ul li:first-child { width:40%; }
	footer div.footer_menu ul li.hd { display:none; }
	footer div.footer_menu p { width:100%; text-align:center;}
	footer div.footer_menu span { margin-right:0px; display:block;}
}
/* 푸터 END ------------------------------------------------------------------------------------------------------------- */


/* 회원 ------------------------------------------------------------------------------------------------------------- */
#login div.input-group { margin-bottom:5px;}
#login span.input-group-addon { border-top-left-radius:4px; border-bottom-left-radius:4px;}

#idpwd div.input-group { margin-bottom:5px;}
#idpwd span.input-group-addon { border-top-left-radius:4px; border-bottom-left-radius:4px;}
#loading_div { position:fixed; top:0px; left:0px; right:0px; bottom:0px; z-index:1000; background:URL('/img/sub/loading.gif') center center no-repeat #FFF; display:none; opacity:0.7; }

#sub_contents div.join div.agree h3 { font-size:22px; margin:15px 0px;}
#sub_contents div.join div.agree h4 span { display:inline-block;}
#sub_contents div.join div.agree div.agree_inner { border:1px solid #DDDDDD; margin-bottom:10px; padding:25px 35px;}
#sub_contents div.join div.agree div.agree_inner p { text-align:justify; height:120px; padding-right:20px; line-height:1.8; overflow-y:scroll; margin-bottom:0px;}
#sub_contents div.join div.agree div.agree_inner p span { font-weight:700; display:block;}
#sub_contents div.join div.agree div.checkbox { margin-bottom:20px;}
#sub_contents div.join div.agree div.checkbox label { line-height:20px;}
#sub_contents div.join div.join_reg { display:none;}
#sub_contents div.join div.join_reg h3 { font-size:22px; margin-bottom:15px;}
#sub_contents div.join div.join_reg form.join_form { background-color:#f9f9f9; border:1px solid #EEE; padding:25px 0px;}
#sub_contents div.join div.join_reg form.join_form div.form-group { height:35px; margin-bottom:10px;}
#sub_contents div.join div.join_reg form.join_form div.form-group label { text-align:left; margin-top:5px; padding-left:60px; font-size:12px;}
#sub_contents div.join div.join_reg form.join_form div.form-group label.essential { background:url(../img/sub/icon/essential.png) no-repeat 40px center;}
#sub_contents div.join div.join_reg form.join_form div.form-group .form-control { margin-bottom:5px;}
#sub_contents div.join div.join_reg form.join_form div.form-group .id_check { position:absolute; top:0px; right:15px;}
#sub_contents div.join div.join_reg form.join_form div.form-group .email_check { position:absolute; top:0px; right:15px;}
#sub_contents div.join div.join_reg form.join_form div.form-group .zipcode { position:absolute; top:0px; right:15px;}
#sub_contents div.join div.join_reg form.join_form div.form-group select.birthday { width:30%; display:inline-block;}
#sub_contents div.join div.join_reg form.join_form div.form-group select.region { width:30%; display:inline-block;}
#sub_contents div.join div.join_reg form.join_form div.form-group.address { height:115px;}
#sub_contents div.join div.join_reg form.join_form div.form-group label.checkbox-inline { line-height:20px; padding-left:20px;}
#sub_contents div.join div.join_reg form.join_form div.form-group span.no_change { font-weight:700;}
#sub_contents div.join div.join_reg form.join_form div.button { text-align:right; padding-right:15px; margin-bottom:0px;}
@media (max-width: 990px) {
	#sub_contents div.join div.join_reg form.join_form div.form-group { height:auto;}
	#sub_contents div.join div.join_reg form.join_form div.form-group label { padding-left:15px}
	#sub_contents div.join div.join_reg form.join_form div.form-group label.essential { padding-left:40px; background:url(../img/sub/icon/essential.png) no-repeat 20px center;}
	#sub_contents div.join div.join_reg form.join_form div.form-group.address { height:auto;}
}
@media (max-width: 767px) {
	#sub_contents div.join div.agree h4 { font-size:14px;}
	#sub_contents div.join div.agree_inner { border:1px solid #DDDDDD; margin-bottom:20px; padding:25px 19px;}
	#sub_contents div.join div.agree_inner p { height:150px;}
	#sub_contents div.join div.join_reg form.join_form div.form-group { height:auto;}
	#sub_contents div.join div.join_reg form.join_form div.form-group label { padding-left:15px; font-size:14px;}
	#sub_contents div.join div.join_reg form.join_form div.form-group label.essential { padding-left:40px; background:url(../img/sub/icon/essential.png) no-repeat 20px center;}
	#sub_contents div.join div.join_reg form.join_form div.form-group select.region { width:40%;}
	#sub_contents div.join div.join_reg form.join_form div.form-group.address { height:auto;}
}
/* 회원 END ------------------------------------------------------------------------------------------------------------- */


/* 신고센터 ------------------------------------------------------------------------------------------------------------- */
#report { font-size:14px; color:#333; }

#report div.agree h3 { font-size:22px; margin:15px 0px;}
#report div.agree div.agree_inner { border:1px solid #DDDDDD; padding:25px;}
#report div.agree div.agree_inner p { text-align:justify; height:120px; padding-right:20px; line-height:1.8; overflow-y:scroll; margin:0px;}
#report div.agree div.agree_inner p span { margin-left:20px; display:block;}
#report div.agree div.agree_inner p span.title { font-weight:bold; margin-left:0px;}
#report div.agree div.checkbox { margin-bottom:20px; }
#report div.agree div.checkbox label { line-height:20px;}

#report div.write textarea { height:100px;}

#report div.list_A ul { list-style:none; margin:0px; padding:0px; }
#report div.list_A ul.top_line { border-top:1px solid #CCC; }
#report div.list_A li { border-bottom:1px solid #CCC; overflow:hidden; line-height:3.6; }
#report div.list_A li.no_data { line-height:20; }
#report div.list_A span.no { display:inline-block; width:40px; margin-right:10px; text-align:center; font-family:verdana; color:#999; font-size:12px; }
#report div.list_A span.headword { color:#2A72BA; }
#report div.list_A span.subject { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#report div.list_A span.date { font-family:verdana; color:#666; font-size:12px; }
#report div.list_A a { text-decoration:none; color:#333; }
#report div.list_A a:hover { color:#2A72BA; }

#report div.view h1 { font-size:20px; padding:10px; display:inline-block; }
#report div.view div.info { text-align:right; line-height:1; font-size:12px; color:#666; }
#report div.view div.report_contents span.url { display:block; margin-bottom:15px; color:#333; }
#report div.view div.report_contents span.mod_date { display:block; margin-top:15px; color:#999; }
#report div.view div.url_file { font-family:verdana; font-size:12px; }

#report div.comment span { display:inline-block; }
#report div.comment span.bold { font-weight:bold; margin-right:10px; vertical-align:top; }

#report div.report_start { border:1px solid #EEE; padding:50px; min-height:100px;}
#report div.report_start div.start_button { text-align:center;}
#report div.report_start div.start_button button { margin-bottom:5px;}
#report div.report_start div.write_button { text-align:center;}
#report div.report_start div.write_button button { margin-bottom:5px;}
#report div.report_start div.inquire_button p { color:#999; margin:10px 0px;}
#report div.report_start div.inquire_button div.input-group { margin-bottom:5px;}
#report div.report_start div.inquire_button span.input-group-addon { border-top-left-radius:4px; border-bottom-left-radius:4px;}

#report div.report_start h3 { color:#666; font-size:18px; font-weight:bold; margin-bottom:15px;}
#report div.report_start span.line { display:block; border-top:1px solid #eee; margin:40px 0px;}
/* 신고센터 END ------------------------------------------------------------------------------------------------------------- */