@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');

/* --------------------------------------------
 * Reset
/* ------------------------------------------ */
*{margin:0;padding:0;border:0;outline:0;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;*behavior:url("boxsizing.htc")}
html,body{height:100%;overflow-x:hidden;overflow-y:scroll;}
::-moz-selection{background:#33ccff;color:white;text-shadow:none}
::selection{background:#33ccff;color:white;text-shadow:none}

html, body {
	-webkit-font-smoothing: antialiased;
}

body{font-family:'NotoSansKR','Nanum Gothic','Rubik','cwTeXHei',dotum,'돋움',gulim,'굴림',Arial,AppleGothic,verdana,sans-serif;font-weight:normal;font-size:13px;color:#777;background:#fff;word-break: keep-all;}
blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul{margin:0;padding:0;list-style:none}
b, h1, h2, h3, h4, h5, h6, strong{font-weight:normal}
fieldset{border:0}
a{font-style:normal;text-decoration:none;color:#131316;}
caption{font-size:0;height:0;line-height:0;visibility:hidden;width:0}
.checks *, .chk *, .radioWrap *, a, a:hover, button, button:hover{cursor:pointer;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-ms-transition:all 0.1s linear;-o-transition:all 0.1s linear;transition:all 0.1s linear}
a:focus{outline:none !important}
button img{vertical-align:middle}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
img, video{border:0;vertical-align:top}
input, select{vertical-align:middle}
label{cursor:pointer}
.blind, caption, hr, legend{position:absolute;top:-9999px;font-size:0;line-height:0}
.hide_text{position:absolute;display:inline-block;font-size:0;height:0;line-height:0;visibility:hidden;width:0;text-indent:-9999em}
address, em, i{font-style:normal;font-weight:normal}
td, th{vertical-align:middle}
input,select,textarea,button{font-family:'NotoSansKR','Nanum Gothic','Rubik',dotum,'돋움',gulim,'굴림',Arial,AppleGothic,verdana,sans-serif;font-size:13px;position:relative;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;zoom:1}
embed{display:none}
p{word-break:break-all;}
input[type="password"]{font-family: 'NanumBarunGothic', sans-serif;}
input[type="checkbox"]{-webkit-appearance:checkbox !important;}
#wrap:after, #container:after, #footer:after, .header:after, .inner:after, ul:after, dl:after, .clear:after{display:block;clear:both;content:""}


/* --------------------------------------------
 * box
/* ------------------------------------------ */
.box_st1 {
	background: #fff;s
	margin: 15px 0;
	border-bottom: 1px solid #dfe0e4;
}

.innerSub{width:100%;}

/* rvBox */
.rvBox{width:100%;/*float:left;*/position:relative;padding:16px;border-bottom:1px solid #e9e9e9; min-height:155px;}
div[class*='rvBox']:first-child{border-left:none}
/*.rvBox:before{content:'';height:1px;position:absolute;left:16px;right:16px;bottom:0;background:#e9e9e9}*/
.rvBox a{display:block;position:relative}
.rvBox .photo{width:50%; height:122px; text-align:right; background-color:#cedae2; float:left; overflow:hidden;}
.rvBox .photo img{width:100%}
.rvBox .infoWrap{width:50%; float:right; padding:5px 10px;}
.rvBox .infoWrap .tit{position:relative;font-size:13px;line-height:18px;font-weight:700;color:#222;margin-top:6px;overflow:hidden}
.rvBox .infoWrap .txt{font-size:11px;line-height:16px;max-height:32px;color:#555;overflow:hidden;margin-top:6px}
.rvBox .bottom{position:relative;padding-top:25px;margin-top:16px; clear:right; text-align:right;}
.rvBox .bottom:after{content:'';width:24px;height:1px;position:absolute;right:0;top:18px;display:block;font-size:0;line-height:0;background:#d9d9d9}
.rvBox .bottom span{font-size:12px;letter-spacing:0;font-family:'Rubik','Lato','NanumSquare',Arial,AppleGothic,verdana,sans-serif;color:#aaa}

/* --------------------------------------------
 * input
/* ------------------------------------------ */
/* inputWrap_st1 */
.inputWrap_st1{position:relative;z-index:1}
.inputWrap_st1.focus{z-index:10}

/*.inputWrap_st1:before{content:'';width:70px;height:70px;display:inline-block;position:absolute;top:0;left:0;z-index:10;background:url("/_img/mobile/form_icon.png") no-repeat;-webkit-background-size:210px 70px;-moz-background-size:210px 70px;-o-background-size:210px 70px;background-size:210px 70px}
.inputWrap_st1.uCar:before{background-position:0 0}
.inputWrap_st1.uTel:before{background-position:-70px 0}*/
.inputWrap_st1 .input_tit:before{content:'*';width:5px; height:5px; color:#fed804; margin-right:10px;}
.inputWrap_st1 .input_tit{position:absolute;top:18px;left:20px;font-size:1.1em;white-space:nowrap;color:#136fac;letter-spacing:0.25px;font-weight:600;z-index:10}
.inputWrap_st1 input{margin-bottom:-1px;padding-left:60px;width:100%;height:50px;font-size:1.1em;color:#333;line-height: 50px;background:#fff;border: 1px solid #ccc;}
.inputWrap_st1 input:focus{background:#fff;border:1px solid #ffae00;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.15);-ms-box-shadow:0 0 5px 0 rgba(0,0,0,0.15);-o-box-shadow:0 0 5px 0 rgba(0,0,0,0.15);box-shadow:0 0 5px 0 rgba(0,0,0,0.15)}

.inputWrap_st1 input::-webkit-input-placeholder{color:#666}
.inputWrap_st1 input:-moz-placeholder{color:#666;opacity:1}
.inputWrap_st1 input::-moz-placeholder{color:#666;opacity:1}
.inputWrap_st1 input:-ms-input-placeholder{color:#666}
.inputWrap_st1 input:placeholder-shown{color:#666}

.inputWrap_st1 label{left:0; top:0; padding:13px 0 12px; width:50px; text-align:center; background:#666; position:absolute; z-index:1;}
.inputWrap_st1 textarea{padding:10px; width:100%; height:100px; border:1px solid #ccc;}
.inputWrap_st1 input:focus,
.inputWrap_st1 button:focus,
.inputWrap_st1 textarea:focus{border:1px solid #bd9342;}

/* --------------------------------------------
 * select
/* ------------------------------------------ */
/* selectWrap_st1 */
.selectWrap_st1{position:relative;background:#fff}
.selectWrap_st1.focus{z-index:10}
.selectWrap_st1 .select_tit:before{content:'*';width:5px; height:5px; color:#fed804; margin-right:10px;}
.selectWrap_st1 .select_tit{position:absolute;top:18px;left:20px;font-size:1.1em ;white-space:nowrap;color:#136fac;letter-spacing:0.25px;font-weight:600;z-index:10}
.selectWrap_st1 select{width:100%;height:50px;background:#fff;padding:10px 30px 10px 100px;font-size:1em;color:#c2c2c2;line-height:30px;border:1px solid #e1e1e1;font-weight:700;background:url("/_img/mobile/select_arr.png") no-repeat right -10px #fff;-webkit-background-size:47.5px 136px;-moz-background-size:47.5px 136px;-o-background-size:47.5px 136px;background-size:47.5px 136px}
.selectWrap_st1 select:focus{border:1px solid #ffae00;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.15);-ms-box-shadow:0 0 5px 0 rgba(0,0,0,0.15);-o-box-shadow:0 0 5px 0 rgba(0,0,0,0.15);box-shadow:0 0 5px 0 rgba(0,0,0,0.15)}
.selectWrap_st1 select.on{color:#6f9a50;font-weight:600}
/*.selectWrap_st1:before{content:'';width:70px;height:70px;display:inline-block;position:absolute;top:0;left:0;z-index:10;background:url("/_img/mobile/form_icon.png") no-repeat;-webkit-background-size:210px 70px;-moz-background-size:210px 70px;-o-background-size:210px 70px;background-size:210px 70px}*/
.selectWrap_st1.uArea:before{background-position:-140px 0}

/* --------------------------------------------
 * checkbox
/* ------------------------------------------ */

.checksWrap_st1{position:relative;}
.checksWrap_st1 .checks{padding-top:10px;}
/* .checksWrap_st1 label{display:inline-block;position:relative;top:0;left:0;height:28px;line-height:28px;font-size:14px;color:#555;padding:0 0 0 34px;z-index:10;background:url("/_img/mobile/check1_off.png") 0 0 no-repeat;-webkit-background-size:28px 28px;-moz-background-size:28px 28px;-o-background-size:28px 28px;background-size:28px 28px}
.checksWrap_st1 label.on{background:url("/_img/mobile/check_on.png") 0 0 no-repeat;-webkit-background-size:28px 28px;-moz-background-size:28px 28px;-o-background-size:28px 28px;background-size:28px 28px} */

/* --------------------------------------------
 * pagination
/* ------------------------------------------ */
.pagination{font-family: 'Rubik','Lato','NanumSquare',Arial,AppleGothic,verdana,sans-serif;}
.pagination ul{text-align:center}
.pagination li{display:inline-block}
.pagination li a{width:30px;height:30px;line-height:28px;text-align:center;display:inline-block;font-size:12px;color:#777;border:1px solid #eee;background:#fff}
.pagination li.active a{background:#777;border-color:#777;color:#fff;cursor:default}
.pagination li a.page_arr{background:url("/_img/mobile/pagination_arr.png") no-repeat;-webkit-background-size:112px 28px;-moz-background-size:112px 28px;-o-background-size:112px 28px;background-size:112px 28px}
.pagination li a.page_arr.page_first{background-position:0 0}
.pagination li a.page_arr.page_prev{background-position:-28px 0;margin-right:10px}
.pagination li a.page_arr.page_next{background-position:-56px 0;margin-left:10px}
.pagination li a.page_arr.page_last{background-position:-84px 0}

/* --------------------------------------------
 * layerPopup
/* ------------------------------------------ */
.layerPopup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;height:100vh;z-index:9999999999999999999;overflow:hidden}
.layerPopup.open{display:block}
.layerPopup .bg_mask{position:absolute;top:0;left:0;width:100%;height:100%;width:100vw;height:100vh;background:#131316;opacity:0.6;filter: alpha(opacity=60);-moz-opacity:0.6;z-index:999}
.layerPopup .layerBody{width:80%;height:60%;position:absolute;left:10%;top:20%;background:#fff;z-index:9999}
.layerPopup .layerBody.slideInUp{-webkit-animation-duration:0.6s;animation-duration:0.6s}
.layerPopup .layerBody .close{width:60px;height:60px;line-height:60px;display:inline-block;position:absolute;right:0;top:0;text-align:center;z-index:100;background:url("/_img/icon_close.png") no-repeat center center;-webkit-background-size:18px 18px;-moz-background-size:18px 18px;-o-background-size:18px 18px;background-size:18px 18px}
.layerPopup .layerBody .close.dark{background:url("/_img/icon_close2.png") no-repeat center center;-webkit-background-size:18px 18px;-moz-background-size:18px 18px;-o-background-size:18px 18px;background-size:18px 18px}
.layerPopup .layerBody h2.tit{width:100%;color:#2d2d36;background:#fff;line-height:60px;height:60px;padding-left:20px;font-size:16px;border-bottom:1px solid #dfe0e4;position:absolute;top:0;left:0;right:0;z-index:10}
.layerPopup .layerBody .contPop{overflow:hidden;overflow-y:auto;position:relative;height:100%;padding-top:60px}



/* --------------------------------------------
 * table
/* ------------------------------------------ */
/* table_st1 */
.table_st1 table{border-top:2px solid #555555;border-bottom:1px solid #e1e1e1}
.table_st1 td,
.table_st1 th{text-align:left;border-left:1px solid #f0f0f0}
.table_st1 tr:first-child td:first-child,
.table_st1 tr:first-child th:first-child{border-left:0}
.table_st1 th{font-size:18px;line-height:26px;color:#222;font-weight:400;padding:16px 0 16px 30px}
.table_st1 td{font-size:14px;line-height:26px;color:#555;font-weight:400;border-top:1px solid #f0f0f0;padding:16px 30px 30px;vertical-align:top}
.table_st1 td p{margin-bottom:10px}
.table_st1 td li{position:relative;padding-left:8px}
.table_st1 td li.mark{color:#aaa}
.table_st1 td li:before{content:'';width:4px;height:1px;display:inline-block;background:#777;position:absolute;top:12px;left:0}
.table_st1 .dot{width:6px;height:6px;display:inline-block;background-position:-74px -90px;vertical-align:middle;margin:0 4px}
.table_st1 .table_desc{margin-top:20px;font-size:14px;line-height:26px;color:#777}

/* table_st2 */
table{font-size:10px !important;}
.table_st2 ul{overflow:hidden}
.table_st2 span{display:table-cell;padding-right:20px;box-sizing:border-box}
.table_st2 span.no{width:16%}
.table_st2 span.tit{width:64%}
.table_st2 span.prs{width:20%}
.table_st2 .thead{display:table;width:100%;border-bottom:2px solid #d9d9d9;color:#878787;font-size:13px;line-height:1.25;letter-spacing:0}
.table_st2 .thead span{position:relative;padding:2px 0 6px}
.table_st2 .thead span:before{content:'';width:1px;height:16px;position:absolute;left:-20px;top:0;background:#d9d9d9}
.table_st2 li>a{position:relative;display:table;table-layout:fixed;width:100%;padding:16px 0;font-size:15px;color:#878787;border-bottom:1px solid #d9d9d9;cursor:default}
.table_st2 li>a span.tit,
.table_st2 span.prs.prs_ing{color:#222}
.table_st2 li>a:hover,
.table_st2 li>a:hover span{color:#33ccff !important;border-color:#33ccff}

.checksWrap_st1{position:relative; text-align:left;}
.checksWrap_st1 .checks{position:relative;line-height:20px}
.checksWrap_st1 a{display:inline-block;font-size:12px;line-height:20px;padding:0 10px;background:#777;color:#fff;border-radius:2px; float:right;}

.table_1 td{background:#ffffff; height:50px; text-align:center;border-right:solid 1px #d9d9d9;}
.table_1 td.table_black{background:#404042; }
.table_1 td.table_orange{background:#f36b21;}
.table_1 td.table_gray{background:#ebebed;}
.table_1 td.table_apricot{background:#fdf2ec;}
.table_1 td.table_red{background:#d51c28;}
.table_1 td.table_line{height:1px; background:#d9d9d9}

.table_2 td{background:#ffffff; height:35px; line-height:35px;text-align:center;border-right:solid 1px #d9d9d9;}
.table_2 td.table_orange{background:#f36b21;}
.table_2 td.table_gray{background:#ebebed;}
.table_2 td.table_line{height:1px; background:#d9d9d9}


.table_3 td{background:#ffffff;padding: 5px 0 4px 0;text-align:center;border-right:solid 1px #d9d9d9;border-bottom:solid 1px #d9d9d9;}
.table_3 td.table_orange{background:#f36b21;}
.table_3 td.table_gray{background:#ebebed;}
.table_3 td.table_apricot{background:#fdf2ec;}

.table_3_1 td{background:#f36b21; width:30px; }
.table_3_2 td{background:#ffffff; width:30px; }
.table_3_3 td{background:#fdf2ec; width:30px; }

.table_4 td{background:#ffffff; height:50px; line-height:1.5em;text-align:center;border-right:solid 1px #d9d9d9;border-bottom:solid 1px #d9d9d9;}
.table_4 td.table_orange{background:#f36b21;}


.table_5 td{background:#ffffff; height:35px; line-height:35px;text-align:center;border-right:solid 1px #d9d9d9;}
.table_5 td.table_orange{background:#f36b21;}
.table_5 td.table_gray{background:#ebebed;}
.table_5 td.table_line{height:1px; background:#d9d9d9}

.ys_width_100{width:100%;}
.ys_width_100 .font4_3{margin-top: 10px;padding: 20px;border: 2px solid rgb(232, 217, 219);width: 100%;float: left;}
.ys_width_100 > p{margin:10px auto 30px; font-size:16px; color:#555;}
.order_wrap{width: 45%;float:left;}
.order_wrap img {width:100%;}
.order_arrow{float:left;width: 5%;margin: 60px 0 0 0;}
.order_title{padding:7px;background:#f3f3f3; margin:0 0 5px 0;}
.order_text{margin:0 5px 0 0}
.order_common{margin-top: 10px;width: 100%;text-align: center;float:left;line-height: 50px;background: #eee;}

.ys_width_100.pd03 .order_arrow{margin-top:5%;}
.ys_width_100.pd03 .order_text.h40{height:40px;}
.ys_width_100 .Box01,
.ys_width_100 .Box02{margin:0 auto; width:90%;}


/* 패딩 스타일 */
.pd_style1 {padding:5px; min-height:26px;}

/* 폰트 스타일 */
.font_style01 {color:#ffffff; font-weight: bold;}
.font_style02 {color:#000000; font-weight: bold;}
.font_style03 {font-size:50px; font-family:Nanum Gothic,sans-serif; color:#ffffff; font-weight:700; padding:16px 0 18px 0; letter-spacing:-1pt; line-height:80px;}
.font_style04 {color:#; font-weight: bold;}
.font_style05 {color:#; font-weight: bold;}
.font_style06 {color:#; font-weight: bold;}
.font_style07 {color:#; font-weight: bold;}
.font_style08 {color:#; font-weight: bold;}
.font_style09 {color:#; font-weight: bold;}
.font_style10 {color:#; font-weight: bold;}

.font1_1 {font-size:24px; font-family:Nanum Gothic,sans-serif; color:#000000; font-weight:400; line-height:40px; letter-spacing:-1pt;}
.font1_2 {font-size:24px; font-family:Nanum Gothic,sans-serif; color:#f20009; font-weight:700; line-height:40px; letter-spacing:-1pt;}
.font1_3 {font-size:24px; font-family:Nanum Gothic,sans-serif; color:#000000; font-weight:900; line-height:40px; letter-spacing:-1pt;}

.font2_1 {font-size:18px; font-family:Nanum Gothic,sans-serif; color:#444444; font-weight:400; line-height:26px; letter-spacing:-1pt;}
.font2_2 {font-size:18px; font-family:Nanum Gothic,sans-serif; color:#f20009; font-weight:700; line-height:26px; letter-spacing:-1pt;}
.font2_3 {font-size:18px; font-family:Nanum Gothic,sans-serif; color:#ff7200; font-weight:700; line-height:26px; letter-spacing:-1pt;}

.font3_1 {font-size:10px; font-family:Nanum Gothic,sans-serif; color:#444444; font-weight:700; line-height:26px; letter-spacing:-1pt;}
.font3_2 {font-size:14px; font-family:Nanum Gothic,sans-serif; color:#545454; font-weight:400; line-height:26px; letter-spacing:-1pt;}
.font3_3 {font-size:14px; font-family:Nanum Gothic,sans-serif; color:#ff7200; font-weight:700; line-height:26px; letter-spacing:-1pt;}
.font3_4 {font-size:14px; font-family:Nanum Gothic,sans-serif; color:#ff7200; font-weight:700; line-height:20px; letter-spacing:-1pt;}
.font3_5 {font-size:14px; font-family:Nanum Gothic,sans-serif; color:#f20009; font-weight:700; line-height:26px; letter-spacing:-1pt;}


.font4_1 {font-size:12px; font-family:Nanum Gothic,sans-serif; color:#333333; font-weight:700; line-height:20px; letter-spacing:-1pt;}
.font4_2 {font-size:12px; font-family:Nanum Gothic,sans-serif; color:#565656; font-weight:700; line-height:20px; letter-spacing:-1pt;}
.font4_3 {font-size:13px; font-family:Nanum Gothic,sans-serif; color:#f20009; font-weight:700; line-height:20px; letter-spacing:-1pt;}
.font4_4 {font-size: 10px;font-family:Nanum Gothic,sans-serif;color:#ffffff;font-weight:700;line-height:20px;letter-spacing:-1pt;}
.font4_5 {font-size:12px; font-family:Nanum Gothic,sans-serif; color:#f20009; font-weight:700; line-height:20px; letter-spacing:-1pt;}
.font4_6 {font-size:13px; font-family:Nanum Gothic,sans-serif; color:#222222; font-weight:900; line-height:20px; letter-spacing:-1pt;}
.font4_7 {font-size:13px; font-family:Nanum Gothic,sans-serif; color:#333333; font-weight:400; line-height:20px; letter-spacing:-1pt;}

.font_s{font-size:14px;font-family:sans-serif;margin:0 1px 0 1px}
.font_h{font-size:14px;font-family:sans-serif;margin:0 1px 0 1px}



/* --------------------------------------------
 * OwlCarousel2
/* ------------------------------------------ */
.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-nav [class*='owl-']{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}
.owl-theme .owl-nav [class*='owl-']:hover{background:#869791;color:#FFF;text-decoration:none}
.owl-theme .owl-nav .disabled{opacity:0.5;cursor:default}
.owl-theme .owl-dots{height:6px;margin-top:24px;text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-dots .owl-dot span{width:8px;height:8px;margin:0 5px;display:block;-webkit-backface-visibility:visible;transition:opacity 200ms ease;background:#ddd;border-radius:50%}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{background:#33ccff}
.rollWrap a.button{width:8px;height:8px;margin:0 0 0 6px;text-indent:-9999em;overflow:hidden;display:inline-block;background:url("/_img/roll_controls.png") no-repeat;-webkit-background-size:46px 8px;-moz-background-size:46px 8px;-o-background-size:46px 8px;background-size:46px 8px}
.rollWrap a.button.play{background-position:0 0}
.rollWrap a.button.stop{background-position:-12px 0}

.f800{font-weight:800 !important;}
.f600{font-weight:600 !important;}


.boxbox{
	margin-bottom:15px;
	width:1%; height:2px; background:#bd9342;

	-webkit-transition: all 5s ease; 
    -moz-transition: all 5s ease; 
    -ms-transition: all 5s ease;
    -o-transition: all 5s ease; 
	transition: all 5s ease;
}
.slick-active .boxbox{
	width:100%;
}
.font_red{color:#cf000d;}