@charset "utf-8";
/*
  작성자:            owen
 최초작성일:   2014.06.04
  */


/*나눔 바른 고딕*/

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


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

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

/*
@font-face {font-family: 'Nanum Barun Gothic';
    font-style: normal;
    font-weight: 200;
    src:url('css/font/NanumBarunGothicUltraLight.eot');
    src:url('css/font/NanumBarunGothicUltraLight.eot?#iefix') format('embedded-opentype'),
        url('css/font/NanumBarunGothicUltraLight.woff') format('woff'),
        url('css/font/NanumBarunGothicUltraLight.ttf') format('truetype');
}
*/


/** * 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:auto;line-height:1.25;overflow-y: scroll;}
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:1500px;margin:0px auto;}
span.h100{display:inline-block;height:100%;vertical-align: middle;}

button.btn_pack{font-size:1.1em; min-width:8.6818em; padding:0px 0.8em; height:2.5455em;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.orange{color:#fff;border:1px solid #F6691C;background-color: #F6691C;}
button.btn_pack.gray{color:#fff;border:1px solid #999;background-color: #999;}

button.btn_pack.blue:hover{color:#00a1ef;background-color: #fff;}
button.btn_pack.orange:hover{color:#F6691C;background-color: #fff;}
button.btn_pack.gray:hover{color:#999;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;}

.btn_more{text-align:center; margin:2em 0;position: relative;}
.btn_more button:focus{outline:0;}
.btn_more button.btn_pack{min-width:0;width:auto;font-size:1em;padding:0 1.5em;background-color: #afafaf;padding:0 1.5em;height:2.5em;color:#fff;font-weight:400;}
.btn_more button.btn_pack:after{content: '';height: 100%;vertical-align: middle;display: inline-block;}
.btn_more button.btn_pack.hide{visibility: hidden;opacity: 0;}
.btn_more button.btn_pack > span{vertical-align: middle;display:inline-block;overflow:hidden; white-space: nowrap;}
.btn_more button.btn_pack > span.txt{width:3.4091em;
    -webkit-transition: .3s ease-in-out;  -moz-transition: .3s ease-in-out;  -o-transition: .3s ease-in-out;  transition: .3s ease-in-out;
}
.btn_more button.btn_pack .ico_plus{position: relative;;display:inline-block;width:22px; height:22px; }
.btn_more button.btn_pack .ico_plus::before, .btn_more button.btn_pack .ico_plus::after{position: absolute;top:0;right:0;bottom:0;left:0;margin:auto;background-color: #fff; content:"";}
.btn_more button.btn_pack .ico_plus::before{width:1px;height:9px;}
.btn_more button.btn_pack .ico_plus::after{height:1px;width:9px;}
.btn_more button.btn_pack.ani .ico_plus{
      -webkit-animation: rotate 1s linear infinite; /* Safari 4+ */
      -moz-animation:    rotate 1s linear infinite; /* Fx 5+ */
      -o-animation:      rotate 1s linear infinite; /* Opera 12+ */
      animation:         rotate 1s linear infinite; /* IE 10+, Fx 29+ */
}
.btn_more button.btn_pack.ani > span.txt{width:0;}

/*ani*/
@-webkit-keyframes rotate {
    0%  {-ms-transform: rotate(0deg); /* IE 9 */-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */transform: rotate(0deg);}
    100%  {-ms-transform: rotate(360deg); /* IE 9 */-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */transform: rotate(360deg);}
}
@-moz-keyframes rotate {
    0%  {-ms-transform: rotate(0deg); /* IE 9 */-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */transform: rotate(0deg);}
    100%  {-ms-transform: rotate(360deg); /* IE 9 */-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */transform: rotate(360deg);}
}
@-o-keyframes rotate {
    0%  {-ms-transform: rotate(0deg); /* IE 9 */-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */transform: rotate(0deg);}
    100%  {-ms-transform: rotate(360deg); /* IE 9 */-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */transform: rotate(360deg);}
}
@-ms-keyframes rotate {
    0%  {-ms-transform: rotate(0deg); /* IE 9 */-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */transform: rotate(0deg);}
    100%  {-ms-transform: rotate(360deg); /* IE 9 */-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */transform: rotate(360deg);}
}
@keyframes rotate {
    0%  {-ms-transform: rotate(0deg); /* IE 9 */-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */transform: rotate(0deg);}
    100%  {-ms-transform: rotate(360deg); /* IE 9 */-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */transform: rotate(360deg);}
}

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

#subFrame{position: absolute;bottom:0;height:0;}

/*div select*/
.divSelect{position: relative;vertical-align: middle;}
.divSelect > button{font-size: 1em;height: 2.375em;line-height:2.25em;border: 1px solid #A96789;min-width:8.625em;text-align: left; padding:0 0.5em;border-radius: 0.1875em;}
.divSelect > ul{position: absolute;margin-top:0.2em;border-radius: 0.3em;display: none;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;
}
.divSelect > ul.on{visibility:visible; opacity:1;}
.divSelect > ul > li > a{position:relative; display: block;min-width:8.625em;padding:0.4em 0.5em;box-sizing: border-box;}
.divSelect > ul > li > a::before{position: absolute;;border-top:1px solid #ccc; top:0;left:0;right:0;margin:0 0.5em;content:"";}
.divSelect > ul > li:first-child > a::before{border-top-width:0;}
.divSelect > ul > li > a:hover{background-color: #f1f1f1;}

/*리스트 타입*/
.list_type1{}
.list_type1 > ul{margin-left:-1em;}
.list_type1 > ul:after{display: block;content: ""; clear: both;}
.list_type1 > ul > li{float:left;width:21.875em;}
.list_type1 > ul > li > .inner{display: block;max-width:400px;margin:auto;padding:1.25em;background-color: #e5e5e5;border-radius:0.2em;margin-left:1.5em;}
.list_type1 > ul > li .img{display: block;position: relative;height:0; padding-bottom:80%;background-color: #fff;border-radius:0.4em;}
.list_type1 > ul > li .img > div{display: block;position: absolute;top:0.625em;left:0.625em;bottom:0.625em;right:0.625em;overflow: hidden;}
.list_type1 > ul > li .img > div img{width:100%;}
.list_type1 .con{padding-top:1em;text-align: left;position: relative;}
.list_type1 .con > img{width:2.5em;position: absolute;}
.list_type1 .con > div{margin-left:3em;}
.list_type1 .con h4{font-size: 1.25em;line-height:1.5;margin-bottom: 0.25em;white-space: nowrap;}
.list_type1 .con p{line-height: 1.2;height:2.4em;overflow: hidden;}

.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 3em;position: relative;background-color: #fff;border-radius:0.4em;overflow: hidden;z-index: 1}
.list_type2 > ul > li .img{display: block;position: relative;height:0; padding-bottom:100%;margin-top:-1em;margin-bottom:-1em;}
.list_type2 > ul > li .img > div{display: block;position: absolute;top:0em;left:0em;bottom:0;right:0;width:70%;height:70%;margin:auto; overflow: hidden;border-radius:50%;border:0.5em solid #ccc;z-index: 1}
.list_type2 > ul > li .img > div img{width:100%;}
.list_type2 > ul > li .cover{z-index: 2;background-color:rgba(0,0,0, .5)}
.list_type2 .con{padding-top:0.625em;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;}
.list_type2 .con h4 strong{}
.list_type2 .con p{line-height: 1.2;height:2.4em;overflow: hidden;}

.list_type2 .bxs{
	-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;
}
.list_type2 .bx1{padding:1.25em;position: relative;opacity:1;visibility: visible}
.list_type2 .bx2{padding:1.25em;position: absolute;top:0;left:0;right:0;bottom:0;visibility: hidden;opacity: 0}
.list_type2 > ul > li > .inner.flipped .bx1{visibility: hidden;opacity: 0;}
.list_type2 > ul > li > .inner.flipped .bx2{visibility: visible;opacity:1;}

.list_type3{}
.list_type3 > ul{margin-left:1px;margin-top:1px;height:12em;}
.list_type3 > ul:after{display: block;content: ""; clear: both;}
.list_type3 > ul > li{width:21.66666667%;height:100%;float:left;margin-top:-1px;background-color: #fff;}
.list_type3 > ul > li.notice{width:35%;}
.list_type3 > ul > li > div{border:1px solid #ccc;margin-left:-1px;padding:1em;height:100%;position: relative;box-sizing: border-box;}
.list_type3 > ul > li > div > a{display: block;height:100%;position: relative;}
.list_type3 h2{font-size: 1.25em;font-weight: 400;}
.list_type3 .customer h3{font-size: 2em;color: #00a1ef;line-height:1.2;margin:0.3em 0 0;position:relative; z-index: 1;}
.list_type3 .customer p{position:relative; z-index: 1;}
.list_type3 .customer .img{position: absolute;right:1em;top:45%;bottom:1em;margin:auto;}
.list_type3 .customer .img img{max-height:100%;opacity: 0.7;}
.list_type3 .cover{position: absolute;top:3em;bottom:0;left:0;right:0;text-align: center;}
.list_type3 .cover img{bottom:0;left:0;right:0;margin:auto;max-height:100%;position: absolute;}

.list_type4 > ul{margin-left:-1.5em;}
.list_type4 > ul::after{display:block; content:''; clear:both;}
.list_type4 > ul > li{width:20%; margin-bottom:1.5em;float:left;}
.list_type4 > ul > li > div{display:block; margin-left:1.5em;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: 400;}
.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;font-weight: 700;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.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%}

.hashes_t1{margin-top:0.875em;margin-bottom:-4px; white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;}
.hashes_t1 span{display: inline-block;font-size: 13px;color: #666666;background-color: #f3f4f6;padding: 4px 6px ;font-weight: 300;margin:0 2px 4px;}

.tag.student{color: #00974b;}
.tag.admin{color: #a200ff;}
.tag.teacher{color: #ff2572;}

/*회사소개*/
.list_type5 > ul{}
.list_type5 > ul > li{float:left;width:25%;height:0;padding-bottom:20%;position: relative;background-color: #333;
    -ms-transform:-ms-transform 0.3s ease-out, opacity 0.5s ease-out;
    -webkit-transition:-webkit-transform 0.3s ease-out, opacity 0.5s ease-out;
    -moz-transition:-moz-transform 0.3s ease-out, opacity 0.5s ease-out;
    -o-transition:-o-transform 0.3s ease-out, opacity 0.5s ease-out;
    transition:transform 0.3s ease-out, opacity 0.5s ease-out;
	-moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);
}
.list_type5 > ul > li.hide{-moz-transform: translate3d(0,40px,0); -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0);-ms-transform: translate3d(0,40px,0);}
.list_type5 > ul > li > .inner{display:block;padding:3em 1.75em;color:#fff;position:relative;position: absolute;top:0;bottom:0;left:0;right:0;overflow: hidden;
	-webkit-transition: background-color .4s linear, color .4s linear;
    -moz-transition: background-color .4s linear, color .4s linear;
    -o-transition: background-color .4s linear, color .4s linear;
    transition: background-color .4s linear, color .4s linear;
}
.list_type5 > ul > li > .inner > div{position: relative;height:100%;overflow: hidden;}
.list_type5 > ul > li h4{font-size:1.25em;line-height:1.4em;font-weight:300;overflow:hidden;margin-bottom:1.25em;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.list_type5 > ul > li .con{    display: -webkit-box;    -webkit-line-clamp: 5;    -webkit-box-orient: vertical;max-height:7.5em;line-height:1.5;overflow: hidden;}
.list_type5 > ul > li .con p{margin:0.3em 0;font-size:1em;font-weight: 300;display: inline;}
.list_type5 > ul > li h5{font-weight:400;font-size:1em;line-height:1.4em;height:5.6em;overflow:hidden;}
.list_type5 > ul > li button.plus > span:before, .list_type5 > ul > li button.plus > span:after{position: absolute;top:0;bottom:0;right:0;left:0;content:'';background-color: #fff;margin:auto;
    -ms-transform:-ms-transform .3s cubic-bezier(.45,.31,.5,1.26);
    -webkit-transition:-webkit-transform .3s cubic-bezier(.45,.31,.5,1.26);
    -moz-transition:-moz-transform .3s cubic-bezier(.45,.31,.5,1.26);
    -o-transition:-o-transform .3s cubic-bezier(.45,.31,.5,1.26);
    transition:transform .3s cubic-bezier(.45,.31,.5,1.26);
}
.list_type5 > ul > li button.plus{display: block;position: absolute;top:0;right:0;width:1.5em;height:1.5em;}
.list_type5 > ul > li button.plus > span{display: block;position: relative;height:100%;background-color: #505050;
    -webkit-transition:background-color .3s ease-in-out; -moz-transition:background-color .3s ease-in-out; -o-transition:background-color .3s ease-in-out; transition:background-color .3s ease-in-out;
}
.list_type5 > ul > li button.plus > span:before{width:16px; height:2px; }
.list_type5 > ul > li button.plus > span:after{height:16px; width:2px; }
.list_type5 > ul > li.on{z-index:1}
.list_type5 > ul > li.on h4{white-space: normal;}
.list_type5 > ul > li.on .con{display: block;max-height:none;}
.list_type5 > ul > li.on .con p{display: block;}
.list_type5 > ul > li.on > .inner > div{
	-webkit-transition:overflow 0s ease-in-out 0.4s; -moz-transition:overflow 0s ease-in-out 0.4s; -o-transition:overflow 0s ease-in-out 0.4s; transition:overflow 0s ease-in-out 0.4s;
	overflow-y: auto;
}

.list_type5 > ul > li button.plus:hover > span{background-color:#00A2D8;}
.list_type5 > ul > li button.plus:hover > span:before, .list_type5 > ul > li button.plus:hover > span:after{ms-transform: rotate(90deg); /* IE 9 */    -webkit-transform: rotate(90deg); /* Safari */    transform: rotate(90deg);}

.list_type5 > ul.w4 > li{width:25%;padding-bottom:25%;}
.list_type5 > ul.w3 > li{width:33.333%; padding-bottom:33.333%;}
.list_type5 > ul.w2 > li{width:50%; padding-bottom:50%;}
.list_type5 > ul.w4 > li > .inner{padding:3em 1.75em;}
.list_type5 > ul.w3 > li > .inner{padding:2em 1em;}

.list_type5 > ul > li.c1 > .inner{background-color: #87b9c8;}
.list_type5 > ul > li.c2 > .inner{background-color: #9a65b5;}
.list_type5 > ul > li.c3 > .inner{background-color: #807f9e;}
.list_type5 > ul > li.c4 > .inner{background-color: #58a495;}
.list_type5 > ul > li.c5 > .inner{background-color: #5b8abb;}
.list_type5 > ul > li.c6 > .inner{background-color: #a695df;}
.list_type5 > ul > li.c7 > .inner{background-color: #df9595;}

.list_type5 > ul > li.on > .inner{background-color: #f1f1f1;color: #333;}


/*탭 스타일*/
.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%;}
.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_type3{margin-top:1.75em;}
.tab_type3 > ul{}
.tab_type3 > ul > li{display: inline-block;padding:0 0.5em;position: relative;}
.tab_type3 > ul > li > a{font-size: 1.25em;display: inline-block; padding:0.5em;color:#666;}
.tab_type3 > ul > li:after{content: '';position: absolute;border-left:1px solid #999;top:0;bottom:0;left:0;height:0.875em;margin:auto;}
.tab_type3 > ul > li:first-child:after{content:none;}
.tab_type3 > ul > li.on > a{color:#F6691C}


/*커뮤니티 상세*/
#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/btn/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: 0.875em; line-height:1.6; color:#888;max-width: 850px;margin-left:auto;margin-right:auto;}
.layer_type01 .area_content .con .img{text-align: center;width:42.5em;margin:0 auto;margin-bottom:1em;}
.layer_type01 .area_content .con img{max-width:100%;}
.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%;}
.layer_type01 .bd_list.btns{}
.layer_type01 .bd_list.btns > ul{border:1px solid #CFCFCF;box-shadow:0px 0.05em 0.23em #ddd;}
.layer_type01 .bd_list.btns > ul > li{float:left; width:33.333%;height:3em; text-align:center;}
.layer_type01 .bd_list.btns > ul > li > a{position: relative;display: block;height:100%;border-left:1px solid #CFCFCF;box-sizing: border-box;color:#898989;}
.layer_type01 .bd_list.btns > ul > li:first-child > a{border-left-width:0;}
.layer_type01 .bd_list.btns > ul > li > a > span.arr{display: inline-block;width:0;height: 0;}
.layer_type01 .bd_list.btns > ul > li > a > span.arr::after{width:0;height: 0;}
.layer_type01 .bd_list.btns > ul > li.tg_reply > a{padding-top:0.9em;}
.layer_type01 .bd_list.btns > ul > li.tg_reply > a > span.arr{position:absolute;border-bottom:7px solid #B5B5B5; border-left:6px solid transparent; border-right:6px solid transparent;left:0;right:0;margin:auto;top:0.6em;}
.layer_type01 .bd_list.btns > ul > li.tg_reply > a > span.arr::after{content:""; position:absolute;border-bottom:7px solid #fff; border-left:6px solid transparent; border-right:6px solid transparent;
    left:0;right:0;margin:auto;top:4px;left:-6px;}
.layer_type01 .bd_list.btns > ul > li.prev > a > span.arr{position:relative;border-right:7px solid #B5B5B5; border-top:6px solid transparent; border-bottom:6px solid transparent; margin-right:1.5em;}
.layer_type01 .bd_list.btns > ul > li.next > a > span.arr{position:relative;border-left:7px solid #B5B5B5; border-top:6px solid transparent; border-bottom:6px solid transparent; margin-left:1.5em;}
.layer_type01 .bd_list.btns > ul > li.prev > a > span.arr::after{content:"";
    position:absolute;border-right:7px solid #fff; border-top:6px solid transparent; border-bottom:6px solid transparent; margin-right:1.5em;left:4px; top:-6px;}
.layer_type01 .bd_list.btns > ul > li.next > a > span.arr::after{content:"";
    position:absolute;border-left:7px solid #fff; border-top:6px solid transparent; border-bottom:6px solid transparent; margin-left:1.5em;right:4px; top:-6px;}

.layer_type01 .bd_list.btns > ul > li.tg_reply > a.off{padding-top:0em;padding-bottom:0.9em}
.layer_type01 .bd_list.btns > ul > li.tg_reply > a.off > span.arr{border-bottom-width:0;border-top:7px solid #B5B5B5;bottom:0.6em;top:inherit;}
.layer_type01 .bd_list.btns > ul > li.tg_reply > a.off > span.arr::after{border-bottom-width:0;border-top:7px solid #fff;top:inherit;bottom:4px;left:-6px;}
.layer_type01 .area_reply{}

.layer_type01 .area_reply .writeBox_replay{position: relative; margin:1.75em 0;text-align: right;}
.layer_type01 .area_reply .writeBox_replay textarea{display:block;width:100%;box-sizing:border-box;border: 0.375em solid #f1f1f1;padding:0.5em;font-size:1em;line-height:1.2em;height:5.5em;outline:none;-webkit-appearance:none;border-radius: 0;text-align: left;}
.layer_type01 .area_reply .writeBox_replay button{position:relative; width:8.125em;height:2.25em; background-color: #7b7b7b; color:#fff; font-size: 1em; font-weight:700;right:0;border-radius:0.3em;margin-top:0.5em;}

.layer_type01 .area_reply .reply_cnt{font-size:1.125em;color: #aaa; vertical-align: middle;margin-bottom:0.8em;}
.layer_type01 .area_reply .reply_cnt > span{vertical-align: middle; }
.layer_type01 .area_reply .reply_cnt .ico_reply{display:inline-block; height:1.5em; width:1.5625em; background:url(/images/ico/ico_reply_off.png) no-repeat left center; -webkit-background-size: auto 100%; background-size: auto 100%;margin-right:0.7em;}
.layer_type01 .area_reply .paginate > span > a{margin:0 1em;}
.layer_type01 .label{position: absolute;display:block;width: 4em;height: 4em; top:0;bottom: 0;margin: auto;right:1.25em; border:2px solid #f7961d;border-radius: 50%;text-align: center;color:#f7961d; font-weight:700;}
.layer_type01 .label > span.txt{font-size:0.875em;vertical-align: middle;display: inline-block;}
.layer_type01 .label.yellow{border-color:#f7961d;color:#f7961d;}
.layer_type01 .label.gray{border-color:#a3a3a3;color:#a3a3a3;}
.layer_type01 .label.blue{border-color:#1e4283;color:#1e4283;}

/*테이블*/

.bd_list_type1{margin-bottom:1.5em;overflow: hidden;}
.bd_list_type1 > dl{display: table; width:100%;}
.bd_list_type1 > dl > dt{display: table-header-group;}
.bd_list_type1 > dl > dd{display: table-row-group;}
.bd_list_type1 ul{display: table-row;}
.bd_list_type1 ul > li{display: table-cell; vertical-align: middle;text-align:center;}

.bd_list_type1 ul > li.no{width:4em;}
.bd_list_type1 ul > li.date{width:6.5em;}
.bd_list_type1 ul > li.hit{width:6.5em;}
.bd_list_type1 ul > li.writer{width:8em;}
.bd_list_type1 ul > li.spec{width:12em;}
.bd_list_type1 > dl > dt > ul > li{color:#333;background-color: #f1f1f1; font-weight:700;line-height:1.625em;padding:0.9em;border-bottom:1px solid #BFBFBF; border-top:2px solid #000;letter-spacing:3px;}
.bd_list_type1 > dl > dd > ul > li{padding:1em;line-height:1.7333em; border-bottom:1px solid #BFBFBF;}

.bd_list_type1 ul > li.det > a{display:block;position: relative;}
.bd_list_type1 ul > li.det .tit{display: block;text-align: left;}
.bd_list_type1 ul > li.det .tit > span{vertical-align:middle;margin-right:1em;font-size: 0.9375em;}
.bd_list_type1 ul > li.det .tit > span .pet_f{color: #084aad;}
.bd_list_type1 ul > li.det .tit > span .news{color: #940450;}
.bd_list_type1 ul > li.det .tit > span .event{color: #472485;}
.bd_list_type1 ul > li.det .tit > span .community{color: #16b0b3;}

.bd_list_type1 ul > li.det .tit .manage{background: url(/images/ico/ico_gear.png) no-repeat left center;padding-left:1.2em;text-decoration: underline;color: #999999;
    -webkit-background-size: auto 1.0667em; background-size: auto 1.0667em;line-height: 1.7333em;font-size: 0.9375em;vertical-align: middle;}
.bd_list_type1 ul > li.det .tit.dele{color:#aaaaaa;font-size: 0.9375em;}
.bd_list_type1 ul > li.det .tit.dele .viewWhy{color:#aaaaaa; padding-left:0.7em;text-decoration: underline;font-size:0.9em;vertical-align:middle}
.bd_list_type1 ul > li.det .con{display:none;}
.bd_list_type1 ul > li.rec > span{display:inline-block;border:1px solid #1e4283; color:#1e4283; font-weight:700; padding:0 0.7em;border-radius:0.3em;font-size: 0.875em;}
.bd_list_type1 ul > li.date > span{font-size: 0.875em;color: #666666;}
.bd_list_type1 ul > li.writer > span{font-size: 0.875em;color: #666666;}
.bd_list_type1 ul > li.no{color: #666666;font-size: 0.875em;}
.bd_list_type1 ul > li.hit{font-size: 0.875em;color: #666666;}

/* form type */
.form_type01{position:relative;overflow:hidden;}
.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: #00a1ef;display: inline-block;vertical-align: middle;font-size: 0.9375em;}
.form_type01 ul.bx_form > li input[type="text"]{height:2.5em; line-height:2.5em;max-width:30em;}
.form_type01 ul.bx_form > li > div.empty{height:2.5em;}
.form_type01 ul.bx_form > li > label + input: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 ul.bx_form.line{border-top:2px solid #333; border-bottom:1px solid #5B5B5B;}
.form_type01 ul.bx_form.line > li{border-top:1px solid #E1E1E1;}
.form_type01 ul.bx_form.line > li > *{padding-top:20px;}
.form_type01 ul.bx_form.line > li:first-child{border-top-width:0;}
.form_type01 ul.bx_form > li > label.big{font-size: 1em;text-align: center;color: #181818;font-weight: 700;}

.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;}


/*체크박스*/
.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{background: #fff url(../images/common/ico_checkbox.png) no-repeat center center;}
.lst_check2.check .on .bx_chk > span{background: #fff url(../images/common/ico_checkbox.png) no-repeat center center;}
.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']{right:-5em;top:-5em;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;}
.lst_check2 > ul > li.clear input[type="text"]{margin-left:10px;}

/*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); }

/* 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{width:8.21429em;padding:0;margin:0;font-size: 0.875em;line-height: 2em;height: 2em;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: 2em; font-size: 0.8125em; background-color: #fff; border:1px solid #DEDEDE; height: 100%; filter: none; color: #959595;}
.custom-select span span { display: block; margin-left:10px;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; }



.pagination{text-align: center;}
.pagination > span{display: inline-block;width:1em;height:1em;border-radius:50%;margin:0 0.25em;}
.swiper-pagination-switch{display: inline-block;background-color: #999;box-shadow:inset 1px 1px 2px rgba(0,0,0,0.5);}
.swiper-active-switch {}
.swiper-visible-switch {background-color: #00a1ef;box-shadow:none;}

.area_spot{height:18em;position: relative;overflow: hidden;}
.area_spot .bg .cover{top:0;bottom:0;left:0;right:0;position: absolute;background-color: rgba(0,0,0,0.5);}
.area_spot .cont{top:38%;position: relative;text-align: center;}
.area_spot .cont h2{font-size: 2.625em;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.5em;margin-top:0.5em;color:#fff}
.container{padding-bottom:10em;margin-top:5em;}