@charset "utf-8";
/* Author oopblog.com */
/* reset */
@import url(/css/service/font.css);

html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle}
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
body{position:relative;line-height:18px;font-size:12px;font-family:'Nanum Barun Gothic',"맑은고딕",Malgun Gothic,'돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; color:#000; }
a { text-decoration:none; color:#000}
em { font-style:normal }
input[type="text"],
input[type="password"] ,
textarea { font-size:12px;font-family:'Nanum Barun Gothic','돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; }
select { font-size:12px;font-family:'Nanum Barun Gothic',"맑은고딕",Malgun Gothic,'돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; }


/**************************************************************************************************************
	공통
**************************************************************************************************************/
.blind{overflow:hidden;position:absolute;top:-1px;left:-1px;width:1px;height:1px;padding:0;margin:0;font-size:0;line-height:0;background:none;}
.m0 { margin:0  !important }
.mb0 { margin-bottom:0 !important }
.mb2 { margin-bottom:2px !important }
.mb4 { margin-bottom:4px !important }
.mb10 { margin-bottom:10px !important }
.mb20 { margin-bottom:20px !important }
.mb30 { margin-bottom:30px !important }
.mb40 { margin-bottom:40px !important }
.mb50 { margin-bottom:50px !important }
.mb70 { margin-bottom:70px !important }
.mb80 { margin-bottom:80px !important }
.mb130 { margin-bottom:130px !important }
.pd0 { padding:0 !important }
.mbr10 { margin-right:10px }
.pdl50 { padding-left:50px !important }
.pdtop90 { padding-top:90px }
.none_bor { border:0 !important }

.txt_center { text-align:center !important }
.txt_left { text-align:left !important }
.txt_right { text-align:right !important }
.f12 { font-size:12px !important }
.txt_under { text-decoration:underline !important }
.blue { color:#6abaec !important } 
.org { color:#fb6827 !important }
.bold { font-weight:bold !important }
.red { color:#fe4e00 !important }
.gray { color:#8d8d8d !important }

.inline { display:inline-block; }




body,html { height:100% }
body { min-width:320px }
/************************************************************************************************************************************************
	공통
************************************************************************************************************************************************/
/* 버튼 */
.btn { vertical-align:middle; text-align:center; color:#a0a0a0; display:inline-block; min-height:30px; line-height:30px; background:#f4f4f4; padding:0 10px; border-radius:4px; box-shadow:inset 0 -2px 0 rgba(0,0,0,.2); box-sizing:border-box; appearance:none; border:0; letter-spacing:-1px }
.btn:hover,
.btn.on { background-color:#6abaec; color:#fff }
.btn_under { font-size:24px; line-height:28px; text-decoration:underline; color:#6abaec; font-style:italic }
.btn.btn_white { background:#fff; color:#68b8ea }
.btn_under.white { color:#fff } 

/* 사이즈 */
.btn.btn_big { min-height:70px; line-height:24px;  font-size:24px; border-radius:8px; font-weight:bold; padding:23px 30px; box-shadow:inset 0 -5px 0 rgba(0,0,0,.2); }
.btn.btn_m { height:40px; line-height:39px; font-size:16px; border-radius:8px; font-weight:bold; padding:0 30px; box-shadow:inset 0 -3px 0 rgba(0,0,0,.2); }
.btn.btn_s { height:22px;  font-size:13px; }

/* 아이콘 있을경우 */
.btn.ico { position:relative;  overflow:hidden; padding-left:0; }
.btn.ico span { background:#c9c9c9; width:26px; height:30px; float:left; background-position:50% 50%; margin-right:8px; box-shadow:inset 0 -2px 0 rgba(0,0,0,.2); -moz-box-shadow:inset 0 -2px 0 rgba(0,0,0,.2); -webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,.2); }
.btn.ico span.human { background-image:url(/image/service/ico_human.png); background-repeat:no-repeat; }
.btn.ico span.upload { background-image:url(/image/service/ico_upload.png); background-repeat:no-repeat; }
.btn.ico span.sms { background-image:url(/image/service/ico_sms.png); background-repeat:no-repeat; }
.btn.ico span.reload { background-image:url(/image/service/ico_reload.png); background-repeat:no-repeat; }
.btn.ico:hover { background-color:#6abaec; color:#fff }
.btn.ico:hover span { background-color:#33a5eb }

/* 사각형 흰색 버튼 */
.btn_rect { display:inline-block; padding:0 20px; line-height: 29px; font-size:16px; border:1px solid #cfcfcf; height:29px; }
.btn_box .btn,
.btn_box .btn_flip { margin-right:5px; margin-bottom:5px }

/* 셀렉트 박스 */
.selectbox { position:relative; display:inline-block; z-index:100 }
.selectbox.on { z-index:200 }
.selectbox .btn_slt { color:#a0a0a0;  position:relative;  overflow:hidden; padding-left:0; vertical-align:middle; text-align:center; display:inline-block; height:31px; line-height:30px; background:#f4f4f4; padding-right:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow:inset 0 -2px 0 rgba(0,0,0,.2); -moz-box-shadow:inset 0 -2px 0 rgba(0,0,0,.2); -webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,.2); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.selectbox .btn_slt span { background:#c9c9c9 url(/image/service/ico_select_arrow.png)  no-repeat 50% 50%; width:31px; height:31px; float:left;  box-shadow:inset 0 -2px 0 rgba(0,0,0,.2); -moz-box-shadow:inset 0 -2px 0 rgba(0,0,0,.2); -webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,.2); }

.selectbox ul { display:none; position:absolute; right:0; top:31px; width:112px; padding:3px 6px; background:#e8f6ff; border-radius:0 0 5px 5px; }
.selectbox ul li a { display:block; line-height:22px; height:22px; color:#33a5eb;  border-radius:3px; padding-left:7px; font-size:11px }
.selectbox ul li a:hover { background:#33a5eb; color:#fff; }
.selectbox.on .btn_slt { background-color:#6abaec; color:#fff }
.selectbox.on .btn_slt span { background-color:#33a5eb }
.selectbox.on ul { display:block }

/* 클릭 아이콘(O,X) */
.btn_flip { vertical-align:middle; text-align:center; color:#a0a0a0; display:inline-block; height:30px; line-height:30px; background:#f4f4f4; padding:0 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow:inset 0 -2px 0 rgba(0,0,0,.2); -moz-box-shadow:inset 0 -2px 0 rgba(0,0,0,.2); -webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,.2); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.btn_flip { padding-left:5px }
.btn_flip .flip_ico { background:url(/image/service/ico_plus.png) no-repeat 50% 50%; width:16px; height:30px; float:left; margin-right:0; }
.btn_flip.on{  background-color:#33a5eb; color:#fff }
.btn_flip.on .flip_ico{ background-image:url(/image/service/ico_del.png);  }
.btn_flip.btn_left { text-align:left; }
.btn_flip.btn_left .flip_ico { width:26px }
/* Form 요소 */
.inp { border:1px solid #cfcfcf; height:31px; line-height:30px; color:#222; box-sizing:border-box; padding:0 10px; -webkit-appearance:none; border-radius:0 }
.inp_rect { padding:0 20px; line-height: 29px; font-size:16px !important; border:1px solid #cfcfcf; height:29px; text-align:center; }
.textarea { border:1px solid #cfcfcf; color:#222; box-sizing:border-box; padding:10px; -webkit-appearance:none; border-radius:0 }



/* Login */
#login_wrap .login_header { height:109px; background:#6dbbeb; text-align:center; margin-bottom:30px; }
#login_wrap .login_header div { padding-top:16px; }
#login_wrap .login_form_box { max-width:426px; margin:0 auto; padding:0 10px; }
#login_wrap .login_form_box .tit{ text-align:center; height:21px; background:url(/image/service/login/bg_tit_login.gif) repeat-x 0 0; margin-bottom:30px; }
#login_wrap .login_form_box .inp_box { margin-bottom:16px; }
#login_wrap .login_form_box .inp_box input { width:100%; height:42px; line-height:42px; padding:0 14px; }
#login_wrap .login_form_box .id_chk { padding-bottom:24px; border-bottom:1px solid #d7d8dd; margin-bottom:22px; text-align:center; font-size:13px }
#login_wrap .login_form_box .login_etc { text-align:center; font-size:13px; line-height:20px; }





/************************************************************************************************************************************************
	Header
************************************************************************************************************************************************/
#header { position:fixed; left:0; top:0; z-index:1000; width:100%; height:74px; background:url(/image/service/bg_header.png) repeat-x 0 0; box-shadow:0px 3px 8px -4px rgba(0,0,0,0.15) }
#head { max-width:1012px; margin:0 auto; position:relative; padding:0 10px; }
h1 { position:absolute; left:5px; top:16px; }
#gnb_wrap { padding:17px 0 0 83px }
#gnb > ul > li { float:left; height:38px;  }
#gnb > ul > li .btn1 { display:block; width:110px; height:38px; line-height:38px; text-align:center; font-size:15px;  }
/*
#gnb > ul > li.m1 .btn1 { width:100px; }
#gnb > ul > li.m2 .btn1 { width:98px; }
#gnb > ul > li.m3 .btn1 { width:124px; }
#gnb > ul > li.m4 .btn1 { width:86px; }
*/

#gnb .dep2  { display:none; }
#gnb .dep2 li {  }
#gnb .dep2 li a { display:block; height:19px; line-height:19px; font-size:12px; color:#fff; padding-left:10px; background:#6abaec; padding-top:3px; padding-bottom:1px; }
#gnb .dep2 li.on a,
#gnb .dep2 li a:hover { background:#38a5e8; }
#gnb .dep2 li:last-child  a{ border-radius:0 0 5px 5px; }

#gnb > ul > li .btn1:hover,
#gnb > ul > li.on .btn1 { background:#6abaec; border-radius:5px 5px 0 0; color:#fff; }
#gnb > ul > li.on .dep2 { display:block }

#head .etc_btns { position:absolute; right:0; top:17px; }
#head .etc_btns a { display:inline-block; padding:0 15px; line-height:38px; height:38px; font-size:15px; }
#head .etc_btns a:hover { background:#6abaec; border-radius:5px; color:#fff; }


/* 모바일 관련 */
.btn_mobile_menu { display:none }
#m_gnb { display:none }

/************************************************************************************************************************************************
	Container
************************************************************************************************************************************************/

#title_wrap { padding-top:75px; }
#title_inner { height:250px; background:url(/image/service/bg_title.jpg) repeat-x 50% bottom; background-position:50% 50%; background-repeat:no-repeat; transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%;  background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; }

/* 카테고리별 서브 상단 배경 이미지 */
#title_wrap.customer #title_inner { background-image:url(/image/service/customer/bg_title.jpg) }
#title_wrap.policy #title_inner { background-image:url(/image/service/policy/bg_title.jpg) }
#title_wrap.company #title_inner { background-image:url(/image/service/company/bg_title.jpg) }
#title_wrap.after #title_inner { background-image:url(/image/service/after/bg_title.jpg) }
#title_wrap.adver #title_inner { background-image:url(/image/service/adver/bg_title.jpg) }
#title_wrap.selsong #title_inner { background-image:url(/image/service/selsong/bg_title.jpg) }
#title_wrap.payment #title_inner { background-image:url(/image/service/payment/bg_title.jpg) }

#title { max-width:1022px; margin:0 auto;  position:relative; box-sizing:border-box }
#title .tit { padding-top:60px; float:left; }
#title .tit .tit01 { font-size:61px; font-weight:bold; color:#6abaec; line-height:75px; margin-bottom:5px; text-shadow:1px 1px 3px rgba(0,0,0,0.6); }
#title .tit .tit02 { font-size:22px; color:#fff; line-height:27px;  text-shadow:2px 2px 4px rgba(0,0,0,0.6); }
#title .tit_img { float:right; padding-top:40px; }
#conatiner { padding-top:55px }

.table_box { }
.table_box .table { margin-bottom:26px }
.table_box .table table { border-collapse:collapse; width:100%; }
.table_box .table table thead th { background:#f4f4f4; border:1px solid #d7d8dd; padding:10px 0; font-size:17px; color:#7d7d7d; }
.table_box .table table tbody tr:hover { background:#e7f4fc; }
.table_box .table table tbody td { border:1px solid #d7d8dd; padding:15px 0; font-size:15px; text-align:center; }
.pagelist { text-align:center;  }
.pagelist a { display:inline-block; width:18px; padding-left:2px; background:url(/image/service/bu_pagelist.gif) no-repeat 0 0; line-height:14px; height:13px; font-size:13px; text-align:center; }
.pagelist a:first-child { background:none; }
.pagelist a.on { color:#6abaec; font-weight:bold; }



/************************************************************************************************************************************************
	Content
************************************************************************************************************************************************/
#content { max-width:1022px; margin:0 auto; }
#content:after { display:block; content:''; clear:both; }
#content .left_col { float:left; width:182px; }
#content .right_col { float:right; width:781px; }
#content .left_col .snb_title { height:45px; border-bottom:1px solid #d7d8dd; font-size:30px; font-weight:bold; color:#6abaec; line-height:34px; }
#content .left_col .snb ul { padding-top:8px; }
#content .left_col .snb ul li { margin-bottom:2px }
#content .left_col .snb ul li a { display:block; height:38px; line-height:38px; font-size:15px; padding-left:12px; }
#content .left_col .snb ul li.line { padding-bottom:9px; margin-bottom:9px; border-bottom:1px solid #d7d8dd; }
#content .left_col .snb ul li a:hover,
#content .left_col .snb ul li.on a { border-radius:5px; background:#6abaec; color:#fff; }

#content .right_col .cont_title { padding-bottom:13px; border-bottom:1px solid #d7d8dd; margin-bottom:28px; }
#content .right_col .cont_title .title { line-height:32px; font-size:21px; }
#content .right_col .cont_title .title strong { color:#6abaec }
#content .right_col .cont_title .desc { font-size:17px; padding:8px 0 20px; }
#content .right_col .cont_title .desc strong { color:#6abaec; text-decoration:underline }


.mypage_wrap .regi_form_box { padding-left:0; padding-right:0; }
.mypage_wrap .regi_form_box.bd_bt { padding-bottom:20px; border-bottom:1px solid #d7d8dd; margin-bottom:28px; }
/************************************************************************************************************************************************
	Footer
************************************************************************************************************************************************/
#footer01 { height:116px; background:url(/image/service/footer/bg_footer01.jpg) repeat-x 50% 0; margin-top:150px; }
#footer01 .inner_box { max-width:485px; margin:0 auto; padding-top:22px; }
#footer01 .inner_box p { float:left; width:33.33%; text-align:center; padding:0 45px; box-sizing:border-box; }
#footer01 .inner_box p img { max-width:100% }

#footer02 {  background:url(/image/service/footer/bg_footer02.jpg) repeat 50% 0; padding-bottom:30px  }
#footer02 .inner_box { max-width:700px; margin:0 auto; padding:50px 10px 0 10px; }
#footer02 .inner_box .call { margin-bottom:40px; text-align:center; }
#footer02 .inner_box .call img { max-width:100% }
#footer02 .inner_box .com_info { font-size:14px; line-height:24px; color:#fff; text-align:center; margin-bottom:25px }
#footer02 .inner_box .com_sitemap { font-size:17px; line-height:24px; color:#a4a4a4; text-align:center; }






/************************************************************************************************************************************************
	회원가입
************************************************************************************************************************************************/
.register_wrap .cont_border_wrap { border-bottom:1px solid #d2d2d2; margin-bottom:50px; padding-bottom:50px }
.register_wrap .cont_wrap { max-width:1022px; margin:0 auto; box-sizing:border-box; padding:0 10px; }
.register_wrap .regi_tit { font-size:30px; color:#6abaec; font-weight:bold; line-height:40px; margin-bottom:25px; }
.regi_form_box { padding:0 15px 0 16px; }
.regi_form_box dl:after { display:block; content:''; clear:both; }
.regi_form_box dl { margin-bottom:15px }
.regi_form_box dl dt { float:left; width:17%; padding-left:9px; box-sizing:border-box; background:url(/image/service/bu_dot.gif) no-repeat 0 12px; font-size:17px; color:#000; line-height:31px;  letter-spacing:-1px }
.regi_form_box dl dt strong { font-weight:normal; color:#fb6827; font-size:12px;  }
.regi_form_box dl dd { float:left; width:83%; }
.regi_form_box dl dd .inp { width:100%; max-width:275px; 
 }
.regi_form_box dl dd .desc { font-size:12px; color:#000; line-height:17px; padding:7px 0 10px; }
.regi_form_box .cols5 { overflow:hidden; padding-top:8px; padding-left:35px; }
.regi_form_box .cols5 .colum { float:left; width:20%; margin-bottom:8px; font-size:14px; color:#000; letter-spacing:-1px }
.regi_form_box .cols5 .colum input[type="checkbox"] { vertical-align:middle }
.register_wrap .regi_btn_box { margin-bottom:135px;}
.register_wrap .regi_btn_box .desc { text-align:center; font-size:19px; color:#000; line-height:23px; padding:0 10px; }



/************************************************************************************************************************************************
	Mypage
************************************************************************************************************************************************/
.mybroad_box01 .desc { color:#717171; font-size:17px; font-style:italic; }
.mybroad_box01 .desc { }
.mybroad_box01 dl:after { display:block; content:''; clear:both; }
.mybroad_box01 dl { margin-bottom:15px }
.mybroad_box01 dl dt { float:left; width:30%; padding-left:9px; box-sizing:border-box; background:url(/image/service/bu_dot.gif) no-repeat 0 12px; font-size:17px; color:#000; line-height:31px;  letter-spacing:-1px }
.mybroad_box01 dl dt strong { font-weight:normal; color:#fb6827; font-size:12px;  }
.mybroad_box01 dl dd { float:left; width:70%; }
.mybroad_box01 dl dd .inp { width:100%; max-width:275px; margin-right:13px; }
.mybroad_box01 dl dd .desc { font-size:12px; color:#000; line-height:17px; padding:7px 0 10px; }
.mybroad_box02 { padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #d7d8dd; }
.mybroad_box02 .list_box {  }
.mybroad_box02 .list_box .title { display:inline-block; padding-left:9px; box-sizing:border-box; background:url(/image/service/bu_dot.gif) no-repeat 0 12px; font-size:17px; color:#000; line-height:31px;  letter-spacing:-1px }
.mybroad_box03 { margin-bottom:30px }
.mybroad_box03 .desc { font-size:14px; color:#fb6827; letter-spacing:-1px; margin-bottom:20px; }
.mybroad_box03 .list_desc { display:inline-block; padding-left:9px; box-sizing:border-box; background:url(/image/service/bu_dot.gif) no-repeat 0 9px; font-size:17px; color:#000; line-height:31px;  letter-spacing:-1px; line-height:24px; margin-bottom:30px }
.mybroad_box03 .list_desc span { color:#33a5eb; text-decoration:underline }






/************************************************************************************************************************************************
	Customer Center
************************************************************************************************************************************************/
#content .customer_wrap .left_col .snb_title { font-size:22px; }
.customer_wrap .right_col .cont_title { position:relative }
.customer_wrap .right_col .cont_title .title { font-size:30px !important; font-weight:bold; color:#6abaec; }
.customer_wrap .right_col .cont_title .btn_title { position:absolute; right:0; top:5px }
.customer_wrap .board_box .table { margin-bottom:30px }
.customer_wrap .board_box table { width:100%; border-collapse:collapse; table-layout:fixed; }
.customer_wrap .board_box table thead { border:1px solid #d7d8dd }
.customer_wrap .board_box table thead th { background:#f4f4f4 url(/image/service/customer/bu_table_th.gif) no-repeat 0 12px; height:44px; font-size:17px; color:#7d7d7d; }
.customer_wrap .board_box table thead th:first-child { background-image:none }
.customer_wrap .board_box table tbody td { padding:13px 0; text-align:center; font-size:15px; border-bottom:1px solid #dcdde2; }
.customer_wrap .board_box table tbody td.subject { text-align:left; padding-left:20px }
.customer_wrap .board_box table .ico_notice { width:52px; height:22px; line-height:22px; color:#fff; font-size:15px; text-align:center; display:inline-block; border-radius:4px; background:#6abaec }
.customer_wrap .board_box tbody th { background:#f4f4f4; border:1px solid #d7d8dd; font-size:17px; color:#7d7d7d; }
.customer_wrap .board_box tbody td { border:1px solid #dcdde2; padding-left:15px !important; padding-right:15px !important; font-size:15px; }
.customer_wrap .board_box tbody td input[type="text"] { width:100%; }
.customer_wrap .board_box tbody td input { vertical-align:middle }
.customer_wrap .board_textarea { margin-bottom:12px }
.customer_wrap .board_textarea .textarea_box textarea { width:100%; height:350px; border:1px solid #d7d8dd; box-sizing:border-box; padding:10px; }
.customer_wrap .btn_box .btn { margin-right:0 }

/* 자료실 */
.data_wrap .data_select { position:relative; cursor:pointer; margin-bottom:7px }
.data_wrap .data_select .data_flip { height:60px; line-height:60px; background:#f4f4f4 url(/image/service/customer/bu_data_select_off.gif) no-repeat 0 0; border-radius:6px; font-size:22px; padding-left:78px; box-shadow:inset 0 -4px 0 rgba(0,0,0,.2); box-sizing:border-box; appearance:none;}
.data_wrap .data_select .data_flip .btn_down { position:absolute; right:30px; top:10px; }
.data_wrap .data_select .data_on { display:none; position:absolute; left:0; top:60px; width:100%; padding:22px 52px; min-height:100px; background:#f4f4f4; box-shadow:inset 0 -4px 0 rgba(0,0,0,.2); box-sizing:border-box; border-radius:0 0 6px 6px; font-size:18px; line-height:22px;  }
.data_wrap .data_select .data_on a { text-decoration:underline }
.data_wrap .data_select.on .data_on {display:block; z-index:10 }
.data_wrap .data_select.on .data_flip { border-radius:6px 6px 0 0; box-shadow:none; border-bottom:1px solid #c9c9c9; }
.data_wrap .data_select.on .data_flip { background-image:url(/image/service/customer/bu_data_select_on.gif) }

/* 원격지원 */
.support_box { overflow:hidden; margin-bottom:35px; }
.support_box .sup_img { display:inline-block; vertical-align:top; }
.support_box .sup_img img { max-width:100% }
.support_box .sup_desc { display:inline-block; vertical-align:top; padding-top:100px;}
.support_box .sup_desc div { padding:25px 40px; font-size:18px; line-height:29px; background:#f6f6f6; border-radius:10px; }
.support_help .s_help { height:60px; line-height:60px; background:#f4f4f4; padding-left:25px; border-radius:6px; font-size:22px; box-shadow:inset 0 -4px 0 rgba(0,0,0,.2); box-sizing:border-box; appearance:none; margin-bottom:12px; position:relative}
.support_help .s_help .btn_call { position:absolute; right:30px; top:9px }
.support_help .s_help .btn_call .btn_m { padding:0 10px }

/* Contact Us */
.contact_desc { font-size:17px; line-height:27px; letter-spacing:-1px; margin-bottom:40px }
.contact_desc strong { font-size:26px; font-weight:bold; color:#6abaec} 
.contact .btn_request { margin-bottom:45px }
.contact_desc2 { margin-bottom:7px; font-size:19px; color:#f76728; font-style:italic; }
.contact_info .call { margin-bottom:18px }
.contact_info .call img { max-width:100% }
.contact_info ul li { padding-left:10px; background:url(/image/service/customer/bu_call_info.gif) no-repeat 0 11px; font-size:17px; line-height:25px; }
.contact_info ul li .btn_loc { color:#6abaec }

/* 제휴문의 레이어 팝업 */
.layer_popup { display:none; max-width:400px; padding:22px 30px; border:1px solid #c5c3c3; border-radius:8px; position:relative; background:#fff; box-sizing:border-box; }
.layer_popup .tit { font-size:28px; font-weight:bold; color:#6abaec; line-height:28px; margin-bottom:14px; }
.layer_popup .desc { font-size:13px; line-height:19px; margin-bottom:20px; }
.layer_popup .desc strong { color:#6abaec }
.layer_popup .desc em { font-style:italic}
.layer_popup .list01 { margin-bottom:15px; min-height:32px; }
.layer_popup .list01:after { display:block; content:''; clear:both }
.layer_popup .list02:after { display:block; content:''; clear:both }
.layer_popup .list01 dt { float:left; width:32%; box-sizing:border-box; padding-left:15px; background:url(/image/service/customer/bu_layer.gif) no-repeat 5px 14px; font-size:17px; line-height:32px; letter-spacing:-2px }
.layer_popup .list01 dt span { font-size:12px; color:#fb6827; }
.layer_popup .list01 dd { float:left; width:68%; }
.layer_popup .list01 dd input[type="text"] { width:100%; }
.layer_popup .list02 { margin-bottom:15px; overflow:hidden; min-height:32px; }
.layer_popup .list02 dt { float:left; width:23%; box-sizing:border-box; padding-left:15px; background:url(/image/service/customer/bu_layer.gif) no-repeat 5px 14px; font-size:17px; line-height:32px; }
.layer_popup .list02 dt span { font-size:12px; color:#fb6827; }
.layer_popup .list02 dd { float:left; width:77%; }
.layer_popup .list02 dd input[type="text"],
.layer_popup .list01 dd textarea,
.layer_popup .list02 dd textarea { width:100%; appearance:none; }
.layer_popup .list01 dd select,
.layer_popup .list02 dd select { width:100%; appearance:none; }
.layer_popup .list01 dd textarea,
.layer_popup .list02 dd textarea { height:150px }
.layer_popup .list01 .txt_desc { text-align:right; font-size:13px; padding-top:3px }
.layer_popup .btn_close { position:absolute; right:10px; top:10px }
.layer_popup .list01.line2 dt { line-height:16px; padding-top:7px }
.layer_popup .list01.line2 dt span { color:#222; display:block; }
.layer_popup .list01.line2 { padding-bottom:20px; border-bottom:1px solid #e1e1e1 }

.layer_popup.layer_order01 .list01 dt { width:130px; }
.layer_popup.layer_order01 .list01 dd { width:200px; }
.layer_popup.layer_order01 .selectbox ul li span {  display:block; line-height:22px; height:22px; color:#33a5eb;  border-radius:3px; padding-left:7px; font-size:11px; position:relative; }
.layer_popup.layer_order01 .selectbox ul li span:hover { background:#33a5eb; color:#fff; }
.layer_popup.layer_order01 .selectbox ul li span a { display:none; position:absolute; right:5px; top:4px; }
.layer_popup.layer_order01 .selectbox ul li span:hover a { display:inline; background:none; }



/* 제휴문의 레이어 팝업 */
.layer_payment { display:none; min-width:500px; padding:22px 30px; border:1px solid #c5c3c3; border-radius:8px; position:relative; background:#fff; box-sizing:border-box; }
.layer_payment .tit { font-size:28px; font-weight:bold; color:#6abaec; line-height:28px; margin-bottom:14px; }
.layer_payment .desc { font-size:13px; line-height:19px; margin-bottom:20px; }
.layer_payment .desc strong { color:#6abaec }
.layer_payment .desc em { font-style:italic}
.layer_payment .list01 { margin-bottom:15px; min-height:32px; }
.layer_payment .list01:after { display:block; content:''; clear:both }
.layer_payment .list02:after { display:block; content:''; clear:both }
.layer_payment .list01 dt { float:left; width:32%; box-sizing:border-box; padding-left:15px; background:url(/image/service/customer/bu_layer.gif) no-repeat 5px 14px; font-size:17px; line-height:32px; letter-spacing:-2px }
.layer_payment .list01 dt span { font-size:12px; color:#fb6827; }
.layer_payment .list01 dd { float:left; width:68%; }
.layer_payment .list01 dd input[type="text"] { width:100%; }
.layer_payment .list02 { margin-bottom:15px; overflow:hidden; min-height:32px; }
.layer_payment .list02 dt { float:left; width:23%; box-sizing:border-box; padding-left:15px; background:url(/image/service/customer/bu_layer.gif) no-repeat 5px 14px; font-size:17px; line-height:32px; }
.layer_payment .list02 dt span { font-size:12px; color:#fb6827; }
.layer_payment .list02 dd { float:left; width:77%; }
.layer_payment .list02 dd input[type="text"],
.layer_payment .list01 dd textarea,
.layer_payment .list02 dd textarea { width:100%; appearance:none; }
.layer_payment .list01 dd select,
.layer_payment .list02 dd select { width:100%; appearance:none; }
.layer_payment .list01 dd textarea,
.layer_payment .list02 dd textarea { height:150px }
.layer_payment .list01 .txt_desc { text-align:right; font-size:13px; padding-top:3px }
.layer_payment .btn_close { position:absolute; right:10px; top:10px }
.layer_payment .list01.line2 dt { line-height:16px; padding-top:7px }
.layer_payment .list01.line2 dt span { color:#222; display:block; }
.layer_payment .list01.line2 { padding-bottom:20px; border-bottom:1px solid #e1e1e1 }


/************************************************************************************************************************************************
	이용약관, 개인정보취급방침 등..
************************************************************************************************************************************************/
.policy_wrap { padding:0 10px; }
.policy_wrap .policy_box .p_tit { font-size:18px; margin-bottom:18px; }
.policy_wrap .policy_box .p_txt { font-size:14px; line-height:20px; margin-bottom:10px; } 
.policy_wrap .policy_box .pol_section { margin-bottom:55px }
.policy_wrap .email_box .e_txt { margin-bottom:44px; font-size:18px; line-height:36px; }



/************************************************************************************************************************************************
	회사소개
************************************************************************************************************************************************/
.company_wrap .tit { font-size:40px; line-height:51px; color:#6abaec; text-align:center; margin-bottom:28px; padding:0 10px; }
.company_wrap .tit em { font-weight:bold; font-style:italic }
.company_wrap .desc { font-size:17px; line-height:26px; text-align:center; margin-bottom:22px; padding:0 10px; }
.company_wrap .diagram { text-align:center; margin-bottom:88px; padding:0 10px; }
.company_wrap .diagram img { max-width:100%; }
.company_wrap .info_box { max-width:860px; margin:0 auto; padding:0 10px; margin-bottom:60px}
.company_wrap .info_box .info { position:relative; height:135px; margin-bottom:10px; overflow:hidden; }
.company_wrap .info_box .info .title { position:absolute; left:0; top:0; background:#6abaec; height:135px; padding:0 15px; width:156px; box-sizing:border-box; box-shadow:8px 0 10px rgba(0,0,0,.6); }
.company_wrap .info_box .info.bg .title { background:#fe7460 }
.company_wrap .info_box .info .title p { padding-top:44px; text-align:center; font-size:21px; line-height:26px; color:#fff; font-weight:bold;  } 
.company_wrap .info_box .info.info03 .title p,
.company_wrap .info_box .info.info04 .title p { padding-top:56px; }
.company_wrap .info_box .info .title span { position:absolute; right:-12px; top:57px; width:12px; height:25px; background:url(/image/service/company/ico_box_arrow.png) no-repeat 0 0; font-size:0 }
.company_wrap .info_box .info.bg .title span  { background:url(/image/service/company/ico_box_arrow_bg.png) no-repeat 0 0; }
.company_wrap .info_box .info .txt { margin-left:156px; height:135px; background:#f6f6f6; padding-left:55px; line-height:25px; }
.company_wrap .info_box .info .txt .info_subj { font-size:20px; color:#51b0eb; }
.company_wrap .info_box .info .txt .info_desc { font-size:18px; line-height:25px; }
.company_wrap .info_box .info.bg .txt .info_subj { color:#fe7460 }
.company_wrap .info_box .info .txt .info_desc p { padding-left:16px; background:url(/image/service/company/bu_info_box_desc.png) no-repeat 7px 8px; }
.company_wrap .info_box .info.info01 .txt .info_subj { padding-top:40px; }
.company_wrap .info_box .info.info02 .txt .info_desc { padding-top:30px; }
.company_wrap .info_box .info.info03 .txt .info_desc { padding-top:40px; }
.company_wrap .info_box .info.info04 .txt .info_subj { padding-top:20px; }
.company_wrap .info_box .info.info05 .txt .info_desc { padding-top:20px; }


/************************************************************************************************************************************************
	사용후기
************************************************************************************************************************************************/
.after_wrap .after_box:after { display:block; content:''; clear:both }
.after_wrap .after_box  { padding:0 10px; margin-bottom:25px; }
.after_wrap .after_box .thum { float:left; width:35%; padding-right:6%; box-sizing:border-box; }
.after_wrap .after_box .thum p img { border-radius:300px; max-width:100% }
.after_wrap .after_box .comm_box { float:left; width:65%; }
.after_wrap .after_box .comm_box .comm { margin-top:30px; position:relative; }
.after_wrap .after_box .comm_box .comm .title { padding:17px 10px;  border-radius:10px 10px 0 0;  text-align:center; font-size:31px; line-height:34px; color:#43b3f9; font-weight:bold; background:#dbf1ff; }
.after_wrap .after_box .comm_box .comm .comm_txt { padding:10px 10px 20px; border-radius:0 0 10px 10px; text-align:center; font-size:18px; line-height:25px; background:#f4f4f4; box-shadow:inset 0 -4px 0 rgba(0,0,0,.1); }
.after_wrap .after_box .comm_box .comm .comm_txt .txt_box { display:inline-block; padding-left:58px; background:url(/image/service/after/ico_qt_first.png) no-repeat 0 0; }
.after_wrap .after_box .comm_box .comm .comm_txt .txt_box p { padding-right:58px; padding-top:20px;}
.after_wrap .after_box .comm_box .comm .comm_txt .txt_box p:last-child { background:url(/image/service/after/ico_qt_last.png) no-repeat right 0; }
.after_wrap .after_box .comm_box .comm .ico { position:absolute; left:-44px; top:35%; }



/************************************************************************************************************************************************
	광고 내 맘대로
************************************************************************************************************************************************/
.am_wrap01 { max-width:840px; margin:0 auto; padding:0 10px; margin-bottom:80px }
.am_wrap01 .title { font-size:40px; line-height:40px; color:#6abaec; font-weight:bold; text-align:center; margin-bottom:15px; }
.am_wrap01 .desc { font-size:17px; line-height:45px;  text-align:center; margin-bottom:35px }
.am_wrap01 .desc b { font-size:25px; color:#6abaec }
.am_wrap01 .img { text-align:center; margin-bottom:37px; }
.am_wrap01 .img img { max-width:100% }
.am_wrap01 .desc_box { border-radius:7px; border:1px solid #6abaec; background:#fff; padding:33px; } 
.am_wrap01 .desc_box .tit { font-size:17px; color:#6abaec; margin-bottom:10px; }
.am_wrap01 .desc_box ul li { font-size:15px; line-height:21px; padding-left:12px; margin-bottom:10px; background:url(/image/service/adver/bu_desc_box_list.gif) no-repeat 0 8px;  }

.am_wrap02 { padding:60px 0 125px; background:#f4f4f4; }
.am_wrap02 .inner_wrap { max-width:792px; margin:0 auto; padding:0 10px; }
.am_wrap02 .title { font-size:40px; font-weight:bold; color:#6abaec; margin-bottom:20px; text-align:center; }
.am_wrap02 .desc { font-size:17px; margin-bottom:40px; text-align:center;}
.am_wrap02 .dia_box { max-width:720px; margin:0 auto; border-radius:8px; overflow:hidden; margin-bottom:40px; }
.am_wrap02 .dia_box .dia { float:left; width:50%; height:220px; padding:40px 10px; box-sizing:border-box; background:#fff; text-align:center; letter-spacing:-1px }
.am_wrap02 .dia_box .dia .txt01 { font-size:21px; margin-bottom:10px; line-height:24px; color:#6abaec;  }
.am_wrap02 .dia_box .dia .txt02 { font-size:35px; margin-bottom:20px; color:#6abaec; font-weight:bold; }
.am_wrap02 .dia_box .dia .txt03 { font-size:19px; line-height:26px; font-style:italic }

.am_wrap02 .dia_box .dia:nth-child(1),
.am_wrap02 .dia_box .dia:nth-child(4) { background:#6abaec; }
.am_wrap02 .dia_box .dia:nth-child(1) .txt01,
.am_wrap02 .dia_box .dia:nth-child(1) .txt02,
.am_wrap02 .dia_box .dia:nth-child(4) .txt01,
.am_wrap02 .dia_box .dia:nth-child(4) .txt02 { color:#fff; }

.call_box { overflow:hidden; max-width:792px; margin:0 auto }
.call_box .box { float:left; width:50%; box-sizing:border-box; padding:0 14px;  overflow:hidden; }
.call_box .box .txt01 { padding:8px 8px 12px 15px; background:#fff; overflow:hidden; border-radius:6px 6px 0 0; }
.call_box .box .txt01 .ico { float:left; width:35%; padding-right:10px; box-sizing:border-box; }
.call_box .box .txt01 .ico img { max-width:100% }
.call_box .box .txt01 .txt { float:left; width:65%; padding-top:23px; font-size:25px; line-height:34px; color:#3faef2; font-weight:bold; letter-spacing:-2px }
.call_box .box .txt02 { padding:10px 10px 15px; background:#e6f5ff; text-align:center; line-height:25px; border-radius:0 0 6px 6px; background:#e6f5ff; box-shadow:inset 0 -4px 0 rgba(0,0,0,.1);  }
.call_box .box .txt02 p:first-child { font-size:19px; }
.call_box .box .txt02 p:last-child { font-size:19px; color:#fb6827; }
.call_box .box:last-child .txt01 .txt { color:#f56729; }
.call_box .box:last-child .txt02 { background:#ffece6 }
.call_box .box:last-child .txt02 p:last-child { color:#fb6827; }



/************************************************************************************************************************************************
	선곡운영
************************************************************************************************************************************************/
.sel_wrap01 { text-align:center; margin-bottom:85px; padding:0 10px; }
.sel_wrap01 .title { padding:70px 0 30px; font-size:40px; line-height:40px; font-weight:bold; color:#6abaec;  }
.sel_wrap01 .img { margin-bottom:33px; }
.sel_wrap01 .img img { max-width:100% }
.sel_wrap01 .desc { font-size:17px; line-height:29px; }

.sel_wrap02 { padding:95px 10px 90px 10px; background:#6abaec; text-align:center; }
.sel_wrap02 .title { font-size:40px; line-height:40px; font-weight:bold; color:#fff; margin-bottom:44px;  }
.sel_wrap02 .img { margin-bottom:38px; padding:0 10px; }
.sel_wrap02 .img .on { display:none }
.sel_wrap02 .img img { max-width:100% }
.sel_wrap02 .desc { font-size:17px; line-height:26px; color:#fff; }
.sel_wrap02 .desc b { font-size:26px; }

.sel_wrap03 { background:#f4f4f4; padding:90px 10px 100px 10px; }
.sel_wrap03 .inner_wrap { max-width:1000px; margin:0 auto; }
.sel_wrap03 .title { font-size:40px; line-height:40px; font-weight:bold; color:#6abaec; margin-bottom:14px; text-align:center; }
.sel_wrap03 .desc { font-size:24px; line-height:24px; color:#6abaec; font-style:italic; margin-bottom:55px; text-align:center; }
.sel_wrap03 .img_box { overflow:hidden; margin-bottom:70px; }
.sel_wrap03 .img_box div { float:left; width:50%; padding-right:15px; box-sizing:border-box; }
.sel_wrap03 .img_box div img { max-width:100% }
.sel_wrap03 .desc02 { margin-bottom:35px }
.sel_wrap03 .desc02 p { font-size:16px; line-height:25px; margin-bottom:25px; text-align:center; }
.sel_wrap03 .btn_box p { display:inline-block }


/************************************************************************************************************************************************
	서비스소개
************************************************************************************************************************************************/
.svs_wrap01 { padding:0 10px 61px 10px; border-bottom:1px solid #dbdbdb; }
.svs_wrap01 .title { font-size:40px; line-height:40px; margin-bottom:45px; color:#6abaec; text-align:center }
.svs_wrap01 .desc { font-size:17px; line-height:26px; text-align:center; margin-bottom:60px; }
.svs_wrap01 .desc b { color:#6abaec; font-size:26px; }
.svs_wrap01 .dia_box { overflow:hidden; max-width:885px; margin:0 auto; }
.svs_wrap01 .dia_box div { float:left; width:33.33%; height:179px; background-repeat:no-repeat; }
.svs_wrap01 .dia_box div p { padding-top:144px; font-size:16px; text-align:center; }
.svs_wrap01 .dia_box div.dia01 { background-image:url(/image/service/service/svs01_dia01.gif); background-position:45% 0; }
.svs_wrap01 .dia_box div.dia02 { background-image:url(/image/service/service/svs01_dia02.gif); background-position:50% 15px; }
.svs_wrap01 .dia_box div.dia03 { background-image:url(/image/service/service/svs01_dia03.gif); background-position:50% 33px; }
.svs_wrap01 .dia_box div.dia04 { background-image:url(/image/service/service/svs01_dia04.gif); background-position:50% 38px; }
.svs_wrap01 .dia_box div.dia05 { background-image:url(/image/service/service/svs01_dia05.gif); background-position:55% 32px; }
.svs_wrap01 .dia_box div.dia06 { background-image:url(/image/service/service/svs01_dia06.gif); background-position:50% 35px; }

.svs_wrap02 { padding:65px 10px 0; margin-bottom:85px; text-align:center; }
.svs_wrap02 .title { display:inline-block; font-size:38px; line-height:40px; color:#6abaec; padding-left:54px;  background:url(/image/service/service/svs02_title_left.gif) no-repeat 0 0; margin-bottom:40px; }
.svs_wrap02 .title p { padding:23px 54px 0 0; background:url(/image/service/service/svs02_title_right.gif) no-repeat right 0; }
.svs_wrap02 .img { margin-bottom:25px }
.svs_wrap02 .img img { max-width:100% }
.svs_wrap02 .img .on { display:none }
.sel_wrap02 .img span { padding:0 5px; }
.svs_wrap02 .desc_box { max-width:630px; margin:0 auto; font-size:23px; line-height:32px; background:#f6f6f6; border-radius:10px; text-align:center; padding:16px 10px; box-sizing:border-box; margin-bottom:40px; }
.svs_wrap02 .desc_box b { color:#68b8ea }
.svs_wrap02 .btn_box p { display:inline-block }

.svs_wrap03 { background:#68b8ea; padding:110px 10px 95px 10px; }
.svs_wrap03 .inner_wrap {  }
.svs_wrap03 .title { font-size:40px; line-height:40px; margin-bottom:60px; font-weight:bold; color:#fff; text-align:center; }
.svs_wrap03 .img { text-align:center; margin-bottom:60px; }
.svs_wrap03 .img img { max-width:100% }
.svs_wrap03 .img img.on { display:none }
.svs_wrap03 .btn_box p { display:inline-block }

.svs_wrap04 { padding:90px 10px; background:#ededed;  }
.svs_wrap04 .title { font-size:40px; line-height:40px; color:#68b8ea; font-weight:bold; margin-bottom:55px; text-align:center; }
.svs_wrap04 .dia { margin-bottom:40px; text-align:center; }
.svs_wrap04 .dia img { max-width:100% }
.svs_wrap04 .dia .on { display:none }
.svs_wrap04 .sub_title { text-align:center; margin-bottom:37px; }
.svs_wrap04 .sub_title .tit01 { font-size:29px; line-height:38px; font-weight:bold; color:#6abaec; margin-bottom:28px; }
.svs_wrap04 .sub_title .tit02 { font-size:24px; line-height:33px;  }
.svs_wrap04 .sub_title .tit02 b { text-decoration:underline; color:#68b8ea; }
.svs_wrap04 .desc_box { max-width:560px; margin:0 auto; padding:27px 37px; background:#fff; border-radius:6px; margin-bottom:36px; }
.svs_wrap04 .desc_box ul li { line-height:29px; padding-left:10px; background:url(/image/service/service/bu_svs03_descbox.gif) no-repeat 0 10px; font-size:17px; }
.svs_wrap04 .desc_box ul li em { color:#fb6827 }
.svs_wrap04 .btn_box { margin-bottom:70px; }
.svs_wrap04 .btn_box p { display:inline-block }


.svs_wrap05 { padding:80px 10px 35px; }
.svs_wrap05 .title { text-align:center; font-size:40px; line-height:40px; font-weight:bold; color:#6abaec; margin-bottom:15px; }
.svs_wrap05 .desc { font-size:17px; line-height:26px; text-align:center; margin-bottom:35px; }
.svs_wrap05 .photo { text-align:center; margin-bottom:50px; }
.svs_wrap05 .photo p { display:inline-block; margin:0 8px; margin-bottom:14px; }
.svs_wrap05 .photo p img { border-radius:6px; box-shadow:0 5px 0 #acaaaa; }
.svs_wrap05 .price_box { max-width:1078px; margin:0 auto; overflow:hidden; margin-bottom:30px; text-align:center; }
.svs_wrap05 .price_box .price { display:inline-block; width:298px; margin:0 28px; border:1px solid #c9c7c7; border-radius:6px; margin-bottom:15px; box-shadow:0 5px 0 #c5c3c3; }
.svs_wrap05 .price_box .price .txt01 { text-align:center; font-size:23px; line-height:27px; font-weight:bold; color:#fff; padding:20px 0; background:#6abaec; border-bottom:1px solid #1c8ed6; }
.svs_wrap05 .price_box .price .txt02 { text-align:center; font-size:32px; line-height:27px; font-weight:bold; color:#fff; padding:20px 0; background:#34a0e3; }
.svs_wrap05 .price_box .price .txt02 span { font-size:23px; font-weight:normal; }
.svs_wrap05 .price_box .price .txt03 { height:190px; }
.svs_wrap05 .price_box .price .txt03 p { text-align:center; font-size:16px; line-height:28px; }
.svs_wrap05 .price_box .price .txt03 ul li { font-size:16px; line-height:20px; margin-bottom:8px; padding-left:8px; background:url(/image/service/service/bu_svs03_descbox.gif) no-repeat 0 6px; text-align:left }
.svs_wrap05 .price_box .price .txt03 ul li span { color:#fb6827 }
.svs_wrap05 .price_box .price .btn_box { margin-bottom:23px }
.svs_wrap05 .price_box .price .btn_box .btn { width:80px; line-height:50px; height:50px; box-sizing:border-box; padding:0; }

.svs_wrap05 .sub_title  { text-align:center; margin-bottom:30px; }
.svs_wrap05 .sub_title p{ display:inline-block; font-size:38px; line-height:40px; color:#6abaec; padding-left:54px;  background:url(/image/service/service/svs02_title_left.gif) no-repeat 0 0; margin-bottom:40px; }
.svs_wrap05 .sub_title p span { display:block; padding:23px 54px 0 0; background:url(/image/service/service/svs02_title_right.gif) no-repeat right 0; }
.svs_wrap05 .img_man { margin-bottom:17px; text-align:center; }
.svs_wrap05 .sub_desc { text-align:center; font-size:19px; line-height:30px; margin-bottom:30px; }
.svs_wrap05 .sub_desc em { color:#6abaec; font-style:italic; text-decoration:underline }

.svs_wrap06 { padding:85px 10px 90px; background:#fe7460; }
.svs_wrap06 .title { font-size:40px; line-height:40px; color:#fff; margin-bottom:25px; text-align:center; } 
.svs_wrap06 .desc { font-size:17px; line-height:26px; color:#fff; margin-bottom:75px; text-align:center; } 
.svs_wrap06 .desc p { margin-bottom:20px }
.svs_wrap06 .album_img { text-align:center; margin-bottom:35px; }
.svs_wrap06 .album_img span { text-align:center; display:inline-block; margin-bottom:15px; }
.svs_wrap06 .desc_box { max-width:467px; margin:0 auto; padding:22px 10px; box-sizing:border-box; background:#e44e37; border-radius:6px; text-align:center; font-size:25px; line-height:35px; color:#fff; font-weight:bold; margin-bottom:70px; }
.svs_wrap06 .desc_box .txt01 { color:#f5e261; font-size:26px }
.svs_wrap06 .call_desc_box { text-align:center; }
.svs_wrap06 .call_desc_box > div { display:inline-block; margin:0 5px; vertical-align:middle; margin-bottom:10px; }
.svs_wrap06 .call_desc_box .txt01 { font-size:21px; line-height:31px; color:#fff; text-decoration:underline; font-style:italic; }
.svs_wrap06 .call_desc_box .txt02 { font-size:50px; line-height:62px; font-weight:bold; font-style:italic; color:#fff; }
.svs_wrap06 .call_desc_box .txt03 { height:70px; border-radius:6px; text-align:center; font-size:23px; line-height:25px; font-weight:bold; color:#fe7460; background:#fff; width:236px; box-shadow:0 4px 0 #c5c3c3; }
.svs_wrap06 .call_desc_box .txt03 span:first-child { font-size:19px; color:#000; display:block; padding-top:10px; }



.svs_wrap07 { background:#fe7460; padding:50px 10px 60px 10px; }
.svs_wrap07 .inner_wrap { max-width:1030px; margin:0 auto;   }
.svs_wrap07 .title { font-size:40px; line-height:40px; margin-bottom:35px; font-weight:bold; color:#fff; text-align:center; }
.svs_wrap07 .desc { font-size:17px; line-height:22px; color:#fff; text-align:center; margin-bottom:60px }
.svs_wrap07 .img { text-align:center; margin-bottom:4px; }
.svs_wrap07 .img img { max-width:100% }
.svs_wrap07 .btn_box p { display:inline-block }
.svs_wrap07 .col2_box .type01 { overflow:hidden; margin-bottom:20px; }
.svs_wrap07 .col2_box .m_img img { max-width:100% }
.svs_wrap07 .col2_box .type01 .m_img { float:left; max-width:530px; text-align:right; }
.svs_wrap07 .col2_box .type01 .m_txt { float:right; max-width:460px; }
.svs_wrap07 .col2_box .type01 .m_txt01 { font-size:30px; line-height:30px; margin-bottom:24px; color:#fff; font-weight:bold; padding-top:7px; }
.svs_wrap07 .col2_box .type01 .m_desc { font-size:20px; line-height:22px; color:#fff;}

.svs_wrap07 .col2_box .type02 { overflow:hidden; margin-bottom:20px }
.svs_wrap07 .col2_box .type02 .m_img { float:right; width:460px; text-align:left; }
.svs_wrap07 .col2_box .type02 .m_txt { float:left; width:530px; text-align:right; }
.svs_wrap07 .col2_box .type02 .m_txt01 { font-size:30px; line-height:30px; margin-bottom:24px; color:#fff; font-weight:bold; padding-top:7px; }
.svs_wrap07 .col2_box .type02 .m_desc { font-size:20px; line-height:22px; color:#fff;}




/************************************************************************************************************************************************
	메인
************************************************************************************************************************************************/
.index_rolling { padding-top:20px; position:relative }
.index_rolling .bx-wrapper img { width:100%;  }
.index_rolling .bx-controls { display:none }
.index_rolling .txt_box { position:absolute; left:0; top:0; width:100%; height:100%;  z-index:100 }
.index_rolling .txt_box .inner_box { max-width:1030px; margin:0 auto; padding-left:64px; box-sizing:border-box; padding-top:10%; }
.index_rolling .txt_box .txt01 { font-size:54px; line-height:60px; color:#fff; font-weight:bold; text-shadow:1px 1px 3px rgba(0,0,0,0.6); }
.index_rolling .txt_box .txt02 { font-size:88px; line-height:100px; color:#fff; font-weight:bold; text-shadow:1px 1px 3px rgba(0,0,0,0.6); }
.index_rolling .txt_box .txt03 { font-size:27px; line-height:37px; color:#fff; text-shadow:1px 1px 3px rgba(0,0,0,0.6); margin-bottom:37px }
.index01 { padding:120px 10px 70px; }
.index01 .title { text-align:center; font-size:50px; line-height:70px; color:#6abaec; font-weight:bold; margin-bottom:20px; }
.index01 .desc { text-align:center; font-size:25px; line-height:37px; margin-bottom:52px; }
.index01 .sort_list_box { max-width:1040px; margin:0 auto; margin-bottom:75px; }
.index01 .sort_list_box ul {text-align:center; }
.index01 .sort_list_box ul:after { display:block; clear:both; content:''; }
.index01 .sort_list_box ul li { display:inline-block; width:127px; margin-bottom:30px; position:relative; }
.index01 .sort_list_box ul li p { height:103px; text-indent:-9999px; background:url(/image/service/index/sp01.gif) no-repeat 0 0; margin-bottom:2px; }
.index01 .sort_list_box ul li .tooltip { display:none; position:absolute; left:70px; top:60px; width:81px; height:21px; line-height:20px; font-size:10px; color:#fff; text-align:center; background:#000; border-radius:3px; z-index:10; }
.index01 .sort_list_box ul li.sort01 p { background-position:0 0; }
.index01 .sort_list_box ul li.sort02 p { background-position:-153px 0; }
.index01 .sort_list_box ul li.sort03 p { background-position:-284px 0; }
.index01 .sort_list_box ul li.sort04 p { background-position:-434px 0; }
.index01 .sort_list_box ul li.sort05 p { background-position:-565px 0; }
.index01 .sort_list_box ul li.sort06 p { background-position:-691px 0; }
.index01 .sort_list_box ul li.sort07 p { background-position:-820px 0; }
.index01 .sort_list_box ul li.sort08 p { background-position:-924px 0; }
/*.index01 .sort_list_box ul li:hover p { background-position:0 -103px; }*/
.index01 .sort_list_box ul li:hover .tooltip { display:block }


.index01 .sort_list_box ul li.sort09 p,
.index01 .sort_list_box ul li.sort10 p,
.index01 .sort_list_box ul li.sort11 p,
.index01 .sort_list_box ul li.sort12 p,
.index01 .sort_list_box ul li.sort13 p,
.index01 .sort_list_box ul li.sort14 p,
.index01 .sort_list_box ul li.sort15 p,
.index01 .sort_list_box ul li.sort16 p { background-image:url(/image/service/index/sp02.gif); }

.index01 .sort_list_box ul li.sort01 p { background-position:0 0; }
.index01 .sort_list_box ul li.sort02 p { background-position:-153px 0; }
.index01 .sort_list_box ul li.sort03 p { background-position:-284px 0; }
.index01 .sort_list_box ul li.sort04 p { background-position:-434px 0; }
.index01 .sort_list_box ul li.sort05 p { background-position:-565px 0; }
.index01 .sort_list_box ul li.sort06 p { background-position:-691px 0; }
.index01 .sort_list_box ul li.sort07 p { background-position:-820px 0; }
.index01 .sort_list_box ul li.sort08 p { background-position:-924px 0; }

.index01 .sort_list_box ul li.sort01:hover p { background-position:0 -103px; }
.index01 .sort_list_box ul li.sort02:hover p { background-position:-153px -103px; }
.index01 .sort_list_box ul li.sort03:hover p { background-position:-284px -103px; }
.index01 .sort_list_box ul li.sort04:hover p { background-position:-434px -103px; }
.index01 .sort_list_box ul li.sort05:hover p { background-position:-565px -103px; }
.index01 .sort_list_box ul li.sort06:hover p { background-position:-691px -103px; }
.index01 .sort_list_box ul li.sort07:hover p { background-position:-820px -103px; }
.index01 .sort_list_box ul li.sort08:hover p { background-position:-924px -103px; }

.index01 .sort_list_box ul li.sort09 p { background-position:0 0; }
.index01 .sort_list_box ul li.sort10 p { background-position:-145px 0; }
.index01 .sort_list_box ul li.sort11 p { background-position:-290px 0; }
.index01 .sort_list_box ul li.sort12 p { background-position:-438px 0; }
.index01 .sort_list_box ul li.sort13 p { background-position:-571px 0; }
.index01 .sort_list_box ul li.sort14 p { background-position:-692px 0; }
.index01 .sort_list_box ul li.sort15 p { background-position:-815px 0; }
.index01 .sort_list_box ul li.sort16 p { background-position:-926px 0; }

.index01 .sort_list_box ul li.sort09:hover p { background-position:0 -103px; }
.index01 .sort_list_box ul li.sort10:hover p { background-position:-145px -103px; }
.index01 .sort_list_box ul li.sort11:hover p { background-position:-290px -103px; }
.index01 .sort_list_box ul li.sort12:hover p { background-position:-438px -103px; }
.index01 .sort_list_box ul li.sort13:hover p { background-position:-571px -103px; }
.index01 .sort_list_box ul li.sort14:hover p { background-position:-692px -103px; }
.index01 .sort_list_box ul li.sort15:hover p { background-position:-815px -103px; }
.index01 .sort_list_box ul li.sort16:hover p { background-position:-926px -103px; }



.index01 .sort_list_box ul li a { display:inline-block; padding:0 12px; line-height:35px; height:35px; font-size:14px; font-weight:bold; color:#215f85; border-radius:6px; letter-spacing:-1px; white-space:nowrap; }
.index01 .sort_list_box ul li:hover a { color:#fff; background:#43a9e9; }

.index02 { padding:72px 10px 45px; background:#6abaec; }
.index02 .title { text-align:center; font-size:50px; line-height:60px; color:#fff; font-weight:bold; margin-bottom:30px; }
.index02 .desc { text-align:center; font-size:25px; line-height:35px; color:#fff; margin-bottom:20px; }
.index02 .img { text-align:center; margin-bottom:30px }
.index02 .human_box  { text-align:center; }
.index02 .human_box > div { display:inline-block; padding-left:35px; }
.index02 .human_box > div:first-child { padding-left:0; padding-right:35px }

.index03 { padding:110px 10px 115px; background:#ededed; }
.index03 .title { text-align:center; font-size:50px; line-height:70px; color:#6abaec; font-weight:bold; margin-bottom:20px; }
.index03 .desc { text-align:center; font-size:25px; line-height:35px; margin-bottom:68px; }
.index03 .shop_list { overflow:hidden; max-width:1060px; margin:0 auto; margin-bottom:55px; }
.index03 .shop_list .shop { width:33.33%; float:left;  margin-bottom:17px; padding:0 9px; box-sizing:border-box;  }
.index03 .shop_list .shop .txt { padding:32px 50px 25px; text-align:center; font-size:18px; line-height:25px; height:156px; box-sizing:border-box; overflow:hidden; background:#fff url(/image/service/index/bu_title_left.gif) no-repeat 29px 18px; border-radius:10px 10px 0 0;   }
.index03 .shop_list .shop .name { padding:14px 24px 18px; background:#e6f5ff; border-radius:0 0 10px 10px; box-shadow:inset 0 -4px 0 rgba(0,0,0,.2); }
.index03 .shop_list .shop .name table { width:100%; border-collapse:collapse; }
.index03 .shop_list .shop .name table th p { padding-right:17px; }
.index03 .shop_list .shop .name table th p img { border-radius:100px; }
.index03 .shop_list .shop .name table td { text-align:center; font-size:23px; line-height:27px; color:#43b3f9; }

.index04 { padding:92px 10px 0;  }
.index04 .title { text-align:center; font-size:50px; line-height:70px; color:#6abaec; font-weight:bold; margin-bottom:20px; }
.index04 .desc { text-align:center; font-size:25px; line-height:35px; margin-bottom:22px; }
.index04 .img { text-align:center; margin-bottom:50px; }
.index04 .btn_box  { text-align:center; }
.index04 .btn_box .btn { width:238px; box-sizing:border-box;  margin:0 10px 20px;}
.index04 .desc2 { text-align:center; font-size:20px; line-height:34px; color:#6abaec; text-decoration:underline; font-style:italic; }


/* 이용권 구매 */
.payment01_section { padding-bottom:50px; margin-bottom:30px; border-bottom:1px solid #d7d8dd }
.payment01_section .title { font-size:40px; line-height:45px; color:#6abaec; font-weight:bold; margin-bottom:25px; }
.payment01_section .desc { font-size:30px; line-height:41px; color:#fb6827;  margin-bottom:35px; letter-spacing:-2px }
.pay_box_wrap { margin-bottom:15px }
.pay_box_wrap .pay_box { display:inline-block; padding:0 13px; background:#f4f4f4; border-radius:8px; box-shadow:inset 0 -4px 0 rgba(0,0,0,.2); min-width:235px; box-sizing:border-box; position:relative; overflow:hidden; margin-left:30px; }
.pay_box_wrap .pay_box:first-child { margin-left:0 }
.pay_box_wrap .pay_box .txt01 { font-size:29px; line-height:33px; text-align:center; padding-top:30px; }
.pay_box_wrap .pay_box .txt02 { font-size:43px; line-height:44px; text-align:center; color:#33a5eb; padding-bottom:15px; font-weight:bold; }
.pay_box_wrap .pay_box .btn_pay { text-align:center; margin-bottom:15px }
.pay_box_wrap .pay_box .btn_pay a { width:100%; min-height:80px; font-size:35px; line-height:35px; }
.pay_box_wrap .pay_box .btn_pay a .btn01 { text-align:left; border-radius:5px; position:absolute; left:12px; top:8px; width:113px; height:61px; background:#f4f4f4; font-size:15px; color:#000; box-shadow:inset 0 -4px 0 rgba(0,0,0,.2); line-height:18px; box-sizing:border-box; padding:5px 0 0 5px; font-weight:normal; }
.pay_box_wrap .pay_box .btn_pay a .btn01 strong { display:block; font-size:32px; color:#fb6827; letter-spacing:-3px; line-height:30px; font-weight:bold; }
.pay_box_wrap .pay_box .btn_pay a .btn02 { position:absolute; right:10px; top:18px; font-size:18px; font-weight:normal; line-height:22px; }
.pay_box_wrap .pay_box .btn_pay a .btn02 em { text-decoration:line-through; }
.pay_box_wrap .pay_box.type2 { background:#6abaec; }
.pay_box_wrap .pay_box.type2 .txt02 { color:#fff; }
.pay_box_wrap .pay_box.type2 .ico_best { position:absolute; right:0; top:0 }
.pay_box_wrap .pay_box.type2 .btn_pay a { background:#f4f4f4; }
.pay_box_wrap .pay_box.type2 .btn_pay a .btn01 { background:#fb6827 }
.pay_box_wrap .pay_box.type2 .btn_pay a .btn01 strong { color:#fff; }
.pay_box_wrap .pay_box.type2 .btn_pay a .btn02 { color:#686868 }
.pay_box_wrap .pay_box.pay_self { /*padding:0 20px*/ }
.pay_box_wrap .pay_box.pay_self .txt02 { font-size:35px }
.pay_box_wrap .pay_box.pay_self .btn_pay  { margin-bottom:40px }
.pay_box_wrap .pay_box.pay_self .btn_pay a { min-height:50px; padding-top:10px; padding-bottom:10px; font-size:28px;  }
.pay_box_wrap .pay_box.pay_self .btn_pay a span { font-size:22px; }
.pay_box_wrap .pay_desc { display:inline-block; vertical-align:top; padding:55px 0 0 15px; }
.pay_box_wrap .pay_desc ul li  { padding-left:9px; box-sizing:border-box; background:url(/image/service/bu_dot.gif) no-repeat 0 9px; font-size:17px; color:#000; line-height:31px;  letter-spacing:-1px; line-height:24px; margin-bottom:2px } 
.pay_box_wrap .pay_desc ul li span { text-decoration:underline; display:block }
.pay_box_wrap .pay_desc.pay_desc02 { padding-left:50px; padding-top:45px }
.pay_inp_box  { margin-bottom:35px }
.pay_inp_box .title {font-size:40px; line-height:45px; color:#6abaec; font-weight:bold; margin-bottom:10px; }
.pay_inp_box .inp_box { max-width:500px;  }
.pay_inp_box .inp_box input[type="text"] { width:100%; line-height:49px; height:49px; font-size: 30px; padding:0 6px; border:1px solid #575757; box-sizing:border-box; }




@media all and (max-width:1022px) {	
	#content .left_col { display:none }
	#content .right_col { float:none; width:100%; max-width:1002px; padding:0 10px; box-sizing:border-box; margin:0 auto; }
	.svs_wrap07 .col2_box .m_img { float:none !important; width:100% !important; text-align:center !important; max-width:none !important }
	.svs_wrap07 .col2_box .m_txt { float:none !important; width:100% !important; text-align:center !important; max-width:none !important; margin-bottom:20px !important }
	.svs_wrap07 .col2_box .m_txt .m_txt01 { margin-bottom:10px !important; padding-top:10px; text-align:center;  }
}

@media all and (max-width:1000px) {	
	.register_wrap .cont_wrap { max-width:640px; }
	.regi_form_box dl dt { float:left; width:27%; }
	.regi_form_box dl dd { float:left; width:73%; }
	.regi_form_box dl dd  .inp_box > span { display:block; padding-top:5px }
	.sel_wrap02 .img .on { display:block; padding:10px 0; }
	.sel_wrap02 .img .off { display:none }
	.index_rolling .txt_box .btn.btn_big { min-height:45px; padding:0 20px; font-size:16px; line-height:45px; }
	.index_rolling .txt_box .txt03 { margin-bottom:10px; }
	.pay_box_wrap01 { text-align:center }
	.pay_box_wrap01 .pay_box { margin:0 15px 10px; }
	.pay_box_wrap .pay_box:first-child { margin-left:15px }
}

@media all and (max-width:800px) {	
	#title .tit_img { display:none }
	#title { padding:0 10px; }
	
	/* 원격지원 */
	.support_box .sup_img { display:block; text-align:center; }
	.support_box .sup_desc { display:block; padding-top:20px }
	.support_box .sup_desc div { padding:15px; font-size:14px; line-height:18px; }
	/*메인*/
	.index_rolling .txt_box .inner_box { padding-top:7%; padding-left:30px; }
	.index_rolling .txt_box .txt01 { font-size:30px; line-height:35px; }
	.index_rolling .txt_box .txt02 { font-size:60px; line-height:70px; }
	.index_rolling .txt_box .txt03 { font-size:17px; line-height:20px; margin-bottom:20px; }
	.index03 .shop_list .shop { width:50%; }
	.pay_box_wrap .pay_desc { padding:0 !important; display:block; padding-top:15px !important; }
	.pay_box_wrap .pay_desc li { text-align:left !important }
}

@media all and (max-width:660px) {	
	/*선곡운영*/
	.sel_wrap03 .btn_box p { display:block; margin-bottom:10px }
	.svs_wrap02 .btn_box p { display:block; margin-bottom:10px }
	.svs_wrap03 .btn_box p { display:block; margin-bottom:10px }
	.svs_wrap04 .btn_box p { display:block; margin-bottom:10px }
	.index03 .shop_list .shop { width:100%; padding:0 }
}

@media all and (max-width:600px) {	
	.register_wrap .cont_wrap { max-width:640px; }
	.regi_form_box { padding:0; }
	.regi_form_box dl dt { float:none; width:100%; }
	.regi_form_box dl dd { float:none; width:100%; }
	.regi_form_box dl dd .inp { max-width:100%; }
	.regi_form_box dl dd .inline { width:100% !important; margin-bottom:10px }
	.regi_form_box .cols5 { padding-left:10px }
	.regi_form_box .cols5 .colum  { width:33.33%; }
	#title .tit .tit01 { text-align:center; }
	#title .tit .tit02 { text-align:center; }
	.mybroad_box01 dl dt { float:none; width:100%; }
	.mybroad_box01 dl dd { float:none; width:100%; }
	
	/* 고객센터 */
	.customer_wrap .board_box table tbody td { font-size:11px }
	/* 자료실 */
	.data_wrap .data_select .data_flip { font-size:14px; padding-left:60px; }
	/* 회사소개 */
	.company_wrap .info_box .info { height:auto; overflow:visible }
	.company_wrap .info_box .info .title { position:static; height:auto; width:100%; box-shadow:none; }
	.company_wrap .info_box .info .title p { padding:14px 10px !important;  }
	.company_wrap .info_box .info .title span { display:none }
	.company_wrap .info_box .info .txt .info_subj { padding:10px 0 !important }
	.company_wrap .info_box .info .txt { margin:0; padding:10px; height:auto; }
	/* 사용후기 */
	.after_wrap .after_box .comm_box .comm { margin-top:0 }
	.after_wrap .after_box .comm_box .comm .ico { display:none }
	.after_wrap .after_box .comm_box .comm .title { font-size:20px; line-height:26px; }
	.after_wrap .after_box .comm_box .comm .comm_txt { font-size:14px; line-height:18px }
	.after_wrap .after_box .comm_box .comm .comm_txt .txt_box { background-size:20px 18px; padding-left:29px; }
	.after_wrap .after_box .comm_box .comm .comm_txt .txt_box p { background-size:20px 18px; padding-right:29px; padding-top:10px }
	/* 광고를내맘대로*/
	.am_wrap01 .desc { line-height:25px }
	.am_wrap01 .desc_box { padding:18px; }
	.am_wrap02 .dia_box .dia { width:100%; padding-top:30px; padding-bottom:20px; height:180px; }
	.am_wrap02 .dia_box .dia:nth-child(1),
	.am_wrap02 .dia_box .dia:nth-child(3) { background:#6abaec; }
	.am_wrap02 .dia_box .dia:nth-child(1) .txt01,
	.am_wrap02 .dia_box .dia:nth-child(1) .txt02,
	.am_wrap02 .dia_box .dia:nth-child(3) .txt01,
	.am_wrap02 .dia_box .dia:nth-child(3) .txt02 { color:#fff; }
	.am_wrap02 .dia_box .dia:nth-child(4) {background:#fff;}
	.am_wrap02 .dia_box .dia:nth-child(4) .txt01 {  color:#6abaec;  }
	.am_wrap02 .dia_box .dia:nth-child(4) .txt02 {  color:#6abaec; font-weight:bold; }
	.am_wrap02 .dia_box .dia .txt02 { font-size:30px }
	.call_box .box { width:100%; float:none; margin-bottom:10px; padding:0; }
	/*선곡운영*/
	.sel_wrap03 .img_box div { float:none; width:100%; text-align:center; margin-bottom:40px; padding:0; }
	/*서비스소개*/
	.svs_wrap03 .img img.off { display:none }
	.svs_wrap03 .img img.on { display:inline }
	
	.svs_wrap04 .dia img.off { display:none }
	.svs_wrap04 .dia img.on { display:inline }
	/*
	.svs_wrap07 .col2_box .m_img { float:none !important; width:100% !important; text-align:left !important }
	.svs_wrap07 .col2_box .m_txt { float:none !important; width:100% !important; text-align:left !important; margin-bottom:20px !important }
	.svs_wrap07 .col2_box .m_txt .m_txt01 { margin-bottom:10px !important; padding-top:10px }
	*/
	
}

@media all and (max-width:500px) {	
	.index_rolling .txt_box .inner_box { padding-top:32px; padding-left:0; text-align:center; }
	.index_rolling .txt_box .txt01 { font-size:20px; line-height:24px; }
	.index_rolling .txt_box .txt02 { font-size:33px; line-height:33px; }
	.index_rolling .txt_box .txt03 { font-size:12px; line-height:15px; margin-bottom:4px; }
	.index_rolling .txt_box .btn.btn_big { min-height:32px; padding:0 15px; font-size:14px; line-height:32px; }
}


@media all and (max-width:485px) {	
	#footer01 .inner_box p { padding:0 20px; }
	#title { width:320px; }
	#title .tit .tit02  { font-size:16px; line-height:22px; }
	
	/* 자료실 */
	.data_wrap .data_select .data_flip .btn_down { display:none }
	.data_wrap .data_select .data_on { font-size:12px; line-height:16px; padding:20px 20px; }
	
	/* 원격지원 */
	.support_help .s_help { font-size:12px }
	.support_help .s_help .btn_call { right:10px }
	
	/* 개인정보취급방침 */
	#title_wrap.policy #title .tit .tit01 { font-size:40px; line-height:44px; }
	/*광고마음대로*/
	#title_wrap.adver #title .tit .tit01 { font-size:40px; line-height:44px; }
	#title .tit { float:none }
	/*서비스소개*/
	.svs_wrap01 .dia_box div { width:50% }
	.svs_wrap02 .img .on { display:block }
	.svs_wrap02 .img .off { display:none }
	.svs_wrap02 .desc_box { font-size:20px }
	#head .etc_btns { right:10px }
	#head .etc_btns a { display:none;  }
	#head .etc_btns a.mbtn { display:inline-block }
	/*공지사항*/
	.customer_wrap .board_box tbody td {  padding:10px 0 !important; letter-spacing:-1px }
	.customer_wrap .board_box table tbody td.subject { padding-left:10px !important }
	.customer_wrap .board_box table .ico_notice { width:32px; font-size:13px; }
	
	/* 이용권구매 */
	.pay_inp_box .title { font-size:30px; line-height:35px }
	.pay_box_wrap { text-align:center }
	
}

@media all and (max-width:400px) {	
	.svs_wrap05 .price_box .price { margin-right:0; margin-left:0; }
}

@media all and (max-width:384px) {	/* width 320px 기준 */
	
	.regi_form_box .cols5 .colum  { width:50%; }
	
	/* Contact us */
	.layer_popup { padding:15px 10px; margin:0 10px; width:280px; }
	.layer_popup .list01 dt,
	.layer_popup .list02 dt { float:none; font-size:14px; width:100% !important; }
	.layer_popup .list01 dd, 
	.layer_popup .list02 dd { float:none;width:100% !important; }
	.layer_popup .list01.line2 dt { margin-bottom:5px }
	.layer_popup .list01.line2 dt span { display:inline; padding-left:3px; }
	/*서비스소개*/
	.svs_wrap02 .desc_box { font-size:17px }
	.svs_wrap06 .desc_box { font-size:16px; line-height:22px; }
	.svs_wrap06 .desc_box .txt01 { font-size:17px; }
	.svs_wrap07 .title { font-size:26px; line-height:35px; }
	
	/* 메인 */
	.index03 .shop_list .shop .txt { font-size:16px; line-height:25px; }
	.index03 .shop_list .shop .name table td  { font-size:18px; }
	
	.table_box .table table tbody td { font-size:11px; padding:10px 0; letter-spacing:-1px }
	.table_box .table table tbody td.pdl50 { padding-left:10px !important; }
	.sel_wrap01 .title { font-size:30px }
	.sel_wrap03 .desc { font-size:20px; }
	.svs_wrap01 .title { font-size:30px }
	.svs_wrap01 .title b { display:block }
	.svs_wrap02 .title { font-size:33px }
	.svs_wrap03 { padding-top:40px; padding-bottom:50px }
	.svs_wrap03 .title { font-size:27px; margin-bottom:30px }
	.svs_wrap04 { padding-top:40px; padding-bottom:40px }
	.svs_wrap04 .title { font-size:24px; margin-bottom:20px }
	.svs_wrap04 .btn_under { font-size:20px }
	.call_box .box .txt01 .txt{ font-size:20px; line-height:25px; }
	.svs_wrap05 .title { font-size:26px; }
	.svs_wrap05 .sub_title p { font-size:23px; line-height:30px }
	.svs_wrap05 .sub_title p { margin-bottom:0 }
	.svs_wrap06 .title { font-size:30px }
	.index01 .title { font-size:30px; line-height:35px }
	.index01 { padding-top:40px; padding-bottom:40px }
	.index01 .desc { font-size:15px; line-height:20px }
	.index01 .sort_list_box { margin-bottom:30px }
	.index02 { padding-top:30px; padding-bottom:30px }
	.index02 .title { font-size:30px; line-height:35px }
	.index02 .desc { font-size:20px; line-height:25px }
	.index02 .btn_box a { white-space:nowrap; }
	.index03 { padding-top:50px; padding-bottom:50px }
	.index03 .title { font-size:30px; line-height:40px }
	.index03 .desc { font-size:20px; line-height:25px; margin-bottom:30px; }
	.index03 .shop_list { margin-bottom:30px }
	.index04 { padding-top:40px; padding-bottom:0; }
	.index04 .title { font-size:30px; line-height:40px;  }
	.index04 .desc { font-size:20px; line-height:25px }
	/* 	.btn_next_section img { width:60px; } */
	.layer_popup .tit { font-size:22px; }
	.layer_popup .desc { font-size:11px; line-height:16px }
	.index02 .human_box > div { padding:0 !important }
	.pay_box_wrap .pay_box:first-child { margin:0 !important }
}






@media all and (max-width:860px) {	
	#gnb_wrap { display:none }
	.etc_btns {  right:20px; }
	h1 { left:75px; top:10px; }
	.btn_mobile_menu { display:block; position:absolute; left:20px; top:25px; }
	#wrap.mobile_active { overflow:inherit; height:100% }
	#wrap.mobile_active .btn_mobile_menu { display:block; }
	#m_gnb { display:block; position:fixed; left:-240px; top:0; height:100%; width:240px; background:#38a5e8; z-index:10000;  -webkit-transition:left 400ms; overflow:auto; }
	#wrap.mobile_active #m_gnb { left:0 }
	#m_gnb > ul { border-top:1px solid #a8daf9 }
	#m_gnb > ul > li .btn1 { display:block; height:40px; line-height:40px; font-size:17px; color:#fff; border-bottom:1px solid #a8daf9; padding-left:10px; background:url(/image/service/plus_mobile_menu.png) no-repeat right 0; }
	#m_gnb > ul > li .dep2 { display:none }
	#m_gnb > ul > li .dep2 li a { display:block; height:35px; background:#6abaec; line-height:35px; font-size:14px; color:#fff; border-bottom:1px solid #a8daf9; padding-left:10px; }
	#m_gnb > ul > li.on .btn1 { background:url(/image/service/plus_mobile_menu_off.png) no-repeat right 0; }
	#bg_shadow { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:1000; }
	.m_etc_btn  { padding:10px 10px 0; }
	.m_etc_btn p { margin-bottom:10px; }
	.m_etc_btn p a { display:block; padding:0 15px; text-align:center; line-height:38px; height:38px; font-size:15px; background:#fff; border-radius:5px; color:#6abaec;  }
}
/* 모바일 */
@media all and (max-width:800px) {	
	
	
	
}



/*
	메인 다음 섹션이동 화살표 버튼 
*/
#section00,
#section01,
#section02,
#section03,
#section04,
#section05 { position:relative; }
.btn_next_section { position:absolute; left:0; bottom:0; width:100%; text-align:center; z-index:500; }

@media all and (max-width:1000px) {	
	.btn_next_section  { display:none }
}