@charset "utf-8";

/* font */
.noto100{font-family:'Noto Sans KR',sans-serif;font-weight:100;}
.noto200{font-family:'Noto Sans KR',sans-serif;font-weight:200;}
.noto300{font-family:'Noto Sans KR',sans-serif;font-weight:300;}
.noto400{font-family:'Noto Sans KR',sans-serif;font-weight:400;}
.noto500{font-family:'Noto Sans KR',sans-serif;font-weight:500;}
.noto700{font-family:'Noto Sans KR',sans-serif;font-weight:700;}
.nanumsquare{font-family: 'NanumSquare', sans-serif;}

input, select {width:200px; max-width: 100%}
input, select, textarea {margin: 4px 0; border: 1px solid #ccc; padding:9px; color: #666}
.radio {margin-right:10px;}
textarea {width:100%;}
input[type='radio'],input[type='checkbox'] {width:auto; padding:5px; margin:2px;}
input:focus {outline:none;}
b {font-weight: 500;}
hr {display: block; background: #ddd; border: none; height: 1px; margin: 30px 0;}
.load_img {display: none;}
.relative{position:relative;}
.clearfix:after{display:block;content:'';clear:both;}
.hide {display: none;}
.block {display: block;}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.f_right {float: right !important;}
.left_ads {text-align: left !important;}
.right_ads {text-align: right !important;}
.center_ads {text-align: center !important;}
.pd_10 {padding: 10px;}
.pd_20 {padding: 20px;}
.uppercase {text-transform: uppercase;}
.small {font-size: 11px; font-weight: 500;}
.block {display: block !important;}
.none {display: none !important;}
sup {margin-left: 1px;}

/*말줄임*/
.ellipsis {  display:inline-block;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.ellipsis_3line {display:inline-block;height:4.5em;line-height:1.5;overflow:hidden;text-overflow:ellipsis;text-align:left;word-wrap:break-word;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}

/*유튜브높이조절*/
.iframebox {position: relative; width: 100%; padding-bottom: 56.25%;}
.iframebox iframe { position: absolute; width: 100%; height: 100%;}​

/*vertical-align:middle*/
.valign_c {display: table; margin:0 auto; text-align: center;}
.valign_c .inner {display: table-cell;vertical-align: middle; text-align: center;}

.col:after { display: block; visibility: none; content: ""; clear: both;}
.col>li, .col>div{ float: left;}
.col.col_free li{width:auto;}
.col.col_free li span {margin-right: 30px;}
.col>li.col2, .col>div.col2,.col.col2>li, .col.col2>div{ float: left; width: 50%;}
.col>li.col3, .col>div.col3,.col.col3>li, .col.col3>div{ float: left; width: 33.333%;}
.col>li.col4, .col>div.col4,.col.col4>li, .col.col4>div{ float: left; width: 25%;}
.col>li.col5, .col>div.col5,.col.col5>li, .col.col5>div{ float: left; width: 20%;}
.col>li.col_w75, .col>div.col_w75{ float: left; width: 75%;}
.col>li.col_w25, .col>div.col_w25{ float: left; width: 75%;}
.col img {width: 100%;}

.pc {display: block;}
.pad {display: none;}
.m {display: none;}
.pad-m {display: none;}

/* Responsive */
@media (max-width:1280px){ /*기본 패드/태블릿 사이즈*/
	.col > .lnb,
	.col > .cont{clear: both; width: 100% !important;}
	.col>li.col3, .col>div.col3,.col.col3>li, .col.col3>div{ float: left; width: 100% !important;}
	.col>li.col4, .col>div.col4,.col.col4>li, .col.col4>div{ float: left; width: 100% !important;}
	.col>li.col5, .col>div.col5,.col.col5>li, .col.col5>div{ float: left; width: 100% !important;}
	.pc {display: none !important;}
	.pad {display: block !important;}
	.pad-m {display: block !important;}
	.m {display: block;max-width: 100%;text-align: center;margin: 0 auto;}
	/*.col>li.col5, .col>div.col5,.col.col5>li, .col.col5>div{ float: left; width: 33.333% !important;}*/
}
@media (max-width:768px){ /*기본 폰 사이즈*/
	.pc {display: none !important;}
	.pad {display: none !important;}
	.m {/* display: block !important; */}
	.m img {max-width: 100%}
	/* iphone input 기본 스타일 초기화 */
	input[type="text"],
	input[type="tel"],
	input[type="password"],
	input[type="email"],
	input[type="search"],
	input[type="submit"],
	textarea	{-webkit-border-radius:0;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
}

/* common */
.bold {font-weight: 600;}
.inner{width: 100%;margin:0 auto;}
.outer{padding-left:5%;padding-right:5%;transition:0.3s;}
.k100 {color: #222;}

.bt {display: inline-block; cursor:pointer; padding: 15px 30px;font-size: 15px; font-weight: 500; text-align: center; color: #222;background: #fff;letter-spacing: 0;border:1px solid #ddd;transition:0.3s;}
.bt:hover {background: #0d408c; color: #fff;}
.bt_rec {display: inline-block; margin-top: 30px; padding: 10px 15px; text-align: center; background: #0696d7 ; color: #fff}
.bt_rec:hover {background: #066dd7; transition: 0.5s}
.bt_s {display: inline-block;padding: 3px 10px;font-size: 13px;font-weight: 500;text-align: center;color: #0696d7;background: #fff;letter-spacing: 0;border: 1px solid #0696d7;transition:0.3s;border-radius: 3px;}
.bt_s:hover {background: #0696d7;border: 1px solid #0696d7;transition:0.3s;}
.bt_g1 {background: #aaa;}
.bt_g2 {background: #777;}
.bt_c1 {background: #fb5c47; color: #fff !important; border:none;}
.bt_c2 {background: #066dd7; color: #fff !important; border:none;}
.bt_radius {border-radius: 100px !important;}


.bt_col_rec {display: block; margin-top: 30px; width: 100%; padding: 10px; text-align: center; background: #0696d7 ; color: #fff}
.bt_col_rec:hover {background: #066dd7; transition: 0.5s}

.mt_5 {margin-top: 5px;}
.mt_10 {margin-top: 10px;}
.mt_15 {margin-top: 15px;}
.mt_20 {margin-top: 20px;}
.mt_30 {margin-top: 30px;}
.mt_40 {margin-top: 40px;}
.mt_50 {margin-top: 50px;}
.mt_70 {margin-top: 70px;}
.mt_100 {margin-top: 100px;}
.mb_5 {margin-bottom: 5px;}
.mb_10 {margin-bottom: 10px;}
.mb_15 {margin-bottom: 15px;}
.mb_20 {margin-bottom: 20px;}
.mb_30 {margin-bottom: 30px;}
.mb_40 {margin-bottom: 40px;}
.mb_50 {margin-bottom: 50px;}
.mb_70 {margin-bottom: 70px;}
.mb_100 {margin-bottom: 100px;}
.pt_5 {padding-top: 5px;}
.pt_10 {padding-top: 10px;}
.pt_15 {padding-top: 15px;}
.pt_20 {padding-top: 20px;}
.pt_30 {padding-top: 30px;}
.pt_40 {padding-top: 40px;}
.pt_50 {padding-top: 50px;}
.pt_70 {padding-top: 70px;}
.pt_100 {padding-top: 100px;}
.pb_5 {padding-bottom: 5px;}
.pb_10 {padding-bottom: 10px;}
.pb_15 {padding-bottom: 15px;}
.pb_20 {padding-bottom: 20px;}
.pb_30 {padding-bottom: 30px;}
.pb_40 {padding-bottom: 40px;}
.pb_50 {padding-bottom: 50px;}
.pb_70 {padding-bottom: 70px;}
.pb_100 {padding-bottom: 100px;}

.w30px {display: inline-block;width: 20px;text-align: center;}
.w10 {width: 10%;}
.w10 {width: 10%;}
.w20 {width: 20%;}
.w30 {width: 30%;}
.w40 {width: 40%;}
.w50 {width: 50%;}
.w60 {width: 60%;}
.w70 {width: 70%;}
.w80 {width: 80%;}
.w90 {width: 90%;}
.w100 {width: 100%;}

.w_auto {width: auto !important;}
.w10_imp {width: 10% !important;}
.w20_imp {width: 20% !important;}
.w30_imp {width: 30% !important;}
.w40_imp {width: 40% !important;}
.w50_imp {width: 50% !important;}
.w60_imp {width: 60% !important;}
.w70_imp {width: 70% !important;}
.w80_imp {width: 80% !important;}
.w90_imp {width: 90% !important;}
.w100_imp {width: 100% !important;}


p.cont_txt {font-size: 13px;letter-spacing: -0.05em;padding: 0px 0.5vw;word-break: break-all;line-height: 1.4;padding-top: 20px;border-top: 1px dotted #ddd;margin-top: 15px;}

@media (max-width: 1280px){
	p.cont_txt {font-size: 12px;padding-top: 15px;margin-top: 15px;}
	.rw_ppm .pad {display: block;max-width: 100%;text-align: center;margin: 0 auto;}
	.rw_ppm .m {display: none;}

@media (max-width:768px){
	p.cont_txt {font-size: 8px;}
	.rw_ppm .pad {display: none;}
	.rw_ppm .m {display: block;max-width: 100%;text-align: center;margin: 0 auto;}
}