@charset "utf-8";

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

/* default set */
*{-webkit-text-size-adjust:none}
html,body{width:100%;height:100%;font-weight:400;padding:0;margin:0;-webkit-overflow-scrolling:touch;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,div,section{margin:0;padding:0;outline-width:0;}
input,textarea,button,select{margin:0;padding:0;}
body,input,textarea,select,button,table{font-size:16px;font-family:"Noto Sans KR","Malgun Gothic","맑은고딕",helvetica,arial,sans-serif, "돋움",Dotum,"굴림",Gulim,HelveticaDotum;color:#888;line-height:1.5;word-break:keep-all;word-wrap:break-word;webkit-text-size-adjust:none;}
body{letter-spacing:-0.01em;font-smooth:never;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;}
img{border:0;vertical-align:middle;}
i{font-style:normal;}
ul,ol,dl{list-style:none;}
ul:after{content:'';display:block;clear:both;}
li{box-sizing:border-box;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:inherit;}
em,address{font-style:normal;}
a{text-decoration:none;color:inherit;box-sizing:border-box;}
a:hover,a:active,a:focus{text-decoration:none;}
header,hgroup,footer,section,article,aside,nav,canvas,figure,figcaption{display:block;}
table{border-collapse:separate;border-spacing:0;table-layout:fixed;border-spacing:0;width:100%;empty-cells:show;}
tbody,tfoot,thead,tr,th,td{word-wrap:break-word;}
caption,legend{display:block;position:absolute !important;left:-9999px !important;top:0 !important;text-indent:9999px !important;width:0 !important;height:0 !important;border:0 !important;overflow:hidden !important;font-size:1px;line-height:0 !important;white-space:nowrap !important;}
fieldset{border:none;}
label{cursor:pointer;}
button{cursor:pointer;width:auto;overflow:visible;vertical-align:middle;background:none;margin:0;padding:0;border:0;border:none;box-sizing:border-box;outline:none;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{padding:0;border:0;}/* firefox bug fixed */
input{width:auto;overflow:visible;vertical-align:middle;background:none;margin:0;padding:0;box-sizing:border-box;color:#333;}
input:focus{font-size:1em;outline:none;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px white inset !important;}
input[type="text"],input[type="password"],input[type="email"],input[type="number"],input[type="date"],input[type="datetime"]{width:100%;height:34px;padding:0 10px 0;border:1px solid #ddd;font-size:14px;line-height:32px;border-radius:0;background:#fff;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;}
input[type="text"]::-ms-clear{display:none;}
input[type="text"]:disabled{background:#e1e1e1;color:#999;}
input[type="text"].readonly{background:#f9f9f9;color:#333;}
input[type="radio"],input[type="checkbox"]{vertical-align:middle;}
textarea{width:100%;display:block;height:100%;overflow:auto;vertical-align:top;color:#222;padding:15px;box-sizing:border-box;border:solid 1px #ddd;resize:none;}
textarea:focus{font-size:1em;}
/* placeholder */
::-webkit-input-placeholder{color:#bbb;}
::-moz-placeholder{color:#bbb;}
:-ms-input-placeholder{color:#bbb;}
:-moz-placeholder{color:#bbb;}
select::-ms-expand{display:none;}
select[disabled="disabled"]{background-color:#f4f4f4;color:#666;}
:root select{padding:0 0 0 10px\0/IE9;background:none\0/IE9;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill,
input:-moz-autofill,
textarea:-moz-autofill,
select:-moz-autofill,
input:autofill,
textarea:autofill,
select:autofill{-webkit-box-shadow:0 0 0px 1000px white inset;-moz-box-shadow:0 0 0px 1000px white inset;background-color:#FFF !important;}

.film_roll_wrapper{display:block;text-align:center;float:none;position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:auto;width:100%;height:100%;margin:0 !important;padding:0 !important;overflow:hidden;} .film_roll_shuttle{text-align:left;float:none;position:relative;top:0;left:0;right:auto;bottom:auto;height:100%;margin:0 !important;padding:0 !important;z-index:auto;} .film_roll_shuttle.vertical_center:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em;} .film_roll_child{position:relative;float:left;display:inline-block;*display:inline;vertical-align:middle;zoom:1;} .film_roll_prev,.film_roll_next{z-index:2;position:absolute;top:50%;width:42px;height:80px;margin:-40px 0 0 0;padding:0;font:normal 0/0 arial;background:url('/resource/img/pc/cm/btn_prev.png') 0 0 no-repeat;} .film_roll_prev{left:50%;margin-left:-490px;} .film_roll_next{right:50%;margin-right:-490px;background:url('/resource/img/pc/cm/btn_next.png') 0 0 no-repeat;} .film_roll_pager{z-index:2;position:absolute;bottom:45px;left:0;right:0;text-align:center;} .film_roll_pager a{display:inline-block;width:10px;height:10px;margin-left:18px;background:#ddd;border-radius:100%;}.film_roll_pager a:first-child{margin:0;} .film_roll_pager a:hover{background:#36b0c5} .film_roll_pager a.active{background:#36b0c5} .film_roll_pager span{display:none} .film_roll_pager a,a.film_roll_prev,a.film_roll_next{font:normal 0/0 arial;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}

.bx-wrapper{position: relative;padding: 0;*zoom: 1;-ms-touch-action: pan-y;touch-action: pan-y}.bx-wrapper img{max-width: 100%;display: block}.bxslider{margin: 0;padding: 0}ul.bxslider{list-style: none}.bx-viewport{-webkit-transform: translatez(0)}.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position: absolute;bottom: -30px;width: 100%}.bx-wrapper .bx-loading{min-height: 50px;background: url('/resource/img/pc/cm/bx_loader.gif') center center no-repeat #ffffff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000}.bx-wrapper .bx-pager{text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px}.bx-wrapper .bx-pager.bx-default-pager a{background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px}.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus{background: #000}.bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display: inline-block;vertical-align: bottom;*zoom: 1;*display: inline}.bx-wrapper .bx-pager-item{font-size: 0;line-height: 0}.bx-wrapper .bx-prev{left: 10px;background: url('/resource/img/pc/cm/spr_ico.png') no-repeat 0 0}.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus{background-position: 0 0}.bx-wrapper .bx-next{margin-left:-1px;background: url('/resource/img/pc/cm/spr_ico.png') no-repeat -39px 0}.bx-wrapper .bx-next:hover,.bx-wrapper .bx-next:focus{background-position: -39px 0}.bx-wrapper .bx-controls-direction a{float:left;display:inline-block;width:40px;height:40px;text-indent: -9999px;z-index: 9999}.bx-wrapper .bx-controls-direction a.disabled{display: none}.bx-wrapper .bx-controls-auto{text-align: center}.bx-wrapper .bx-controls-auto .bx-start{display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;background: url('/resource/img/pc/cm/spr_ico.png') 0 0 no-repeat;margin: 0 3px}.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus{background-position: -86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display: block;text-indent: -9999px;width: 9px;height: 11px;outline: 0;background: url('/resource/img/pc/cm/spr_ico.png') -86px -44px no-repeat;margin: 0 3px}.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus{background-position: -86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align: left;width: 80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right: 0;width: 35px}.bx-wrapper .bx-caption{position: absolute;bottom: 0;left: 0;background: #666;background: rgba(80, 80, 80, 0.75);width: 100%}.bx-wrapper .bx-caption span{color: #fff;font-family: Arial;display: block;font-size: .85em;padding: 10px}.bx-controls{position:absolute;top:-64px;right:40px;width:79px;height:40px;}

/* skip-navigator */
.skip-navigator{position:absolute !important;left:-9999px !important;top:-9999px !important;}

/* wrapper */
#wrapper{min-width:1080px;}

/* header */
#header{z-index:100;position:relative;height:123px;border-bottom:1px solid #e8e8e8;}
#header header{height:100%;}
#header h1{display:inline-block;font:normal 0/0 arial;margin-top:38px;}
#header h1 a{display:block;width:175px;height:53px;font:normal 0/0 arial;background:url('/resource/img/pc/cm/logo.jpg') no-repeat;}
#header .in{position:relative;width:1080px;height:100%;margin:0 auto;}
#header.on{transition:all 0.3 ease-out;}

/* gnb */
#gnb{position:absolute;top:44px;left:200px;display:inline-block;vertical-align:middle;}
#gnb a{font-weight:400;}
#gnb ul{display:inline-block;vertical-align:middle;}
#gnb li{display:inline-block;vertical-align:middle;padding-left:18px;}
#gnb li a{position:relative;display:block;padding:20px 6px 42px 6px;font-size:18px;line-height:1;color:#222;letter-spacing:-0.014em;transition:all 0.2s;}
#gnb li a span{position:absolute;bottom:0;left:50%;height:3px;display:block;width:0;background:#36b0c5;transition:all 0.2s;}
#gnb li a:hover,
#gnb li a.on{color:#36b0c5;}
#gnb li a:hover span,
#gnb li a.on span{left:0;width:76px;}
#gnb li a#btn-search{width:21px;height:22px;padding-right:23px;font:normal 0/0 arial;background:url('/resource/img/pc/cm/ico_search.png') center no-repeat;}
#gnb li a.theme{padding-right:0;}
#gnb a.btn-write{position:relative;top:3px;display:inline-block;width:102px;height:37px;text-align:center;line-height:35px;font-size:16px;color:#222;margin-left:38px;border:1px solid #ddd;}

/* gnb-area */
.gnb-area{position:absolute;top:123px;left:0;width:1080px;border:1px solid #ddd;box-sizing:border-box;background:#FFF;visibility:hidden;opacity:0;transition:visibility 0s, opacity 0.1s linear;}
.gnb-area .gnb-top{height:51px;border-bottom:1px solid #ddd;}
.gnb-area .gnb-tab{float:left;display:inline-block;width:541px;height:100%;border-right:1px solid #ddd;}
.gnb-area .gnb-tab ul{display:block;}
.gnb-area .gnb-tab li{float:left;display:inline-block;padding:0 20px;}
.gnb-area .gnb-tab li a{position:relative;display:block;height:100%;line-height:51px;font-size:16px;color:#666;font-weight:300;padding:0 6px;}
.gnb-area .gnb-tab li a span{position:absolute;bottom:-1px;left:50%;display:block;width:0;height:3px;background:#36b0c5;}
.gnb-area .gnb-tab li a:hover,
.gnb-area .gnb-tab li a.on{color:#222;}
.gnb-area .gnb-tab li a:hover span,
.gnb-area .gnb-tab li a.on span{left:0;width:100%;}
.gnb-area.on{visibility:visible;opacity:1;}
.gnb-area.on .gnb-tab li a:hover span,
.gnb-area.on .gnb-tab li a.on span{transition:all 0.3s;}

.gnb-area .gnb-bottom{position:relative;padding:10px 0 25px 0;}
.gnb-area .gnb-bottom .area{display:none;}
.gnb-area .gnb-bottom .area:after{content:'';display:block;clear:both;}
.gnb-area .gnb-bottom ul{float:left;display:inline-block;width:114px;margin-left:20px;}
.gnb-area .gnb-bottom li{display:block;}
.gnb-area .gnb-bottom li a{display:inline-block;font-size:14px;color:#666;line-height:1;padding:10px 0;}
.gnb-area .gnb-bottom li a:hover,
.gnb-area .gnb-bottom li a:hover strong{color:#36b0c5;}
.gnb-area .gnb-bottom li a strong{color:#222;font-weight:400;}

.gnb-area .gnb-bottom .ad-wrap{float:right;display:inline-block;margin:10px 25px 0 0;}
.gnb-area .gnb-bottom .ad-wrap-in{float:left;display:inline-block;width:230px;height:360px;text-align:center;margin-left:20px;box-sizing:border-box;}

/* search-area */
.search-area{position:relative;width:288px;height:40px;padding:0 87px 0 14px;background:#FFF;border:2px solid #ddd;box-sizing:border-box;transition:all 0.3s ease-out;}
.search-area input[type="text"]{position:absolute;top:0;display:block;width:69%;height:100%;line-height:36px;font-size:14px;color:#777;font-weight:300;padding:0;border:0;background:transparent;}
.search-area input[type="text"]::-webkit-input-placeholder{color:#cacaca;}
.search-area input[type="text"]::-moz-placeholder{color:#cacaca;}
.search-area input[type="text"]:-ms-input-placeholder{color:#cacaca;}
.search-area input[type="text"]:-moz-placeholder{color:#cacaca;}
.search-area input[type="reset"]{display:none;position:absolute;top:0%;right:46px;width:39px;height:100%;font:normal 0/0 arial;padding:0;margin:0;background:url('/resource/img/pc/cm/btn_search_close.png') center no-repeat;border:0;transition:all 0.3s;}
.search-area button.search-btn{z-index:2;position:absolute;top:0;right:0;width:44px;height:100%;font:normal 0/0 arial;}
.search-area button.search-btn:before{content:'';position:absolute;top:50%;left:0;display:block;width:2px;height:14px;margin-top:-7px;background:#ddd;}
.search-area button.search-btn span{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url('/resource/img/pc/cm/ico_search_grey.png') center no-repeat;transition:all 0.3s ease-out;}
.search-area .auto-frame{display:none;position:absolute;top:37px;left:-2px;right:-2px;background:#FFF;border:1px solid #36b0c5;box-sizing:border-box;}
.search-area .auto-frame ul{display:block;padding:19px 0 0 0;}
.search-area .auto-frame li{position:relative;display:block;padding:0 47px 17px 17px;}
.search-area .auto-frame li a{display:block;width:100%;font-size:14px;color:#999;line-height:18px;transition:all 0.3s ease-out;}
.search-area .auto-frame li a:hover{color:#36b0c5;}
.search-area .auto-frame li button{position:absolute;top:0;right:0;display:block;width:47px;height:21px;background:url('/resource/img/pc/cm/btn_search_close.png') center no-repeat;}
.search-area .auto-frame .auto-frame-plus{margin:0 15px;border-top:1px solid #ddd;}
.search-area .auto-frame .auto-frame-plus button.btn-allRemove{float:right;font-size:13px;color:#36b0c5;padding:6px 0 10px 0;margin:0;}
.search-area.on{border-color:#36b0c5;}
.search-area.on button span{background:url('/resource/img/pc/cm/ico_search_mint.png') center no-repeat;}
#search-area{position:absolute;top:53px;right:0;}
#result-search-area{width:342px;height:40px;padding:0 71px 0 18px;margin:35px auto 0 auto;border:1px solid #ccc;border-radius:40px;}
#result-search-area.on{border-color:#36b0c5;}
#result-search-area input[type="reset"]{right:43px;width:18px;}
#result-search-area button.search-btn{right:-1px;width:44px;}
#result-search-area button.search-btn:before{display:none;}

/* page-navigation */
.page-navigation{z-index:2;position:absolute;top:0;width:100%;height:39px;background:#FFF;border-bottom:1px solid #e8e8e8;transition:background-color 0.2s ease-out;}
.page-navigation .navigation-in{position:relative;width:1080px;height:100%;margin:0 auto;}
.page-navigation .navigation-in .logo{display:none;float:left;margin:12px 30px 0 0;}
.page-navigation .navigation-in ul.pagination-ul{display:block;height:100%;}
.page-navigation .navigation-in ul.pagination-ul:after{content:'';display:block;clear:both;}
.page-navigation .navigation-in ul.pagination-ul li{position:relative;float:left;display:inline-block;height:100%;padding:0 13px 0 18px;background:url('/resource/img/pc/cm/arrow_pagenavi.gif') 0 center no-repeat;}
.page-navigation .navigation-in ul.pagination-ul li:first-child{padding-left:0;background:none;}
.page-navigation .navigation-in ul.pagination-ul li a{display:block;height:100%;line-height:39px;font-size:14px;}
.page-navigation .navigation-in ul.pagination-ul li a.has-menu{padding-right:16px;background:url('/resource/img/pc/cm/arrow_pagenavi_default.gif') right center no-repeat;}
.page-navigation .navigation-in ul.pagination-ul li .navigation-menu{display:none;z-index:2;position:absolute;left:0;top:39px;min-width:98px;max-width:200px;max-height:330px;padding:10px 0;box-sizing:border-box;background:#FFF;border:1px solid #e8e8e8;overflow-y:auto;}
.page-navigation .navigation-in ul.pagination-ul li .navigation-menu a{display:block;color:#777;line-height:120%;font-size:14px;padding:7px 14px;transition:all 0.3s;}
.page-navigation .navigation-in ul.pagination-ul li .navigation-menu a:hover{background:#f0f7f9;}
.page-navigation .navigation-in ul.pagination-ul li.on .has-menu{background:url('/resource/img/pc/cm/arrow_pagenavi_down.gif') right center no-repeat;}
.page-navigation .navigation-in ul.pagination-ul li.on .navigation-menu{display:block;}

.share-area{position:absolute;top:50%;right:0;margin-top:-20px;}
.share-area .pageUrl{position:absolute;top:0;right:0;opacity:0;filter:alpha(opacity=0);}
.share-area .btn-share{position:relative;display:block;width:40px;height:40px;}
.share-area .btn-share span{position:absolute;top:0;left:0;display:block;width:100%;height:100%;font:normal 0/0 arial;background:url('/resource/img/pc/cm/ico_share.png') center no-repeat;}
.share-area .share-layer{display:none;z-index:10;position:absolute;top:39px;right:0;width:250px;height:122px;text-align:center;background:#FFF;border:1px solid #888;}
.share-area .share-layer strong{display:block;color:#777;font-size:14px;font-weight:400;margin:18px 0 11px 0;}
.share-area .share-layer ul{display:inline-block;margin-left:-10px;}
.share-area .share-layer ul:after{content:'';display:block;clear:both;}
.share-area .share-layer li{float:left;display:inline-block;width:40px;height:40px;margin-left:10px;}
.share-area .share-layer li a,
.share-area .share-layer li button{position:relative;display:block;width:100%;height:100%;font:normal 0/0 arial;background:url('/resource/img/pc/cm/spr_share.png') 0 0 no-repeat;}
.share-area .share-layer li button span{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url('/resource/img/pc/cm/spr_share.png') 0 0 no-repeat;}
.share-area .share-layer li a.kakao{background-position:-50px 0;}
.share-area .share-layer li a.twitter{background-position:-100px 0;}
.share-area .share-layer li button.url{background:none;}
.share-area .share-layer li button.url span{background-position:-150px 0;}
.share-area .share-layer .close-share-layer{position:absolute;top:0;right:0;display:block;width:34px;height:34px;font:normal 0/0 arial;background:url('/resource/img/pc/cm/ico_close_small.png') center no-repeat;}
.page-navigation .share-area{display:none;}

.page-navigation.sticky{z-index:100;position:fixed;height:56px;background:#36b0c5;border:0;}
.page-navigation.sticky .logo{display:inline-block;}
.page-navigation.sticky .navigation-in ul.pagination-ul li{background:url('/resource/img/pc/cm/arrow_pagenavi_w.png') 0 center no-repeat;}
.page-navigation.sticky .navigation-in ul.pagination-ul li:first-child{background:none;}
.page-navigation.sticky .navigation-in ul.pagination-ul li a{line-height:56px;color:#FFF;}
.page-navigation.sticky .navigation-in ul.pagination-ul li a.has-menu{background:url('/resource/img/pc/cm/arrow_pagenavi_default_w.png') right center no-repeat;}
.page-navigation.sticky .navigation-in ul.pagination-ul li .navigation-menu{top:56px;}
.page-navigation.sticky .navigation-in ul.pagination-ul li .navigation-menu a{color:#777;line-height:120%;}
.page-navigation.sticky .share-area .btn-share span{background:url('/resource/img/pc/cm/ico_share_white.png') center no-repeat;}
.page-navigation .navigation-in ul.pagination-ul li .navigation-menu a.selected{font-weight:500;color:#222;}
.page-navigation.sticky .share-area .share-layer{top:47px;}

/* container */
#container{position:relative;padding:90px 0 60px;min-height:690px;}
#container.introduce{background:#f2f2f2;}
#container .in{position:relative;width:1080px;margin:0 auto;}

/* footer */
#footer{font-size:14px;color:#666;letter-spacing:-0.018em;}
#footer .in{position:relative;width:1080px;margin:0 auto;}
#footer .footer-top{height:47px;background:#f5f5f5;}
#footer .footer-top:after{content:'';display:block;clear:both;}
#footer .footer-top .notice{float:left;display:inline-block;width:540px;margin:13px 0 0 0;}
#footer .footer-top .notice strong{float:left;display:inline-block;font-weight:500;padding-right:10px;}
#footer .footer-top .notice a.noti{float:left;display:inline-block;max-width:400px;height:20px;white-space:nowrap;margin-right:12px;overflow:hidden;text-overflow:ellipsis;}
#footer .footer-top .notice a.more{float:left;display:inline-block;position:relative;top:1px;font-size:12px;letter-spacing:-0.021em;color:#888;}
#footer .footer-top .apply{float:left;display:inline-block;width:539px;height:47px;line-height:47px;border-left:1px solid #e5e5e5;}
#footer .footer-top .apply p{display:inline;margin:0 6px 0 20px;}
#footer .footer-top .apply a.apply-writer{color:#36b0c5;font-weight:500;padding:0 8px 0 0;border-bottom:1px solid #36b0c5;background:url('/resource/img/pc/cm/arrow_apply_writer.gif') right 8px no-repeat;}
#footer .footer-top .apply .login-info{float:right;display:inline-block;text-align:right;}
#footer .footer-top .apply .login-info a{display:inline-block;margin-left:16px;}

#footer .footer-bottom{font-size:12px;color:#888;padding:21px 0 37px 0;background:#ededed;}
#footer .footer-bottom address span{position:relative;top:1px;display:inline-block;height:15px;padding:0 5px;overflow:hidden;}
#footer .footer-bottom .footer-menu{color:#666;margin:0 0 17px;}
#footer .footer-bottom .footer-menu a{font-size:14px;line-height:1;margin-right:15px;}
#footer .footer-bottom .footer-menu a strong{font-weight:500;}
#footer .footer-bottom .socials{position:absolute;top:49px;right:0;}
#footer .footer-bottom .socials a{float:left;display:inline-block;height:20px;margin-left:50px;background:url('/resource/img/pc/cm/spr_sns_ico.gif') 0 0 no-repeat;}
#footer .footer-bottom .socials a.facebook{width:10px;}
#footer .footer-bottom .socials a.instagram{width:20px;background-position:-60px 0;}
#footer .footer-bottom .socials a.blog{width:36px;background-position:-130px 0;}
#footer .footer-bottom .socials a.kakao{width:10px;background-position:-216px 0;}
#footer .footer-bottom .socials a.kakaoplus{width:21px;background-position:-276px 0;}
#footer .footer-bottom .socials a.youtube{width:20px;background-position:-347px 0;}
#footer .footer-bottom .socials a.twitter{width:22px;background-position:-416px 0;}

/* title */
h2, h3, h4{display:block;line-height:1;}
h2{font-size:30px;font-weight:400;letter-spacing:-0.008em;color:#282828;margin:-2px 0 40px 0;}
h3{font-size:26px;color:#222;font-weight:400;letter-spacing:-0.008em;margin:0 0 30px;}
h4{font-size:16px;color:#222;font-weight:500;letter-spacing:-0.016em;margin:0 0 30px;}
h2 em, h4 i{color:#36b0c5;}
.title-area{position:relative;}
.title-area .more{position:absolute;bottom:0;right:0;display:inline-block;font-size:14px;color:#282828;letter-spacing:-0.018em;line-height:1;}

/* writer-area */
.writer-area{display:block;vertical-align:middle;}
.writer-area .photo{display:inline-block;width:34px;height:34px;margin-right:10px;vertical-align:middle;border-radius:100%;overflow:hidden;background:#ebebeb url('/resource/img/pc/cm/profile_default_small.png') center no-repeat;}
.writer-area .photo img{width:100%;height:auto;min-height:100%;}
.writer-area .writer{font-size:14px;color:#282828;letter-spacing:-0.018em;font-weight:500;vertical-align:middle;}
.writer-area .writer a:hover{text-decoration:underline;}
.writer-area .date{display:inline-block;height:11px;line-height:11px;font-size:14px;color:#b2b2b2;padding-left:9px;margin-left:8px;vertical-align:middle;border-left:1px solid #ddd;}
.writer-area .count{display:inline-block;height:11px;line-height:11px;font-size:14px;color:#b2b2b2;padding-left:9px;margin-left:8px;vertical-align:middle;border-left:1px solid #ddd;}

/* list-default */
.list-default{margin:0 0 60px;overflow:hidden;}
.list-default ul{display:block;margin:-28px 0 0 -24px;}
.list-default li{float:left;display:inline-block;width:344px;height:349px;margin:28px 0 0 24px;}
.list-default a{display:block;width:100%;height:100%;}
.list-default .thumb{position:relative;width:100%;height:228px;margin:0 0 12px;background:#ddd;overflow:hidden;}
.list-default .thumb img{width:100%;min-height:100%;}
.list-default .title{max-height:60px;font-size:20px;color:#222;letter-spacing:-0.013em;line-height:30px;font-weight:400;margin:0 0 15px;overflow:hidden;}
.list-default .title:hover{text-decoration:underline;}
.list-default .mapbook .thumb{background-position:center;background-repeat:no-repeat;}
.list-default .mapbook .thumb img{z-index:2;position:absolute;top:50%;left:50%;display:block;width:125px;min-height:auto;margin:-85px 0 0 -63px;}
.list-default .mapbook .thumb .dimmed{z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0.3;filter:alpha(opacity=30);}
.list-default .mapbook a{display:block;width:100%;height:46px;text-align:center;color:#FFF;font-size:16px;font-weight:400;letter-spacing:-0.013em;line-height:44px;background:#ff6400;}

/* tag-area */
.tag-area{padding:60px 0;margin:0 0 60px;background:#f5f5f5;overflow:hidden;}
.tag-area ul{display:block;margin:-12px 0 0 -10px;}
.tag-area ul:after{content:'';display:block;clear:both;}
.tag-area li{float:left;display:inline-block;margin:10px 0 0 10px;}
.tag-area a{display:block;height:50px;line-height:47px;letter-spacing:-0.016em;padding:0 30px;background:#FFF;border:1px solid #ececec;border-radius:50px;}

/* list-area */
.list-area{margin-top:-30px;}
.list-area a:hover{text-decoration:underline;}
.list-area li{position:relative;height:244px;padding:30px 0;border-top:1px solid #e8e8e8;}
.list-area li:first-child{border:0;}
.list-area li:after{content:'';display:block;clear:both;}
.list-area .thumb{position:relative;float:left;display:inline-block;width:184px;height:184px;margin-right:34px;overflow:hidden;}
.list-area .thumb .thumb-in{position:absolute;top:50%;left:50%;width:1000%;height:500%;display:table;text-align:center;margin:-250% 0 0 -500%;}
.list-area .thumb .thumb-in a{display:table-cell;width:100%;height:100%;vertical-align:middle;}
.list-area .thumb .thumb-in img{height:184px;/*margin-left:-47px;*/}
.list-area .info-area{position:relative;display:inline-block;width:790px;height:184px;}
.list-area .info-area .title{max-height:60px;color:#222;font-size:23px;font-weight:400;line-height:30px;letter-spacing:-0.011em;margin:-2px 0 11px 0;overflow:hidden;}
.list-area .info-area .description{height:57px;color:#888;font-size:16px;line-height:26px;font-weight:400;letter-spacing:-0.016em;overflow:hidden;}
.list-area .info-area .description a:hover{text-decoration:none;}
.list-area .info-area .writer-area{position:absolute;bottom:11px;left:0;}
.list-area .info-area .writer-area a:hover{text-decoration:none;}

.list-area.oth-type .thumb{float:right;margin:0 0 0 34px;}
.list-area.oth-type .writer-area .date{padding:0;margin:0;border:0;}

/* recommend-content */
.recommend-area .recommend-tab ul{float:right;display:inline-block;text-align:right;margin-top:-63px;}
.recommend-area .recommend-tab ul:after{content:'';display:block;clear:both;}
.recommend-area .recommend-tab li{float:left;display:inline-block;height:32px;line-height:30px;font-size:20px;letter-spacing:-0.013em;font-weight:400;color:#444;margin-left:50px;cursor:pointer;transition:color 0.3s ease-in-out;}
.recommend-area .recommend-tab li.on{color:#ff6400;border-bottom:3px solid #ff6400;}
.recommend-area .recommend-content{display:none;width:100%;height:361px;margin-bottom:60px;}
.recommend-area .recommend-content .list-default li{height:361px;/*opacity:0;filter:alpha(opacity=0);*/transition:all 0.3s ease-in-out;}
/*.recommend-area .recommend-content.on .list-default li{opacity:1;filter:alpha(opacity=100);}*/
/*.recommend-area .recommend-content .list-default .thumb img{-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;}
.recommend-area .recommend-content .list-default a:hover .thumb img{transform:scale(1.1,1.1);}*/

/* paging */
.paging{position:relative;height:36px;text-align:center;border:1px solid #e8e8e8;}
.paging a{display:inline-block;width:38px;height:36px;line-height:35px;color:#888;font-size:15px;}
.paging a:hover{text-decoration:none;background:#f3f3f3;}
.paging a.on{color:#222;font-weight:500;}
.paging span{position:absolute;top:-1px;display:block;width:40px;height:38px;text-indent:-9999px;font:0/0 arial;cursor:pointer;}
.paging span a{display:block;width:100%;height:100%;background:url('/resource/img/pc/cm/spr_ico.png') no-repeat;}
.paging span a:hover{background:url('/resource/img/pc/cm/spr_ico.png') no-repeat;}
.paging span.goFirst{left:-1px;}
.paging span.goFirst a{background-position:-80px 0;}
.paging span.goFirst a:hover{background-color:none;background-position:-80px -40px;}
.paging span.goLast{right:-1px;}
.paging span.goLast a{background-position:-199px 0;}
.paging span.goLast a:hover{background-position:-199px -40px;}
.paging span.prev{left:39px;}
.paging span.prev a{background-position:-120px 0;}
.paging span.prev a:hover{background-position:-120px -40px;}
.paging span.next{right:38px;}
.paging span.next a{background-position:-160px 0;}
.paging span.next a:hover{background-position:-160px -40px;}

/* no-result */
.no-result{text-align:center;padding:52px 0 56px 0;border:1px solid #e2e2e2;}
.no-result strong{display:block;color:#222;font-weight:400;font-size:23px;letter-spacing:-0.011em;margin:0 0 9px;}
.no-result strong em{color:#36b0c5;}
.no-result p{color:#888;font-size:16px;line-height:26px;letter-spacing:-0.016em;}
.no-result a{display:block;width:200px;height:44px;font-size:18px;color:#FFF;font-weight:300;line-height:42px;text-align:center;margin:40px auto 0 auto;background:#36b0c5;}

/* profile-area */
.profile-area{position:relative;min-height:130px;padding:25px 0;margin:-50px 0 40px 0;background:#f5f5f5;}
.profile-area:before{content:'';display:block;clear:both;}
.profile-area .in{position:relative;}
.profile-area .photo{position:absolute;top:-1px;left:48px;width:120px;height:120px;overflow:hidden;background:#ededed;border-radius:100%;}
.profile-area .photo img{width:152px;height:auto;min-height:100%;}
.profile-area .info-area{margin:6px 0 0 217px;}
.profile-area .info-area .writer{font-size:23px;color:#222;margin:0 0 10px;}
.profile-area .info-area .writer a:hover{text-decoration:underline;}
.profile-area .info-area p{display:block;font-size:14px;line-height:23px;color:#777;margin:0 0 35px;}
.profile-area .info-area .socials{width:560px;}
.profile-area .info-area .socials li{float:left;display:inline-block;}
.profile-area .info-area .socials li a{display:block;font:normal 0/0 arial;text-align:center;padding:0 15px;}
.profile-area .info-area .socials li:first-child a{padding-left:0;}
.profile-area .info-area .socials li a span{display:inline-block;height:16px;text-align:center;vertical-align:middle;background:url('/resource/img/pc/cm/spr_socials.png') no-repeat;}
.profile-area .info-area .socials li a.facebook{padding-left:0;}
.profile-area .info-area .socials li a.facebook span{width:8px;background-position:0 0;}
.profile-area .info-area .socials li a.instagram span{width:16px;background-position:-20px 0;}
.profile-area .info-area .socials li a.twitter span{width:16px;background-position:-40px 0;}
.profile-area .info-area .socials li a.youtube span{width:18px;background-position:-60px 0;}
.profile-area .info-area .socials li a.blog span{width:29px;background-position:-80px 0;}
.profile-area .info-area .socials li a.homepage span{width:15px;background-position:-120px 0;}
.profile-area .btn-mygetabout{position:absolute;top:0;right:0;display:block;width:101px;height:35px;line-height:33px;text-align:center;color:#666;font-size:14px;border:1px solid #ddd;}

/* int-area */
.int-area{margin-top:-50px;}
.int-area .visual-area{position:relative;height:439px;color:#FFF;text-align:center;background:url('/resource/img/pc/int/bg_visual.jpg') center no-repeat;background-size:cover;}
.int-area .visual-area .dimmed{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:0.5;filter:alpha(opacity=50);}
.int-area .visual-area .copy{position:absolute;top:121px;left:0;width:100%;text-align:center;font-size:40px;line-height:50px;font-weight:300;}
.int-area .visual-area .copy img{margin:-12px 8px 0 0;}

.int-area .int-box{z-index:2;position:relative;width:944px;background:#FFF;padding:70px 68px 80px 68px;margin:-127px auto 0 auto;}
.int-area h2{text-align:center;font-size:34px;color:#222;font-weight:400;line-height:44px;margin:0 0 52px;}

.int-area ul{display:block;margin:0 0 91px;}
.int-area ul:after{content:'';display:block;clear:both;}
.int-area ul li{position:relative;display:block;height:187px;padding:13px 0 20px 0;margin:5px 0 0 512px;border-top:1px solid #ebebeb;}
.int-area ul li:first-child{margin-top:0;border:0;}
.int-area ul li .thumb{position:absolute;top:0;left:-512px;}
.int-area ul li .content strong{display:block;color:#222;font-size:26px;line-height:1;font-weight:400;margin:14px 0 16px 0;}
.int-area ul li .content p{display:block;color:#989898;line-height:25px;font-size:16px;}
@media \0screen {
    .int-area ul li .content p{font-size:15px;}
}

.int-area ol{display:block;margin:-28px 0 55px -58px;}
.int-area ol:after{content:'';display:block;clear:both;}
.int-area ol li{float:left;display:inline-block;width:276px;margin:30px 0 0 58px;}
.int-area ol li .num{height:30px;font:normal 0/0 arial;}
.int-area ol li .thumb{margin:0 0 15px;}
.int-area ol li strong{display:block;line-height:30px;font-weight:400;font-size:25px;color:#222;margin:0 0 9px;}
.int-area ol li p{display:block;line-height:25px;font-size:16px;color:#989898;}
@media \0screen {
    .int-area ol li p{font-size:15px;letter-spacing:-1px;}
}

.int-area .btn-area{text-align:center;margin:0 0 20px;}
.int-area .btn-area a{display:inline-block;width:364px;height:60px;line-height:58px;color:#FFF;text-align:center;font-size:22px;background:#36b0c5;}

.int-area .description{display:block;line-height:1;text-align:center;color:#b2b2b2;font-size:14px;}

/* filter-area */
.filter-area{z-index:2;position:absolute;top:0;right:0;}
.filter-area .filter-tab{float:right;display:block;width:280px;text-align:right;}
.filter-area .filter-tab:after{content:'';display:block;clear:both;}
.filter-area .filter-tab a{float:left;display:inline-block;width:140px;height:36px;font-size:15px;color:#36b0c5;line-height:34px;text-align:left;text-indent:10px;margin-left:-1px;background:#FFF url('/resource/img/pc/cm/arrow_filter_default.png') 114px center no-repeat;border:1px solid #36b0c5;box-sizing:border-box;}
.filter-area .filter-tab a.on{color:#FFF;background:#36b0c5 url('/resource/img/pc/cm/arrow_filter_down.png') 114px center no-repeat;}

.filter-area .filter-box{display:none;position:absolute;top:35px;left:-1px;width:279px;padding:10px;background:#FFF;border:1px solid #36b0c5;box-sizing:border-box;}
.filter-area .filter-box .check-row{float:left;display:inline-block;width:50%;margin:0 0 13px;}
.filter-area .filter-box .check-row:nth-child(odd){clear:both;}
.filter-area .filter-box .check-row label{display:block;color:#666;font-size:14px;line-height:120%;padding-left:26px;background:url('/resource/img/pc/cm/img_check.gif') 0 1px no-repeat;}
.filter-area .filter-box .check-row label input{width:0;height:0;opacity:0;filter:alpha(opacity=0);}
.filter-area .filter-box .check-row.on label{background:url('/resource/img/pc/cm/img_checked.png') 0 1px no-repeat;}
.filter-area .filter-box .check-row.group-all{width:100%;}
.filter-area .filter-box .check-row.group-all label{color:#222;}
.filter-area .filter-box .check-row.all-check{width:100%;padding:12px 0;border-bottom:1px solid #ddd;}
.filter-area .filter-box .check-row.all-check label{color:#222;}
.filter-area .filter-box .filter-groups{min-height:300px;max-height:480px;overflow-y:auto;clear:both;}
.filter-area .filter-box .filter-group{margin:0 0 10px;}
.filter-area .filter-box .filter-group:after{content:'';display:block;clear:both;}
.filter-area .filter-box .filter-bottom{text-align:center;padding:15px 0 5px 0;margin-top:13px;border-top:1px solid #ddd;}
.filter-area .filter-box .filter-bottom a.filter-btn{display:inline-block;width:120px;height:38px;line-height:38px;color:#FFF;text-align:center;font-size:16px;border-radius:2px;background:#3cafc3;}
.filter-area .filter-box .filter-bottom a.filter-btn.visible{background:#bbb;}
.gadbanner_90{height: 90px;margin: 0px auto 30px auto;text-align: center;width:100%;text-align:center;}
.gadbanner_90_2{height: 90px;margin: 0px auto 30px auto;text-align: center;width:100%;text-align:center;}
.gadbanner_200{height: 200px;margin: 0px auto 30px auto;text-align: center;}
.gadbanner_li{height:auto !important;text-align: center;padding:10px 0 !important;}
.gadbanner_float{z-index:10;position:fixed;top:212px;left:50%;margin-left:575px;}
.gadbanner_float2{z-index:10;position:absolute;top:860px;right: 50%;margin-right: 575px}