@charset "utf-8";

/* sub visual */
#sub-visual {height:250px;background:#666 no-repeat 50% 50%;background-size:cover;position:relative;}
#sub-visual:before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.3;background:#181818;}
#sub-visual .inner {color:#fff;text-align:left;padding:40px 0 0 20%;position:relative;z-index:2;text-shadow:#636363 0 0 20px;}
#sub-visual .inner div {font-size:14px;font-weight:normal;padding-top:15px;}
/* sub visual - change background image */
.sub1 #sub-visual {background-image:url(/home/img/sub_visual_01.jpg);}
.sub2 #sub-visual {background-image:url(/home/img/sub_visual_01.jpg);}
.sub3 #sub-visual {background-image:url(/home/img/sub_visual_01.jpg);}
.sub4 #sub-visual {background-image:url(/home/img/sub_visual_01.jpg);}
.sub5 #sub-visual {background-image:url(/home/img/sub_visual_01.jpg);}
.sub6 #sub-visual {background-image:url(/home/img/sub_visual_01.jpg);}
.sub7 #sub-visual {background-image:url(/home/img/sub_visual_01.jpg);}
.sub8 #sub-visual {background-image:url(/home/img/sub_visual_08.jpg);}

/* sub visual */
#sub-visual1 {height:250px;background:#666 no-repeat 50% 50%;background-size:cover;position:relative;}
#sub-visual1:before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.3;background:#181818;}
#sub-visual1 .inner {color:#fff;text-align:left;padding:40px 0 0 20%;position:relative;z-index:2;text-shadow:#636363 0 0 20px;}
#sub-visual1 .inner div {font-size:14px;font-weight:normal;padding-top:15px;}

#sub-visual2 {height:250px;background:#666 no-repeat 50% 50%;background-size:cover;position:relative;}
#sub-visual2:before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;background:#181818;}
#sub-visual2 .inner {color:#fff;text-align:left;padding:40px 0 0 20%;position:relative;z-index:2;text-shadow:#636363 0 0 20px;}
#sub-visual2 .inner div {font-size:14px;font-weight:normal;padding-top:15px;}
.sub8 #sub-visual2 {background-image:url(/home/img/kstory_visual_01.jpg);}


/* site location */
#site-loc {position:relative;z-index:5; height:60px;background:#FFF;}
#site-loc .no-text {display:inline-block;width:1px;height:1px;overflow:hidden;padding:10px;text-indent:-1000px;}
#site-loc .inner {position:absolute;left:0;width:100%;padding:0;border-bottom:solid 1px #DDDDDD;}
#site-loc .loc-wrap {width:100%;max-width:1400px;background:#FFF;margin:0 auto;}
#site-loc .loc-wrap > ul {display:block;width:100%;padding:0;margin:0;list-style:none;}
#site-loc .loc-wrap > ul:after {content:'';clear:both;display:table;}
#site-loc .loc-wrap > ul > li {float:left;}
#site-loc .loc-home {width:60px;}
#site-loc .loc-home a {display:block;width:100%;height:60px;background:#9E9E9E url(/home/img/loc_home.png) no-repeat center;border-right:solid 1px #DDDDDD;}
#site-loc .loc-link {position:relative;}
#site-loc .loc-link > a {display:block;height:60px;line-height:60px;color:#333;text-decoration:none;padding:0 20px;border-right:solid 1px #eee; font-weight:600;}
#site-loc .loc-link > a > span {display:block;font-size: 16px;min-width:180px;background:url(/home/img/loc_arrow.png) no-repeat right;padding-right:15px;white-space:nowrap;}
#site-loc .loc-link .loc-sub { display:none;position:absolute;left:0;top:100%;width:100%;background:#FFF;border:1px solid #ddd;}
#site-loc .loc-link .loc-sub ul {display:block;padding:0 0 20px 0;margin:0;list-style:none;}
#site-loc .loc-link .loc-sub li {display:block;float:none;}
#site-loc .loc-link .loc-sub a {display:block;padding:10px 0px 8px 25px;color:#333;text-decoration:none;}
#site-loc .loc-link .loc-sub a:hover {color:#EC4E4E;text-decoration:none;}
/* site location - share buttons */
#site-loc .loc-wrap li.loc-right {float:right;position:relative;z-index:2;padding-right:16px;}
#site-loc .loc-right > a {display:block;width:40px;height:60px;float:left;}
#site-loc .loc-share {background:url(/home/img/loc_share.png) no-repeat center;border-left-width:0;}
#site-loc .loc-print {background:url(/home/img/loc_print.png) no-repeat center;}
#site-loc .loc-share-sub {position:absolute;right:100%;top:15px;display:none;}
#site-loc .loc-share-sub ul {display:block;width:auto;white-space:nowrap;padding:0;margin:0;list-style:none;}
#site-loc .loc-share-sub li {display:inline;}
/* site location - fix to top */
#site-loc .inner {transition:all .2s;}
.fix-loc #site-loc {position:fixed;left:0;top:0;width:100%;}
.fix-loc #site-loc .inner { background-color:#FFF;}


/* 개인정보처리방침 */
.grayBox{margin-bottom:30px;padding:20px 30px;font-size:16px;letter-spacing:-1px;background:#f5f5f5;border:1px solid #ececec;}
.grayBox.round{border-radius:10px;}
.privacyCon{}

.privacyCon {}
.privacyCon dt{margin-bottom:10px;font-size:17px;font-weight:bold;}
.privacyCon dd{margin:0 0 25px 0 ;padding:0;}
.privacyCon dd ol,
.privacyCon dd ul{margin:5px 0 0 0;padding:0 0 0 30px;}
.privacyCon dd ul > li{padding:2px 0;position:relative;list-style-type:disc;}
.privacyCon dd ul.minusDot > li{padding-left:12px;}
.privacyCon dd ul.minusDot > li:before{display:inline-block;content:'-';position:absolute;left:0;top:0;}
.privacyCon dd ol > li{text-indent:-18px;padding:2px 0 2px 18px;list-style:none;}
.privacyCon dd ol > li > ul{padding:3px 0;}
.privacyCon dd ol > li > ul > li{text-indent:0;padding:2px 0;list-style:none;}
.privacyCon dd ol > li .manager{display:block;margin-top:10px;text-indent:0;}
.privacyCon dd .bgBox{padding:20px 30px;background:#f5f5f5;border:1px solid #ececec;}
.privacyCon dd .title{display:block;margin:10px 0;text-align:center;}
.privacyCon.terms dt{color:#11888e;}
.privacyCon.terms dd{padding-left:0;}


/* less than 1200px */
@media all and (max-width:1200px) {
	/* site location - remove padding when fixed */
	 .fix-loc #site-loc .inner {padding:0;}
	 /* site location - change sns share icon position */
	#site-loc .loc-share-sub {right:0;top:110%;}
	.title{font-size:42px}
	.pageWrap .pwrap{width:95%;margin-top:50px}
	#sub-visual2 {height:180px;background:#666 no-repeat 65% 50%;background-size:cover;position:relative;}
	#sub-visual2 .inner {display:none;}
}

/* less than 1024px */
@media all and (max-width:1024px) {
	/* site location */
	.pageWrap{font-size:15px}
	#sub-visual .inner {color:#fff;text-align:left;padding:40px 0 0 10%;}
	#site-loc .loc-wrap > ul {display:table;table-layout:fixed;}
	#site-loc .loc-wrap > ul:after {display:none;}
	 #site-loc .loc-wrap > ul > li {display:table-cell;float:none;vertical-align:middle;}
	#site-loc .loc-wrap > ul > li.loc-right {width:80px;float:none;padding-right:0;}
	#site-loc .loc-link > a > span {min-width:auto;overflow:hidden;text-overflow:ellipsis;}

}

/* less than 640px */
@media all and (max-width:640px) {
	/* sub visual - change height */
	#sub-visual {height:200px;}
	#sub-visual .inner {padding-top:20px;font-size: 35px;}
	#sub-visual .inner img {width:100%;}

	/* site location - change height */
	.pageWrap{font-size:15px}
	#site-loc .inner {}
	#site-loc .loc-home {width:60px;}
	#site-loc .loc-wrap > ul > li.loc-right { padding-left:10px;}
	#site-loc .loc-right > a {width:26px;}
	#site-loc .loc-link > a {padding:0 20px;}
	#site-loc .loc-link .loc-sub a {padding-left:20px;}
	#site-loc .loc-home a,
	#site-loc .loc-link > a,
	#site-loc .loc-right > a {height:60px;line-height:60px;}
	/* site location - show only last path */
	#site-loc .loc-right > a {background-size:20px;}
	#site-loc .loc-wrap > ul > li.loc-link {display:none;}
	#site-loc .loc-wrap > ul > li:nth-last-child(2) {display:table-cell;}
}

/* less than480px */
@media all and (max-width480px) {
	/* sub visual - change height */
	#sub-visual {height:240px;}
	#sub-visual .inner {padding-top:120px;font-size: 35px;}

	/* site location - change height */
	.pageWrap{font-size:15px}
	#site-loc .inner {top:-20px;}
	#site-loc .loc-home {width:40px;}
	#site-loc .loc-wrap > ul > li.loc-right {width:70px;}
	#site-loc .loc-right > a {width:26px;}
	#site-loc .loc-link > a {padding:0 10px;}
	#site-loc .loc-link .loc-sub a {padding-left:10px;}
	#site-loc .loc-home a,
	#site-loc .loc-link > a,
	#site-loc .loc-right > a {height:55px;line-height:55px;}
	/* site location - show only last path */
	#site-loc .loc-right > a {background-size:18px;}
	#site-loc .loc-wrap > ul > li.loc-link {display:none;}
	#site-loc .loc-wrap > ul > li:nth-last-child(2) {display:table-cell;}
}