@charset "utf-8";
@import url('jquery-ui.css');
@import url('contents.css');
@import url('contents2.css');

[data-wprivate=none]{display:none!important}
[data-wprivate=inline]{display:inline!important}
[data-wprivate=inline-block]{display:inline-block!important}
[data-wprivate=block]{display:block!important}
[data-wprivate=cell]{display:table-cell!important}
[data-wprivate=column]{display:table-column!important}

[data-mprivate=none],
[data-mprivate=inline],
[data-mprivate=inline-block],
[data-mprivate=block],
[data-mprivate=cell],
[data-mprivate=column]{display:none}

/* Skip Navigation */
#skipnavi a{position:absolute;display:block;overflow:hidden;top:-5000px;left:0;width:100%;padding:10px 0;background-color:#eee;text-align:center;z-index:5000;}
#skipnavi a:focus,
#skipnavi a:active{top:0;left:0;font-weight:bold;font-size:13px;color:#000;}

/* 공통 */
#wrap{width:100%;min-width:980px;}
.inr{width:980px;margin:0 auto;}
.inr:after{display:block;content:'';clear:both;}

.ir{visibility:hidden;overflow:hidden;position:absolute;top:0;left:-9999px;width:0;height:0;border:0;font-size:0;line-height:0}

.ellipsis{display:block;color:#777;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.fl{float:left !important;}
.fr{float:right !important;}

.al{text-align:left !important;}
.ac{text-align:center !important;}
.ar{text-align:right !important;}

.underline{display:inline-block;border-bottom:1px solid #666;}
.underline:hover,
.underline:focus{text-decoration:none;}

.org{color:#e3580c !important;}
.black{color:#222 !important;}
.red{color:#c30f28 !important;}
.c999{color:#999 !important;}

.bdb{border-bottom:1px solid #ddd !important;}


/* display */
.dpTable{display: table;width: 100%;}
.dpRow{display: table-row;}
.dpCell{display: table-cell;vertical-align: middle;}


/* margin & padding */
.pr0{padding-right: 0 !important;}

.mt0{margin-top: 0px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt35{margin-top: 35px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.mt70{margin-top: 70px !important;}

/* fontSize */
.fz16{font-size:16px !important;}

/* input */
input[type=text],
input[type=password]{border:1px solid #ddd;height:40px;vertical-align:middle;width:300px;padding:0 10px;box-sizing:border-box;-webkit-appearance: none;border-radius:0;font-size:15px;}
input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#ddd;}
input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder,
textarea::-moz-placeholder{color:#ddd;}
textarea{width:100%;box-sizing:border-box;border:1px solid #ddd;padding:10px;-webkit-appearance: none;border-radius:0;}

input.ipCalendar{background: url('/resources/images/common/ico_calendar.png') 10px 50% no-repeat;padding-left: 35px !important;}

input[type=checkbox]{display:none;}
input[type=checkbox] + label{display:inline-block;cursor:pointer;position:relative;padding-left: 30px;min-height: 22px;line-height:22px;}
input[type=checkbox] + label:before{content:"";display:inline-block;width:20px;height:20px;position:absolute;left:0;top:50%;margin-top: -11px;background-color:#fff;border:1px solid #ddd;}
input[type=checkbox]:checked + label:before{content:"\2713";/* 체크모양 */font-weight:900;color:#fff;background:#d54e4e;text-align:center;line-height:20px;}

input[type=radio]{display:none;}
input[type=radio] + label{margin-right: 15px;}
input[type=radio] + label span{display:inline-block;width:20px;height:20px;margin:-2px 10px 0 0;vertical-align:middle;background:url('/resources/images/common/radio.png') 0 0 no-repeat;cursor:pointer;}

input[type=radio]:checked + label span{background:url('/resources/images/common/radio.png') 0 -30px no-repeat;}
input[type=radio]:disabled + label span{background:url('/resources/images/common/radio.png') 0 -60px no-repeat;}

select{padding:10px;height:40px;color:#222;box-sizing:border-box;border:1px solid #aaa;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;border-radius:0;font-size:15px;}
:root select{background:#fff url('/resources/images/common/bg_select.png') no-repeat 95% 50%;min-width:190px;}
select::-ms-expand{display:none}
select + select{margin-left:10px;}

.fileBox{position: relative;}
.fileBox:after{content: '';display: block;clear: both;}
.fileBox label {display:inline-block;height: 40px;line-height: 40px;font-size: 15px;padding: 0 14px;box-sizing: border-box;text-align: center;vertical-align:middle;cursor:pointer;color:#fff;background:#c30f28} 
.fileBox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.fileBox .tip{display: inline;margin-left: 5px;color:#aaa;}
.fileBox .nameWrap{display: none;float: right;line-height: 38px;}
.fileBox .upload-name{display: inline;font-size: 15px;color: #777;}
.fileBox .upload-name span{vertical-align: middle;color: #434343;}
.fileBox .upload-name em{vertical-align: middle;color: #aaa;}
.btnFileDel{display: inline-block;width: 23px;height: 23px;background:#ccc;vertical-align: middle;border: 0;cursor: pointer;}
.fileBox .btns{float: right;padding-left: 10px;}
.fileBox + .fileBox{margin-top: 3px;}

#header{padding:24px 0 23px;border-bottom:1px solid #ddd;}
#header h1{float:left;}
.btnHamburger{display:none;}
#gnbMobileWrap{display:none;}
#gnb{float:left;margin-top:8px;}
#gnb ul:after{display:block;content:'';clear:both;}
#gnb .depth1{margin-left:32px;float:left;}
#gnb .depth1 > li{float:left;margin-left:30px;}
#gnb .depth1 > li > a{display:block;line-height:20px;font-size:15px;color:#222;letter-spacing:-1px;font-weight: 700;}
#gnb .depth1 > li > a:hover,
#gnb .depth1 > li > a:focus{color:#777;text-decoration:none;}
#gnb .depth1 > li.on > a{color:#c30f28;border-bottom:1px solid #c30f28;}
#gnb .depth2{display:none;position:absolute;left:0;top:81px;width:100%;height:50px;line-height:50px;z-index:100;background:#ddd;text-align:center;/* left:50%;top:80px;margin-left:-490px;width:980px; */}
#gnb .depth2 > li{/* float:left;margin-left:30px; */display:inline-block;margin:0 15px;}
#gnb .depth2 > li:first-child{margin-left:0;}
#gnb .depth2 > li > a{display:block;font-size:13px;color:#777;letter-spacing:-1px;}
#gnb .depth2 > li > a:hover,
#gnb .depth2 > li > a:focus{color:#333;text-decoration:none;}
#gnb .depth2 > li.on > a{color:#000;text-decoration:underline;}

.grayBar{background:#ddd;width:100%;height:50px;display:none;position:absolute;left:0;top:80px;z-index:10;}

.etcMenu{border-left:1px solid #ccc;}

.snsMenu{float:left;margin-top:5px;margin-left:50px;}
.snsMenu ul{overflow:hidden;}
.snsMenu ul li{float:left;margin-left:10px;}
.snsMenu ul li a{display:block;}

#footer{background:#222;position:relative;clear:both;}
#footer .goTop{position:fixed;left:50%;bottom:30px;margin-left:510px;display:none;}
#footer .goTop.move{bottom:275px;position:absolute;}
#footer .linkArea{border-bottom:1px solid #333;}
#footer .linkArea ul{overflow:hidden;}
#footer .linkArea ul li{float:left;margin-left:30px;}
#footer .linkArea ul li:first-child{margin-left:0;}
#footer .linkArea ul li a{display:block;line-height:59px;color:#fff;font-size:14px;}
#footer > .inr{padding:30px 0 40px;background:url('/resources/images/common/f_logo.png') no-repeat 100% 50%;}
#footer .copy{font-size:12px;color:#555;line-height:1em;margin-bottom:15px;}
#footer address{font-size:13px;color:#777;line-height:1.5em;}

/***** 서브공통 ******/
#container{padding-bottom:80px;}
.pageTitArea{position:relative;padding:50px 0 45px;}
.pageTitArea h2{font-size:16px;color:#888;font-weight:700;line-height:1em;}
.pageTitArea p{font-size:30px;color:#222;line-height:1em;margin-top:18px;}
.pageTitArea .loc{position:absolute;right:0;top:20px}
.pageTitArea .loc span{display:inline-block;font-size:13px;color:#999;vertical-align:middle;padding-right:13px;margin-right:10px;background:url('/resources/images/content/bg_loc.png') no-repeat 100% 50%;}
.pageTitArea .loc em{display:inline-block;font-size:13px;color:#555;vertical-align:middle;}

.flag{display:inline-block;font-size:12px;color:#fff !important;height:29px;line-height:29px;padding:0 6px;position:relative;}
.flag:before{display:block;content:'';width:10px;height:29px;background:url('/resources/images/content/bg_redFlagLeft.png') no-repeat;position:absolute;left:-10px;top:0;}
.flag:after{display:block;content:'';width:10px;height:29px;background:url('/resources/images/content/bg_redFlagRight.png') no-repeat;position:absolute;right:-10px;top:0;}
.flag.red{background:#a50c21;}

/* dot */
.bulList li{padding-left:10px;position:relative;font-size:15px;color:#555;line-height:1.6em;}
.bulList li:before{display:block;content:'';width:2px;height:2px;background:#555;position:absolute;left:0;top:10px;}
/* - dash */
.bulList.dash li:before{width:4px;height:1px;top:12px;}
/* number */
.bulList.num li{padding-left:20px;text-indent:-15px;}
.bulList.num li:before{display:none;}

/* lnb */
.lnbArea{margin-bottom:40px;display:block;}
.lnbArea ul{overflow:hidden;border-bottom:1px solid #ddd;}
.lnbArea ul li{float:left;margin-right:30px;}
.lnbArea ul li a{display:block;font-size:16px;color:#555;line-height:1em;padding-bottom:12px;}
.lnbArea ul li a:hover,
.lnbArea ul li a:focus{text-decoration:none;color:#222;}
.lnbArea ul li.on a{color:#c30f28;border-bottom:2px solid #c30f28;}

/* tab */
.tabWrap{margin-bottom:40px;position: relative;}
.tabWrap ul{overflow:hidden;border-right: 1px solid #d6d6d6;}
.tabWrap ul li{float:left;box-sizing: border-box;text-align: center;border-left: 1px solid #d6d6d6;}
.tabWrap ul li a{display:block;box-sizing: border-box;font-size:16px;color:#555;line-height:1em;height: 55px;background-color: #f4f4f4;}
.tabWrap ul li a:hover,
.tabWrap ul li a:focus{text-decoration:none;color:#222;}
.tabWrap ul li.on{border-left: 0;}
.tabWrap ul li.on a{color:#000;border-bottom:none;background-color: #fff;position: relative;z-index: 1;}
.tabWrap ul li.on a:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left:0;top:0;bottom:0;right:0;border: 2px solid #777;border-bottom: none;box-sizing: border-box}
.tabWrap ul li .dpTable{height: 100%;}
.tabWrap.t2 ul li{width: 50%;}
.tabWrap.t3 ul li{width: 33.333333%;}
.tabWrap.t4 ul li{width: 25%;}
.tabWrap:before{content: '';display: block;width: 100%;height: 1px;background-color: #d6d6d6;position: absolute;left: 0;top: 0;}
.tabWrap:after{content: '';display: block;width: 100%;height: 2px;background-color: #777;position: absolute;left: 0;bottom: 0;}

/* btn */
.btnArea{text-align:center;overflow:hidden;}
.btnArea .btn + .btn{margin-left:20px;}
.btn{display:inline-block;height:40px;line-height:40px;padding:0 18px;min-width:80px;text-align:center;color:#fff;font-size:15px;font-weight:400;border:0;cursor:pointer;box-sizing: border-box;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;vertical-align:middle;}
.btn:hover,
.btn:focus{text-decoration:none;opacity:0.9}
.btn.small{height:36px;line-height:36px;padding:0 16px;font-size:15px;}
.btn.mid{height:60px;line-height:60px;text-align:center;padding:0 40px;font-size:18px;min-width:146px;}
.btn.wide{height:60px;line-height:60px;text-align:center;padding:0 80px;font-size:18px;}
.btn.big{height:100px;line-height:100px;text-align:center;padding:0 60px;font-size:18px;}
.btn.lightGray{background:#aaa;}
.btn.lightGray.border{border:1px solid #777;}
.btn.gray{background:#555;}
.btn.gray.border{border:1px solid #333;}
.btn.red{background:#c30f28;color:#fff !important;}
.btn.red.border{border:1px solid #c30f28;background:#fff;color:#c30f28 !important;}
.btn.blue{background:#077da9;}
.btn.white{background:#fff;color:#333;border:1px solid #555;}
.btn.whiteRed{border:2px solid #c30f28;color:#c30f28;}
.btn.whiteRed.enter{padding:0 30px;width:auto;}
.btn.whiteRed.enter:after{display:inline-block;content:'';width:13px;height:12px;background:url('/resources/images/content/bg_enter_off.png') no-repeat;margin-left:10px;;}
.btn.whiteRed.enter:hover,
.btn.whiteRed.enter:focus{background:#c30f28;color:#fff !important;}
.btn.whiteRed.enter:hover:after,
.btn.whiteRed.enter:focus:after{background-image:url('/resources/images/content/bg_enter_on.png');}
.btn.white.redHover:hover,
.btn.white.redHover:focus{background:#c30f28;color:#fff !important;border-color:inherit;}
.btn.white.redHover.on{background:#c30f28;color:#fff !important;border-color:inherit;}

/* table */
.tbBasic{width:100%;border-collapse:collapse;table-layout:fixed;}
.tbBasic th,
.tbBasic td{border:1px solid #ddd;padding:15px 10px;text-align:center;}
.tbBasic th{background:#eee;font-size:14px;color:#222;}
.tbBasic td{font-size:14px;color:#777;}

.tbList{width:100%;table-layout:fixed;border-collapse:collapse;}
.tbList thead th{border-top:2px solid #555;}
.tbList th,
.tbList td{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:15px;text-align:center;}
.tbList th{color:#222;font-size:16px;}
.tbList td{color:#777;font-size:16px;}
.tbList td.noList{color:#000;font-size:20px;padding:40px 0;}

.tbView{width:100%;table-layout:fixed;border-collapse:collapse;}
.tbView th,
.tbView td{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:15px;text-align:left;}
.tbView th{color:#222;font-size:16px;}
.tbView td{color:#777;font-size:16px;}
.tbView td.cont{padding:20px 20px 30px;line-height:1.6em;}
.tbView td.cont img{margin-top:15px;max-width:100%;}

/* paging */
.paging{text-align:center;margin-top:20px;}
.paging a{display:inline-block;vertical-align:middle;margin:0 3px;}
.paging .prev,
.paging .next{margin:0 10px;}
.paging .num{background:#f3f3f3;width:32px;height:32px;line-height:32px;color:#666;font-size:14px;text-align:center;}
.paging .num.on{color:#333;background:#fff;}


@media screen and (max-width:980px){ 
}

@media screen and (max-width:768px){	
	[data-wprivate=none],
	[data-wprivate=inline],
	[data-wprivate=inline-block],
	[data-wprivate=block],
	[data-wprivate=column],
	[data-wprivate=cell]{display:none}

	[data-mprivate=none]{display:none!important}
	[data-mprivate=inline]{display:inline!important}
	[data-mprivate=inline-block]{display:inline-block!important}
	[data-mprivate=block]{display:block!important}
	[data-mprivate=column]{display:table-column!important}
	[data-mprivate=cell]{display:table-cell!important}
	
	.inr{width:100%;box-sizing:border-box;padding:0 15px;}

	select{height:35px;font-size:14px;padding:0 10px;}
	input[type=text], 
	input[type=password]{height:35px;font-size:14px;}
	input[type=radio] + label{line-height:25px;display:block;}
	input[type=radio] + label span{background:url('/resources/images/m/radio.png') no-repeat 0 0;background-size:20px auto;}
	input[type=radio]:disabled + label span{background:url('/resources/images/m/radio.png') no-repeat 0 -60px;background-size:20px auto;}
	input[type=radio]:checked + label span{background:url('/resources/images/m/radio.png') no-repeat 0 -30px;background-size:20px auto;}
	
	#wrap{min-width:inherit;}

	.fileBox label {display:inline-block;height: 35px;line-height: 35px;font-size: 14px;padding: 0 15px;} 
	.fileBox .tip{margin-left: 0;}
	.fileBox .nameWrap{position: relative;float: none;padding-right: 28px;line-height: 1.2em;min-height: 23px;margin-top:5px;}
	.fileBox .upload-name{font-size: 13px;letter-spacing: -1px;}
	.fileBox .upload-name span{vertical-align: middle;color: #434343;}
	.fileBox .upload-name em{vertical-align: middle;color: #aaa;}
	.fileBox button{position: absolute;right:0;top:50%;margin-top: -12px;}

	*{box-sizing:border-box;word-break:keep-all;}

	.btn{height:35px;line-height:35px;font-size:14px;}
	.btn.small{height:30px;line-height:30px;font-size:14px;padding:0 12px;}
	.btn.mid{height:45px;line-height:45px;font-size:16px;}
	.btn.wide{height:45px;line-height:45px;font-size:16px;padding:0 50px;}
	.btn.whiteRed.enter{padding:0;min-width:116px;font-size:15px;text-align:center;}

	.btnArea .btn.mid{min-width:inherit;width:49%;text-align:center;}
	.btnArea .btn.mid + .btn.mid{margin-left:2%;}
	
	#header{text-align:center;padding:20px 0;}
	#header h1{float:none;display:inline-block;}	
	.btnHamburger{display:block;position:absolute;left:15px;top:29px;}
	.btnHamburger:after{display:block;content:'MENU';position:absolute;left:30px;top:2px;color:#222;}
	#gnb{display:none;}
	#gnbMobileWrap{display:block;width:100%;position:fixed;background:#fff;height:100%;overflow:hidden;left:-100%;top:0;z-index:200;}
	#gnbMobileWrap .logoArea{text-align:right;padding:15px;border-bottom:20px solid #c50624;position:absolute;left:0;top:0;right:0;width:100%;background:#fff;}
	body.open{position:fixed;left:0;top:0;width:100%;}
	#gnbMobile{padding:86px 0 0;height:100%;overflow:auto;border:1px solid #ccc;border-top:0;border-bottom:0;}
	#gnbMobile .depth1{}
	#gnbMobile .depth1 > li{}
	#gnbMobile .depth1 > li > a{display:block;background:#ededed;color:#222;font-size:15px;font-weight:700;padding:15px;border-bottom:1px solid #ccc;}
	#gnbMobile .depth2{overflow:hidden;}
	#gnbMobile .depth2 > li{width:50%;float:left;border-bottom:1px solid #ccc;}
	#gnbMobile .depth2 > li:nth-child(odd){border-right:1px solid #ccc;}
	#gnbMobile .depth2 > li > a{display:block;color:#555;font-size:15px;padding:15px;line-height:1em;}
	#gnbMobileWrap .close{position:absolute;left:15px;top:24px;display:block;}
	
	.lnbArea{margin-bottom:25px;display:block;padding-top:0;overflow:hidden;}
	.lnbArea ul{overflow:hidden;border-bottom:1px solid #ddd;width: 200%;position: relative;margin-left: -1px;}
	.lnbArea ul:after{content:'';display:block;clear:both;float:none;width:0;height:0;}
	.lnbArea ul li{float:left;margin:0;}
	.lnbArea ul li a{display:block;font-size:15px;color:#555;height: 44px;line-height: 44px;padding:0 15px;letter-spacing: -1px;}
	.lnbArea ul li a:hover,
	.lnbArea ul li a:focus{text-decoration:none;color:#222;}
	.lnbArea ul li.on a{color:#c30f28;border-bottom:2px solid #c30f28;}
	.lnbArea ul li div{ display:none;}

	.lnbArea.swiper-container {width: 100%;height: 100%;}
	.lnbArea .swiper-slide {
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
        position:static;
	}

	.etcMenu{border:0;}

	.snsMenu{margin:0;position:absolute;right:15px;top:24px;}
	.snsMenu ul li a img{width:28px;}

	#footer .goTop{left:inherit;margin-left:0;right:15px;bottom:15px;}
	#footer .goTop.move{bottom:191px;}
	#footer > .inr{background:none;padding:25px 15px 30px;}
	#footer .linkArea ul li{margin-left:10px;}
	#footer .linkArea ul li a{font-size:11px;line-height:45px;}
	#footer .copy{font-size:11px;}
	#footer address{font-size:11px;}
	
	.pageTitArea{padding:40px 0 30px;}
	.pageTitArea h2{font-size:14px;}
	.pageTitArea p{font-size:22px;margin-top:10px;line-height:1.3em;}

	.pageTitArea .loc{top:10px;}
	.pageTitArea .loc span,
	.pageTitArea .loc em{font-size:12px;}
	
	.tabWrap:after{height:1px;}
	.tabWrap ul li a{height:40px;font-size:15px;}
	.tabWrap ul li.on a:after{border-width:1px}

	.bulList li{font-size:14px;}
	.bulList.dash li:before{top:10px;}
	
	.flag{font-size:10px;}
	.flag:before{background-image:url('/resources/images/m/bg_redFlagLeft.png');background-size:10px auto;}
	.flag:after{background-image:url('/resources/images/m/bg_redFlagRight.png');background-size:10px auto;}

	.tbList th,
	.tbList td,
	.tbView th,
	.tbView td{padding:13px 10px;font-size:13px;}
	.tbView td.cont{padding:13px 10px;}
	.tbList td.noList{font-size:18px;}
	
	.tbBasic + .ar{margin-bottom:20px;}
	
	.layout{display:block;overflow:hidden;width:100%;border:1px solid #ddd;}
	.layout col{width:100%;}
	.layout thead{float:left;width:20%;}
	.layout tbody{float:left;width:80%;}
	.layout tr,
	.layout th,
	.layout td{display:block;}
	.layout th,
	.layout td{border:0;border-top: 1px solid #ddd;height: 47px;}
	.layout th:first-child,
	.layout td:first-child{border:0;}
	
	.layout

}
@media screen and (max-width:320px){

}
@media screen and (max-width:979px) and (orientation : landscape) {

}