@charset "utf-8";
/*@import url('http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb');
@import url('http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicBoldWeb');
*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

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

@font-face {
font-family : "NanumGothicBoldWeb";
    src: url('/fonts/NanumGothicBold.eot');
    src: url('/fonts/NanumGothicBold.eot?#iefix') format('embedded-opentype'), url('/fonts/NanumGothicBold.woff') format('woff'), url('/fonts/NanumGothicBold.ttf') format('truetype');
}


/* base.css */
/* reset */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
img, fieldset{border:none;}
table{border-collapse:collapse;}
ul, ol, li{list-style:none;}
address, em{font-style:normal;}
li img, object{vertical-align:top;}
input, select, textarea, form img{vertical-align:middle;}
/* font */
body{color:#333; font:75% NanumGothic,'나눔고딕',NanumGothicWeb,'NanumGothicWeb',"돋움",Dotum,Arial,sans-serif;}
input, select, textarea{color:#333; font:100% NanumGothic,'나눔고딕',NanumGothicWeb, 'NanumGothicWeb',"돋움",Dotum,Arial,sans-serif;}
/* anchor */
a{color:#6D6767; text-decoration:none;}
a:hover,  a:active, a:focus{text-decoration:underline;}
/* skip */
legend, caption, hr, .skip{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}
/* skipNavi*/ 
#skipNavi{width:100%; position:absolute; left: 0; top: 0; z-index:2;}
#skipNavi li{width:100%; position:absolute; left: 0; top: 0; z-index:2;}
#skipNavi a{display:block; height:0; overflow:hidden;}
#skipNavi a:active, #skipNavi a:focus{position:absolute;top:0;left:0; width:100%; height:20px; padding:3px 0; text-align:center; background-color:#5C73C3; font-size:100%; font-weight:bold;  color:#fff; text-decoration:none; line-height:20px;}
/* ↑↑↑ 2014.6.18추가 */



body,td,select,div,form,center,option,pre,blockquote 
{font-size:11px; font-family:"돋움", "돋움체", Verdana; color:#666666; line-height:16px; 

margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
scrollbar-face-color:#f0f0f0; 
scrollbar-shadow-color:#cccccc ;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #f0f0f0;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #5a5a5a}


/* input 효과 */

input {	
font-size:11px; font-family:"돋움", "돋움체", Verdana; color:#7d7d7d;
border:1px solid #e2e2e2;
padding:3px 0 0 3px;
height:20px;
}

textarea{
font-size:11px; font-family:"돋움", "돋움체", Verdana; color:#7d7d7d;
border:1px solid #e2e2e2;
padding:3px 0 0 3px;
height:20px;
}

/* select 효과*/
select{border:1px solid #a000000; font-size:11px; color:#7d7d7d; border-color:#7d7d7d} 
 
/* a href 효과 */
a ,a:link,a:visited,a:hover{
	color: #666666;
	text-decoration:none;
	line-height:16px;
}

a.paging ,a.paging:link,a.paging:visited{
	color: #666666;
	text-decoration:none;
}

a.paging:hover{
	color: #555555;
	text-decoration:none;
	font-weight:bold;
}


 
/* 폰트 */
.999999{font-family:"돋움", "돋움체"; font-size:11px; color:#999999;}
.555555{font-family:"돋움", "돋움체"; font-size:11px; color:#555555;}
.txt_1{font-family:"돋움", "돋움체"; font-size:11px; color:#f47920; line-height:14px; font-weight:bold;}
.txt_2{font-family:"돋움", "돋움체"; font-size:11px; color:#898989;}
.txt_2_letter{font-family:"돋움", "돋움체"; font-size:11px; color:#898989; letter-spacing:-1;}
.txt_3{font-family:"돋움", "돋움체"; font-size:12px; color:#000000; line-height:2px; font-weight:bold;}
.txt_4{font-family:"돋움", "돋움체"; font-size:11px; color:#ffffff;}
.txt_5{font-family:"돋움", "돋움체"; font-size:11px; color:#777777; line-height:15px;}
.txt_6{font-family:"돋움", "돋움체"; font-size:12px; color:#000000; line-height:15px; font-weight:bold;}
.txt_7{font-family:"돋움", "돋움체"; font-size:16px; color:#000000; line-height:15px; font-weight:bold;}
.txt_8{font-family:"돋움", "돋움체"; font-size:11px; color:#f47920; line-height:15px;}
.txt_9{font-family:"돋움", "돋움체"; font-size:11px; color:#e4cab7;}
.txt_10{font-family:"돋움", "돋움체"; font-size:11px; color:#555555; font-weight:bold;}
.txt_11{font-family:"돋움", "돋움체"; font-size:15px; color:#555555; font-weight:bold;}


.17047c_b{background:#17047c;}
.e9e9e9_b{background:#e9e9e9;}
.c6c2e0_b{background:#c6c2e0;}
.ebebeb_b{background:#ebebeb;}
.e4e4e4_b{background:#e4e4e4;}
.f7f7f7_b{background:#f7f7f7;}

.perform_pad{padding:30px 0 25px 16px;}
.perform_pad02{padding:25px 0 25px 16px;}


/* 이미지 보더=0 */
IMG {border:0px}

.fleft { float:left; }
.fright { float:right; }



/* gnb(2014.6.18 추가) */
.header_w{position:relative;z-index:1000;*zoom:1;}
.header_w:after{content:"";display:block;clear:both;}
.logo{position:absolute; top:25px;left:20px;}
.topmenu{clear:both; padding:45px 0 0 186; }
#lnb{ width:100%;z-index:999;}
#lnb li{float:left; font-size:15px;padding:0 30px;}
#lnb li a{display:block;padding:0 0 45px 0;text-decoration:none;color:#363636; }
#lnb li ul{position:absolute; top:106px;left:0; width:1560px; margin-left:-280px;background:#db5104;height:39px;}
#lnb li ul li{font:13px NanumGothicBoldWeb; padding:10px 16px 0 16px;background:url("/images/main/bar_gnb.gif") no-repeat 0 13px;}
#lnb li ul li.fir{padding-left:0; background:none;}
#lnb li ul li a{display:inline;height:29px;padding:0;color:#fff;}
#lnb li ul li a.on{color:#fff200;}
#lnb li ul li a:hover{color:#fff200;}

#lnb li ul#top-sub-menu1 .fir{padding-left:480px;}
#lnb li ul#top-sub-menu2 .fir{padding-left:580px;}
#lnb li ul#top-sub-menu3 .fir{padding-left:780px;}
#lnb li ul#top-sub-menu4 .fir{padding-left:580px;}

.subvisual{background:url("/images/main/sub_visual.jpg") repeat-x 50% 0;}
.subvisual01{background:#e9dfd9 url("/images/main/sub_visual01.jpg") no-repeat 50% 0;}
.subvisual02{background:#e9dfd9 url("/images/main/sub_visual02.jpg") no-repeat 50% 0;}
.subvisual03{background:#e9dfd9 url("/images/main/sub_visual03.jpg") no-repeat 50% 0;}
.subvisual04{background:#e9dfd9 url("/images/main/sub_visual04.jpg") no-repeat 50% 0;}
.subvisual05{background:#e9dfd9 url("/images/main/sub_visual05.jpg") no-repeat 50% 0;}
.subvisual06{background:#e9dfd9 url("/images/main/sub_visual06.jpg") no-repeat 50% 0;}
.left_h2{height:97px;text-align:center;background:#111;color:#ff5b00;font:24px NanumGothicBoldWeb;}
.left_h2 p{padding-top:35px;}
.left_h2 span{display:block;color:#fff;font:15px NanumGothicWeb;}
.leftmenu td{padding:0;}
.leftmenu td a{display:block;padding:15px 24px;border-bottom:1px solid #ececec;font:15px NanumGothicBoldWeb;}
.leftmenu td a.on, .leftmenu td a:hover{background:#e55302 url(/images/main/blet_leftmenu.gif) no-repeat 188px 17px;color:#fff;}
.leftmenu .left_in{background:#f0e9e5;}
.leftmenu .left_in td table{margin:12px 0 12px 27px;}
.leftmenu .left_in td a{padding:0 0 0 10px;border:none;color:#694f40;font:12px NanumGothicWeb;line-height:19px;background:url(/images/main/blet_leftoff.gif) no-repeat 0 7px;}
.leftmenu .left_in td a:hover{background:url(/images/main/blet_leftoff.gif) no-repeat 0 7px;color:#e55302;}
.leftmenu .left_in td .txt_9{color:#694f40;}
.leftmenu .left_in td .txt_4{color:#e55302;}

.tit_h3{font:27px NanumGothicBoldWeb;color:#252525;}
.contents{padding:20px 0 50px 44px;}

.main_box01 ul{overflow:hidden;width:960px;}
.main_box01 li{width:232px;float:left;margin-right:10px;}
.main_box01 li.last{margin-right:0;}
.main_box01 li .m_img img{border:1px solid #e1e1e1;}
.main_box01 li dl{height:84px;margin-top:14px;}
.main_box01 li dt{padding-bottom:10px;font:16px NanumGothicBoldWeb;color:#111;}
.main_box01 li dd{height:44px;font:13px Dotum;line-height:16px;}

.main_box02 h3{height:23px;line-height:23px;font:17px NanumGothicBoldWeb;color:#111;}
.main_box02 h3 img{vertical-align:middle;}
.service_w{float:left;width:410px;}
.service_w ul{padding-top:18px;}
.service_w ul li{float:left;width:75px;margin-right:20px;text-align:center;}
.service_w ul li span{display:block;padding-top:12px;font:14px NanumGothicBoldWeb;color:#363636;letter-spacing:-1px;}

.event_w{position:relative;float:left;width:277px;}
.event_w .banner{padding-top:8px;}
.event_w .more{position:absolute;top:0;right:0;}

.bnd_w{float:right;width:222px;}
.bnd_w .num{padding:19px 0 12px;}
.bnd_w .txt01{padding-bottom:10px;font-size:11px;color:#555;line-height:18px;}
.bnd_w .txt02 a{color:#0072bc;text-decoration:underline;}

.pr_list{overflow:hidden;width:100%;border-bottom:1px solid #e9dfd9;}
.pr_list li{float:left; width:210px;height:220px;margin:23px 25px 0 0;text-align:center;}
.pr_list li.nd3{margin-right:0;}
.pr_list li span{display:block;}
.pr_list li span.img{}
.pr_list li span.txt{padding-top:12px;font-weight:bold;color:#001722;}

/* 2018.8.30 추가 */
.p-buttons {
	width: 435px;
}
.p-buttons:before,
.p-buttons:after {content: " ";display: table;}
.p-buttons:after {clear: both;}
.p-buttons .p-button {
	float: left;
	display: block;
	position: relative;
	width: 214px;
	padding: 21px 0;
	background-color: #e55202;
	color: #fff;
	font-size: 16px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 500;
	text-align: center;
}
.p-buttons .p-button:before {
	content: " ";
	display: inline-block;
	height: 18px;
    margin-top: -3px;
	margin-right: 10px;
	background-repeat: no-repeat;
	vertical-align: middle;
}
.p-buttons .p-button.p-button-1:before {
	width: 18px;
	background-image: url('../images/product/p-button__icon-1.png');
}
.p-buttons .p-button.p-button-2:before {
	width: 20px;
	background-image: url('../images/product/p-button__icon-2.png');
}
.p-buttons .p-button + .p-button {
	margin-left: 5px;
}

.is-popup-open body {
	overflow: hidden;
	height: 100%;
}
.c-popup {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	z-index: 100;
}
.c-popup.c-popup--active {
	visibility: visible;
	opacity: 1;
}
.c-popup.c-popup--active .c-popup__box {
	bottom: 0;
}
.c-popup__box {
	position: absolute;
	bottom: -418px;
	left: 0;
	width: 100%;
	-webkit-transition: all 1s ease;
	-ms-transition: all 1s ease;
    transition: all 1s ease;
}
.c-popup__aligner {
	position: relative;
	width: 680px;
	margin: 0 auto;
}
.c-popup__tabs .c-popup__tab {
	display: block;
	width: 260px;
	padding: 22px 0;
	-webkit-border-top-left-radius: 13px;
	border-top-left-radius: 13px;
	-webkit-border-top-right-radius: 13px;
	border-top-right-radius: 13px;
	background-color: #e55202;
	color: #fff;
	font-size: 16px;
	text-align: center;
	font-family: 'Noto Sans KR', sans-serif;
}
.c-popup__close {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	background: #000 url('../images/product/c-popup__close.png') center center no-repeat;
	text-indent: -9999px;
}
.c-popup__cont {
	background-color: #e55202; 
}
.c-popup__links {
	padding: 88px 0;
	font-size: 0;
	text-align: center;
}
.c-popup__link {
	display: inline-block;
}
.c-popup__link + .c-popup__link {
	margin-left: 79px;
}

.r-wrap {
	min-width: 1000px;
	margin: 0 auto;
}
.r-header {
	padding: 25px 0;
	border-bottom: 2px solid #e55302;
	background-color: #000;
}
.r-h1 {
	text-align: center;
	font-size: 0;
}
.r-logo {
	display: inline-block;
}
.r-redirection {
	padding: 195px 0;
}
.r-redirection__image {
	text-align: center;
}
.r-redirection__txt {
	margin-top: 30px;
	color: #656565;
	font-size: 22px;
	line-height: 1;
	text-align: center;
	font-family: 'Noto Sans KR', sans-serif;
}

/* 2016.9.12 추가 */
.align_c{text-align:center;}

/*180331 이용약관 추가*/
.provision {overflow:auto;box-sizing:border-box;width:100%;height:133px;padding: 10px;border:1px solid #e5e5e5;text-align:left;}
.provision * {color:#656565;font-size:11px;}
.provision__section + .provision__section {margin-top:10px;}
.provision__headings {margin-bottom:10px;color:#000;font-size:12px;font-weight:700;}
.provision__heading {margin-bottom:3px;color:#000;}
.provision__p + .provision__list, .provision__p + .provision__list-none { margin: 5px 0;}
.provision__list {padding-left:17px;}
.provision__list > li + li {margin-top:10px;}
.provision__list > li > ul {margin-top:3px;}
.provision__list > li > ul > li {position:relative;padding-left:12px;list-style:none;}
.provision__list > li > ul > li:before {content: "";display:block;position:absolute;top:7px;left:0;width:4px;height:1px;background-color:#656565;}
.provision__list > li > ul > li + li {margin-top:5px;}
.provision__list-none {padding-left:17px;}
.provision__list-none li {list-style:none;}
.provision__list-none li + li {margin-top:5px;}
.provision__table {table-layout: fixed;border-collapse: collapse; border-spacing: 0;width:100%;margin:3px 0;border:1px solid #b2b2b2;}
.provision__table caption {display: none;}
.provision__table th {padding:5px 0;border-bottom:1px solid #b2b2b2;background-color:#ebebeb;}
.provision__table th + th {border-left:1px solid #b2b2b2;}
.provision__table td {padding:5px 3px;border-bottom:1px solid #b2b2b2;text-align:center;}
.provision__table td + td {border-left:1px solid #b2b2b2;}
.provision__em {font-weight:700;font-style: normal;}
.provision__link {display:inline;color:#3883ce !important;border-bottom:1px solid #3883ce;}
.provision__italic {font-style:italic;font-weight:700;}
.provision__check-align {margin-top: 10px;text-align:center;}
.provision__checks {display: inline-block;font-size:0;text-align:left;}
.provision__checks + .provision__checks {margin-left: 20px;}
.provision__checks * { display: inline-block;vertical-align: middle;color:#656565;font-size:11px;}
.provision__label {margin-left:4px;}

.provision.provision--page {overflow:inherit;width:680px;height:100%;margin:0 auto;border:0;}
.provision.provision--page .provision__headings {box-sizing:border-box;height:171px;margin: -20px 0 40px 0;background:url('../images/community/access__heading.png') no-repeat;padding:52px 0 0 183px;color:#f47920;font-size:25px;font-family:'NanumGothicBoldWeb', sans-serif;}
.provision.provision--page .provision__heading {	margin-bottom:10px;color:#656565;font-size:14px;font-weight:700;}
.provision.provision--page .provision__section + .provision__section {margin-top:30px;}

.footer-add {margin-top:5px;font-size:0;text-align:center;}
.footer-add > li {display:inline-block;position:relative;}
.footer-add > li + li {margin-left:7px;padding-left:14px;}
.footer-add > li + li:before {content:"/";position:absolute;top:0;left:0;color:#fff;font-size:11px;}
.footer-add > li > a {display:block;color:#fff;font-size:11px;}