@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");
/*-------------------------------------------------------*/
/* Basic Setting
/*-------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
html{height:100%;overflow-y:scroll}
body{height:100%;color:#303030;font-family:'Apple Gothic',sans-serif;line-height:23px;letter-spacing:0}
html, body { width:100%; -webkit-text-size-adjust:none ;font-size:62.5%;}



h1, h2, h3, h4, h5, h6 { font-weight: normal;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* General Setting & Utility
/*-------------------------------------------------------*/

a {cursor: pointer;text-decoration: none; color:#000}
a:hover, a:focus, a:visited { text-decoration: none;}
img { border: 0; vertical-align: top;}
img.max{ width:100%; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix { content:""; clear:both; line-height: 0;}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.row:after {
  clear: both;
}

hr { border:0; border-top:1px solid #e1dfdb; margin:0; height:1px; }
caption {display: none; width: 0; height: 0; }

/* Util */
.al_c{text-align:center !important; }
.al_l{text-align:left !important; }
.fl_l { float: left;}
.fl_r { float: right;}
.fl_no { float: none;}
.hidden { visibility: hidden;}
.hide{ overflow:hidden; display: inline-block; position:absolute; top:0; left:0; width:0px; height:0px; font-size:0; line-height:0;}


/* spaces */
.pt0{padding-top:0 !important}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt20{padding-top:20px !important}

.pr30{padding-right:30px !important}

.pl0{padding-left:0 !important}

.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}

.mr5{margin-right:5px !important}

.ml0{margin-left:0 !important}
.ml5{margin-left:5px !important}
.ml30{margin-left:30px !important}

.mb0{margin-bottom:0 !important}


/* text */
.txt_point{color:#00ad68}
.t_bold{font-weight:bold}
.input_st{ padding:0 7px;height: 23px; line-height: 23px; font-size: 1.2rem; font-weight: 300;  border: 1px solid #ddd; color:#999 ;}
.textarea_st {padding:0 7px;width:99%; vertical-align: top;line-height: 38px; font-size: 1.35rem; font-weight: 300;  color:#999 ; border: 1px solid #ddd; box-sizing: 
border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.sub_h3{padding:40px 0 20px; color:#2c2c2c; font-size:1.8rem; font-weight:bold;text-align:center; text-transform: uppercase }
.sub_h3:after{content:".";display:block;margin:10px auto 0px; width:15px;height:1px;background: #00ad68; font-size:0; }
.sub_h3 span{display:block; margin:10px 0 ; color:#2c2c2c; font-size:2.0rem; font-weight:normal; text-transform: none }
.sub_h3_txt{font-size:1.3rem;color:#333; line-height:1.8rem; text-align:left; }
.sub_h3_txt02{font-size:1.6rem; color:#333; line-height:30px; text-align:left; font-weight:500}
.line_h4{ font-size: 1.8rem; font-weight:600; color:#666;border-bottom:1px solid #ddd }
.t_bold{font-weight:bold}

.wd_100{width:100%}

/* btn */
.btn_c{text-align:center; margin-top:20px}
.btns{width:100%; margin-top:20px; overflow: hidden;}
.btn_fl_c{text-align:center; margin-top:-33px}
.btn_bl{padding:0 55px; border:1px solid #231f20 ; height:40px; line-height:40px; display:inline-block;}
.btn_green_line{ display: inline-block; min-width:62.5px; height: 30px; line-height:30px;box-sizing: border-box; background:#fff;color:#01a567; border:1px solid #01a567;font-size:1.3rem ;text-align:center; }
.btn_green_line:hover{ background:#01a567;color:#fff; border:1px solid #01a567}
.btn_green{ display: inline-block; min-width:62.5px; height: 30px; line-height:30px; background:#01a567; color:#fff;font-size:1.3rem;text-align:center; }
.btn_confirm{padding:0 24px;  min-width:124px; height: 38px;background:#01a567; color:#fff; border: none; font-size:1.3rem ;vertical-align: 0;cursor: pointer;}
.btn_page_r{float:right; margin-top:10px}
.btn_page_r a{height: 30px; line-height:30px;}
.btn_view{width:78px; height:20px; font-weight:normal; line-height:20px;padding:0 !important ; box-sizing: border-box;text-align:center; }
.btn_more img{width:40px; height:40px}
.btn_list{width:65.5px; height:30px;background:url(../img/btn/btn_list.png) no-repeat;background-size:65.5px auto; font-size:0;display: inline-block; }

/* tab */
.tab_menu {position:relative; background-color:#fff; font-size:0; z-index:5;height:36px; box-sizing:border-box}
.tab_menu:after {content:''; display:block; clear:both;}
.tab_menu li {position:relative; float:left; width:33.3%; cursor: pointer; text-align:center; display:block; height:36px; line-height:36px; font-size:13px; color:#777; font-weight:400;letter-spacing:0; border:1px solid #ddd; border-left:none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.tab_menu li:first-child{border-left:1px solid #ddd}
.tab_menu_line01 li{border-bottom:1px solid #fff}
.tab_menu_line01.on li{border-bottom:1px solid #ddd;}
.tab_menu_line02 li{border-top:1px solid #fff}
.tab_menu_line02.on li{border-top:1px solid #ddd;}
.tab_menu li.on {color:#00ad68;z-index:99; border-top:1px solid #00ad68; border-bottom:1px solid #00ad68}
.tab_menu li.on:after {content:''; }
.tab_menu_5 li{width:20%}
.tab_menu>li.on:before{content:".";display:block; position:absolute; top:-1px ; left:-1px; width:1px;height:36px;background: #00ad68; font-size:0; }
.tab_menu>li.on:after{content:".";display:block; position:absolute; top:-1px ; right:-1px; width:1px;height:36px;background: #00ad68; font-size:0; }
.tab_cont{display: none;}
.tab_cont.on{display: inherit;}
.tab_menu_2 li{width:50%;}
.tab_menu_line02>li.on:before{top:-1px }
.tab_menu_line02>li.on:after{top:-1px }

/* table */
.board_tbl {width: 100%; margin: auto;border-top:1px solid #00ad68}
.board_tbl tr th {padding: 16px 0; text-align: center; font-size:1.3rem;background:#fafafa; border-bottom: 1px solid #dddddd }
.board_tbl tr td {padding: 8px 0; text-align: left; vertical-align:top; font-size:1.3rem; border-bottom: 1px solid #dddddd }
.line_r{border-right:1px solid #dddddd}
.line_b{border-bottom:1px solid #dddddd}
.br_none{border-right:0 !important}

.board_tbl_col tr th, .board_tbl_col tr td{padding:5px 0 !important; height:33px; line-height:22px; text-align: center ;}
.board_tbl_col tr td{padding:0 15px; vertical-align:middle}

.ico_check{ margin-top:10px; display:block; width:62px; height:16px; margin-right:10px; text-align:center; line-height:16px; font-size:1.1rem; color:#fff;}
.ico_check_n{ background:#01a567}
.ico_check_y{ background:#bbb}

.modal  { top:10% ; z-index: 30 !important;overflow:hidden !important}
.modal-backdrop.in{z-index:12;  filter: alpha(opacity=50); opacity: .50;}

.layer_pop{background:#fff; width:377px; margin:0 auto; padding:38px 58px}
.layer_pop .sub_h3{margin:0 0 20px}
.layer_pop .layer_txt{line-height:30px}
.layer_pop .btn_close{position:absolute; top:20px;right:20px}

/*-------------------------------------------------------*/
/* layout
/*-------------------------------------------------------*/

.wrap{position:relative;width:100%;min-width:320px;margin:0 auto;background-color:#fff;-webkit-box-sizing:border-box}


#header .header_m{width:100%; z-index:13; line-height:0; height:50px; text-align:center; font-size: 1.4rem; text-transform: uppercase; background:rgba(255,255,255,1) url(../img/common/bg_header.gif) repeat-x 0 bottom;background-size:auto 1px}
#header .cnblogo{ transition: all 500ms ease; padding-top:12px}
#header .cnblogo img{width:93px; height:30px; }
#header .btn_menu{ position:absolute; font-size:0; left:20px; top: 16px;display:block }
#header .btn_menu img{width:19px; height:14px;}

#header .lan_mn{line-height:14px; position:absolute; right:20px; top: 16px;z-index:2}
#header .lan_mn > a{text-align: left; vertical-align: top;display:inline-block;width: 25px;height:16px; color:#00ad68;font-size: 1.2rem;background: url(../img/common/btn_lan_on.png) no-repeat 0px 3px;background-size:25px 12px}
#header .lan_mn .lan_sub{display:none; font-size: 1.2rem;}
#header .lan_mn .lan_sub a{padding:10px 0 3px;display:block;text-align:left;}
#header .lan_mn.on .lan_sub{;display:block; border-top:0;}

.gnb_modal{width:80%; background:#fff; line-height:30px;z-index:15; }
.gnb_modal .cnblogo{padding:15px 20px 12px}
.topnavi_m > li >a{ position:relative; width:100%; display:block;height:46px; box-sizing:border-box; text-transform: uppercase;padding:8px 0 8px 33px; border-top:1px solid #efefef; font-size: 1.5rem; font-weight:bold}
.topnavi_m > li >a:before {content: "."; position:absolute; top: 19px; left:20px; display: block; margin-right:5px; width: 6px; height: 8px; font-size: 0; background: url(../img/common/bg_icon.png) no-repeat -15.5px 0; background-size: 60px auto;}
.topnavisub_m{border-top:1px solid #efefef;text-transform: uppercase; }
.topnavisub_m p{ cursor: pointer;position:relative;color:#2c2c2c; font-size:15px; height:46px; box-sizing:border-box;padding:8px 10px 8px 40px; font-weight:500; }
.topnavisub_m p:before{ content: '';display:inline-block;position:absolute; top:19px; left:29px;  width: 4px; height: 4px; margin:0; border-radius:4px; background:#00ad68 }
.topnavisub_m >ul{background:#fafafa;padding:2px 0 2px 29px; }
.topnavisub_m >ul li a{ padding:2px 0;display: block; position:relative; color:#767676; font-size:1.2rem;padding-left:11px}
.topnavisub_m >ul li a:before{ content: ''; display:inline-block; position:absolute; top:16px; left:-1px;  width: 4.5px; height:1px; margin:0;  background:#ddd }
.topnavi_m .bg_open_mn{background:url(../img/common/bg_gnb.png) no-repeat right -40px; background-size:48px auto}
.topnavi_m .bg_open_mn.on{background:url(../img/common/bg_gnb.png) no-repeat right 0; background-size:48px auto}

/* sub */
#container{width:100%;}
#container .sub_section{position:relative; padding-bottom: 35px;}
#container .sub_tit_warp{position: relative;overflow:hidden; height:120px; text-align:center }

#container.sub_about01_01 .sub_tit_warp{ background: url(../img/about/img_sub1_01.jpg) no-repeat center 0; background-size: 100% auto;  }
#container.sub_about01_02 .sub_tit_warp{ background: url(../img/about/img_sub1_02.jpg) no-repeat center 0; background-size: 100% auto;  }
#container.sub_about01_03 .sub_tit_warp{ background: url(../img/about/img_sub1_03.jpg) no-repeat center 0; background-size: 100% auto;  }

#container.sub_about02_01 .sub_tit_warp{ background: url(../img/values/img_sub2_01.jpg) no-repeat center 0; background-size: 100% auto;  }
#container.sub_about02_02 .sub_tit_warp{ background: url(../img/values/img_sub2_02.jpg) no-repeat center 0; background-size: 100% auto;  }
#container.sub_about02_03 .sub_tit_warp{ background: url(../img/values/img_sub2_03.jpg) no-repeat center 0; background-size: 100% auto;  }

#container.sub_about03_01 .sub_tit_warp{ background: url(../img/brand/img_sub3_01.jpg) no-repeat center 0; background-size: 100% auto;  }
#container.sub_about03_02 .sub_tit_warp{ background: url(../img/brand/img_sub3_02.jpg) no-repeat center 0; background-size: 100% auto;  }

#container.sub_about04_01 .sub_tit_warp{ background: url(../img/news/img_sub4_01.jpg) no-repeat center 0; background-size: 100% auto;  }
#container.sub_about06_01 .sub_tit_warp{ background: url(../img/customer/img_sub6_01.jpg) no-repeat center 0; background-size: 100% auto;  }
#container.sub_about07_01 .sub_tit_warp{ background: url(../img/customer/img_sub7_01.jpg) no-repeat center 0; background-size: 100% auto;  }

#container .sub_tit_warp h2{padding-top:34px; font-size:20px; line-height:20px;  font-weight:bold; letter-spacing:1px; color:#2c2c2c}
#container .sub_tit_warp h2:before{content:".";display:block; margin: 0px auto 10px; width: 6px; height: 8px; background: url(../img/common/bg_icon.png) no-repeat -15.5px 0;background-size: 60px auto;; font-size:0; color:#fff}

#container .content{padding:0 20px}


/* footer*/
.footer_wrap{ width: 100%; position: relative; padding-bottom:15px; color:#fff; font-size:1.2rem ;background:#333 url(../img/common/bg_footer.gif) repeat-x 0 40px ;}
.footer {overflow:hidden;position: relative;  text-align:center;}
.footer .foot_mn {position: relative; padding:9px 0;}
.footer .foot_mn li{display:inline-block; padding:0 12px 0 10px;position:relative; }
.footer .foot_mn li:first-child{padding-left:0}
.footer .foot_mn li.last{padding-right:0}
.footer .foot_mn li a{color:#fff;font-weight:100; opacity:0.9}
.footer .foot_mn li a:hover{color:#00ad68}
.footer .foot_mn li a:after{content:".";display:inline;position:absolute; right:0; top:7px; ; width:1px;height:9px;background: #fff; font-size:0; }
.footer .foot_mn li.last a:after{display:none;}
.foot_logo{padding-top:10px}
.foot_logo img{width:56.5px}

/*사이트맵*/
.footer_wrap .site {margin:5px 0  10px}
.footer_wrap .site .select { position:relative; display:inline-block; margin-left:5px;}
.footer_wrap .site .select .box {width: 120px;height: 25px;line-height: 25px;text-align:left;border: 1px solid #999;position:relative;color:#fff;background: none;}
.footer_wrap .site .select .box span{ padding: 0 10px;display:inline-block}
.footer_wrap .site .select ul {z-index:12; float:none;border:1px solid #adadad;border-bottom:none;position:absolute;top: 25px;width:120px;color:#333;background: #fff;}
.footer_wrap .site .select:after{content:''; position:absolute; right:11px; top:10px; display: inline-block; width:9px; height:8px; background: url('../img/common/bg_icon.png') no-repeat -109px -98px ;;}
.footer_wrap .site .select ul li { background:none; float:none; display: block;text-align:left}
.footer_wrap .site .select ul li a { background:none; padding: 2px 0 2px 10px; display:inline-block; width:100%;color:#808080;}
.go_top, .go_fix{z-index:15;font-size:0 ; display:inline-block; width:35.5px; height:35.5px; position:fixed;right:10px; }
.go_fix{display:none; bottom:193px}
.go_top img, .go_fix img{font-size:0 ; width:35.5px; height:35.5px; }
.footer .copy { display:block; color:#fff; line-height:1.8rem}
.footer .copy p{color:#fff; display:block; font-weight:100; letter-spacing:0px; opacity:0.9}

/*-------------------------------------------------------*/
/* 01, 03 - bi, 브래드리스트
/*-------------------------------------------------------*/
/* bi */
.txt_bi{ width:100%; overflow:hidden}
.txt_bi li{float:right; width:48%; margin:20px 0 0 ; }
.txt_bi li img{width:100%}
.txt_bi li a{overflow:hidden;  display: block; border:1px solid #ddd;box-sizing: border-box;}
.txt_bi li:nth-child(1), .txt_bi li:nth-child(2n+1) {float:left}
/*-------------------------------------------------------*/
/* 04 - NEWS
/*-------------------------------------------------------*/
/* news list*/
.board_news{ overflow:hidden; margin:0; padding:0;border-top:1px solid #ddd;}
.board_news li{position:relative; float:left; margin:0; padding:0; list-style:none; width:50%}
.board_news li:first-child{margin-left:0}
.board_news li .li_wrap{ padding:8px; border:1px solid #ddd;border-top:none; height:140px; display:block; background-color:#fff;}
.board_news li:nth-child(3n+1) { margin-left:0; border-right:0;}
.board_news li:nth-child(1), .board_news li:nth-child(2), .board_news li:nth-child(3){ margin-top:0;}
.board_news li p{ margin:0; padding:0;}
.board_news li .agc_b_date{}
.board_news li .agc_b_date .agc_ym{font-size:0.9rem; font-weight:bold; line-height:1; color:#949494;}
.board_news li .agc_b_date .agc_d{padding:3px 0 5px; font-size:2.3rem; font-weight:800; line-height:2.3rem; color:#333; letter-spacing:2px}
.board_news li .cut_strings{ font-size:1.3rem; line-height:1.7rem;color:#555;height: 54px; overflow: hidden;}/* 180928 수정 */
.board_news .more{position:absolute; bottom:10px; left:8px;width:53px;text-align:center; height:20px; line-height:20px; display:inline-block; border:1px solid #00ad68; color:#00ad68; font-size:1.2rem}
.board_news li.on .li_wrap{background:#00ad68; color:#fff; border-color:#00ad68}
.board_news li.on .li_wrap .agc_b_date .agc_ym{ color:#fff; opacity:0.5}
.board_news li.on .li_wrap .agc_b_date .agc_d,
.board_news li.on .li_wrap .cut_strings{color:#fff;  :}
.board_news li.on .li_wrap .more{border:1px solid #fff; background:#fff}

.news_tit{overflow:Hidden; }
.news_tit .tit{font-size:1.3rem; font-weight:600; width:70%; line-height:1.8rem;}
.news_tit span{display:block; float:right; margin-top:-18px; color:#949494; font-size:1.1rem; }
.news_cont{ margin-top:5px; padding-top:10px;border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.news_cont img{width:100%;}
.news_cont .txt{ padding:13px 0 20px; font-size:1.3rem;line-height:2rem}


/*-------------------------------------------------------*/
/* 06 - CUSTOMER
/*-------------------------------------------------------*/
/* INFORMATION */
.txt_customer01{ margin: 0 -20px; padding: 20px;color:#fff; height:264px; overflow:hidden;padding-bottom:20px; text-align:center;font-size:1.3rem;background: url(../img/customer/bg_info.jpg) no-repeat 0 0; background-size: 100%;}
.txt_customer01 p{ padding:0 0  20px; text-align:center;}
.txt_customer01 ul{width:236px; margin:0 auto; }
.txt_customer01 li{width:115px;display:block;float:left ; text-align:center;}
.txt_customer01 li:before{content:""; display:block;width:65px;height:65px; margin:0 auto;background: url(../img/customer/bg_info2.png) no-repeat 0 0; background-size:184px 65px;}
.txt_customer01 li:nth-child(2):before{margin:0 auto;background: url(../img/customer/bg_info2.png) no-repeat -119.5px 0; background-size:184px 65px;}
.txt_customer02{ font-size:1.3rem;  width:100%; }
.txt_customer02 li{ padding:30px 0 30px 145px;margin-bottom:15px; background: url(../img/customer/bg_info3.jpg) no-repeat 20px 0;background-size:243px auto}
.txt_customer02 li:nth-child(2){  background-position:20px -159px}
.txt_customer02 li:nth-child(3){  background-position:20px -321px}
.txt_customer02 li:nth-child(4){  background-position:20px -480px}

/* PRIVACY - TABLE */
.privacy{padding:10px; background:#fafafa; border-top:1px solid #00ad68;border-bottom: 1px solid #dddddd;font-size:1.2rem }
.privacy h4{font-weight:bold}
.privacy_tbl {width: 100%; margin: auto;border-top:1px solid #ddd; border-bottom: 1px solid #dddddd;font-size:1.2rem }
.privacy_tbl tr th {padding: 8px 0; text-align: center; background:#eee;border-right:1px solid #ddd}
.privacy_tbl tr td {padding: 8px 0; padding: 8px 10px; text-align: center; vertical-align:top; background:#fff; border-bottom: 1px solid #dddddd; border-right:1px solid #ddd }

.list_counsel{margin-top:20px;border-top:1px solid #00ad68; font-size:1.3rem}
.list_counsel dt{padding:5px 10px 0}
.list_counsel dd{padding: 3px 10px 10px; border-bottom:1px solid #f8f8f8}
.input_main01{width:49.5%}
.input_main02{width:42%}
.list_counsel02 {overflow:hidden}
.list_counsel02 li{float:left ;width:50%;  }
.list_counsel02 dt{padding:5px 10px 0px;font-size:1.3rem;}
.list_counsel02 dd{padding:3px 10px 10px;border-bottom:1px solid #f8f8f8}
.bt_none{border-top:0}

/* 체크박스 */
.sel_list {width:100%; overflow:hidden; }
.sel_list ul li { float:left; line-height:1.5rem; margin:5px 0 }
.sel_list ul li:after {display:block; clear:both; content:"";}
.sel_list input[type="radio"] {display: none;}
.sel_list input[type="radio"] + label { width:auto; height: 16px; background:url('../img/common/bg_icon.png') no-repeat -44.5px -1px;background-size:60px 62.5px; cursor: pointer; float: right;}
.sel_list input[type="radio"]:checked + label { background:url('../img/common/bg_icon.png') no-repeat -44.5px -21px;background-size:60px 62.5px; }
.sel_list input[type="radio"] + label span {display: inline-block; padding: 0 15px 0 20px;font-size:1.3rem ; }

.input_chk{position:relative; padding-left:22px; margin:15px 0 5px}
.input_chk input[type="checkbox"] {display: none;}
.input_chk input[type="checkbox"] + label:before { content:'';position:absolute; left:0; top:5px; display:block; width:16px; height: 16px; background:url('../img/common/bg_icon.png') no-repeat 0 -47.5px;background-size:60px 62.5px; cursor: pointer; }
.input_chk input[type="checkbox"]:checked + label:before {content:''; background:url('../img/common/bg_icon.png') no-repeat -19px -47.5px; background-size: 60px 62.5px;}

/*셀렉트박스*/
.select_box { margin-top:8px; position: relative; display: inline-block; vertical-align: top; width: 100%; height: 23px; line-height: 23px; padding-left: 6px; padding-left: 0.38rem; border: 1px solid #e6e6e6; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.select_box:after{content:''; position:absolute; right:11px; top:7px; display: inline-block; width:6.5px; height:6px; background: url('../img/common/bg_icon.png') no-repeat -15px -14px; background-size:60px 62.5px}
.select_box .color {font-size: 1.3rem; color: #333; }
.select_box select {position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; cursor: pointer; filter: alpha(opacity=0); }

/* 페이지 */
.board_page{ clear: both; padding-top: 10px;text-align:center;margin-top:40px;}
.board_page a{margin:0;vertical-align:middle}
.board_page span{ display:inline-block; width: 17px; height: 19px; padding-bottom:5px; line-height: 19px; color:#4c4c4c; font-size:1.2rem}
.board_page .on span{background:#e5f6f0; color:#01a567; border-radius:19px}

.btn_page {display: inline-block;width:24px; height:24px; background:url('../img/btn/btn_page.gif') no-repeat; background-size:226.5px auto}
.btn_page span{font-size:0; text-indent:5000px}
.page_first{background-position:0 0  }
.page_prev{background-position:-31.5px 0 ;margin:0 10px 0 7px !important}
.page_next{background-position:-172.5px 0 ;margin:0 5px 0 10px !important}
.page_end{background-position:-202.5px 0 }


/* FAQ */
.acordian-list {width: 100%;overflow: hidden; }
.acordian-list > li {width: 100%; cursor: pointer; border-bottom: 1px solid #ebebeb; }
.acordian-list > li:first-child{ border-top: 2px solid #00ad68;}
.acordian-list li.selected {border-bottom: 0; }
.acordian-list li > dl {width: 100%; line-height:30px ;color: #333; }
.acordian-list li dl > dt { position: relative; }
.acordian-list li dl > dt:before{ content: ''; position: absolute; display:block; right:15px ; top:14px; width: 10px; height: 10px; background:url('../img/btn/btn_qna.png') no-repeat -26.5px 0; background-size:36.5px 10px}
.acordian-list li dl > dt.selected:before{background-position:0 0}
.acordian-list li dl > dd {position: relative;}
.acordian-list li dl > dt > span,
.acordian-list li dl > dd > span { position: absolute; top:5px; left:10px;font-weight: bold; color: #333; display: inline-block;font-size:1.3rem; }
.acordian-list li dl > dd > span{ top:6px; }
.acordian-list li dl > dt > span{ color:#01a567; left:10px;}
.acordian-list li dl > dt > p {display: inline-block; padding: 10px 30px 7px 30px;font-size:1.3rem;line-height:2.2rem;}
.acordian-list li dl > dd > p{display: inline-block; width:84%; padding:7px 0 8px 30px;font-size:1.3rem;}
.acordian-list li dl > dd {width: 100%;font-size: 1.3rem;; color: #333; display: block;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; background:#fafafa;line-height:2.2rem;}

/*정책,약관*/
.privacy_wrap{font-size:1.3rem;}
.privacy_wrap .privacy_line{margin-top:15px; padding:15px 0 10px; border-top:2px solid #ddd; font-weight:bold}
.privacy_wrap .acordian-list li dl dt p{padding:10px 30px 7px 15px}
.privacy_wrap .acordian-list li dl dd{padding:10px 15px}
.privacy_wrap .acordian-list li dl dd p{padding:0}
.privacy_wrap .acordian-list li dl dd ol{padding:0}
.privacy_wrap .acordian-list li dl dd ol > li{ padding:3px 0 3px 0;font-size:1.3rem;}
.privacy_wrap .board_tbl tr th{background:#ededed}
.privacy_wrap .board_tbl td{  padding: 8px ;}

/* layer pop*/
.layer_modal{width:280px;height:448px; top:50%;  margin:-234px auto;border-top:2px solid #00ad68; background:#fff}
.layer_modal .swiper-slide img{width:100%}
.layer_modal .swiper-slide div.txt{padding:10px 20px;overflow-y: scroll; height: 180px;font-size:1.3rem}
.layer_modal .swiper-slide div.txt p{padding-top:10px}
.layer_modal .swiper-button-next{width:24.5px ; height:25px; right: 0; margin-top: -110px; background: url('../img/common/btn_next.png') no-repeat ;background-size: 24.5px 25px;}
.layer_modal .swiper-button-prev{width:24.5px ; height:25px; left: 0; margin-top: -110px; background: url('../img/common/btn_prev.png') no-repeat ;background-size: 24.5px 25px;}
.layer_modal .btn_layer_close{z-index:7; position:absolute; top:-21px; right:0; width:21px; height:21px; font-size:0; background: url('../img/btn/btn_layer_close.png') no-repeat ;background-size: 21px 21px}