@charset "utf-8";

/* ==========================================================================
  font-face
   ========================================================================== */

@import url('/rank/css/font.css');

/* ==========================================================================
   Base styles & Helper
   ========================================================================== */

@import url('/rank/css/normalize.css');
@import url('/rank/css/datepicker.css');
@import url('/rank/css/owl.carousel.css');
@import url('/rank/css/hover-min.css');
@import url('/rank/css/animated.css');


/* base */
h1, h2, h3, h4, h5, h6, fieldset,ul, ol, dl, dt, dd, p, button ,figure{margin:0;padding:0;}
body{font:normal 14px/1.5 'Noto Sans KR','Malgun Gothic',sans-serif !important;color:#666;}
legend, caption{width:0;height:0;visibility:hidden;font-size:0;line-height:0;}
a{text-decoration:none;color:#666;}
img{vertical-align:middle;}
fieldset, button{background:none;border:0px;}
ul:after,ol:after{content:'';display:block;clear:both;}
li{list-style:none;}
table{width:100%;border-spacing:0px;border-collapse:collapse;}
iframe{width:100%;vertical-align:middle;border:0 none;}
hr{margin:20px 0;border:0 none;height:1px;background:#c9c9c9;}

.ac{text-align: center;}
/*** mobile_base ***/
	/*iphone 글자크기 자동조정 방지*/
	/*body{-webkit-text-size-adjust:none;} */ 
	/*안드로이드 주황색 포커스 제거 */
	/*body{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);} */ 
	/*iphone 폼요소 리셋 */
	/*input, select{-webkit-appearance:none;-webkit-border-radius:0}*/

/* ==========================================================================
   form
   ========================================================================== */
	 
label{display:inline-block}
label input{vertical-align:middle;}
textarea, input[type="text"], input[type="password"], input[type="file"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]
	{display:inline-block;height:50px;line-height:48px;padding:0px 20px;border:1px solid #ddd;background:#fff;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;vertical-align:middle;box-sizing:border-box;}
input[type="file"]{padding:3px;line-height:3 6px;}
select:hover, textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="file"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover{border-color:#ddd}
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus{border-color:#ddd}
select:disabled, textarea:disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="date"]:disabled, input[type="month"]:disabled, input[type="time"]:disabled, input[type="week"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, input[type="url"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="color"]:disabled{background-color:#f3f3f3;color:#222;font-weight:bold;}
select{display:inline-block;min-width:120px;height:50px;line-height:48px;padding:0px 20px 0 20px;border:1px solid #ddd;vertical-align:middle;box-sizing:border-box;background:#fff url(/resources/images/common/bg_select.png) no-repeat right center;color:#999;
-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select::-ms-expand{display: none;}
textarea{width:100%;min-height:100px;padding:20px;resize:none;line-height:1.5;box-sizing:border-box;}
::-webkit-input-placeholder,
::-moz-placeholder,
::-ms-input-placeholde,
:-ms-input-placeholder,
.placeholder{color:#999;opacity:1;}

.checkbox, .radio{position:relative;display:inline-block;}
.checkbox input, .radio input{position:absolute; width:0; height:0; left:0; top:0;}
.checkbox input:checked, .radio input:checked, .checkbox input:focus, .radio input:focus{outline:none! important}
.checkbox input+.lbl, .memberCheck .lbl, .radio input+.lbl{display:inline-block;min-width:27px;min-height:27px;line-height:27px;position:relative;vertical-align:middle;}
.checkbox input+.lbl:before, .radio input+.lbl:before{content:'\f00c';font-family:fontAwesome;font-weight:normal;font-size:15px;color:#fff;background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);/* border-radius:5px;*/display:inline-block;text-align:center;height:29px;line-height:29px;min-width:29px;margin-right:10px;box-sizing:border-box;cursor:pointer;}
.memberCheck input+.lbl:before{float:right;margin-right:0;margin-left:15px;}
.checkbox input:checked+.lbl, .radio input:checked+.lbl{font-weight:600;}
.checkbox input:checked+.lbl:before, .radio input+.lbl:after, .memberCheck input:checked:before{display:inline-block;border-color:#e90119;background-color:#e90119;}
.radio input+.lbl:before{border-radius:14px;}
.radio input:checked+.lbl:before{background:#e90119;border:1px #e90119 solid;}
.checkbox input:disabled+.lbl:before, .radio input:disabled+.lbl:before, 
.checkbox input[disabled]+.lbl:before, .radio input[disabled]+.lbl:before, 
.checkbox input.disabled+.lbl:before, .radio input.disabled+.lbl:before{background-color:#f3f3f3;border-color:#CCC;box-shadow:none;color:#ddd}
.checkbox.hover > input + .lbl:before, .radio.hover > input + .lbl:before{border-color:#777}

.inp_standard{padding-right:140px;position:relative;}
.inp_addr2{padding-right:280px;position:relative;}
.tab_address2{display: none;}
.inp_search input{width:100%;}
.inp_search span{display:inline-block;position:absolute;right:0;top:0;}
.inp_search span a{line-height:48px;width:120px;display:inline-block;margin-left:20px;float:left;box-sizing:border-box;}
.text_box{box-sizing:border-box;padding:20px;overflow-y:auto;border:1px #ddd solid;}
.search_result{height:80px}
.text_box span{display:block;line-height:30px;cursor:pointer;}
.text_box.search_result span.selected{color:#222;font-weight:bold;}
.text_box.search_result span.no_result{color:#e21a22;}
input::-ms-input-placeholder  {opacity:1;}

/* ==========================================================================
   Layout
   ========================================================================== */
	 
/* font size */
.cont_tit{font-size:2.2857em;font-weight:500;color:#222;} 
.cont_txt_large{font-size:1.4285em;}
.cont_txt_mid{font-size:1.1428em;}
.cont_txt_small{font-size:0.9285em;}
h2.cont_tit{margin:1.5625em 0 1.875em;}
.price_txt_large{font-size:1.4285em;color:#e21a22;}
.price_txt_mid{font-size:1.1428em;color:#e21a22;}
.price_txt_small{font-size:0.9285em;color:#e21a22;}

#wrap{position:relative;min-width:1200px;min-height:100%;padding-top:157px;}
#wrap .inner{width:1200px;display:block;margin:auto;position:relative;}
#wrap .inner:after{content:'';display:block;clear:both;}

#header{position:absolute; z-index:60;background:#fff;border-top:3px #e21a22 solid;transition:all 0.4s ease;width:100%;left:0;top:0;border-bottom:1px #ddd solid;}
	.header_top{position:relative;max-width:1250px;height:100px;display:block;margin:auto;}
	.header_top:after{content:'';display:block;clear:both;}
	.logo a{width:168px;height:40px;position:absolute;left:50%;top:30%; no-repeat;font-size:1em;}
	.sticky_logo{display:none;}
	.header_top a.btn_order{font-size:1.2857em;color:#fff;background:url() no-repeat;padding:0.9em 2.0555em;line-height:1;float:right;margin-top:35px;transition:all 0.4s ease;}
	.header_call{position:absolute;height:53px;left:0;top:50%;margin-top:-26px;color:#666;padding-left:85px;background:url() left center no-repeat;}
	.header_call strong{color:#e21a22;display:block;font-size:1.5714em;}
	.gnb_member{position: absolute;right:0;top:10px;}
	.gnb_member a{display:inline-block;position:relative;padding:0 0 0 1.0714em;line-height:1.0;float:left;}
	.gnb_member a:first-child{padding:0 1.0714em;}
	.gnb_member a:after, .gnb_member_nav>a:first-child:after{content:'';display:inline-block;position:absolute;left:0;width:1px;height:100%;background:#ddd;top:0;}
	.gnb_member a:first-child:after, .gnb_member_login div:first-child a:after{content:none;}
	.gnb_member a i, .gnb_member a i:before, .gnb_member a i:after{position:absolute;width:18px;height:2px;background:#e8484e;right:0;top:7px;}
	.gnb_member a i:before{top:-7px;content:'';display:inline-block;}
	.gnb_member a i:after{content:'';display:inline-block;top:auto;bottom:-7px;}
	.gnb_member .gnb_member_nav{display:block;float:left;position: relative;width:130px;z-index: 10;box-sizing:border-box;}
	.gnb_member .gnb_member_nav a{padding:0 0 0 1.0714em;float: none;width:100%;position: relative;box-sizing:border-box;}
	.gnb_member .gnb_member_nav a.gnb_member_link:before{content:'';display: block;width:7px;height:5px;position: absolute;background:url('') no-repeat;right:1.0714em;top:50%;margin-top:-2px;left:auto;}
	.gnb_member .gnb_member_nav ul{position: relative; box-sizing:border-box;padding:0 1.0714em 10px;background: #fff;display:none;}
	.gnb_member .gnb_member_nav ul li:first-child{border-top:1px #ccc solid;padding-top:5px}
	.gnb_member .gnb_member_nav ul li a{line-height: 20px;font-size:0.8571em;display: block;}
	.gnb_member .gnb_member_nav ul li a:first-child{padding:0;}
	.gnb_member{top:0;}
	.gnb_member .gnb_member_link{margin:10px 0;}
	.gnb_member .gnb_member_nav.on{border:1px #e21a22 solid;border-top:0;}
	.gnb_member .gnb_member_nav.on a.gnb_member_link:before{background:url('') no-repeat;}
	
	.btn_gnb{display:none;}
	#gnb{position:relative;height:54px;border-bottom:1px #ddd solid;border-top:1px #ddd solid;}
	#gnb .gnb_wrap{max-width:1200px;display:block;margin:auto;position:relative;overflow: hidden;}
	.sticky #gnb{height:78px;}
	#gnb .gnb_wrap:before{content:'';display: block;clear:both;}
	/*#gnb:before{content:'';display:block;position:absolute;width:100%;height:1px;background:#ddd;left:0;top:0;}*/
	.gnb_bg{content:'';display:block;position: absolute;width:100%;height:750px;left:0;top:55px;background:#fff;border-bottom:1px #ddd solid;box-shadow: 1px 2px 5px rgba(0,0,0,0.22);display: none;z-index: 60;}
	#gnb ul{padding-left:4em;}
	#gnb ul, #gnb ul>li{float:left;}
	
	
	#gnb ul>li{font-size:1.2857em;padding:0 0 0;width:160px;text-align:center;letter-spacing:-0.005em; padding-top: 20px;padding-bottom:20px;}
	#gnb ul>li a{color:#111; position:relative;padding:0 0px 0.0777em;}	
	#gnb ul>li.on a:after{position:absolute;bottom:0;content:'';display:block;width:100%;height:1px;bottom:0;left:0;background:#e21a22;}
	#gnb ul>li.on>ul>li a:after{height:1px;}
	
	
	#gnb ul>li.on>ul>li{content:none; padding-top: 10px;}
	#gnb ul>li.on>ul>li a:after{content:none;}
	#gnb ul>li.on>ul>li.on a:after{position:absolute;bottom:0;content:'';display:block;width:90%;height:1px;bottom:0;left:0;background:#e21a22;}
	
	#gnb ul>li>ul{position:relative;z-index:70;width:100%;padding:0 0 0 0;display: none;}
	#gnb ul>li>ul li{font-size:0.7777em;}
	#gnb ul>li>ul>li.on a{color:#e21a22;}
	#gnb ul>li>ul>li a.hvr-underline-from-center:before{height:	0px;}
	#gnb ul>li>ul>li{padding:0.4571em 0;text-align:center;display:block;float:none;}
	#mGnb .mGnb_wrap li ul li a.hvr-underline-from-center:before{height:1px;}
	
	
#header.sticky{position:fixed; left:0;top:0;width:100%;}
#header.sticky #gnb:before{top:79px;box-shadow: 1px 2px 5px rgba(0,0,0,0.22);border-bottom:1px #ccc solid;}
#header.sticky .header_top{height:0;overflow: hidden;}
#header.sticky #gnb .gnb_2depth ul{padding-left:0;}
#header.sticky #gnb ul, #header.sticky #gnb .gnb_2depth ul:first-child{padding-left:220px;}
#header.sticky #gnb ul>li>ul, #header.sticky #gnb .gnb_2depth ul:first-child{padding-left:0;}
#header.sticky #gnb ul>li>ul{top:0px;}
#header.sticky .sticky_logo{display:block;}
#header.sticky .sticky_logo a{left:0;margin-left:0;margin-top:0;top:20px;}
#header.sticky #gnb ul>li{padding:1.4285em 0 0;width:140px;}
#header.sticky #gnb ul>li a{padding:0 10px 1.4285em;}
#header.sticky .gnb_bg{top:80px;}
#header.sticky #gnb .gnb_member{margin-top:31px;}
#mGnb{display:none;}
#container:before{content:'';display:block;clear:both;}
#container #contents{width:1070px;display:block;margin:auto;box-sizing:border-box;}

/* current page */
.page_nav{width:100%;position:relative;}
.page_nav:before{content:'';position: absolute;top:0;left:0;width:100%;height:1px;background:#ddd;}
.page_nav_wrap_web{position:relative;display:block;max-width:1200px;margin:auto;box-sizing:border-box;text-align:right;line-height:3.5714em;}
.page_nav_wrap_web:after{content:'';display:block;clear:both;}
.page_nav_wrap_web span{display:inline-block;float: right;padding-top:10px;}
.page_nav_wrap_web span em{font-style:normal;}
.page_nav_wrap_web .current_page{color:#e21a22;font-style: normal;}

#footer{padding:10px 0;text-align:left;border-top:1px solid #cacaca;color:#888;font-size:0.9285em;margin-top:10px;} 
	.foot_menu{margin-bottom:15px;}
	.foot_menu li{float:left; padding:0 13px;position:relative;line-height:28px;}
	.foot_menu li select{height:30px;line-height:28px;padding:0 10px;min-width:140px;}
	.foot_menu li:first-child{padding:0 13px 0 0;}
	.foot_menu li:before{content:''; display:inline-block;width:1px;height:14px;background:#cacaca;position:absolute;left:0;top:50%;margin-top:-7px;color:#666;}
	.foot_menu li:first-child:before{content:none;}
	.copy{display:inline-block;padding-left:20px;}
	.sns_wrap{position:absolute;right:0; top:0px;}
	.sns_wrap li{float:left;margin-left:10px;}
	.sns_wrap li:first-child{margin-left:0;}
	.sns_wrap li a{text-indent:-9999px;width:40px;height:40px;display:inline-block;background-position:center center;background-size:18px 18px;background-repeat:no-repeat;box-sizing:border-box;border:1px #dedede solid;border-radius:20px;}
	.sns_wrap li.foot_fb a{background-image:url();}
	.sns_wrap li.foot_blog a{background-image:url();}
	.sns_wrap li.foot_insta a{background-image:url();}
#toTop{display:none;position: fixed;right:10px;bottom:10px;width:40px;height:40px;text-indent: -9999px;border-radius:20px;background:url('') center center #ddd no-repeat;background-size:20px 11px;z-index: 90;}	
#toTop:hover{background-color:#e21a22;}	

/* ==========================================================================
   common
   ========================================================================== */
.fw100{font-weight:100;}
.fw200{font-weight:200;}
.fw300{font-weight:300;}
.fw400{font-weight:400;}
.fw500{font-weight:500;}
.fw700{font-weight:700;}
.fw900{font-weight:900;}

.f16{font-size:1.143em;}
.f20{font-size:1.429em;}

.t_wht{color:#fff;}
.t_blk{color:#222;}

.t_red, .t_private{color:#e21a22;}
a.t_red{text-decoration: underline;}
.t_blue{color:#0066ff;}
.t_gray{color:#444;}
.t_gray2{color:#666;}
.t_gray3{color:#999;}

.t_center{text-align:center;}
.t_left{text-align:left;}
.t_right{text-align:right;}
.v_mid{vertical-align:middle;}

.f_left{float:left;}
.f_right{float:right;}
.clear{clear:both;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt85{margin-top:85px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}

.w60{width:60px}
.w80{width:80px}
.w100{width:100px}
.w120{width:120px}
.w140{width:140px}
.w160{width:160px}
.w180{width:180px}
.w200{width:200px}
.w_50{width:50%}
.w_100{width:100%}

.w_none{display:none;}
.block{display:block;}
.inblock{display:inline-block;}
.hide{display:none !important;}
.hidden{overflow:hidden;}
.blind{position:absolute;overflow:hidden;width:0px;height:0px;font-size:0;line-height:0;text-indent:-9999px;}
.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.op80{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.bgLayer{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#333;opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;z-index:60;}

.blur img{-webkit-filter:blur(6px);-moz-filter:blur(6px);filter:blur(6px);}
.grayscale img{
	filter:url(filters.svg#gray);/* Gecko and FF*/
	filter:gray;/* IE */
	-moz-filter:grayscale(1);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	-webkit-filter:grayscale(1);}
a.grayscale:hover img, a.grayscale:focus img, a.grayscale:active img{
	filter:none;
	-moz-filter:none;
	-ms-filter:none;
	-o-filter:none;
	-webkit-filter:none;}

/* Chrome, Safari용 스크롤 바 */
::-webkit-scrollbar{width:8px;height:8px;border:3px solid #fff;}
::-webkit-scrollbar-track{background:#efefef;-webkit-border-radius:10px;border-radius:10px;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb{height:50px;width:50px;background:rgba(0,0,0,.2);-webkit-border-radius:8px;border-radius:8px;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.1)}



/* ==========================================================================
   component
   ========================================================================== */
/* skip_Navi */
#skipNavi{position:relative;}
#skipNavi a{display:block;position:absolute;left:0;top:-30px;width:150px;text-align:center;color:#fff;background:#000;z-index:1000;}
#skipNavi a:focus, #skipNavi a:hover{top:0px;}

/* spinner */
.inp_spinner{position:relative;display:inline-block;;padding:0 45px;}
.inp_spinner input{display:inline-block;width:60px;text-align:center;line-height:40px;height:40px;font-size:1.5em;color:#666;border:0;padding:0;font-family:'Malgun Gothic';}
.inp_spinner .btn{position:absolute;top:0;width:40px;height:40px;border:1px #ddd solid;color:#ddd;text-align:center;}
.inp_spinner .btn.minus{left:0;background-image:url();}
.inp_spinner .btn.plus{right:0;background-image:url();}	
/* datepicker */
.datepicker{position:relative;}
.datepicker input{display:inline-block;min-width:90px;height:50px;line-height:48px;padding:0px 50px 0 20px;border:1px solid #ddd;vertical-align:middle;box-sizing:border-box;color:#999;
-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.datepicker span{display:inline-block;text-indent:-9999px;width:26px;height:26px;position:absolute;top:50%;right:20px;margin-top:-13px;background-image:url();background-size:cover;}

/* 버튼 */
.btn_login{width:120px;height:110px;line-height:110px;background:#fff;display:inline-block;font-size:1.1428em;font-weight:700;vertical-align: middle;box-sizing:border-box;}
.btn_huge{min-width:240px;height:60px;line-height:60px;background:#fff;display:inline-block;font-size:1.1428em;font-weight:700;color:#444;vertical-align: middle;box-sizing:border-box;}
.btn_large{min-width:200px;height:60px;line-height:60px;background:#fff;display:inline-block;font-size:1.1428em;font-weight:700;color:#444;vertical-align: middle;box-sizing:border-box;}
.btn_mid{min-width:200px;height:50px;line-height:50px;background:#fff;display:inline-block;vertical-align: middle;box-sizing:border-box;}
.btn_small{width:120px;height:50px;line-height:50px;background:#fff;display:inline-block;vertical-align: middle;box-sizing:border-box;}
.btn_tiny{min-width:100px;height:40px;line-height:40px;background:#fff;display:inline-block;vertical-align: middle;box-sizing:border-box;}	 
.btn_down{min-width:80px;height:25px;line-height:25px;background:#fff;display:inline-block;vertical-align:middle;box-sizing:border-box;font-size:0.9285em;}
.btn_red{color:#e21a22;bordeR:1px #e21a22 solid;background:#fff;font-weight:700;text-align:center;box-sizing:border-box;}
.btn_blk{color:#222;border:1px #aaa solid;background:#fff;text-align:center;box-sizing:border-box;}
.btn_blk2{color:#444;border:1px #aaa solid;background:#fff;text-align:center;box-sizing:border-box;}
.btn_grey{color:#222;border:1px #eee solid;background:#eee;text-align:center;box-sizing:border-box;}
.btn_comment{width:120px;height:120px;line-height:120px;background:#fff;display:inline-block;font-size:1.1428em;font-weight:700;vertical-align: middle;box-sizing:border-box;}

.btn_red:hover{/*-moz-box-shadow:inset 0 0 5px #e21a22;-webkit-box-shadow: inset 0 0 5px #e21a22;box-shadow:inset 0 0 5px #e21a22;*/border-width:2px;}
.btn_blk:hover, .btn_blk2:hover, .btn_grey:hover, .inp_spinner a:hover{/*-moz-box-shadow:inset 0 0 5px #aaa;-webkit-box-shadow: inset 0 0 5px #aaa;box-shadow:inset 0 0 5px #aaa;*/text-decoration: none;border-width:2px;}
.btn_grey:hover{border-color: #222;}

.btn_upload{display: inline-block;background:#eee;line-height:50px;height:50px;box-sizing:border-box;border:1px #eee solid;position:absolute;top:0;right:0;width:120px;}

/* 탭 */
.tab_step{border-bottom:1px #ccc solid;margin-bottom:50px;}
.tab_step li{float:left;font-size:1.4285em;text-align:center;color:#666;box-sizing:border-box;position:relative;}
.tab_step li:before{content:'';position:absolute;width:14px;height:27px;background-image:url();left:-7px;top:50%;margin-top:-13px;}
.tab_step li:first-child:before{content:none;}
.tab_step li div{width:70%;max-width:200px;padding-bottom:0.85em;margin:auto;position:relative;}
.tab_step li div span{font-size:0.7em;display:block;color:#aaa;}
.tab_step li.on{font-weight:700;color:#e21a22;}
.tab_step li.on div span{color:#222;}
.tab_step li.on div:after{content:"";position:absolute;width:100%;left:0;bottom:0;border-bottom:3px #e21a22 solid;}
.tab_clickable{margin-bottom:2.5em;}
.tab_clickable li{float:left;font-size:1.1428em;line-height:100%;text-align:center;color:#666;position:relative;}
.tab_clickable li.on a{color:#222;}
.tab_clickable li div{padding:1em 0;position:relative;z-index:1;}
.tab_clickable >li:before{content:'';left:0;top:0;bottom:0;right:0;position:absolute;border:1px #ddd solid;background:#f3f3f3;}
.tab_clickable >li.on:before{border-color:#ccc;}
.tab_clickable > li + li:before{left:-2px;}
.tab_clickable > li.on:before{border-bottom:0;background:#fff;}
.tab_3depth li{width:33.333%;}
.tab_2depth li{width:50%;}
.tab_contents2, .tab_modal_contents2{display: none;}

/* 페이져 */
.pager{text-align:center;clear:both;}
.pager li{display:inline-block;margin:0 1px;}
.pager li a, .pager li strong{font-size:1.1428em;display:inline-block; width:2.5em;height:2.5em;line-height:2.5em;box-sizing:border-box;border:1px #ddd solid;color:#444;}
.pager li a:hover{border:1px #222 solid;}
.pager li strong{color:#fff;background:#e21a22;border-color:#e21a22;}
.pager_prev a:after{content:"\f053";font-family:fontAwesome;font-weight:normal;color:#e21a22;font-size:1.1428em;}
.pager_next a:after{content:"\f054";font-family:fontAwesome;font-weight:normal;color:#e21a22;font-size:1.1428em;}

/* 테이블 */
.table{text-align:center;border-bottom:1px #ccc solid;border-collapse: collapse;border-spacing: 0;}
.table thead{border-top:1px #999 solid;border-bottom:1px #ccc solid;color:#222;}
.table thead th, .table tbody td{padding:0 1.4285em;height:4.2857em;}
.table tbody td{border-top:1px #ccc solid;}
.table tbody tr:first-child td{border:0;}
.table tbody a:hover{text-decoration: underline;}
.table tbody td.table_img_view{box-sizing:border-box;padding:5.2142em 6.4385em;}

/* 아이콘 */
.ico_grey{display:inline-block;width:110px;height:110px;position:relative;background-color:#f3f3f3;border-radius:55px;text-indent:-9999px;}
.ico_grey:before{content:'';display:inline-block;position:absolute;left:50%;top:50%;background-size:cover;}
.ico_complate:before{width:63px;height:63px;margin-left:-31px;margin-top:-31px;background-image:url();}
.ico_phone_certify:before{width:44px;height:68px;margin-left:-22px;margin-top:-34px;background-image:url();}
.ico_search_regi:before{width:57px;height:57px;margin-left:-28px;margin-top:-28px;background-image:url();}
.ico_password:before{width:50px;height:66px;margin-left:-25px;margin-top:-33px;background-image:url();}
.ico_speaker:before{width:65px;height:57px;margin-left:-32px;margin-top:-28px;background-image:url();}
.ico_document:before{width:50px;height:59px;margin-left:-25px;margin-top:-29px;background-image:url();}
.ico_contest:before{width:58px;height:46px;margin-left:-29px;margin-top:-23px;background-image:url();}
.ico_contest_complate:before{width:58px;height:58px;margin-left:-29px;margin-top:-29px;background-image:url();}


/* 레이어팝업 */
.modal_pop_bg{position:fixed;right:0;bottom:0;left:0;top:0;overflow-x:hidden;overflow-y:auto;background:url();z-index:500;padding:80px 10px;display:none;}
.modal_pop_wrap{position:relative;width:580px;padding:30px 40px 40px;display:block;margin:0 auto;background:#fff;border-top:3px #e21a22 solid;}
.modal_pop_wrap .cont_txt_large{margin-bottom:2.5em;}
.pop_close{position:absolute;right:40px;top:30px;width:26px;height:26px;text-indent:-9999px;background-image:url();}

/* 리스트 스타일 */
.list_blk li, .list_blk dd{text-align:left;background:url() no-repeat left 15px;padding:5px 0 5px 15px}
.list_blk li.t_red{background:url() no-repeat left 15px;}

/* 리스트 검색 */
.list_search_wrap{position: relative;text-align:right;margin-bottom:20px;}
.list_search_wrap .list_search_input{padding-right:120px;width:360px;box-sizing:border-box;float:right;}
.list_search_wrap select{min-width:170px;margin-right:10px;}
.list_search_wrap .list_search_input input{width:100%;}
.list_search_wrap .list_search_input .btn_mid{min-width:110px;max-width:110px;right:0;position: absolute;}
.list_search_wrap:after{content:'';display: block;clear:both;}


/* 페이지 서브 메뉴 */
.page_nav_wrap_mobile{position: relative;display:none;z-index:9;border-bottom:1px #ccc solid;}
.page_nav_wrap_mobile h5{line-height: 3.5714em;text-align:center;font-size:1.0714em;}
.page_nav_wrap_mobile h5:after{position: absolute;content:'';display: block;width:15px;height:9px;background:url('') no-repeat; right:30px;top:50%;margin-top:-4px;transform: rotate(180deg);transition: all .3s ease;}
.page_nav_wrap_mobile ul{display:none;position: absolute;left:0;top:3.5714em;padding:12px 0;font-size:1.0714em;background-color:#fafafa;width:100%;text-align: center;border-bottom:1px #ddd solid;box-shadow: 1px 1px 5px rgba(0,0,0,0.22);}
.page_nav_wrap_mobile.on h5{border-bottom:1px #ddd solid;}
.page_nav_wrap_mobile.on h5:after{transform: rotate(0deg);}
.page_nav_wrap_mobile ul li{padding:12px 0;}


/* 섬네일 겔러리 */
.thumb_gallery li{width:33.3333%;box-sizing:border-box;float:left;padding:0 0.7142em;margin-bottom:20px;}
.thumb_gallery li div{border:1px #ddd solid;background:#fff;}
.thumb_gallery li img{width:100%;}
.thumb_gallery .full_thumb{width:100%;text-align: center;margin-top:20px;}

/* 개인정보 취급방침 */
.privacy_wrap{max-width:1000px;display: block;margin:auto;}
.privacy_wrap p{margin-bottom:70px;}
.privacy_wrap dl dt{font-size:1.5714em;font-weight: 700;border-bottom:1px #e5e8e5 solid;padding-bottom:20px;}
.privacy_wrap dl dd{padding-top:20px;margin-bottom:70px;}
.privacy_wrap dl dd p{margin-bottom:35px;}

/* 사이트 맵 */
.sitemap_wrap{max-width:1000px;display: block;margin:auto;}
.sitemap_wrap ul li{width:25%;float: left;box-sizing:border-box;padding:0 10px;min-height:455px;margin-bottom:85px;}
.sitemap_wrap ul li h2{color:#e21a22;font-size:1.4285em;border-top:1px #cfcfcf solid;line-height:60px;box-sizing:border-box;padding:0 10px;}
.sitemap_wrap ul li p{border-top:1px #cfcfcf solid;line-height:60px;box-sizing:border-box;padding:0 10px;font-size:1.1428em;}
.sitemap_wrap ul li ul{border-top:1px #cfcfcf solid; padding:15px 0px;}
.sitemap_wrap ul li ul li{width:100%;float: none;min-height:0;margin-bottom:0;position: relative;box-sizing:border-box;padding-left:20px;}
.sitemap_wrap ul li ul li:before{content:'';display: inline-block;width:5px;height:1px;top:50%;left:10px;background:#666;position: absolute;}

/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */
@media only screen and (max-width: 1250px){
	/* layout */
	#wrap{min-width:300px;padding-top:80px;}
	#gnb{display:none;}
	
	#header{height:80px;border-top:0;}
		.header_top{height:80px;border-bottom:1px #ccc solid;}
		.header_top a.btn_order{margin-right:1.4285em;margin-top:15px;}
		.header_call{display:none;}
		.btn_gnb{display:block;}
		.gnb_member{display:none;}
		.btn_gnb a{display:block;overflow:hidden;width:80px;height:80px;position:absolute;z-index: 100;}
		.btn_gnb i:before, .btn_gnb i:after{content:'';transition-duration:0.3s, 0.2s;transition-delay:0.5s, 0s;}
		.btn_gnb i:before, .btn_gnb i:after, .btn_gnb i{position:absolute;left:1.4285em;top:40px;display:block;width:40px;height:3px;background:#e21a22;}
		.btn_gnb i:before{left:0;top:-15px;transition-property:top,transform;}
		.btn_gnb i:after{left:0;top:auto;bottom:-15px;width:30px;transition-property:bottom,transform;}
		.gnb_open .btn_gnb i{background:none;transition:background 0s 0.3s;}
		.gnb_open .btn_gnb i:before{top:0;transform:rotate(45deg);transition-delay:0s, 0.3s;background:#fff;}
		.gnb_open .btn_gnb i:after{bottom:0;width:40px;transform:rotate(-45deg);transition-delay:0s, 0.3s;background:#fff;}
	#header.sticky .header_top{height:80px;overflow:visible;}
	.mGnb_sns_wrap{position: relative;}
	.sns_wrap.mGnb_sns ul{display: block !important;position:relative;}
	.sns_wrap.mGnb_sns li a{background-size:26px 26px;width:60px;height:60px;border-radius:30px;}
	.mGnb_wrap li.mGnb_sns_wrap{border-bottom:0;line-height: 11.8571em;}
	.mGnb_wrap li .header_sns{display: block;background:#fff;}
	.header_sns li{float: none; display:inline-block;}
	/* mGnb */
	.gnb_open{overflow-y:hidden;}
	.gnb_open .btn_gnb a{position: fixed;top:0;}
	.gnb_open #mGnb{left:0;opacity:1;}
	#mGnb{display:block;position: fixed;top:0;left:-480px;width:480px;transition:all .5s ease;background:#fff;z-index:10;height:100%;opacity:0;}
	.gnb_open #mGnb:before{content:'';display:block;position:fixed;top:0;bottom:0;left:0;right:0;background:#000;z-index:10;opacity:0.5;}
	.mGnb_head_wrap{padding-left:80px;box-sizing:border-box;background: #a6ce39;z-index:20;position:relative;}
	.mGnb_head li{position:relative;width:50%;font-size:1.4285em;float:left;box-sizing:border-box;color:#fff;line-height:80px;z-index:20;padding-left:86px;}
	.mGnb_wrap p.on:before{content: "";position: absolute;z-index: -1;left:0;right:auto;bottom: 0;background: #e21a22;height: 3px;width:100%;}
	.mGnb_wrap li ul li.on a:before{content: "";position: absolute;z-index: -1;left: 0;right: auto;bottom: 0; background: #e21a22;height:1px;width:100%;}
	.mGnb_head li a{color:#fff; position:relative;display:block;box-sizing:border-box;line-height: inherit;}
	.mGnb_head li:before{content:'';position: absolute;display:block;width:39px;height:38px;background:url('');left:0;top:50%;margin-top:-20px;left:30px;}
	.mGnb_head li:first-child:before{background:url('');}
	.mGnb_head li:after{content:'';width:1px;height:20px;background:#fff;position:absolute;left:0;top:50%;margin-top:-10px;}
	.mGnb_head li:first-child:after{content:none;}
	.mGnb_login li{width:33.3%;padding-left:0px;text-align:center;}
	.mGnb_login li:before{content:none;}
	.mGnb_wrap{position:absolute;left:0;right:0;bottom:0;z-index:20;top:80px;background:#fff;overflow-y:auto;}
	.mGnb_wrap li{text-align:center;border-bottom:1px #ddd solid;}
	.mGnb_wrap li p{font-size:1.8571em;position:relative;line-height: 3.4615em;cursor: pointer;color:#222;display:inline-block;padding:0 10px;}
	.mGnb_wrap li p a{color:#222;}
	.mGnb_wrap li.on p:after{content:"";display:inline-block;position: absolute;left:0;bottom:0;height:3px;width:100%;background:#e21a22;}
	.mGnb_wrap li ul{display:none;padding:1em 0;background:#eee;}
	.mGnb_wrap li.on ul{display: block;}
	.mGnb_wrap li ul li{border:0;}
	.mGnb_wrap li ul li a{font-size:1.4285em;line-height:2.5em;}
	#wrap .inner{width:100%;box-sizing:border-box;padding:0 25px;}
	#container #contents{width:auto;padding:0 0.7142em;}
	
	/* current page */
	.page_nav_wrap_web{padding:0 1.8571em;}
	
	/* 페이지 서브 메뉴 */
	/*.page_nav_wrap_mobile{display:block;}*/
	.page_nav_wrap_web{display: none !important;}
	
	/* 사이트맵 */
	.site_map_pc{display:none;}
	
	#footer{padding:40px 0;text-align:center;}
		.foot_menu li{float:none;display:inline-block;}
		.copy{display:block;padding:0;}
		.sns_wrap{display:none;}
		.mGnb_sns_wrap .sns_wrap{display: block;width:100%;}	
}

@media only screen and (max-width: 760px){
	/* layout */
	#wrap{padding-top:50px;}
	#wrap .header_top{height:50px;}	
	#header{height:50px;}
		.logo a{width:84px;height:20px;margin-left:-42px;margin-top:-10px;background-size:84px 20px;}
		.header_top a.btn_order{margin-top:10px;margin-right:15px;font-size:0.9285em;padding:0.6666em;}
		.btn_gnb a{height:50px;width:50px;}
		.btn_gnb i:before, .btn_gnb i:after, .btn_gnb i{left:15px;top:25px;display:block;width:20px;height:2px;}
		.btn_gnb i:before{top:-8px;left:0;}
		.btn_gnb i:after{top:auto;bottom:-8px;left:0;width:15px;}
		.gnb_open .btn_gnb i:after{width:20px;}
	#header.sticky .header_top{height:50px;}
	.list_blk{margin-bottom:30px;}
	.page_nav_wrap_web{padding:0 15px;}
	
	/* mGnb */
	#mGnb{left:-300px;width:300px;}
	.mGnb_head_wrap{padding-left:50px;}
	.mGnb_head li{line-height:50px; font-size:1.0714em;padding-left:50px;}
	.mGnb_login li{padding-left:0px;}
	.mGnb_wrap{top:50px;}
	.mGnb_head li:before{margin-top:-9px;left:15px;width:20px;height:19px;background-size:20px 19px;}
	.mGnb_head li:first-child:before{background-size:20px 19px;}
	.mGnb_wrap li p{font-size:1.2857em;line-height:2.7777em;}
	.mGnb_wrap li ul li a{font-size:1.0714em;}
	.sns_wrap.mGnb_sns li a{background-size:18px 18px;width:40px;height:40px;border-radius:20px;}
	.mGnb_wrap li.mGnb_sns_wrap{line-height: 5em;}
	
	/* form style */
	textarea, input[type="text"], input[type="password"], input[type="file"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{height:40px;line-height:40px;padding:0 10px;}
	select{height:40px;line-height: 40px;padding:0 40px 0 10px;}
	.datepicker span{right:10px;width:20px;height:20px;margin-top:-10px;}
	.inp_search span a{line-height:40px;height:40px;}
	.checkbox input+.lbl, .radio input+.lbl{min-width:20px;min-height:20px;line-height:20px;}
	.checkbox input+.lbl:before, .radio input+.lbl:before{min-width:20px;height:20px;line-height: 20px;font-size:15px;}
	.radio input+.lbl:after{width:15px;height:15px;left:8px;margin-top:-7px;}
	
	/* font size */
	.cont_tit{font-size:2em;} 
	.cont_txt_large{font-size:1.2em;}
	.cont_txt_mid{font-size:1em;}
	.cont_txt_small{font-size:0.8571em;}
	.price_txt_large{font-size:1em;color:}
	.price_txt_mid{font-size:1em;color:}
	.price_txt_small{font-size:0.8571em;color:}
	
	/* 페이저 */
	.pager{margin:2.8571em 0;}
	.pager li a, .pager li strong{font-size:1em;width:2.1428em;height:2.1428em;line-height:2.1428em;}
	
	/* 버튼 */
	.btn_login{width:100px;height:90px;line-height:90px;font-size:1em;}
	.btn_huge, .btn_large{font-size:1em;min-width:120px;max-width:200px;height:50px;line-height:50px;}
	.btn_mid{font-size:0.9285em;min-width:100px;max-width:200px;height:40px;line-height:40px;}
	.btn_small{font-size:0.9285em;width:100px;height:40px;line-height:40px;}
	.btn_tiny{font-size:0.9285em;min-width:80px;height:30px;line-height:30px;}
	.btn_upload{font-size:0.9285em;max-width:100px;height:40px;line-height:40px;}
	/* 탭 */
	.tab_step li{font-size:1em;}
	.tab_clickable li{font-size:1em;}
	.tab_step li:before{width:10px;height:19px;background-size:10px 19px;}
	
	/* 테이블 */
	/*
	.table_wrap {width:100%;overflow-x:auto;}
	.table_wrap .table{white-space: nowrap;}
	*/
	.table thead th, .table tbody th, .table tbody td{padding:0 1%;font-size:0.9285em;}
	.table tbody td.table_img_view{padding:5.2142em 1em;}
	
	/* layer pop */
	.modal_pop_wrap{width:auto;padding:30px 20px 20px;}
	.pop_close{right:20px;}
	
	/* 아이콘 */
	.ico_grey{width:80px;height:80px;}
	.ico_complate:before{width:40px;height:40px;margin-left:-20px;margin-top:-20px;}
	.ico_phone_certify:before{width:30px;height:46px;margin-left:-15px;margin-top:-23px;}
	.ico_search_regi:before{width:35px;height:35px;margin-left:-17px;margin-top:-17px;}
	.ico_password:before{width:40px;height:53px;margin-left:-20px;margin-top:-26px;}
	.ico_speaker:before{width:40px;height:35px;margin-left:-20px;margin-top:-17px;}
	.ico_document:before{width:30px;height:35px;margin-left:-15px;margin-top:-17px;}
	.ico_contest:before{width:40px;height:32px;margin-left:-20px;margin-top:-16px;}
	.ico_contest_complate:before{width:40px;height:40px;margin-left:-20px;margin-top:-20px;}
	
	/* 리스트 검색 */
	.list_search_wrap{float:none;}
	.list_search_wrap .list_search_input{padding-right:120px;width:100%;padding-left:160px;float:none;margin:0;}
	.list_search_wrap select{position: absolute;min-width:0;margin-right:0;left:0;width:150px;}
		
	#footer{margin:0;}
		.foot_menu li{padding:0 10px;}
		.foot_menu li:first-child{padding:0 10px 0 0;}
			
	/* 섬네일 겔러리 */
	.thumb_gallery li{width:50%;padding:0 0.7142em;}
	
	/* 사이트 맵 */
	.sitemap_wrap ul li{width:50%;float: left;box-sizing:border-box;padding:0 10px;min-height:455px;margin-bottom:40px;}
	.sitemap_wrap ul li h2{color:#e21a22;font-size:1.4285em;border-top:1px #cfcfcf solid;line-height:60px;box-sizing:border-box;padding:0 10px;}
	.sitemap_wrap ul li p{border-top:1px #cfcfcf solid;line-height:60px;box-sizing:border-box;padding:0 10px;font-size:1.1428em;}
	.sitemap_wrap ul li ul{border-top:1px #cfcfcf solid; padding:15px 0px;}
	.sitemap_wrap ul li ul li{width:100%;float: none;min-height:0;margin-bottom:0;}
}

@media only screen and (max-width: 480px){
	/* form */
	.search_result{padding:10px;}	
	
	/* font size */
	.cont_tit{font-size:1.7142em;}
	/* 테이블 */
	.table thead th, .table tbody td{height:2.8571em;font-size:0.7857em;}
	/* 페이저 */
	.pager li a, .pager li strong{font-size:0.8571em;width:1.7857em;height:1.7857em;line-height:1.7857em;}
	
	/* 페이지 서브 메뉴 */
	.page_nav_wrap_mobile h5{font-size:1em;}
	.page_nav_wrap_mobile h5:after{right:15px;}
	.page_nav_wrap_mobile ul{padding:8px 0;font-size:1em;}
	.page_nav_wrap_mobile ul li{padding:8px 0;}
	
	/*form style */
	.inp_standard{padding-right:90px;}
	.inp_addr2{padding-right:180px;}
	.inp_search span a{width:80px;font-size:0.9285em;margin-left:10px;}
	
	/* 리스트 검색 */
	.list_search_wrap .list_search_input{padding-right:90px;padding-left:100px;}
	.list_search_wrap select{width:90px;}
	.list_search_wrap .list_search_input .btn_mid{width:80px;min-width:0;}
	
	/* 섬네일 겔러리 */
	.thumb_gallery li{width:100%;padding:0;}
	
	/* 개인정보 취급방침 */
	.privacy_wrap p{margin-bottom:35px;}
	.privacy_wrap dl dt{font-size:1.2857em;}
	.privacy_wrap dl dd{padding-top:20px;margin-bottom:35px;}
	.privacy_wrap dl dd p{margin-bottom:35px;}
	
	/* 사이트 맵 */
	.sitemap_wrap ul li{width:100%;float: none;padding:0 10px;min-height:0px;margin-bottom:40px;}
	.sitemap_wrap ul li:after{display: block;clear:both;content:'';}
	.sitemap_wrap ul li h2{color:#e21a22;font-size:1.4285em;border-top:1px #cfcfcf solid;border-bottom:1px #cfcfcf solid;line-height:60px;box-sizing:border-box;padding:0 10px;text-align: center;}
	.sitemap_wrap ul li p{float:left;border-top:0;line-height:1;padding:20px 10px 0;font-size:1.1428em;text-align: center;width:100%;}
	.sitemap_wrap ul li p.t_left{text-align: left;float:left;width:50%;}
	.sitemap_wrap ul li ul{float:left;width:50%;border-top:0;padding:15px 0;}
	
	#footer{font-size:0.8571em;}
		.foot_menu li{padding:0 3px;}
		.foot_menu li.footer_family_site{display: none;}
		.foot_menu li:first-child{padding:0 3px 0 0;}
		
}