@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);


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, 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;
    /* font-size: 100%; */
    /* font: inherit; */
    vertical-align: baseline;
    /*font-family:'Nanum Gothic', '맑은 고딕','Dotum','돋움','gulim','굴림',Helvetica,sans-serif;font-size:0.75em;color:#7e7e7e;*/
}
sub, sup{ margin: 0; padding: 0; border: 0;}
body{-webkit-text-size-adjust:none;/*ios zoom*/ overflow: hidden;}

/*common*/
body, button, input,textarea{color:#333;}
body{font-family:'Nanum Gothic','lato','Dotum','돋움','굴림',sans-serif;}

button, input,textarea{font-family:'Nanum Gothic','lato','Dotum','돋움','굴림',sans-serif;,serif;}
button{font-size:1em;}

*{-webkit-font-smoothing: antialiased;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
    display: block;
}
body {font-size: 13px;}
img{vertical-align:middle;-ms-interpolation-mode:bicubic !important}
input,select,textarea{vertical-align:middle;outline:none;}
ul,li,ol,li,dl,dd,dt{list-style:none}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}

table{border-spacing:0}
caption{visibility:hidden;z-index:-1;width:0;height:0;font-size:0;line-height:0}
legend,hr{visibility:hidden;position:absolute;left:-999px;z-index:-1;width:0;height:0;font-size:0}

/* Button */
button{background:none;}

button{overflow:visible;margin:0;padding:0;border:none;background:none;vertical-align:top;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
  /*@import url("../../../fonts.googleapis.com/earlyaccess/nanumgothic.css");*/

/* link */
a{color:inherit; text-decoration:none;}
a:hover{
	color: #ed2726;
}
span.h100{display:inline-block;height:100%;vertical-align:middle;}
/* skip navigation */
.accessibilityWrap dd a{display:block;position:absolute;top:-10000px;left:0;z-index:500;width:100%;font-size:1.3em;text-align:center}
.accessibilityWrap dd a:hover,.accessibilityWrap dd a:focus,.accessibilityWrap dd a:active{position:absolute;top:0;z-index:500;padding:15px 0;background:#1d60a7;font-weight:bold;color:#fff}

.blind{visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0}
/********************** font **********************/
/* clearfix */
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;content:' '}
.clearfix{display:inline-block}
/* start commented backslash hack \ */
* html .clearfix{height:1%}
.clearfix{display:block}
/* close commented backslash hack */
/* //clearfix */

html, body{height:100%;}
#wrap{position: relative;min-height:100%;}

html.of_hide3 body{overflow:hidden;}
html.of_hide3 #wrap{}
html.of_hide3 #wrap > .wrap_inner > section{overflow:hidden;}
/* link */
.ta-l{text-align: left !important;}
.ta-r{text-align: right !important; }
.ta-c{text-align: center !important; }

.fc_kr{font-family:'Nanum Gothic','맑은 고딕','Dotum','돋움','gulim','굴림',Helvetica,sans-serif !important;}
.fc_en{font-family:'Lato' !important;}
.fc_req{color: #da1010;}
.fc_point{ color: #333; }
.fw-b{font-weight: 700 !important;}
.fw-n{font-weight: normal !important;}
.fc_red{color: #e74c52 !important; }
.fc_enamel{color: #14bac6;}
.fc_data{color: #bdbdbd;}
.fc_noanswer{color: #6c6c6c !important;}
.fc_answer{display: inline-block; *display: inline; *zoom: 1; color: #ed1848 !important; line-height: 18px; border-bottom: 1px solid #ed1848;}
.fc_skyblue{color: #359fc4 !important; }
.fc_orange{ color: #f57000 !important; }
.fc_sodomy{ color: #314051 !important; }
.fc_black{color: #000 !important;  }
.para{ margin-bottom: 60px; text-align:center; }
.para2{ margin-bottom: 80px; }
.para_group > *{margin-bottom: 20px;}
.line_dot{background: url(../images/bg/bg_dotline_blue.gif) 0 100% repeat-x; padding-bottom: 20px; margin-bottom: 20px;  }
.fc_blue,.fc_blue:hover{color: #055ec2;}
a .fc_blue{  color: #8b8b8b; font-size: 12px; line-height: 16px; display: inline-block; *display: inline; *zoom: 1; border-bottom: 1px solid #8b8b8b; }
.p_req{position:relative; text-align: right; margin-bottom: 5px;  font-size: 12px; color: #bababa;overflow:hidden;}
.p_agree{position:relative; text-align: right; margin-bottom: 5px;  font-size: 12px; color: #666666;overflow:hidden;margin-top:10px;margin-bottom:20px;}
.p_agree > input[type="checkbox"]{position:absolute;left:-30px;top:-30px;margin-right:10px;}
a .fc_blue:hover{ color: #348fe2; border-bottom: 1px solid #348fe2; }
.no_select{ text-align: center; font-weight: 700; padding: 30px 0; font-size: 14px; border-style: solid; border-color: #ededed; border-width:1px 0; margin-bottom: 50px; }

/*icutter*/
img.h100p{height:100% !important; width:auto !important;position: relative;}
img.w100p{width:100% !important; height:auto !important;position: relative;}
.ict_hide{visibility: hidden;}

.mb10{ margin-bottom: 10px; }
.mb50{ margin-bottom: 50px; }
.mb80{ margin-bottom: 80px !important; }

.box_txt{ padding-left: 13px; font-size: 14px; line-height: 22px;  color: #777; margin-bottom: 30px;  }
.box_txt .ex{ color: #666; font-size: 13px; line-height: 20px;  margin-top: 10px; }
.box_txt.gray{ background-color: #f4f4f4;  }
.box_txt.bdrs{border-radius: 10px;}

.box_txt2{font-size: 14px; line-height: 22px;}
.box_txt2 > p.mb{margin-bottom: 15px;}

.box_brown{border-radius: 10px; background-color: #f9f8f6; }
.boxtype{display: inline-block; *display: inline; *zoom: 1; border-radius: 3px; text-align: center; }
.boxtype:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
.boxtype.red{background-color: #e11f27; color: #fff; }
.boxtype.gray{background-color: #808080; color: #fff; }
.boxtype.icoT1{  font-size: 12px; padding: 3px 10px; min-width: 70px; }
.boxtype.icoT2{  font-size: 13px; padding: 11px; min-width: 70px; }
.boxtype .ico{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;  }
.boxtype .ico.job{ width: 23px; height: 19px; background: url(../images/ico/ico_job.png) 50% 50% no-repeat; margin-right: 5px; }
.boxtype .ico.prev{ width: 10px; height: 10px; margin-top: -3px; margin-right: 5px; background: url(../images/ico/ico_arr_lft.png) 50% 50% no-repeat;  }
.boxtype .ico.next{ width: 10px; height: 10px; margin-top: -3px; margin-left: 5px; background: url(../images/ico/ico_arr_rgh.png) 50% 50% no-repeat;  }


/*이미지 고정 정렬*/
.imgDir{width: 100%; overflow: hidden;}
.imgDir:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
.imgDir > span{float:left; width: 100%;}
.imgDir > span > img{max-width: 100%;}
/*이미지 고정 정렬 : 우측 고정*/
.imgDir.rgh > span{float: right;}
/********************** font **********************/

/********************** align **********************/

.ta-l{ text-align: left !important; }
.ta-c{ text-align: center !important; }
.ta-r{ text-align: right !important; }
.fa-l{float: left !important ;}
.fa-r{float: right  !important;}
.fa-n{float: none  !important;}

/********************** title **********************/

/********************** title **********************/







/* paging */

.paging_comm {margin-top: 50px;font-size:16px;line-height:14px;text-align:center;vertical-align:top;}
.paging_comm .link_page {display:inline-block;padding: 0px 1px 3px 1px;margin-right:1px;text-decoration:none;vertical-align: -1px; color: #666; font-size: 14px; line-height: 16px; vertical-align: middle; }
.paging_comm em{font-style: normal; }
.paging_comm a{margin:0 10px;}
.paging_comm em.link_page {font-weight:bold; color: #ed2726; font-style: normal;  border-bottom: 1px solid #ed2726; margin-right: 10px;}
.paging_comm em.link_among {margin-right: 5px; color: #333; font-weight: normal;  }
.paging_comm .btn_prev.ls {padding-right:15px;}
.paging_comm .btn_next.ls {padding-left:15px;}
.paging_comm .btn_prev {padding-left:5px;}
.paging_comm .btn_next {padding-right:5px;}

/* //paging */

/*테이블 타입*/


table.tb_type1{width:100%;border-top:2px solid #9e9e9e;margin-bottom:5px;}
table.tb_type1 > thead th{background-color: #f8f8f8; color: #333; font-weight: bold;padding: 1.3077em 0; border-bottom: 1px solid #d0d0d0;}
table.tb_type1 > tbody{}
table.tb_type1 > tbody > tr{}
table.tb_type1 > tbody > tr > td{border-bottom: 1px solid #D0D0D0;color: #333333;line-height:1.2; padding:1.3077em 0.8em;text-align: center; vertical-align: middle;}
table.tb_type1 > tbody > tr > td.tit{text-align: left;}
table.tb_type1 > tbody > tr > td.date{color: #adadad;font-weight: 700;}
table.tb_type1 > tbody > tr > td.ans{text-decoration: underline;color: #ed2726;}
table.tb_type1 > tbody > tr > td.address{text-align: left;}
table.tb_type1 > tbody > tr > td.save{color: #ed2726;text-align: right;font-weight: 700;padding-left:20px;padding-right:20px;}
table.tb_type1 > tbody > tr > td.use{color: #214c8f;text-align: right;font-weight: 700;padding-left:20px;padding-right:20px;}
table.tb_type1 > tbody > tr > td.btn button{color: #5f5f5f;font-size: 12px;min-width: 55px;padding:0 5px;height: 23px;border:1px solid #A1A1A1}
table.tb_type1 > tbody > tr > td.btn button.gray{background-color: #e7e7e7;}
table.tb_type1 > tbody > tr > td.point.plus{color: #ed2726;font-weight: 700;}
table.tb_type1 > tbody > tr > td.point.minus{color: #214c8f;font-weight: 700;}

table.tb_type3{width: 100%;}
table.tb_type3 > tbody{}
table.tb_type3 > tbody > tr{}
table.tb_type3 > tbody > tr > td{vertical-align: middle;font-size: 15px;padding:0 10px;}
table.tb_type3 > tbody > tr > td > .img{width:88px;height:88px;border:1px solid #E9E9E9;background-color: #fff;position: relative;}
table.tb_type3 > tbody > tr > td > .img > img{position: absolute;top:0;bottom:0;left:0;right:0;max-width:100%;max-height: 100%;margin:auto;}
table.tb_type3 > tbody > tr > td.tit{text-align: left;}
table.tb_type3 > tbody > tr > td.tit > strong{display: block;color: #333333;font-size: 15px;margin-bottom:5px;}
table.tb_type3 > tbody > tr > td.tit > p{font-size: 13px;}
table.tb_type3 > tbody > tr > td.point{font-size: 16px;color: #ed2726;font-weight: 700;text-align: center;}

table.tb_type4{width:100%;border-top:1px solid #D0D0D0;}
table.tb_type4 > tbody{}
table.tb_type4 > tbody > tr{}
table.tb_type4 > tbody > tr > td{color: #666;font-size: 13px;padding:18px;text-align: center;border-bottom:1px solid #D0D0D0;}
table.tb_type4 > tbody > tr > td.date{color: #8f8f8f;font-weight: 700;}
table.tb_type4 > tbody > tr > td.price{font-weight: 700;color: #333;}
table.tb_type4 > tbody > tr > td a.btn_detail{color: #ed2726;text-decoration: underline;}
table.tb_type4 > tbody > tr.detail > td{padding:25px 18px;text-align: left;color: #333;}
table.tb_type4 .detail dl{}
table.tb_type4 .detail dl > dt{float: left;width:100px;font-weight: 700;clear: both;line-height:20px;padding-top:4px;}
table.tb_type4 .detail dl > dt .star{color: #ed2726;}
table.tb_type4 .detail dl > dt small{font-weight: 400;color: #878787;font-size: 12px;display: block;}
table.tb_type4 .detail dl > dd{margin-left:100px;margin-bottom:23px;}
table.tb_type4 .detail dl > dd select{height: 28px;min-width:267px;box-sizing:border-box;padding-left:10px;border:1px solid #dadada;color: #666;}
table.tb_type4 .detail dl > dd textarea{box-sizing:border-box;border:1px solid #DADADA;padding:10px;width:100%;}

.common_caution{position: relative;padding-left:30px;background: url(../shop/images/mypage/ico_caution.gif) 9px 2px no-repeat;}
.common_caution img{position: absolute;top:0;left:5;}
.common_caution p{color: #519cc4;font-size: 13px;line-height: 20px;}


/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}


/*라디오 버튼*/
.lst_check2.radio{overflow: hidden;position: relative;}
.lst_check2 .on .bx_radio{}
.lst_check2 .on .bx_radio > span{background-color: #1DA51C;}
.lst_check2.radio label{display: inline-block; color:#333; font-size:12px;}
.lst_check2.radio label > *{vertical-align: middle;}
.lst_check2 label .bx_radio{display:inline-block;width:16px; height: 16px; border:1px solid #666666;box-sizing:border-box;margin-right:10px;position:relative;vertical-align: middle;border-radius:50%;}
.lst_check2 label .bx_radio > span{position:absolute;width:8px;height:8px;left:0;right:0;top:0;bottom:0;margin:auto;border-radius:50%;}
.lst_check2.radio label + input[type='radio']{left:0;top:-20px;position: absolute;}

.empty_content{text-align: center;color: #666666;font-size: 26px;padding:120px 0;}
.empty_content > span{color: #81af34;text-decoration: underline;}


@-webkit-keyframes load8 {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes load8 {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}