@charset "utf-8";

/*나눔 바른 고딕*/

@font-face{font-family:'Noto Sans';
    font-style:normal;
    font-weight:700;
    src:url(/root/font/noto/NotoSans-Medium.eot);
    src:url(/root/font/noto/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
        url(/root/font/noto/NotoSans-Medium.woff) format('woff'),
        url(/root/font/noto/NotoSans-Medium.ttf) format('truetype')
}


@font-face{font-family:'Noto Sans';
    font-style:normal;
    font-weight:400;
    src:url(/root/font/noto/notokr-regular.eot);
    src:url(/root/font/noto/notokr-regular.eot?#iefix) format('embedded-opentype'),
        url(/root/font/noto/notokr-regular.woff2) format('woff2'),
        url(/root/font/noto/notokr-regular.woff) format('woff'),
        url(/root/font/noto/notokr-regular.ttf) format('truetype');
}

@font-face {font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 300;
    src:url(/root/font/noto/notokr-demilight.eot);
    src:url(/root/font/noto/notokr-demilight.eot?#iefix) format('embedded-opentype'),
        url(/root/font/noto/notokr-demilight.woff2) format('woff2'),
        url(/root/font/noto/notokr-demilight.woff) format('woff'),
        url(/root/font/noto/notokr-demilight.ttf) format('truetype');
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(/root/font/lato/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(/root/font/lato/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(/root/font/lato/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(/root/font/lato/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(/root/font/lato/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(/root/font/lato/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
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;
    /* font-size: 100%; */
    /* font: inherit; */
    vertical-align: baseline;
    /*font-family:'맑은 고딕','Dotum','돋움','gulim','굴림',Helvetica,sans-serif;font-size:0.75em;color:#7e7e7e;*/

}
body{font-family:'AppleSDGothicNeo-Light','lato', 'HelveticaNeue-Light', 'Noto Sans','Dotum','돋움','굴림',sans-serif; -webkit-text-size-adjust:none;/*ios zoom*/ overflow-y:scroll;line-height:1.25;}
button, input,textarea, option{font-family:'AppleSDGothicNeo-Light','lato', '맑은고딕', MalgunGothic, 'HelveticaNeue-Light','Noto Sans','Dotum','돋움','굴림',sans-serif;,serif;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;
}

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-collapse:collapse;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;font-size: 1em;}

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("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");*/

/* link */
a{color:inherit; text-decoration:none; }
a:hover{color:inherit}

/* lst_thmb */
.lst_thmb:after{overflow:hidden;clear:both;content:''}
.lst_thmb .thmb{float:left;}
.lst_thmb .cont{ margin-left: 281px; }
/*// lst_thmb*/

/* 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 */

/*공통*/
#wrap{position:relative;}
#wrap .out_box{max-width:1200px;margin:0px auto;}
#wrap .out_box.w750{max-width:750px;}
span.h100{display:inline-block;height:100%;vertical-align: middle;}

button.btn_pack{font-size:1em; min-width:8.6818em; padding:0px 0.8em; height:2.25em;border:1px solid transparent;border-radius:0.3em;
	-webkit-transition: background-color .4s linear, color .4s linear, border-color .4s linear;
    -moz-transition: background-color .4s linear, color .4s linear, border-color .4s linear;
    -o-transition: background-color .4s linear, color .4s linear, border-color .4s linear;
    transition: background-color .4s linear, color .4s linear, border-color .4s linear;
}

button.btn_pack.big{font-size: 1em; height:2.3em;min-width:8.2222em;}
button.btn_pack.tran{border-color:#E2E7EB;color:#333;}
button.btn_pack.tran:hover{background:#e2e7eb;}

button.btn_pack.blue{color:#fff;border:1px solid #00a1ef;background-color: #00a1ef;}
button.btn_pack.green{color:#fff;border:1px solid #41EAD4;background-color: #41EAD4;}
button.btn_pack.gray{color:#fff;border:1px solid #999;background-color: #999;}
button.btn_pack.red{color:#fff;border:1px solid #FF0022;background-color: #FF0022;}
button.btn_pack.purple{border-color: #B91372;color: #fff;background-color: #B91372;}
button.btn_pack.black{color:#fff;border:1px solid #011627;background-color: #011627;}

button.btn_pack.blue:hover{color:#00a1ef;background-color: #fff;}
button.btn_pack.green:hover{color:#41EAD4;background-color: #fff;}
button.btn_pack.gray:hover{color:#999;background-color: #fff;}
button.btn_pack.red:hover{color:#FF0022;background-color: #fff;}
button.btn_pack.purple:hover{color: #B91372;background-color: #fff;}
button.btn_pack.black:hover{color: #011627;background-color: #fff;}

.ani2{-webkit-transition: .2s ease-in-out;  -moz-transition: .2s ease-in-out;  -o-transition: .2s ease-in-out;  transition: .2s ease-in-out;}
.ani3{-webkit-transition: .3s ease-in-out;  -moz-transition: .3s ease-in-out;  -o-transition: .3s ease-in-out;  transition: .3s ease-in-out;}
.ani5{-webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;}

button.btn_more_t1{min-width:150px;height:45px;font-size: 1.25em;border:2px solid transparent;border-radius:3px;padding:0 10px;font-weight: 400;
    visibility: visible;opacity: 1;
	-webkit-transition: background-color .4s linear, color .4s linear, border-color .4s linear, visibility .3s ease, opacity .3s ease;
    -moz-transition: background-color .4s linear, color .4s linear, border-color .4s linear, visibility .3s ease, opacity .3s ease;
    -o-transition: background-color .4s linear, color .4s linear, border-color .4s linear, visibility .3s ease, opacity .3s ease;
    transition: background-color .4s linear, color .4s linear, border-color .4s linear, visibility .3s ease, opacity .3s ease;
}
button.btn_more_t1.white{border-color: #fff;color: #fff;}
button.btn_more_t1.white:hover{color: #333;background-color: #fff;}
button.btn_more_t1.black{border-color: #333;color: #333;}
button.btn_more_t1.red{border-color: #E63946;color: #fff;background-color: #E63946;}
button.btn_more_t1.red:hover{color: #E63946;background-color: #fff;}
button.btn_more_t1.blue{border-color: #457B9D;color: #fff;background-color: #457B9D;}
button.btn_more_t1.blue:hover{color: #457B9D;background-color: #fff;}
button.btn_more_t1.purple{border-color: #B91372;color: #fff;background-color: #B91372;}
button.btn_more_t1.purple:hover{color: #B91372;background-color: #fff;}
button.btn_more_t1.off{visibility: hidden;opacity: 0;}
div.bot_btn{text-align: center;margin-top:30px;}

.btns_type1{text-align: center;margin-bottom:1em;}
.btns_type1.mt3em{margin-top:3em;}

/*popup 스타일*/
.pop_type1{position: absolute;width:800px;left:0;right:0;margin:auto;z-index: 35;display:none;visibility: hidden;opacity:0;max-width:96%;
	-webkit-transform: scale(0.5,0.5);
	-moz-transform: scale(0.5,0.5);
	-ms-transform: scale(0.5,0.5);
	-o-transform: scale(0.5,0.5);
	transform: scale(0.5,0.5);
	-webkit-transition:visibility .4s ease-in-out, opacity .4s ease-in-out, -webkit-transform .3s ease-in-out .4s;
    -moz-transition:visibility .4s ease-in-out, opacity .4s ease-in-out, -moz-transform .3s ease-in-out .4s;
    -ms-transition:visibility .4s ease-in-out, opacity .4s ease-in-out, -ms-transform .3s ease-in-out .4s;
    -o-transition:visibility .4s ease-in-out, opacity .4s ease-in-out, -o-transform .3s ease-in-out .4s;
    transition:visibility .4s ease-in-out, opacity .4s ease-in-out, transform .3s ease-in-out .4s;
}
.pop_type1.on{visibility: visible;opacity:1;
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .4s cubic-bezier(.67,.04,.32,1) .1s;
    -moz-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, -moz-transform .4s cubic-bezier(.67,.04,.32,1) .1s;
    -ms-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, -ms-transform .4s cubic-bezier(.67,.04,.32,1) .1s;
    -o-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, -o-transform .4s cubic-bezier(.67,.04,.32,1) .1s;
    transition:visibility .3s ease-in-out, opacity .3s ease-in-out, transform .4s cubic-bezier(.67,.04,.32,1) .1s;
}
.pop_type1 > .inner{position: relative;border:1px solid #ccc;padding:4% 5%; background-color: #fff;border-radius:3px;}
.pop_type1 > .inner > h2{text-align: center;margin-bottom:30px;font-size: 25px;}
.pop_type1 .btn_close{position: absolute;top:7px;right: 7px;width:1.5em;}
.pop_type1 .btn_close img{max-width:100%;vertical-align: top;}

/* form type */
.form_type01{position:relative;}
.form_type01.line{padding:2.5em 0;border-top:1px solid #333;}
.form_type01 .bx_form{margin-bottom:1.5em;}
.form_type01 h3.tit{font-size: 1.5em;margin-bottom:1.25em;}
.form_type01 h3.tit.top_line{}
.form_type01 ul.bx_form > li{position:relative; margin-bottom:10px;padding-left:7.5em;}
.form_type01 ul.bx_form > li.ovh{overflow: hidden;}
.form_type01 ul.bx_form > li > label{position:absolute;left:0;margin:0;height:2.5em; line-height:2.5em;top:0;font-size: 0.875em;height:100%;}
.form_type01 ul.bx_form > li > label .star{color: #B91372;display: inline-block;vertical-align: middle;}
.form_type01 ul.bx_form > li input[type="text"]{height:2.5em; }
.form_type01 ul.bx_form > li > div.empty{height:2.5em;}
.form_type01 ul.bx_form > li input.ipt:focus{border-color:#666666;}
.form_type01 ul.bx_form > li p.line{margin-top:10px;}


.form_type01 .lst_check.radio > span > label{line-height: 2em;}
.form_type01 > h1{font-size: 2.1875em; color:#4a4a4a; font-weight: 400;margin-bottom:0.8em;}
.form_type01 > h2{color:#999999; font-weight:1.375em;font-weight: 400; line-height: 1.4; margin:0.5em 0 1.5em}
.form_type01 > h2.center{text-align:center}
.form_type01 .bx_form > li > label + input.readonly{background-color: #fff;border-color:transparent;}
.form_type01 .bx_form > li > label + input.readonly:focus{border-color:transparent;}
.form_type01 .bx_form > li .date > span{display: inline-block;position: relative;}
.form_type01 div.fileinputs{display: inline-block;}
.form_type01 .bx_form > li > .lst_check2{margin-top:0.3125em;}
.form_type01 .lst_check2 > ul > li .dec{font-size: 0.8125em; color: #666666;margin-left:0.3125em;}
.form_type01 .lst_Upload .tag{font-size: 1.25em;line-height:1.5em;}

.form_type01 .bx_ipt_inc_btn{position: relative;}
.form_type01 .bx_ipt_inc_btn > button{min-width:6em;width:6em;top:0;bottom:0;right:0;position: absolute;height:auto;font-size: 1em;}
.form_type01 .bx_ipt_inc_btn > div{margin-right:6.5em;}


.form_type02{margin-top:2.5em;position:relative;overflow:hidden;}
.form_type02 > h1{font-size: 2.1875em; color:#4a4a4a; font-weight: 400;margin-bottom:0.8em;}
.form_type02 > h2{color:#999999; font-weight:1.375em;font-weight: 400; line-height: 1.4; margin:0.5em 0 1.5em}
.form_type02 > h2.center{text-align:center}
.form_type02 button.btn_close{position: absolute; top:0;right:0; font-size:1em; height:1.25em; width:1.25em; }
.form_type02 button.btn_close img{max-height:100%;}
.form_type02 .bx_form{margin-bottom:2.5em;}
.form_type02 .bx_form > li > label{display: block;font-size: 0.875em; margin-bottom:0.675em;margin-top:1.05em;}
.form_type02 .bx_form > li > label + input:focus{border-color:#666666;}
.form_type02 p.login_opt{margin:1.25em 0;}
.form_type02 p.login_opt > *{vertical-align: middle;}
.form_type02 p.login_opt > a.forget{position: absolute; font-size:0.8125em;color:#666666;right:0;text-decoration:underline;}
.form_type02 button#btn_login{width:100%;font-size:0.875em; font-weight: 700; color:#fff; height: 2.5455em; background-color: #318AD6; border-radius:0.2em;margin:2.2727em 0; display:block;}
.form_type02 .signup{position: relative;}
.form_type02 .signup h2{font-size: 0.875em;margin-bottom:0.3em;margin-right:7em;}
.form_type02 .signup p{color: #666;font-size:0.8125em;margin-right:8.8em;}
.form_type02 .signup button{position: absolute;right:0;top:0;min-width:7em;font-size: 0.875em; padding:0.432em 0.5em; border:1px solid #4D4D4D; background-color: #fff;color:#333;border-radius:.3em;font-weight: 700;}
.form_type02 .lst_check.radio > span > label{font-size:0.875em;line-height:2.5em;min-width:5em;}
.form_type02 input.readonly{border-color:transparent !important;}
.form_type02 .bx_form > li > label + input.readonly:focus{border-color:transparent;}
.form_type02 .bx_form > li .date > span{display: inline-block;position: relative;}
.form_type02 .wave{font-size:1.5em; margin:0 0.5em}
.form_type02 div.fileinputs{width:400px;display: inline-block;}
.form_type02 .lst_Upload .tag{font-size: 1.25em;line-height:1.5em;}
.form_type02 .img_size{font-size: 0.75em;line-height:1.5em;}
.form_type02 .exp{font-size: 0.875em;margin-left:0.2em;vertical-align: middle;}

/*탭 스타일*/
/*.tab_type2{margin-left:1px}
.tab_type2 > ul{border-bottom:1px solid #D9D9D9;position: relative; margin-top: 0; border-radius: 0;}
.tab_type2 > ul > li{float:left; width:14.28571%;}
#area_faq .tab_type2 > ul > li{width:10%;}
.tab_type2 > ul > li > a{position:relative; text-align:center; display: block;line-height:1.5em;padding:8px 0;border-left:1px solid #D9D9D9;border-right:1px solid #D9D9D9; border-top: 1px solid #D9D9D9;
	margin-left:-1px;color: #888888; background-color:#f7f7f7;min-width:inherit;text-overflow: hidden;white-space : nowrap;overflow: hidden;}
.tab_type2.divSelect > ul > li > a:before{content:none}
.tab_type2 > ul > li.on > a{background-color: #fff; padding-bottom:9px;margin-bottom:-1px;color:#4481cf;}
.tab_type2 > ul > li.on > a span{display: inline-block; width:0;height:0;border-top:5px solid #4481cf;border-left:4px solid transparent;
    border-right:4px solid transparent;margin:auto;margin-left:1em;vertical-align: middle;}*/

.tab_type2{overflow:hidden;}
.tab_type2 > ul{margin:0 15px;padding-top:10px;margin-left:-2em;text-align: center;}
.tab_type2 > ul.on{display: block;}
.tab_type2 > ul:after{content:"";display: block; clear:left;}
.tab_type2 > ul > li{position: relative;display: inline-block;margin-left:1em;padding-left:1em;margin-bottom:1em;}
.tab_type2 > ul > li:after{content:'';position: absolute;top:5px;bottom:5px;border-left:1px solid #DCDCDC;left:-1px;}
.tab_type2 > ul > li:first-child:after{content:none;}
.tab_type2 > ul > li > a{
	display: block;font-size:1.25em;text-align: center;color:#888888;
}
.tab_type2 > ul > li.on > a{color: #B91372; -ms-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out;  -moz-transition: .3s ease-in-out;  -o-transition: .3s ease-in-out;  transition: .3s ease-in-out; }

/*리스트 스타일*/
.list_type2{}
.list_type2 > ul:after{display: block;content: ""; clear: both;}
.list_type2 > ul{}
.list_type2 > ul > li{float:left;width:33.333%;}
.list_type2 > ul > li > .inner{display: block;margin:auto;margin:0 8%;position: relative;background-color: #fff;overflow: hidden;z-index: 1;padding:1.25em;box-shadow: 1px 1px 5px rgba(0,0,0,0.3); }
.list_type2 > ul > li .img{display: block;position: relative;height:0; padding-bottom:60%;overflow: hidden;}
.list_type2 > ul > li .img img{width:100%;position: absolute;top:0em;left:0em;bottom:0;right:0;width:100%;}
.list_type2 > ul > li .cover{z-index: 2;background-color:rgba(0,0,0, .5)}
.list_type2 .con{padding-top:1em;margin-top:1.15em;border-top:1px solid #ccc; text-align: left;position: relative;}
.list_type2 .out_cover .cover > .detail_circle{background-color: #00a1ef;}
.list_type2 .con h4{font-size: 1.25em;line-height:1.5;margin-bottom: 0.25em;font-weight: 400;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.list_type2 .con h4 strong{}
.list_type2 .con p{line-height: 1.2;height:2.4em;overflow: hidden;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }

.list_type3 > ul{}
.list_type3 > ul:after{display: block;content: ""; clear: both;}
.list_type3 > ul > li{float:left;width:33.333%;}
.list_type3 > ul > li > .inner{display: block;margin:auto;margin:0 8% 10% 8%;position: relative;background-color: #fff;overflow: hidden;z-index: 1;padding:1.25em;box-shadow: 1px 1px 5px rgba(0,0,0,0.3); }
.list_type3 .img{display: block;position: relative;height:0; padding-bottom:60%;overflow: hidden;}
.list_type3 .img img{position: absolute;top:0;left:0;bottom:0;right:0;max-width:90%;max-height:90%;margin:auto;}
.list_type3 .con{line-height: 1.2;height:2.4em;overflow: hidden;padding-top:1em;margin-top:1.15em;border-top:1px solid #ccc; text-align: center;}

.list_type4 > ul{margin-left:-1em;}
.list_type4 > ul::after{display:block; content:''; clear:both;}
.list_type4 > ul > li{width:25%; margin-bottom:1.5em;float:left;}
.list_type4 > ul > li > div{display:block; margin-left:1em;box-shadow:1px 1px 3px -1px rgba(0,0,0,0.3);background-color: #fff;}
.list_type4 > ul > li .img{position:relative;padding:0.625em 0.625em 0;}
.list_type4 > ul > li.video .img > a:after{position: absolute; width:100%; height:100%; top:0; left:0; content:'';background: url(/images/btn/btn_play.png) center center no-repeat;
-webkit-background-size: 3.375em 3.375em; background-size: 3.375em 3.375em;}
.list_type4 > ul > li .img .tag{position:absolute;top:0.5625em;left:0;height:3em;line-height:3em; padding:0 0.75em 0 0.5em; z-index:1;
    border-radius:0px 1.5em 1.5em 0px; min-width:3em;font-weight:400;font-style:italic;text-align:center;}
.list_type4 > ul > li .img .tag > span{font-size:1em;  font-weight:400;font-style:italic;}
.list_type4 > ul > li .img .tag.hot{left:-7px;}
.list_type4 > ul > li .img .tag.hot::after{position: absolute;top:100%;left:0;background: url(/images/bg/bg_tag_edge.png) no-repeat left top;width:0.625em;height:0.625em; background-size:100% auto;content:'';}
.list_type4 > ul > li .img img{width:100%;}
.list_type4 > ul > li .con{background-color: #fff;padding:0.9375em}
.list_type4 > ul > li .con h2.tag{font-size: 0.875em;font-weight: 700;}
.list_type4 > ul > li .con h3{font-size:0.875em; line-height: 1.4;overflow:hidden;font-weight:400;margin-bottom:0.65em; padding-top:0.15em;color: #000;}
.list_type4 > ul > li .con h4{font-size:0.875em;font-weight:400;color:#999;border-top:1px solid #dfdfdf;padding-top:1em;}
.list_type4 > ul > li .con h4 .line{color:#E6E6E6;margin:0 0.625em;}
.list_type4 > ul > li .con .date{color: #999;display: block;}

.list_type4.nobs > ul > li > div{box-shadow:none;border:1px solid #DFDFDF;}
.list_type4.nobs > ul > li .con{}

.list_type4.nobs.t2 > ul > li > div{box-shadow:none;border:1px solid #DFDFDF;}
.list_type4.nobs.t2 > ul > li .img{margin:0.5625em 0.5625em 0}
.list_type4.nobs.t2 > ul > li .con{border-width:0;padding-top: 1em;}
.list_type4.nobs.t2 > ul > li .eval{border-width:1px 0 0 0;padding:0.813em 1.25em;}

.list_type4.t3 > ul > li > div{border-top:1px solid transparent;}
.list_type4.t3 > ul > li .img{margin:0.5625em 0.5625em 0;}

.list_type4.fixH > ul > li .img{position:relative; height:0;padding:0 0 79.0209% 0;}
.list_type4.fixH > ul > li .img > a{position:absolute;display: block;height:100%;width:100%;top:0;right:0;overflow:hidden;}
.list_type4.fixH > ul > li .con h3{height:2.8em;font-size: 15px;white-space:normal; text-overflow: clip;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;color: #666;-ms-word-break: keep-all;word-break: keep-all;}
.list_type4.fixH > ul > li .con h4{overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}

.list_type4.fixH.t2 > ul > li .con h2{font-size: 1.125em;overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.list_type4.fixH.t2 > ul > li .con h3{height:2.8em;font-size: 15px;white-space:normal; text-overflow: clip;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;color: #666;}
.list_type4.fixH.t2 > ul > li .img img{width:auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 80%;max-height:80%;margin: auto;}
.list_type4.fixH.t3 > ul > li .con h3{height:2.8em;font-size: 15px;white-space:normal; text-overflow: clip; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.list_type4 > ul > li .img.fix79{height:0;padding-bottom:79.0209%}
.list_type4 > ul > li .img.fix70{height:0;padding-bottom:70%}
.list_type4 > ul > li .img.fix62{padding-bottom:62.5%}

.list_type5 > ul{margin-left:-2%;}
.list_type5 > ul:after{display: block;content: ""; clear: both;}
.list_type5 > ul > li{float:left;width:31.333%;margin-left:2%;}
.list_type5 > ul > li > .inner{display: block;position: relative;background-color: #fff;overflow: hidden;z-index: 1;padding:1.25em;box-shadow: 1px 1px 5px rgba(0,0,0,0.3); }
.list_type5 .img{display: block;position: relative;height:0; padding-bottom:60%;overflow: hidden;}
.list_type5 .img img{position: absolute;top:0;left:0;bottom:0;right:0;max-width:90%;max-height:90%;margin:auto;}
.list_type5 .con{font-size: 16px;line-height: 20px;height:20px;overflow: hidden;padding-top:1em;margin-top:1.15em;border-top:1px solid #ccc; text-align: center;}
.list_type5 > ul > li > a.inner:hover{background-color: #E688BE;}
.list_type5 > ul > li > a.inner:hover .con{border-color:#9E0D60;color: #9E0D60;}

/*faq*/

.list_faq{padding:2em 0;}
.list_faq > ul > li{background-color:#fff;padding:2.1em 1.8em;overflow:hidden;border-bottom:1px solid #ccc;}
.list_faq > ul > li:first-child{border-top:2px solid #666}
.list_faq > ul > li{padding:0;position:relative;}
.list_faq > ul > li{
	-webkit-transition:opacity 0.5s linear; -moz-transition:opacity 0.5s linear; -ms-transition:opacity 0.5s linear; -o-transition:opacity 0.5s linear; transition:opacity 0.5s linear;
}
.list_faq a.inner{display:block; position: relative;padding:1em;}
.list_faq .con{display:block;}
.list_faq .con .cate{display:block; color: #999; margin-bottom:0.3em;font-size: 0.875em;}
.list_faq .con .que{color:#000000;}
.list_faq .con .que > b{position:absolute;}
.list_faq .con .que > span{display:block;margin-left:1.75em;line-height:1.5em;margin-right:3em;}
.list_faq .ans{display:none;overflow:hidden;}
.list_faq .ans > div {position:relative; margin:0 1em;padding:0.5em 0;border-top:1px solid #DDDFDE;}
.list_faq .ans > div > b{position:absolute;line-height:1.6667em;color:#B91372;}
.list_faq .ans > div > p{display:block;margin-left:1.75em;line-height:1.6667em;font-size: 0.875em;}

.list_faq .stats{display:block;position: absolute;right:1.2727em;top:0;bottom:0;margin:auto; height:100%;font-size:1.375em;height:1.9091em;line-height:1.9091;}
.list_faq .stats .ico_toggle{position: relative;display:inline-block; height:1.375em; width:1.375em;margin-left:0.4em; vertical-align:middle; box-sizing: border-box;}
.list_faq .stats .ico_toggle::before, .list_faq .stats .ico_toggle::after{display:block;position: absolute; content:"";top:5%;bottom:0;right:0;left:0;background-color: #FF0022; width:2px;height:42.5%;margin:auto;}
.list_faq .stats .ico_toggle::before{ms-transform: rotate(45deg); /* IE 9 */    -webkit-transform: rotate(45deg); /* Safari */    transform: rotate(45deg); right:-27.6%;}
.list_faq .stats .ico_toggle::after{ms-transform: rotate(-45deg); /* IE 9 */    -webkit-transform: rotate(-45deg); /* Safari */    transform: rotate(-45deg); left:-27.6%;}
.list_faq > ul > li.on .con .que{color:#B91372;}
.list_faq > ul > li.on .stats .ico_toggle::before, .list_faq > ul > li.on .stats .ico_toggle::after{top:-5%;}
.list_faq > ul > li.on .stats .ico_toggle::before{ms-transform: rotate(135deg); /* IE 9 */    -webkit-transform: rotate(135deg); /* Safari */    transform: rotate(135deg);}
.list_faq > ul > li.on .stats .ico_toggle::after{ms-transform: rotate(-135deg); /* IE 9 */    -webkit-transform: rotate(-135deg); /* Safari */    transform: rotate(-135deg);}


.form_type02{position:relative;overflow:hidden;}
.form_type02 h2{font-size: 20px;margin-bottom:0.5em;}
.form_type02 button.btn_close{position: absolute; top:0;right:0; font-size:1em; height:1.25em; width:1.25em; }
.form_type02 button.btn_close img{max-height:100%;}
.form_type02 .bx_form{margin-bottom:2.5em;}
.form_type02 .bx_form > li{margin-bottom:1em}
.form_type02 p.login_opt{margin:1.25em 0;}
.form_type02 p.login_opt > *{vertical-align: middle;}
.form_type02 p.login_opt > a.forget{position: absolute; font-size:0.8125em;color:#666666;right:0;text-decoration:underline;}
.form_type02 button#btn_login{width:100%;font-size:0.875em; font-weight: 700; color:#fff; height: 2.5455em; background-color: #EF233C; border-radius:0.2em;margin:2.2727em 0; display:block;}
.form_type02 .lst_check.radio > span > label{font-size:0.875em;line-height:2.5em;min-width:5em;}
.form_type02 .bx_form > li > label + input.readonly:focus{border-color:transparent;}
.form_type02 .bx_form > li .date > span{display: inline-block;position: relative;}
.form_type02 div.fileinputs{width:400px;display: inline-block;}
.form_type02 .lst_Upload .tag{font-size: 1.25em;line-height:1.5em;}
.form_type02 .img_size{font-size: 0.75em;line-height:1.5em;}


.area_spot{height:18em;position: relative;overflow: hidden;}
.area_spot .bg{position: absolute;top:0;left:0;right:0;bottom:0;}
.area_spot .bg > img{position: absolute;}
.area_spot .bg .cover{top:0;bottom:0;left:0;right:0;position: absolute; background:rgb(0,0,0); background: transparent\9; background:rgba(0,0,0,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; }
.area_spot .bg .cover:nth-child(n) { filter: none; }
.area_spot .cont{top:38%;position: relative;text-align: center;margin:0 1em;}
.area_spot .cont h2{font-size: 2.25em;font-weight: 300;color:#fff}
.area_spot .cont .line{margin:0.75em auto;width:7em;height:1px;background-color: #fff;}
.area_spot .cont p{font-size: 1.25em;margin-top:0.5em;color:#fff;font-weight: 300;}
.container{padding-bottom:10em;margin-top:5em;padding-left:1em;padding-right:1em;}
.container.no_spot{margin-top:8.5em;}
.container > .out_box > h2{font-size: 1.5em;margin-bottom:0.75em;}
.container > .out_box > h3{font-size: 1.25em;font-weight: 400;margin-bottom:0.75em;}

/*커뮤니티 상세*/
#popup_board{position:fixed; top:0;bottom:0;left:0;right:0;background-color: rgba(0,0,0,.7);z-index: 11;visibility: hidden;opacity:0;
    -webkit-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    -moz-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    -o-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
}
#popup_board.on{visibility: visible;opacity:1;}
#popup_board.on .area_layer_view{-moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
#board_view{border:1px solid #DFDFDF;padding:2.5em;box-sizing:border-box;}
#board_view.edit1{padding:0;border-width:0;}
#board_view.layer_type01.edit1 .area_reply .writeBox_replay{margin:2em 0;}
#board_view.layer_type01.edit1 .bd_list.btns{margin-top:5em;}
#board_view.layer_type01.edit1 .area_content .con{margin-bottom:0;max-width:none;margin-top:1.5em;}
/*레이어 상세 타입*/
.area_layer_view{position:absolute; width:75em; top:0;height:100%;right:0;background-color: #fff; -moz-transform: translate3d(75em,0,0); -webkit-transform: translate3d(75em,0,0); transform: translate3d(75em,0,0);
    -ms-transform:-ms-transform .7s cubic-bezier(.45,.31,.5,1.26);
    -webkit-transition:-webkit-transform .7s cubic-bezier(.45,.31,.5,1.26);
    -moz-transition:-moz-transform .7s cubic-bezier(.45,.31,.5,1.26);
    -o-transition:-o-transform .7s cubic-bezier(.45,.31,.5,1.26);
    transition:transform .7s cubic-bezier(.45,.31,.5,1.26);
}
.area_layer_view > .inner{height:100%;overflow:hidden; overflow-y:scroll;-webkit-overflow-scrolling: touch;}
.area_layer_view > .btn_close{position:absolute;width:2em; height:2em;margin-left:-2.4em; margin-top:0.4em;background: url('../images/common/btn_close.png') no-repeat center center; -webkit-background-size: auto 100%; background-size: auto 100%;}
.area_layer_view > .btn_close img{max-width:100%;}
#board_view.layer_type01{padding:3em;overflow:hidden;}
.layer_type01 header{position:relative;}
.layer_type01 header:after{position:absolute;width:97%;content:'';height:40%;bottom:0;left:0;right:0;border-radius:30%;box-shadow:0em 0.2em 1em -0.3em #ccc;margin:auto;}
.layer_type01 header > .inner{position:relative;padding-bottom:2em;background-color: #fff;z-index: 1;}
.layer_type01 header h2{font-size: 1.375em; margin-bottom:0.75em}
.layer_type01 header h3{color: #888;font-size: 1em;font-weight: 300;text-align: right;}
.layer_type01 header h3 .line{margin:0 0.5em;}
.layer_type01 header h4{font-size: 1em; font-weight: 400;}
.layer_type01 header .inner > button.btn_good{position:absolute;right:0;bottom:0;vertical-align: middle;bottom:2em;}
.layer_type01 header .btn_good{font-size:0.9375em;color: #aaa; }
.layer_type01 header .btn_good .ico_good{display:inline-block; height:1.5625em; width:1.7em; background:url(/images/ico/ico_good_off.png) no-repeat left center; -webkit-background-size: auto 100%; background-size: auto 100%;margin-right:0.5em;}
.layer_type01 header .btn_good:hover .ico_good{background-image:url(/images/ico/ico_good_on.png);}
.layer_type01 header .btn_good.add .ico_good{background-image:url(/images/ico/ico_good_add.png);}
.layer_type01 header .btn_good.add > span{color:#f7961d;}
.layer_type01 header .btn_good > span{vertical-align: middle;}
.layer_type01 header ul.sns_icons{position:absolute;right:0;bottom:0;vertical-align: middle;bottom:2em;}
.layer_type01 header ul.sns_icons > li{display:inline-block;}
.layer_type01 header ul.sns_icons > li > a{display:inline-block;height:1.375em;margin:0 0.625em;position: relative;}
.layer_type01 header ul.sns_icons > li > a img{max-height:100%;}
.layer_type01 header ul.sns_icons > li > a > .cover{position: absolute;top:0;left:0;height:100%;visibility: hidden;}
.layer_type01 header ul.sns_icons > li > a:hover > img{visibility: hidden;}
.layer_type01 header ul.sns_icons > li > a:hover > .cover{visibility: visible}
.layer_type01 .area_answer header:after{content: none;}
.layer_type01 .area_content{margin:2em 0;}
.layer_type01 .area_content .con{margin-bottom:2em;font-size: 1em; line-height:1.6; color:#666;max-width: 850px;margin-left:auto;margin-right:auto;}
.layer_type01 .area_content .con .img{text-align: center;width:42.5em;margin:1em auto;}
.layer_type01 .area_content .con img{max-width:100%;display: block;margin-left: auto;margin-right: auto;}
.layer_type01 .area_content .con .img .img_desc{display: block; font-style:normal;font-size:0.9375em; color:#c6c6c6; font-weight: 400;margin-top:1em;}
.layer_type01 .area_content .con p{color: #666;}
.layer_type01 .area_content .con p.que{margin:2em 0 0.75em;font-weight: 700;color: #333;}
.layer_type01 .area_content .con .youtube{max-width:640px;margin:auto;}
.layer_type01 .area_content .con .youtube > div{position: relative;padding-bottom:56.25%;height:0;}
.layer_type01 .area_content .con .youtube iframe{position: absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%;}

/*placeholder*/
.placeh{position: relative;}
.placeh > label{font-size: 0.875em;height:1.2em;line-height:1.2;position: absolute;top:3px;bottom:0;margin:auto;padding-left:0.5em;color:#999;box-sizing:border-box;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width:100%;cursor:text}



/*체크박스*/
.lst_check2{position:relative;overflow: hidden;}
.lst_check2.check .bx_chk{display:inline-block;width:16px; height: 16px; border:1px solid #CECECE;margin-right:0.5em;position:relative;vertical-align: middle;}
.lst_check2.check .bx_chk > span{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.lst_check2.check.on .bx_chk > span:after{position: absolute;top:5px;bottom:5px;left:5px;right:5px;content: '';background-color: #B91372;}
.lst_check2.check .on .bx_chk > span{position: absolute;top:4px;bottom:4px;left:4px;right:4px;content: '';background-color: #B91372;}
.lst_check2.check > *{vertical-align: middle;}
.lst_check2.check > label{display: inline-block; color:#929292; font-size:0.8125em;}
.lst_check2.check > label > *{vertical-align: middle;}
.lst_check2.check input[type='checkbox']{left:-20px;top:0;position: absolute;}

.lst_check2 > ul{}
.lst_check2 > ul:after{content: '';display: block;clear: both;}
.lst_check2 > ul > li{display: inline-block;margin-bottom:10px;margin-right:1.5em;position: relative;overflow: hidden;}
.lst_check2 > ul > li.clear input[type="text"]{margin-left:10px;}

/*term box*/
.area_term{}
.area_term .bx_con{border:1px solid #DEDEDE;background-color: #FDFFFC;padding:15px;max-height:216px;min-height:100px;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.area_term .lst_check2{text-align: right;display: block;margin-top:15px;}

.area_term .bx_con > section{margin-bottom: 1.5em;}
.area_term .bx_con > section > h2{color: #011627;font-size: 1em;margin-bottom: 0.75em;}
.area_term .bx_con > section > h3{font-size: 0.8125em;color: #011627;/*padding-left:1em;*/position: relative;line-height:1.7em;margin:0.5em;}
.area_term .bx_con > section > p{font-size: 0.8125em;}
.area_term .bx_con > section > p.d2{padding-left: 1em;color: #888888;line-height:1.7;}
.area_term ol.ol_type1{padding-left:2em;}
.area_term ol.ol_type1 > li{list-style-type:decimal;line-height:1.7;color: #888888;margin-bottom:0.5em;font-size: 0.8125em;}
.area_term ol.ol_type1 > li > p{}

.area_term ul.ul_type2{}
.area_term ul.ul_type2 > li{padding-left:1em;position: relative;}
.area_term ul.ul_type2 > li:after{position: absolute;content: '-';left:0;top:0;}
.area_term ul.ul_type2 > li > p{}
.area_term .bx_dl{margin:1.5em;background-color: #f0f0f0;}
.area_term .bx_dl > dl{margin:0 1.875em;padding:1.25em 0;}
.area_term .bx_dl > dl > dt{color: #000;font-size: 0.8125em;padding-right:1.7em;float:left;margin-top: 1.7em;font-weight: 700;}
.area_term .bx_dl > dl > dd{font-size: 0.8125em;color: #666666;margin-top: 1.7em;}
.area_term .bx_dl > dl > dd:after{clear:both; display: block;content: '';}
.area_term .bx_dl > dl > dt:first-child{margin-top:0;}
.area_term .bx_dl > dl > dt:first-child+dd{margin-top:0;}
.area_term .bx_dl > dl .line{color: #d7d7d7;}
.area_term p.tip{font-size: 0.875em;color: #f9ab4a;}

/*테이블*/
.tb_type1 > table{width:100%;background: url(/images/curriculum/bg_dot01.gif) repeat-x 0 0 ;border-top:2px solid #000;}
.tb_type1 > table > thead > tr > th{padding:1em;font-size: 0.9375em;text-align: center;border-bottom:1px solid #A5A5A5;font-weight: 700;}
.tb_type1 > table > tbody > tr > td{padding:1em;font-size: 0.875em;text-align: center;border-bottom:1px solid #CECECE;color: #666666;}
.tb_type1 > table > tbody > tr > td.tit{text-align: left;}


/*툴팁*/
.tooltip{visibility: hidden;opacity: 0;}
.tooltip.t1{position: absolute;padding-top:1em;z-index: 1;
	-webkit-transition:visibility .3s ease-in-out, opacity .3s ease-in-out; -moz-transition:visibility .3s ease-in-out, opacity .3s ease-in-out; -o-transition:visibility .3s ease-in-out, opacity .3s ease-in-out; transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
}
.tooltip.t1 > .inner{background:rgb(0,0,0);padding:1.125em;margin-left:0;
	background: transparent\9; background:rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000); zoom: 1;position: relative}
.tooltip.t1 > .inner:nth-child(n) { filter: none; }
.tooltip.t1 > .inner .tail{width:0;height:0;border-bottom:10px solid rgba(0,0,0,0.7); border-left : 7px solid transparent; border-right : 7px solid transparent; position: absolute;bottom:100%;display: block;margin-left:0em;}
.tooltip.t1 p{font-size: 0.8125em;line-height: 1.76923;text-align: left;color: #fff;}
.tooltip_outbox:hover .tooltip{visibility: visible;opacity:1;}

/*out_cover*/
.out_cover{position: relative;overflow:hidden;z-index: 1;}
.out_cover .area_zoom{
    -ms-transform:-ms-transform 0.5s ease-out;
    -webkit-transition:-webkit-transform 0.5s ease-out;
    -moz-transition:-moz-transform 0.5s ease-out;
    -o-transition:-o-transform 0.5s ease-out;
    transition:transform 0.5s ease-out;
}
.out_cover .cover{position: absolute;top:0;bottom:0;right:0;left:0;text-align: center;opacity:0;visibility: hidden; background-color: rgba(255,255,255, .6);
    -webkit-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    -moz-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    -o-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
}
.out_cover .cover > .detail_circle{position: relative;width:3.375em;height:3.375em;display: inline-block;border-radius:50%;vertical-align: middle;background-color: #f7961d;background-color: rgba(247,150,29,1);
    -ms-transform: scale(0.3,0.3);
    -moz-transform: scale(0.3,0.3);
    -webkit-transform: scale(0.3,0.3);
    -o-transition:scale(0.3,0.3);
    transform: scale(0.3,0.3);
    -ms-transform:-ms-transform 0.5s cubic-bezier(.45,.32,.55,1.53);
    -webkit-transition:-webkit-transform 0.5s cubic-bezier(.45,.32,.55,1.53);
    -moz-transition:-moz-transform 0.5s cubic-bezier(.45,.32,.55,1.53);
    -o-transition:-o-transform 0.5s cubic-bezier(.45,.32,.55,1.53);
    transition:transform 0.5s cubic-bezier(.45,.32,.55,1.53);

}
.out_cover .cover > .detail_circle:before, .out_cover .cover > .detail_circle:after{
    position: absolute;content:"";top:0;bottom:0;right:0;left:0;background-color: #fff;margin:auto;border-radius:1px;
}
.out_cover .cover > .detail_circle:before{width:17px;height:3px;}
.out_cover .cover > .detail_circle:after{width:3px;height:17px;}

.out_cover .cover > .detail_circle.star{}
.out_cover .cover > .detail_circle.star img{width:1.125em;position: absolute;top:0;bottom:0;right:0;left:0;margin:auto;}
.out_cover .cover > .detail_circle.lft{margin-right:1.5em;
    -moz-transform: translate3d(-100%,0,0); -webkit-transform: translate3d(-150%,0,0); transform: translate3d(-150%,0,0);
}
.out_cover .cover > .detail_circle.rgt{
    -moz-transform: translate3d(100%,0,0); -webkit-transform: translate3d(150%,0,0); transform: translate3d(150%,0,0);
}

.out_cover:hover .cover{opacity:1;visibility:visible}
.out_cover:hover .area_zoom{
    -ms-transition:-ms-transform 3s ease-out;
    -webkit-transition:-webkit-transform 3s ease-out;
    -moz-transition:-moz-transform 3s ease-out;
    -o-transition:-o-transform 3s ease-out;
    transition:transform 3s ease-out;
    -ms-transform: scale(1.15,1.15);
    -moz-transform: scale(1.15,1.15);
    -webkit-transform: scale(1.15,1.15);
    -o-transition:scale(1.15,1.15);
    transform: scale(1.15,1.15);
}
.out_cover:hover .cover > .detail_circle{
    -ms-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transition:scale(1,1);
    transform: scale(1,1);
}


.hide_ani{opacity:0;
	-webkit-transition:1s linear; -moz-transition:1s linear; -ms-transition:1s linear; -o-transition:1s linear; transition:1s linear;
	-webkit-transition-property:opacity; -moz-transition-property:opacity; -ms-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity;
}

.hide_ani.show{opacity:1;}

.hide_ani.up{
	-webkit-transform: translate3d(0,2em,0); -moz-transform: translate3d(0,2em,0); -o-transform: translate3d(0,2em,0); transform: translate3d(0,2em,0);
	-webkit-transition-property:opacity, -webkit-transform; -moz-transition-property:opacity, -moz-transform; -o-transition-property:opacity, -o-transform; transition-property:opacity, transform;
}
.hide_ani.up.show{-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

.hide_ani.dw{
	-webkit-transform: translate3d(0,-2em,0); -moz-transform: translate3d(0,-2em,0); -ms-transform: translate3d(0,-2em,0); -o-transform: translate3d(0,-2em,0); transform: translate3d(0,-2em,0);
	-webkit-transition-property:opacity, -webkit-transform; -moz-transition-property:opacity, -moz-transform; -o-transition-property:opacity, -o-transform; transition-property:opacity, transform;
}
.hide_ani.dw.show{-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

.hide_ani.dw{
	-webkit-transform: translate3d(0,-2em,0); -moz-transform: translate3d(0,-2em,0); -ms-transform: translate3d(0,-2em,0); -o-transform: translate3d(0,-2em,0); transform: translate3d(0,-2em,0);
	-webkit-transition-property:opacity, -webkit-transform; -moz-transition-property:opacity, -moz-transform; -o-transition-property:opacity, -o-transform; transition-property:opacity, transform;
}

.hide_ani.rtx{
	transform : rotateY( 90deg );
    transform-origin: center center;
    -webkit-transition-property:opacity, -webkit-transform; -moz-transition-property:opacity, -moz-transform; -o-transition-property:opacity, -o-transform; transition-property:opacity, transform;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.hide_ani.rtx.show{-webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0);}

.wave_motion span.up{opacity:0;
	-webkit-transform: translate3d(0,20px,0);
	-moz-transform: translate3d(0,20px,0);
	-ms-transform: translate3d(0,20px,0);
	-o-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
    -webkit-transition:opacity .8s linear, -webkit-transform 0.8s cubic-bezier(.45,.32,.55,1.53);
    -moz-transition:opacity .8s linear, -moz-transform 0.8s cubic-bezier(.45,.32,.55,1.53);
	-ms-transform:opacity .8s linear, -ms-transform 0.8s cubic-bezier(.45,.32,.55,1.53);
    -o-transition:opacity .8s linear, -o-transform 0.8s cubic-bezier(.45,.32,.55,1.53);
    transition:opacity .8s linear, transform 0.8s cubic-bezier(.45,.32,.55,1.53);
}
.wave_motion span.dw{	opacity:0;
	-webkit-transform: translate3d(0,-20px,0);
	-moz-transform: translate3d(0,-20px,0);
	-ms-transform: translate3d(0,-20px,0);
	-o-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
    -webkit-transition:opacity .8s linear, -webkit-transform 0.8s cubic-bezier(.45,.32,.55,1.53);
    -moz-transition:opacity .8s linear, -moz-transform 0.8s cubic-bezier(.45,.32,.55,1.53);
	-ms-transform:opacity .8s linear, -ms-transform 0.8s cubic-bezier(.45,.32,.55,1.53);
    -o-transition:opacity .8s linear, -o-transform 0.8s cubic-bezier(.45,.32,.55,1.53);
    transition:opacity .8s linear, transform 0.8s cubic-bezier(.45,.32,.55,1.53);

}

.wave_motion span.show{opacity: 1; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

.zoom_motion span.in{opacity:0;
	-webkit-transform: scale(1.3,1.3);
	-moz-transform: scale(1.3,1.3);
	-ms-transform: scale(1.3,1.3);
	-o-transform: scale(1.3,1.3);
	transform: scale(1.3,1.3);
    -webkit-transition:opacity .8s linear, -webkit-transform 0.8s linear;
    -moz-transition:opacity .8s linear, -moz-transform 0.8s linear;
	-ms-transform:opacity .8s linear, -ms-transform 0.8s linear;
    -o-transition:opacity .8s linear, -o-transform 0.8s linear;
    transition:opacity .8s linear, transform 0.8s linear;
}
.zoom_motion span.out{	opacity:0;
	-webkit-transform: scale(0.7,0.7);
	-moz-transform: scale(0.7,0.7);
	-ms-transform: scale(0.7,0.7);
	-o-transform: scale(0.7,0.7);
	transform: scale(0.7,0.7);
    -webkit-transition:opacity .8s linear, -webkit-transform 0.8s linear;
    -moz-transition:opacity .8s linear, -moz-transform 0.8s linear;
	-ms-transform:opacity .8s linear, -ms-transform 0.8s linear;
    -o-transition:opacity .8s linear, -o-transform 0.8s linear;
    transition:opacity .8s linear, transform 0.8s linear;

}
.rotate_motion span{opacity:0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
    -webkit-transition:opacity .8s linear, -webkit-transform 0.8s ease;
    -moz-transition:opacity .8s linear, -moz-transform 0.8s ease;
	-ms-transform:opacity .8s linear, -ms-transform 0.8s ease;
    -o-transition:opacity .8s linear, -o-transform 0.8s ease;
    transition:opacity .8s linear, transform 0.8s ease;
}
.rotate_motion span.show, .zoom_motion span.show{opacity: 1; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }


.bx_parallax{opacity:0;}

.bx_parallax.show{}


/* Set the dimensions of the replaced select element and make it transparent. */
.customized-select.custom-select-replaced {
	border: 0;
	filter: alpha(opacity=0); /* Move to IE-specific CSS file if you want to. */
	opacity: 0;
	position: relative;
	z-index: 10;
}
.select_w100 .custom-select-container{display: block;}
.custom-select { display: block; left: 0; position: absolute; top: 0; z-index: 1; }
.custom-select-container{position: relative;display: inline-block;}
.custom-select-container > select{min-width:8.21429em;padding:0;margin:0;font-size: 0.875em;line-height: 2.5em;height: 2.5em;border-width:0px;box-sizing: border-box;}
.custom-select-container > select.w100{width:100%;}
.custom-select-container > select > option{}
.custom-select-container > span{display: inline-block;position: absolute;top:0;bottom:0;left:0;right:0;height:100%; }
.custom-select > span { display: block; box-sizing: border-box; line-height: 2.5em; font-size: 0.875em; background-color: #fff; border:1px solid #CFCFCF; height: 100%; filter: none; color: #959595;border-radius: 2px;
	background: url(/public/images/common/ico_select02.png) no-repeat right 8px center;}
.custom-select span span { display: block; margin-left:0.5em;margin-right:20px; /*overflow: hidden; text-overflow: ellipsis;*/ white-space: nowrap; }


/*swiper*/
.swiper-container { margin:0 auto; position:relative; overflow:hidden; direction:ltr;
	-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;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.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; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

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