@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {
	margin: 0px; padding: 0px; 
	line-height:1.15;
	font-family:'Nanum Gothic','나눔고딕','Noto Sans Korean',sans-serif;
}


/* COMMON */
html,body,body
{
	width:100%;height:100% ; 
	color: #2b2b2b; 
	font-family:'Nanum Gothic','나눔고딕','Noto Sans Korean',sans-serif; 
	font-size: 17px;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input,select,textarea{margin:0;padding:0; font-family:'Nanum Gothic','나눔고딕','Noto Sans Korean',sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
img,fieldset,iframe{border:0 none}
li{list-style:none; }
img{vertical-align:top}
/*em,*/address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0; border:0 none;background-color:transparent;cursor:pointer}
a{color:#2b2b2b;text-decoration:none}
a:hover{color:#000;text-decoration:none}
hr{display:none}
legend{*width:0}
p { line-height:140%}
section { clear:both; float:left; width:100%;letter-spacing:-1px; margin-bottom:70px; }
section p { font-size:17px;line-height:140%; }
section span { font-size:17px}
.text_p { line-height:160%}
.ed, .inputbox { border:1px solid #d5d5d5; padding: 5px} 

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

.imgmiddle img {vertical-align:middle!important}
.imgbottom img {vertical-align:bottom !important}

/* clearfix */
.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {display:block; content: ''; line-height: 0;}
.clearfix:after {clear: both;}

/*
textarea {line-height:18px; margin-right:3px; padding:0px 5px; background:#ffffff; border:1px solid #b5bce5; color:#000;}
input {height:18px; line-height:18px; margin-right:3px; padding:0px 5px; background:#ffffff; border:1px solid #b5bce5; color:#000;}
*/
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.input_check,.input_radio{width:13px;height:22px;margin:0;padding:0}

/* SKIP AREA */
.skip, legend {position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
.skip .hidden{ visibility:hidden; font-size:0; line-height:0;}
.skip a{ display:block; position:absolute; top:-10000em; left:0; width:100%; background-color:#000000; color:white; font:600 1.2em '돋움',dotum,helvetica,sans-serif; text-align:center;}
.skip a:hover,.skip a:active,.skip a:focus{ top:0; padding:1em 0; margin-bottom:10px; }

/* 폰트굵기 */
.letter_normal { letter-spacing:0;}
.f_normal { font-weight:normal;}
.strong { font-weight:600}
.strong_pink { font-weight:600 ; color:#ff018f}

/* 폰트크기 */
.font14 { font-size:14px;}
.font15 { font-size:15px; padding-bottom:5px}
.font16 { font-size:16px;}
.font17 { font-size:17px;}
.font18 { font-size:18px;}
.font20 { font-size:20px;}
.font22 { font-size:22px;}
.font24 { font-size:24px;}
.font40 { font-size:40px;}

/* 폰트컬러 */
.font_blue { color:#1f9fe1;}
.font_pink { color:#ff519c;}
.font_red { color:#de302c;}
.font_darkred { color:#b53532;}
.font_gray { color:#aeaeae;}
.font_red2 { color:#ffb8b8;}
.font_yellow { color:#f1d630;}

/* 색박스 */
.pinkbox{ padding:3px; background:#f26d7d; color:#fff; text-align:center; font-weight:600; text-decoration:none;}

/*버튼전체크기*/
.btn_l {text-align: left; margin : 20px 0;}
.btn_c {text-align: center; margin : 20px 0;}
.btn_c_0 {text-align: center; margin : 0;}
.btn_c_0 p {text-align: center; margin : 10px 0;}
.btn_c_10 {text-align: center; margin : 10px 0;}
.btn_r {text-align: right; margin : 20px 0;}
.btn_all { width: 100%; text-align: center; margin : 20px 0;}


/* 3px Round style */
.bround {border-radius:3px;text-align:center}

/*버튼크기*/
.btn100 {display:inline;width:100%;height:44px; }
.btn50 {display:inline;width:49.7%;height:44px;}
.btn25 {display:inline;width:25%;height:42px; }
.btn_auto{display:block;width: auto; padding:10px 30px ;}
.btn_100 {display:block;width:100%;height:50px;margin-top:15px}
.btn_50 {display: inline; width:49.2%;height:50px;margin-top:15px}
.btn_sns {display:inline;width:100%;height:44px;}

/* 버튼타입 */
.btn_typew{display:block;width:100%;height:50px;margin-top:15px}
.btn_type1 {border-radius:3px;font-weight:600;font-size:16px;line-height:16px;background-color:#fff;text-align:center;color:#666;vertical-align:top;border:1px solid #d2d2d2;}
.btn_type1 .ico_arr {display:inline-block;width:6px;height:12px;margin:5px 0 0 6px;background-position:-160px -50px;vertical-align:top}
.btn_type2 {border-radius:3px;font-weight:600;font-size:16px;line-height:16px;background-color:#e72888;text-align:center;color:#fff;vertical-align:top}
.btn_type3 {border-radius:3px;font-weight:600;font-size:16px;line-height:16px;background-color:#a4a4a4;text-align:center;color:#fff;vertical-align:top}
.btn_type4 {border-radius:3px;font-weight:600;font-size:16px;line-height:16px;background-color:#00c56b;background-image:-webkit-linear-gradient(135deg,  #00c56b 0%, #17a3e4 50%, #1b9cff 100%);background-image:linear-gradient(135deg, #00c56b 0%, #17a3e4 50%, #1b9cff 100%);text-align:center;color:#fff;vertical-align:top}
.btn_type5 {border-radius:3px;font-weight:600;font-size:16px;line-height:16px; text-align:center;color:#fff;vertical-align:top}
.btn_type6 {border-radius:3px;font-weight:600;font-size:16px;line-height:16px;background-color:#1f9fe1;text-align:center;color:#fff;vertical-align:top; letter-spacing:normal}

.btn_type_n {border-radius:3px;font-weight:600;font-size:16px;line-height:16px; text-align:left; text-indent: 30%; vertical-align:top; letter-spacing:normal;background:#22b600 url(/images/common/icon_naver.png) no-repeat 10px;  color:#fff; text-decoration:none; background-size:17% }
.btn_type_k {border-radius:3px;font-weight:600;font-size:16px;line-height:16px; text-align:left; text-indent: 26%; vertical-align:top; letter-spacing:normal;background:#ffe400 url(/images/common/icon_ka.png) no-repeat 10px; color:#2c1800; text-decoration:none; background-size:17%  }
.btn_type_g {border-radius:3px;font-weight:600;font-size:16px;line-height:16px; text-align:left; text-indent: 30%; vertical-align:top; letter-spacing:normal;background:#b6362c url(/images/common/icon_g.png) no-repeat 10px; color:#fff; text-decoration:none; background-size:17% }
.btn_type_f {border-radius:3px;font-weight:600;font-size:16px;line-height:16px; text-align:left; text-indent: 26%; vertical-align:top; letter-spacing:normal;background:#3d5b99 url(/images/common/icon_f.png) no-repeat 10px; color:#fff; text-decoration:none; background-size:17% }

span.btn_type1 {background-color:#f0f0f0;color:#999;}

.board_button a.bigPadding { padding: 15px 30px }
.board_button button.bigPadding { padding: 25px 30px}
.board_button:after {display:block;visibility:hidden;clear:both;float:none;content:""}

/* 버튼 */
.board_button {margin: 30px 0 0 0;position:relative}
.board_button a { background: #1472ca; display: inline-block; padding: 6px 30px 6px 30px; color: #fff;}
.board_button a:hover {text-decoration:none; background:#091d3f}
.board_button .dark {background: #3bb8e9;border-color:#3bb8e9}



.bt_map { float:right; display:inline}
.bt_map a { padding:5px 15px; background:#9c9c9c; color:#fff; font-size:14px; text-align:center; font-weight:600; text-decoration:none; letter-spacing:-1px;vertical-align: middle;}
.bt_map a:hover { background:#6b6b6b; text-decoration:none; }

.bt_apply a { padding:38px 16px; background:#1faae1; color:#fff; font-size:15px; text-align:center; font-weight:600; text-decoration:none; letter-spacing:-1px;vertical-align: middle;}
.bt_apply a:hover { background:#091d3f; text-decoration:none; }

.bt_pink { clear:both; margin-top:30px; border-radius:3px}
.bt_pink a { padding:17px 40px; background:#f26d7d; color:#fff; font-size:18px; text-align:center; font-weight:600; text-decoration:none; border-radius:3px;}
.bt_pink a:hover { background:#d23346; color:#fff; text-decoration:none; border-radius:3px;}


.bt_pink_s a { padding:7px 8px; background:#f26d7d; color:#fff; font-size:15px; text-align:center; font-weight:600; text-decoration:none; letter-spacing:-1px;}
.bt_pink_s a:hover { background:#d23346; text-decoration:none; }

.bt_red_s a { padding:8px 20px; background:#620f0d; color:#fff; font-size:17px; text-align:center; font-weight:600; text-decoration:none; letter-spacing:-1px;vertical-align: text-top; border-radius:3px; line-height: 1em}
.bt_red_s a:hover { background:#530907; text-decoration:none; border-radius:3px}

.bt_red_s2 a { padding:8px 20px; background:#620f0d; color:#fff; font-size:17px; text-align:center; font-weight:600; text-decoration:none; letter-spacing:-1px;vertical-align: text-top; border-radius:3px; line-height: 1em}
.bt_red_s2 a:hover { background:#530907; text-decoration:none; border-radius:3px}
 
.bt_darkblue { clear:both; margin-top:30px; border-radius:3px}
.bt_darkblue a { padding:17px 40px; background:#091d3f; color:#fff; font-size:18px; text-align:center; font-weight:600; text-decoration:none; border-radius:3px;}
.bt_darkblue a:hover { background:#183c7a; color:#fff; text-decoration:none; border-radius:3px;}

.bt_darkblue2 { clear:both; margin-top:30px; border-radius:3px}
.bt_darkblue2 a { padding:17px 40px; background:#1b3266; color:#fff; font-size:18px; text-align:center; font-weight:600; text-decoration:none; border-radius:3px;}
.bt_darkblue2 a:hover { background:#1843a3; color:#fff; text-decoration:none; border-radius:3px;}

.bt_darkblue3 { clear:both; margin-top:30px; border-radius:3px;}
.bt_darkblue3 a { padding:17px 40px; background:#0087a9; color:#fff; font-size:18px; text-align:center; font-weight:600; text-decoration:none; border-radius:3px;}
.bt_darkblue3 a:hover { background:#18aacf; color:#fff; text-decoration:none; border-radius:3px;}

.bt_darkblue4 { clear:both; margin-top:25px; border-radius:3px; float: left}
.bt_darkblue4 a { padding:17px 40px; background:#18aacf; color:#fff; font-size:22px; text-align:center; font-weight:600; text-decoration:none; border-radius:3px;}
.bt_darkblue4 a:hover { background:#0087a9; color:#fff; text-decoration:none; border-radius:3px;}

.bt_yellow2 { clear:both; margin-top:30px; border-radius:3px}
.bt_yellow2 a { padding:17px 40px; background:#ae873c; color:#fff; font-size:18px; text-align:center; font-weight:600; text-decoration:none; border-radius:3px;}
.bt_yellow2 a:hover { background:#e0b45e; color:#fff; text-decoration:none; border-radius:3px;}

.bt_darkred { clear:both; margin-top:30px; border-radius:3px;}
.bt_darkred a { padding:17px 40px; background:#620f0d; color:#fff; font-size:18px; text-align:center; font-weight:600; text-decoration:none; border-radius:3px; }
.bt_darkred a:hover { background:#b53532; color:#fff; text-decoration:none; border-radius:3px;}

.bt_lightgreen { clear:both; margin-top:30px; border-radius:3px}
.bt_lightgreen a { padding:17px 40px; background:#13b5b1; color:#fff; font-size:18px; text-align:center; font-weight:600; text-decoration:none; border-radius:3px;}
.bt_lightgreen a:hover { background:#009894; color:#fff; text-decoration:none; border-radius:3px;}

.bt_grayoff { clear:both; margin-top:30px; border-radius:3px;}
.bt_grayoff a { padding:17px 40px; background:#9c9c9c; color:#fff; font-size:18px; text-align:center; font-weight:600; text-decoration:none; border-radius:3px; }
.bt_grayoff a:hover { background:#6b6b6b; color:#fff; text-decoration:none; border-radius:3px;}


.bt_gray a { padding:7px 8px; background:#9c9c9c; color:#fff;  text-align:center; font-weight:600; text-decoration:none; letter-spacing:-1px; font-size:15px; }
.bt_gray a:hover { background:#6b6b6b; text-decoration:none; }
.bt_gray a:visited { color:#fff !important}

.bt_gray_s { margin-top:10px;}
.bt_gray_s a { padding:5px 7px; background:#9c9c9c; color:#fff; font-size:13px; text-align:center; font-weight:600; text-decoration:none; letter-spacing:-1px;vertical-align: middle;}
.bt_gray_s a:hover { background:#6b6b6b; text-decoration:none; }

.bt_orange a { padding:8px 6px; background:#f76d39; color:#fff; font-size:15px; text-align:center; font-weight:600; text-decoration:none; letter-spacing:-1px; }
.bt_orange a:hover { background:#dd460d; text-decoration:none; }


.bt_orange2 a { padding:6px 8px; background:#f76d39; color:#fff; font-size:14px; text-align:center; font-weight:600; text-decoration:none; letter-spacing:-1px; }
.bt_orange2 a:hover { background:#dd460d; text-decoration:none; }

.bt_green { clear:both; padding:18px 0 ; display:block;width:100%;}
.bt_green a { padding:15px 64px 15px 78px;  background:#22b600 url(/images/common/icon_naver.png) no-repeat 10px; color:#fff; font-size:17px; text-align:center; font-weight:600; text-decoration:none; }
.bt_green a:hover { background:#177c00 url(/images/common/icon_naver.png) no-repeat 10px; color:#fff; text-decoration:none}

.bt_blue { clear:both; padding:18px 0; display:block;width:100%;}
.bt_blue a { padding:15px 52px 15px 76px; background:#3d5b99 url(/images/common/icon_f.png) no-repeat 10px; color:#fff; font-size:17px; text-align:center; font-weight:600; text-decoration:none;}
.bt_blue a:hover { background:#0a2866 url(/images/common/icon_f.png) no-repeat 10px; color:#fff; text-decoration:none}

.bt_yellow { clear:both; padding:18px 0 ; display:block;width:100%;}
.bt_yellow a { padding:15px 64px 15px 78px; background:#ffe400 url(/images/common/icon_ka.png) no-repeat 10px; color:#2c1800; font-size:17px; text-align:center; font-weight:600; text-decoration:none;}
.bt_yellow a:hover { background:#ffc000 url(/images/common/icon_ka.png) no-repeat 10px; color:#2c1800; text-decoration:none}

.bt_naver { clear:both; padding:18px 0 ; display:block;width:100%;}
.bt_naver a {  background:#22b600 url(/images/common/icon_naver.png) no-repeat 10px; color:#fff; font-size:17px; text-align:center; font-weight:600; text-decoration:none; }
.bt_naver a:hover { background:#177c00 url(/images/common/icon_naver.png) no-repeat 10px; color:#fff; text-decoration:none}

.bt_facebook { clear:both; padding:18px 0; display:block;width:100%;}
.bt_facebook a { background:#3d5b99 url(/images/common/icon_f.png) no-repeat 10px; color:#fff; font-size:17px; text-align:center; font-weight:600; text-decoration:none;}
.bt_facebook a:hover { background:#0a2866 url(/images/common/icon_f.png) no-repeat 10px; color:#fff; text-decoration:none}

.bt_kakao { clear:both; padding:18px 0 ; display:block;width:100%;}
.bt_kakao a {  background:#ffe400 url(/images/common/icon_ka.png) no-repeat 10px; color:#2c1800; font-size:17px; text-align:center; font-weight:600; text-decoration:none;}
.bt_kakao a:hover { background:#ffc000 url(/images/common/icon_ka.png) no-repeat 10px; color:#2c1800; text-decoration:none}

.bt_google { clear:both; padding:18px 0 ; display:block;width:100%;}
.bt_google a { background:#b6362c url(/images/common/icon_g.png) no-repeat 10px; color:#fff; font-size:17px; text-align:center; font-weight:600; text-decoration:none;}
.bt_google a:hover { background:#881c14 url(/images/common/icon_g.png) no-repeat 10px; color:#fff; text-decoration:none}

.bt_board { clear:both; margin-top:30px}
.bt_board a { padding:8px 20px; background:#c91281; color:#fff; text-align:center; font-weight:600; text-decoration:none;}
.bt_board a:hover { background:#fb38ae; color:#fff; text-decoration:none}

.bt_all { margin-top:10px;}
.bt_all a { padding:10px 35px; background:#f26d7d; color:#fff; font-size:17px; text-align:center; font-weight:600; text-decoration:none; letter-spacing:-1px;vertical-align: middle;}
.bt_all a:hover { background:#d23346; text-decoration:none; }

.bt_search a { padding:12px 35px; background:#1faae1; color:#fff; text-align:center; font-weight:600; text-decoration:none; }
.bt_search a:hover { background:#091d3f; text-decoration:none; }

.bt_playall { margin-left:10px; border: 1px solid #d8d8d8; padding:5px 10px;font-size:13px ;letter-spacing:normal; font-weight: normal; }
.bt_playall a { text-align:center;  text-decoration:none;}

.floatR { float:right !important;}
.floatL { float:left !important;}
.floatC { margin:0 auto !important;}
.clear { clear:both !important;}
.alignR {text-align:right !important;}
.alignL {text-align:left !important;}
.alignC {text-align:center !important;}
.border_no { border:none !important;}

/* padding / margin **********************************************/
.pad_top3 { padding-top:4px !important;}
.pad_top5 { padding-top:5px !important;}
.pad_top8 { padding-top:8px !important;}
.pad_top10 { padding-top:10px !important;}
.pad_top11 { padding-top:11px !important;}
.pad_top15 { padding-top:15px !important;}
.pad_top20 { padding-top:20px !important;}
.pad_top25 { padding-top:25px !important;}
.pad_top30 { padding-top:30px !important;}
.pad_top40 { padding-top:40px !important;}
.pad_top50 { padding-top:50px !important;}
.pad_top60 { padding-top:60px !important;}
.pad_top70 { padding-top:70px !important;}
.pad_top80 { padding-top:80px !important;}
.pad_top90 { padding-top:90px !important;}
.pad_top100 { padding-top:100px !important;}

.pad_left0 { padding-left:0 !important;}
.pad_left5 { padding-left:5px !important;}
.pad_left7 { padding-left:7px !important;}
.pad_left9 { padding-left:9px !important;}
.pad_left10 { padding-left:10px !important;}
.pad_left13 { padding-left:13px !important;}
.pad_left15 { padding-left:15px !important;}
.pad_left20 { padding-left:20px !important;}
.pad_left30 { padding-left:30px !important;}
.pad_left32 { padding-left:32px !important;}
.pad_left40 { padding-left:40px !important;}
.pad_left43 { padding-left:43px !important;}
.pad_left47 { padding-left:47px !important;}
.pad_left45 { padding-left:45px !important;}
.pad_left50 { padding-left:50px !important;}
.pad_left60 { padding-left:60px !important;}
.pad_left65 { padding-left:65px !important;}
.pad_left67 { padding-left:67px !important;}
.pad_left145 { padding-left:145px !important;}
.pad_left390 { padding-left:390px !important;}
.pad_left470 { padding-left:470px !important;}
.pad_left520 { padding-left:520px !important;}
.pad_left535 { padding-left:535px !important;}
.pad_left590 { padding-left:590px !important;}
.pad_left685 { padding-left:685px !important;}

.pad_right3 { padding-right:3px !important;}
.pad_right5 { padding-right:5px !important;}
.pad_right7 { padding-right:7px !important;}
.pad_right10 { padding-right:10px !important;}
.pad_right20 { padding-right:20px !important;}
.pad_right30 { padding-right:30px !important;}
.pad_right32 { padding-right:32px !important;}
.pad_right45 { padding-right:45px !important;}
.pad_right58{ padding-right:58px !important;}
.pad_right67{ padding-right:67px !important;}

.pad_bottom5 { padding-bottom:5px !important;}
.pad_bottom7 { padding-bottom:7px !important;}
.pad_bottom10 { padding-bottom:10px !important;}
.pad_bottom15 { padding-bottom:15px !important;}
.pad_bottom20 { padding-bottom:20px !important;}
.pad_bottom25 { padding-bottom:25px !important;}
.pad_bottom30 { padding-bottom:30px !important;}
.pad_bottom35 { padding-bottom:35px !important;}
.pad_bottom50 { padding-bottom:50px !important;}
.pad_bottom70 { padding-bottom:70px !important;}
.pad_bottom247 { padding-bottom:247px !important;}

.margin_left5 { margin-left:5px !important;}
.margin_left10 { margin-left:10px !important;}
.margin_left20 { margin-left:20px !important;}
.margin_left300 { margin-left:300px !important;}

.margin_right5 { margin-right:5px !important;}
.margin_right10 { margin-right:10px !important;}
.margin_right35 { padding-right:35px !important;}

.margin_top5 { margin-top:5px !important;}
.margin_top8 { margin-top:8px !important;}
.margin_top10 { margin-top:10px !important;}
.margin_top15 { margin-top:15px !important;}
.margin_top20 { margin-top:20px !important;}
.margin_top30 { margin-top:30px !important;}
.margin_top40 { margin-top:40px !important;}
.margin_top45 { margin-top:45px !important;}
.margin_top50 { margin-top:50px !important;}
.margin_top70 { margin-top:70px !important;}
.margin_top90 { margin-top:90px !important;}
.margin_top110 { margin-top:110px !important;}
.margin_top140 { margin-top:140px !important;}

.margin_topm30 {margin-top:-30px; float:left !important}
.margin_topm50 {margin-top:-50px; float:left !important}

.margin_bottom5 { margin-bottom:5px !important;}
.margin_bottom7 { margin-bottom:7px !important;}
.margin_bottom10 { margin-bottom:10px !important;}
.margin_bottom15 { margin-bottom:15px !important;}
.margin_bottom20 { margin-bottom:20px !important;}
.margin_bottom30 { margin-bottom:30px !important;}
.margin_bottom40 { margin-bottom:40px !important;}
.margin_bottom50 { margin-bottom:50px !important;}
.margin_bottom70 { margin-bottom:70px !important;}
.margin_bottom100 { margin-bottom:100px !important;}


.tspace {padding-top:80px;}

/*오톡해구독*/
	.ok_mask2 {
	  position:absolute;
	  left:0;
	  top:0;
	  z-index:9000;
	  background-color:#000;
	  display:none;
	}

	#ok_boxes4 .ok_window4 {
	  position: absolute;
	  left:0;
	  top:-50%;
	  width:100%;
	  height:308px;
	  display:none;
	  z-index:9999;
	  padding:0;
	  margin-top: 0;
      border:3px solid #cd3737;
	}

	#ok_boxes4 #ok_dialog {
	  width:550px; 
	  padding:0;
	  background-color:#ffffff;
	}

	#ok_boxes4 #ok_dialog img {width:auto}


	#ok_boxes5 .ok_window4 {
	  position: absolute;
	  left:0;
	  top:-50%;
	  width:100%;
	  height:308px;
	  display:none;
	  z-index:9999;
	  padding:0;
	  margin-top: 0;
      border:3px solid #cd3737;
	}

	#ok_boxes5 #ok_dialog {
	  width:350px; 
	  padding:0;
	  background-color:#ffffff;
	}

	#ok_boxes5 #ok_dialog img {width:auto}


/*오톡해구독*/
.pop_end4 {margin:0 auto ; padding: 0; font-size: 1.5em; color: #393939; font-weight: normal; font-family:'Nanum Gothic','나눔고딕','Noto Sans Korean',sans-serif; text-align: center;  line-height: 1em !important}
.pop_end4 .f_point { color: #f65656; padding: 0; font-weight: 600; font-size: 1em; }

.pop_end4 img {width: auto !important}
.pop_end4 p {line-height: 2em;  }
.pop_end4 p span{line-height: 2em;   }
.pop_end4 .bt_warp { margin-top: 30px}
.pop_end4 .bt_warp span { margin: 0 2%}



@media screen and (-webkit-min-device-pixel-ratio:0) {
		body, html {margin:0; padding:0}
		.tspace {margin-top:-80px; float:left}
}


@media all and (max-width:800px) and (min-width:0px) {
	
.text_p { line-height:130%;font-size:0.9em}	

section { margin-bottom:40px; }
section p { font-size:0.9em; }
section span { font-size:1em}

	
/*버튼전체크기*/
.btn_l {text-align: left; margin : 20px 0;}
.btn_c {text-align: center; margin : 20px 0;}
	
/*버튼크기*/
.btn100 {display:block;width:100%;height:44px; }
.btn50 {display:inline;width:49.2%;height:44px;}
.btn25 {display:inline;width:25%;height:42px; }
.btn_auto{display:block;width: 100%; margin: 10px 0}

	
/* 폰트크기 */
.font14 { font-size:14px;}
.font15 { font-size:15px; padding-bottom:5px}
.font16 { font-size:16px;}
.font18 { font-size:0.85em;}
.font20 { font-size:0.9em;}
.font22 { font-size:0.95em;}
.font24 { font-size:1.1em;}
.font40 { font-size:1em;}

/* 버튼타입 */
.btn_typew{display:block;width:100%;height:50px;margin-top:15px}
.btn_type1 {border-radius:3px;font-weight:600;font-size:16px;line-height:16px;background-color:#fff;text-align:center;color:#666;vertical-align:top;border:1px solid #d2d2d2;}
.btn_type1 .ico_arr {display:inline-block;width:6px;height:12px;margin:5px 0 0 6px;background-position:-160px -50px;vertical-align:top}
.btn_type2 {border-radius:3px;font-weight:600;font-size:16px;line-height:16px;background-color:#e72888;text-align:center;color:#fff;vertical-align:top}
.btn_type3 {border-radius:3px;font-weight:600;font-size:16px; background-color:#a4a4a4;text-align:center;color:#fff;vertical-align:top}
.btn_type4 {border-radius:3px;font-weight:600;font-size:16px;line-height:16px;background-color:#00c56b;background-image:-webkit-linear-gradient(135deg,  #00c56b 0%, #17a3e4 50%, #1b9cff 100%);background-image:linear-gradient(135deg, #00c56b 0%, #17a3e4 50%, #1b9cff 100%);text-align:center;color:#fff;vertical-align:top}
	
.btn_type_n {border-radius:3px;font-weight:600;font-size:0.85em;line-height:16px; text-align:left; text-indent: 30%;  vertical-align:top; letter-spacing:-0.5px;background:#22b600 url(/images/common/icon_naver.png) no-repeat 6px; color:#fff; text-decoration:none; background-size:17%  }
.btn_type_k {border-radius:3px;font-weight:600;font-size:0.85em;line-height:16px; text-align:left; text-indent: 26%;  vertical-align:top; letter-spacing:-0.5px;background:#ffe400 url(/images/common/icon_ka.png) no-repeat 6px; color:#2c1800; text-decoration:none; background-size:18%  }
.btn_type_g {border-radius:3px;font-weight:600;font-size:0.85em;line-height:16px; text-align:left; text-indent: 30%;  vertical-align:top; letter-spacing:-0.5px;background:#b6362c url(/images/common/icon_g.png) no-repeat 6px; color:#fff; text-decoration:none; background-size:18%  }
.btn_type_f {border-radius:3px;font-weight:600;font-size:0.85em;line-height:16px; text-align:left; text-indent: 26%;  vertical-align:top; letter-spacing:-0.5px;background:#3d5b99 url(/images/common/icon_f.png) no-repeat 6px; color:#fff; text-decoration:none; background-size:18%  }
	
span.btn_type1 {background-color:#f0f0f0;color:#999;}
	
/* 버튼 */
.bt_darkblue { border-radius:3px;font-weight:600;font-size:1em;line-height:1em; text-align:center;color:#fff;vertical-align:top}
.bt_darkblue a { padding:10px 15px; background:#091d3f; color:#fff; font-size:1em; text-align:center; font-weight:600; text-decoration:none; border-radius:3px}
.bt_darkblue a:hover { background:#183c7a; color:#fff; border-radius:3px;}
	
.bt_darkred {clear:both; margin-top:30px; border-radius:3px; }
.bt_darkred a {padding:10px 15px; background:#620f0d; color:#fff; font-size:1em; text-align:center; font-weight:600; text-decoration:none; border-radius:3px}
.bt_darkred a:hover { background:#b53532; color:#fff; text-decoration:none; border-radius:3px;}

.bt_yellow2 {clear:both; margin-top:30px; border-radius:3px}
.bt_yellow2 a { padding:10px 15px; background:#ae873c; color:#fff; font-size:1em; text-align:center; font-weight:600; text-decoration:none; border-radius:3px }
.bt_yellow2 a:hover { background:#e0b45e; color:#fff; text-decoration:none; border-radius:3px;}
	
.bt_pink { clear:both; margin-top:30px; border-radius:3px}
.bt_pink a { padding:10px 15px; background:#f26d7d; color:#fff; font-size:1em; text-align:center; font-weight:600; text-decoration:none; border-radius:3px;}
.bt_pink a:hover { background:#d23346; color:#fff; text-decoration:none; border-radius:3px;}

.bt_red_s a { padding:8px; background:#620f0d; color:#fff; font-size:0.85em; text-align:center; font-weight:600; text-decoration:none; letter-spacing:-1px; border-radius:3px;}
.bt_red_s a:hover { background:#530907; text-decoration:none; border-radius:3px; font-size:0.85em; }

.bt_red_s2 a {padding:8px; background:#620f0d; color:#fff; font-size:0.85em; text-align:center; font-weight:600; text-decoration:none; letter-spacing:-1px; border-radius:3px; }
.bt_red_s2 a:hover { background:#530907; text-decoration:none; border-radius:3px; font-size:0.85em; }

.bt_orange a { padding:7px 12px; background:#f76d39; color:#fff; font-size:1em; text-align:center; font-weight:600; text-decoration:none; letter-spacing:-1px;  }
.bt_orange a:hover { background:#dd460d; text-decoration:none; border-radius: 0.25rem;}

.bt_pink_s a { padding:7px; background:#f26d7d;; color:#fff;  text-align:center; font-weight:600; text-decoration:none; letter-spacing:-1px; font-size:1em;}
.bt_pink_s a:hover { background:#d23346; text-decoration:none; }
	
.bt_gray a { padding:7px; background:#9c9c9c; color:#fff;  text-align:center; font-weight:600; text-decoration:none; letter-spacing:-1px; font-size:1em; }
.bt_gray a:hover { background:#6b6b6b; text-decoration:none; }
.bt_gray a:visited { color:#fff !important}
	
.bt_grayoff { clear:both; margin-top:30px; border-radius:3px;}
.bt_grayoff a { padding:10px 15px; background:#9c9c9c; color:#fff; font-size:1em; text-align:center; font-weight:600; text-decoration:none; border-radius:3px; }
.bt_grayoff a:hover { background:#6b6b6b; color:#fff; text-decoration:none; border-radius:3px;}
	
.bt_lightgreen { clear:both; margin-top:30px; border-radius:3px}
.bt_lightgreen a { padding:10px 15px; background:#13b5b1; color:#fff; font-size:1em; text-align:center; font-weight:600; text-decoration:none; border-radius:3px;}
.bt_lightgreen a:hover { background:#009894; color:#fff; text-decoration:none; border-radius:3px;}

.bt_naver { clear:both; padding:18px 0 ; display:block;width:100%;}
.bt_naver a {  background:#22b600 url(/images/common/icon_naver.png) no-repeat 10px; color:#fff; font-size:0.85em; text-align:center; font-weight:600; text-decoration:none; }
.bt_naver a:hover { background:#177c00 url(/images/common/icon_naver.png) no-repeat 10px; color:#fff; text-decoration:none}

.bt_facebook { clear:both; padding:18px 0; display:block;width:100%;}
.bt_facebook a { background:#3d5b99 url(/images/common/icon_f.png) no-repeat 10px; color:#fff; font-size:0.85em; text-align:center; font-weight:600; text-decoration:none;}
.bt_facebook a:hover { background:#0a2866 url(/images/common/icon_f.png) no-repeat 10px; color:#fff; text-decoration:none}

.bt_kakao { clear:both; padding:18px 0 ; display:block;width:100%;}
.bt_kakao a { background:#ffe400 url(/images/common/icon_ka.png) no-repeat 10px; color:#2c1800; font-size:0.85em; text-align:center; font-weight:600; text-decoration:none;}
.bt_kakao a:hover { background:#ffc000 url(/images/common/icon_ka.png) no-repeat 10px; color:#2c1800; text-decoration:none}

.bt_google { clear:both; padding:18px 0 ; display:block;width:100%;}
.bt_google a {  background:#b6362c url(/images/common/icon_g.png) no-repeat 10px; color:#fff; font-size:0.85em; text-align:center; font-weight:600; text-decoration:none;}
.bt_google a:hover { background:#881c14 url(/images/common/icon_g.png) no-repeat 10px; color:#fff; text-decoration:none}
	
.bt_all { margin-top:10px;}
.bt_all a { padding:5px; background:#f26d7d; color:#fff; font-size:1em; text-align:center; font-weight:600; text-decoration:none; letter-spacing:-1px;vertical-align: middle;}
.bt_all a:hover { background:#d23346; text-decoration:none; }


.bt_search a { padding:9px; background:#1faae1; color:#fff; font-size:0.85em; text-align:center; font-weight:600; text-decoration:none; letter-spacing:-1px; margin: 0;}
.bt_search a:hover { background:#091d3f; text-decoration:none; }

.bt_darkblue4 { clear:both; margin-top:10px; border-radius:3px; float: left; }
.bt_darkblue4 a { padding:12px 25px; background:#18aacf; color:#fff; font-size:1em; text-align:center; font-weight:600; text-decoration:none; border-radius:3px;}
.bt_darkblue4 a:hover { background:#0087a9; color:#fff; text-decoration:none; border-radius:3px;}

.bt_playall { margin-left:0; border: 1px solid #d8d8d8; padding:5px 10px;font-size:0.65em ;letter-spacing:normal; font-weight: normal;}
.bt_playall a {  text-align:center;  text-decoration:none; letter-spacing:normal; }
	
/*오톡해구독*/
	.ok_mask2 {
	  position:absolute;
	  left:0;
	  top:0;
	  z-index:9000;
	  background-color:#000;
	  display:none;
	}

	#ok_boxes4 .ok_window4 {
	  position: absolute;
	  left:0;
	  top:-50%;
	  width:100%;
	  height:auto;
	  display:none;
	  z-index:9999;
	  padding:0;
	  margin-top: 0;
      border:3px solid #cd3737;
	}

	#ok_boxes4 #ok_dialog {
	  width:70%; 
	  padding:0;
	  background-color:#ffffff;
	}
	#ok_boxes4 #ok_dialog img {width:auto}
	
	
	#ok_boxes5 .ok_window4 {
	  position: absolute;
	  left:0;
	  top:-50%;
	  width:100%;
	  height:auto;
	  display:none;
	  z-index:9999;
	  padding:0;
	  margin-top: 0;
      border:3px solid #cd3737;
	}

	#ok_boxes5 #ok_dialog {
	  width:70%; 
	  padding:0;
	  background-color:#ffffff;
	}
	#ok_boxes5 #ok_dialog img {width:auto}
	

/*오톡해구독*/
.pop_end4 {margin:0 auto ; padding: 0 0 20px 0; font-size: 1.1em; color: #393939;  text-align: center;  line-height: 0.8em !important}
.pop_end4 .f_point { color: #f65656; padding: 0; font-weight: 600; font-size: 1em; }

.pop_end4 img {width: auto !important}
.pop_end4 p {line-height: 1em;  }
.pop_end4 p span{line-height: 1em;   }
.pop_end4 .bt_warp { margin-top: 20px}
.pop_end4 .bt_warp span { margin: 0}
.pop_end4 .bt_warp img { width: 70% !important}
	
}



/* 톡톡상담 */
/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-img-replace {
  /* replace text with a background-image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.cd-txt {
  display: inline-block;
  text-indent: 32px;
  white-space: nowrap;
  font-size: 0.8rem;
  line-height: 2.4em;
  color: #333;
  font-weight: 600;
}

.overflow-hidden {
  overflow: hidden;
}


@media only screen and (min-width: 768px) {
  .cd-main-content {
    padding-top: 70px;
  }
}


@media only screen and (min-width: 768px) {
  header {
    height: 70px;
  }
}

#cd-logo {
  display: block;
  float: left;
  margin: 12px 0 0 20px;
}
#cd-logo img {
  display: block;
}
@media only screen and (min-width: 768px) {
  #cd-logo {
    margin: 22px 0 0 30px;
  }
}



#cd-lateral-nav {
  position: fixed;
  height: auto;
  right: 0;
  bottom:60px;
  visibility: hidden;
  /* the secondary navigation is covered by the main element */
  z-index: 999;
  width: 100%;
  background-color: #fff;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
  transition: transform .4s 0s, visibility 0s .4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateY(420px);
  -moz-transform: translateY(420px);
  -ms-transform: translateY(420px);
  -o-transform: translateY(420px);
  transform: translateY(420px);
}
#cd-lateral-nav .cd-navigation {
  margin: 10px 0 25px;
}
.no-touch #cd-lateral-nav a:hover {
  color: #fff;
}

#cd-lateral-nav img{width: 100% !important}
#cd-lateral-nav2 img{width: 100% !important}

#cd-lateral-nav2 {
  position: fixed;
  height: auto;
  right: 0;
  bottom:60px;
  visibility: hidden;
  /* the secondary navigation is covered by the main element */
  z-index: 999;
  width: 100%;
  background-color: #fff;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
  transition: transform .4s 0s, visibility 0s .4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateY(420px);
  -moz-transform: translateY(420px);
  -ms-transform: translateY(420px);
  -o-transform: translateY(420px);
  transform: translateY(420px);
}
#cd-lateral-nav2 .cd-navigation {
  margin: 10px 0 25px;
}
.no-touch #cd-lateral-nav2 a:hover {
  color: #fff;
}





@media only screen and (min-width: 768px) {
  #cd-lateral-nav .cd-navigation {
    margin: 20px 0;
  }
	
  #cd-lateral-nav2 .cd-navigation {
    margin: 20px 0;
  }

}





#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
  transition: transform .4s 0s, visibility 0s 0s;
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}


#cd-lateral-nav .socials {
  padding: 0 10px;
}

#cd-lateral-nav .socials ul {padding: 0 ; margin: 0; width: 100%}
#cd-lateral-nav .socials li {padding: 0 ; float: left}
#cd-lateral-nav .socials li:nth-child(3n+1) {margin: 1% 1% 1% 0; width: 32%; }
#cd-lateral-nav .socials li:nth-child(3n+2) {margin: 1%; width: 32%; }
#cd-lateral-nav .socials li:nth-child(3n+3) {margin: 1% 0 1% 1%; width: 32%; }

#cd-lateral-nav .socials:after {
  content: "";
  display: table;
  clear: both;
}
#cd-lateral-nav .socials a {
  height: 35px;
  width: 100%;
  float: left;
  padding: 0;
  background: url("/images/common/socials_kakao.png") 5px 60% no-repeat ;
  background-size: 23px 23px;
  background-color: #fff;
  border-radius: 0.25em;
  color: #333;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
}



	
	
#cd-lateral-nav2.lateral-menu-is-open {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
  transition: transform .4s 0s, visibility 0s 0s;
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}


#cd-lateral-nav2 .socials {
  padding: 0 10px;
}

#cd-lateral-nav2 .socials ul {padding: 0 ; margin: 0; width: 100%}
#cd-lateral-nav2 .socials li {padding: 0 ; float: left}
#cd-lateral-nav2 .socials li:nth-child(3n+1) {margin: 1% 1% 1% 0; width: 32%; }
#cd-lateral-nav2 .socials li:nth-child(3n+2) {margin: 1%; width: 32%; }
#cd-lateral-nav2 .socials li:nth-child(3n+3) {margin: 1% 0 1% 1%; width: 32%; }


#cd-lateral-nav2 .socials:after {
  content: "";
  display: table;
  clear: both;
}
#cd-lateral-nav2 .socials a {
  height: 35px;
  width: 100%;
  float: left;
  padding: 0;
  background: url("/images/common/socials_talk.png") 6px 60% no-repeat ;
  background-size: 20px 20px;
  background-color: #fff;
  border-radius: 0.25em;
  color: #333;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
}