@charet "utf-8";

body{position:relative;}
#wrap{overflow:hidden;padding-top:85px;}

/* Class */
#wrap .visible-pc{display:block;}
#wrap .visible-mo{display:none;}

/* Header */
#header{position:fixed;left:0;right:0;top:0;z-index:9000;padding:24px 0;background-color:#000;}
#header .logo{float:left;}
#header .logo a{display:block;width:140px;height:34px;background:url(../images/nav/logo-6d7c18adb6768b45288ef5d14772c3da.png) 0 50% no-repeat;font-size:0;}

#header nav{float:right;font-size:0;}
#header nav .gnb,
#header nav .search-area{float:left;}
#header nav .gnb{margin-right:50px;font-size:0;}
#header nav .gnb li{display:inline-block;margin-right:45px;vertical-align:top;}
#header nav .gnb li:nth-child(3){margin-right:0;}
#header nav .gnb li a{display:block;position:relative;height:37px;font-size:18px;color:#d4d4d4;font-family:'samsungSharp', HelveticaNeue, DroidSans;line-height:37px;}
#header nav .gnb li a:before{display:block;content:'';position:absolute;bottom:6px;left:0;width:0;height:1px;background-color:#fff;transition:0.3s;}

#header nav .gnb li.btn-gnb-close{display:none;position:absolute;right:15px;top:18px;border-width:0;}
#header nav .gnb li.btn-gnb-close a{display:block;width:34px;height:34px;background:url(../images/nav/mo/btn-gnb-close-0dc92f7ba63fbbf5cc4cb434c2a5a1a6.png) 50% 50% no-repeat;background-size:17px;font-size:0;}


/* Search */
#header .btn-area{display:block;float:left;}
#header .btn-area .btn-search{display:block;width:127px;height:37px;border:1px solid #fff;border-radius:18.5px;text-align:center;}
#header .btn-area .btn-search span{display:block;height:100%;line-height:35px;}
#header .btn-area .btn-search span:before{display:inline-block;content:'';width:15px;height:35px;margin-right:11px;background:url(../images/nav/btn-search-63b9d332c068d7280a9e4f94653f8ef2.png) 0 50% no-repeat;vertical-align:top;}
#header .btn-area .btn-menu{display:none;}

#header .search-area{display:none;position:absolute;top:85px;left:0;right:0;z-index:50;padding:37px 0;background-color:#e3e3e3;}
#header .search-area .inner{position:relative;}
#header .search-area .search-area-contents{width:100%;max-width:798px;margin:0 auto;}
#header .dim{display:none;content:'';position:fixed;left:0;top:85px;z-index:10;width:100%;height:calc( 100vh - 85px );background-color:rgba(0,0,0,0.5);}

#header .search-area .btn-search-close{display:block;position:absolute;right:30px;top:-98px;width:127px;height:37px;background-color:#fff;border-radius:18.5px;text-align:center;}
#header .search-area .btn-search-close span{display:block;height:100%;color:#000;line-height:37px;}
#header .search-area .btn-search-close span:after{display:inline-block;content:'';width:10px;height:37px;margin-left:5px;background:url(../images/nav/icon-search-close-ad05ee0765541bb8fbf5a0f4b254a2da.png) 0 50% no-repeat;background-size:100%;vertical-align:top;}

#header .search-form{margin-bottom:11px;padding-bottom:11px;border-bottom:2px solid #000;font-size:0;letter-spacing:0;}
#header .search-form label{display:inline-block;width:calc( 100% - 99px );height:29px;padding-left:21px;background:url(../images/nav/icon-keyword-search-9fd6290019e3e2fd66baf05b2d312390.png) 0 50% no-repeat;vertical-align:top;}
#header .search-form label input{display:block;width:100%;height:100%;background-color:transparent;font-size:15px;color:#000;font-weight:700;}
#header .search-form .btn-keyword-search{display:inline-block;width:99px;height:29px;background-color:#000;border-radius:16.5px;color:#fff;font-size:13px;font-weight:700;text-align:center;line-height:29px;vertical-align:top;}

#header .recommended-area{margin-bottom:28px;font-size:0;letter-spacing:0;}
#header .recommended-area dt,
#header .recommended-area dd{display:inline-block;margin:0 12px;vertical-align:top;}
#header .recommended-area dt{margin-left:0;padding:5px 0;font-weight:700;}
#header .recommended-area dt:after{display:inline-block;content:':';margin-left:3px;vertical-align:top;}
#header .recommended-area dd a{display:inline-block;position:relative;padding:5px 0;font-size:13px;color:#000;line-height:1.3;}
#header .recommended-area dd a:before{display:block;content:'';position:absolute;bottom:2px;width:0;height:1px;background-color:#000;transition:width 0.3s;}

.keyword-select-theme{display:block;position:relative;vertical-align:top;}
.keyword-select-theme select,
.keyword-select-theme .btn-select{display:block;overflow:hidden;width:100%;height:37px;padding:9px 43px 9px 20px;background:#fff url(../images/nav/btn-select-f39b98aa109a772d895778e1e31bed67.png) calc( 100% - 19px ) 14.5px no-repeat;border-radius:3px;font-size:14px;color:#000;line-height:1.5;}

.keyword-select-theme .btn-select{height:auto;min-height:37px;}
.keyword-select-theme .btn-select:after{display:block;content:'';clear:both;}

.keyword-select-theme .btn-select span{display:block;float:left;font-size:13px;vertical-align:top;}
.keyword-select-theme .btn-select span:after{display:inline-block;content:'';width:1px;height:10px;margin:0 10px;background-color:#000;}
.keyword-select-theme .btn-select span:last-child:after{display:none;}

.keyword-select-theme select{font-size:13px;}

.keyword-select-theme.on .btn-select{background:#fff url(../images/nav/btn-select-on-af90b5d1a7aebc65b3eaab71116fdde4.png) calc( 100% - 19px ) 14.5px no-repeat;border-bottom:1px solid #ddd;border-radius:3px 3px 0 0;}
.keyword-select-theme.on .btn-select{font-weight:700;}
.keyword-select-theme.on .btn-select span{color:#000;}

.keyword-select-theme .select-list{max-height:175px;}
.keyword-select-theme .select-list li a{height:35px;line-height:35px;}
.keyword-select-theme .select-list li.on a{background-color:#333;color:#fff;}

.keyword-select-theme .multiple-select-list li a:before,
.keyword-select-theme .multiple-select-list li a:after{background-color:#cfcfcf;}
.keyword-select-theme .multiple-select-list li a:before{width:15px;}
.keyword-select-theme .multiple-select-list li a:after{top:calc( 50% - 7.5px );right:26px;height:15px;}

.keyword-select-theme .multiple-select-list li.disabled a{cursor:default;}
.keyword-select-theme .multiple-select-list li.disabled a:before,
.keyword-select-theme .multiple-select-list li.disabled a:after{display:none;}

#header .search-select-area dl{float:left;width:calc( 50% - 11px );margin-right:22px;}
#header .search-select-area dl:last-child{margin-right:0;}
#header .search-select-area dl dt{margin-bottom:10px;font-size:13px;font-weight:700;}
#header .search-select-area dl dd{width:100%;}

#header .search-select-area .keyword-select-theme .select-list{top:37px;border-radius:0 0 3px 3px;}

/* Search Automatic Completion */
.autocomplete-suggestions{overflow:auto;position:absolute;left:calc( 50% - 399px );top:44px;z-index:50;width:100%;max-width:798px;border-radius:3px;max-height:180px;}
.autocomplete-suggestions li a{padding:9px 20px;background-color:#535353;font-size:13px;color:#fff;font-weight:700;line-height:1.4;transition:0.2s;}
.autocomplete-suggestions > div{padding:9px 20px;background-color:#535353;font-size:13px;color:#fff;font-weight:700;line-height:1.4;transition:0.2s;}

.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-suggestions .autocomplete-selected { background: #111 !important; }
.autocomplete-suggestions strong { font-weight: normal; color: #00acd0; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/* Footer */
#footer{background-color:#000;border-top:1px solid #434343;}
#footer .inner{padding:25.5px 0 44px;}
#footer .user-area{float:left;padding-top:13.5px;}
#footer .user-area .logo{display:block;width:140px;height:34px;margin-bottom:28px;background:url(../images/nav/footer-logo-fd1117ec3c366a7659289f81ff4e8010.png) 0 0 no-repeat;background-size:100%;font-size:0;}
#footer .user-area .user-guide{font-size:0;}
#footer .user-area .user-guide li{display:inline-block;position:relative;margin-right:9px;padding-right:9px;vertical-align:top;}
#footer .user-area .user-guide li:after{display:inline-block;content:'';position:absolute;right:0;top:calc( 50% - 7.5px );width:1px;height:15px;background-color:#aaa;vertical-align:top;}
#footer .user-area .user-guide li a,
#footer .copyright{font-size:15px;color:#aaa;line-height:17px;}
#footer .user-area .user-guide li a{display:block;}
#footer .copyright{float:left;padding-top:75px;margin-left:-35px;}

#footer .service-area{float:right;text-align:right;}
.social-network{margin-bottom:14.5px;font-size:0;letter-spacing:0;}
.social-network li{display:inline-block;position:relative;width:50px;height:50px;margin-right:2px;vertical-align:top;}
.social-network li:last-child{margin-right:0;}
.social-network li a{display:block;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;font-size:0;text-indent:-9999px;}

.social-network li.rss a{background-image:url(../images/nav/btn-social-rss-8d6f81149bec44c4fae64e02ac679b80.png);}
.social-network li.facebook a{background-image:url(../images/nav/btn-social-facebook-3287eb9fce1e46579edd35dc36361717.png);}
.social-network li.twitter a{background-image:url(../images/nav/btn-social-twitter-28d1e5e0f8c909ae91659639fa9fe57e.png);}
.social-network li.youtube a{background-image:url(../images/nav/btn-social-youtube-70bc6afb2325472a40424e71fcf43d48.png);}
.social-network li.linkedin a{background-image:url(../images/nav/btn-social-linkedin-ba343c869fc75d39e5e2b1d40087f0b2.png);}
.social-network li.instagram a{background-image:url(../images/nav/btn-social-instagram-8ebde1520e1987038d66325da8e4fb63.png);}

#footer .related-channels{display:inline-block;width:100%;padding-right:13px;vertical-align:top;}
#footer .related-channels .keyword-select-theme select{padding-left:26px;padding-right:46px;background:#434343 url(../images/nav/btn-select-big-92c1ca332b0b4274c8b6a774c49a80c9.png) calc( 100% - 19px ) 50% no-repeat;}
#footer .related-channels .select-list{top:auto;bottom:43px;text-align:left;}

/* Top Button */
.btn-top{display:block;overflow:visible;position:fixed;right:70px;bottom:40px;z-index:-10;width:48px;height:48px;opacity:0;transition:opacity 0.5s;}
.btn-top .icon{display:block;position:absolute;left:0;top:0;z-index:30;width:48px;height:48px;background-image:url(../images/nav/btn-top-e07d172ca36ebd5818064563bee46cc3.png);background-position:50% 50%;background-repeat:no-repeat;border-radius:24px;text-indent:-9999px;transition:0.3s;box-shadow:1px 1px 5px grey;}

.btn-top.on{opacity:1;z-index:50;}
.btn-top.fix{position:absolute;}

/* Login */
.landing-wrap{display:table;width:100%;height:100%;}
.landing-wrap .new-shares-box{display:table-cell;width:410px;margin:0 auto;padding:50px 0;text-align:center;vertical-align:middle;}
.new-shares-box .new-shares-title{margin-bottom:30px;font-size:30px;line-height:1.3;}
.new-shares-box legend{display:none;margin-bottom:20px;font-size:14px;}
.new-shares-box .load-more{display:inline-block;width:100%;max-width:410px;height:62px;border:1px solid #fff;font-size:20px;color:#fff;text-align:center;line-height:60px;}
#loginId, #loginPassword{display:block;width:100%;max-width:410px;height:auto;margin:0 auto;background-color:transparent;background-position:20px 50%;background-repeat:no-repeat;padding:20px 20px 20px 60px;border-bottom:1px solid #fff;border-radius:0;color:#fff;}
#loginId{margin-bottom:10px;background-image:url(../images/nav/icon-login-id-5437b0d815cd5726786b4839d0c7dc64.png);}
#loginPassword{margin-bottom:40px;background-image:url(../images/nav/icon-login-password-45d1cd7bbe8fd378baef536e33b342e7.png);}

.landing-wrap input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #000 inset;-webkit-text-fill-color:#fff;}
.landing-wrap input:-webkit-autofill,
.landing-wrap input:-webkit-autofill:hover,
.landing-wrap input:-webkit-autofill:focus,
.landing-wrap input:-webkit-autofill:active{transition:background-color 0.5s ease-in-out 0s;}

#loginId:-webkit-autofill{background-image:url(../images/nav/icon-login-id-5437b0d815cd5726786b4839d0c7dc64.png) !important;}
#loginPassword:-webkit-autofill{background-image:url(../images/nav/icon-login-password-45d1cd7bbe8fd378baef536e33b342e7.png) !important;}

/*:*:*:*:*:*:*:* MOBILE & TABLET *:*:*:*:*:*:*:*/
@media all and (min-width:0) and (max-width:1279px){

/* Class */
#wrap .visible-pc{display:none;}
#wrap .visible-mo{display:block;}

/* Header */
#header .logo a{background-image:url(../images/nav/mo/logo-e7bd51737f9c5d9febdab5e07d235853.png);background-size:100%;}
#header .dim{top:70px;height:calc( 100vh - 70px );}

/* Search */
#header .search-area{top:70px;padding:13px 0;}
#header .search-form{margin-bottom:6px;padding:0 0 13px 0;}
#header .search-form label{width:calc( 100% - 60px );height:25px;background:url(../images/nav/mo/icon-keyword-search-b228cbf2d179724a36b4f5dc3ef627ab.png) 0 50% no-repeat;background-size:19px;}
#header .search-form label input{padding:0 10px;font-size:13px;}
#header .search-form .btn-keyword-search{width:60px;height:25px;font-size:10px;line-height:25px;}

#header .recommended-area{position:relative;left:-10px;margin-bottom:35px;}
#header .recommended-area dt{display:none;}
#header .recommended-area dd{margin:0 10px;font-size:11px;}
#header .recommended-area dd a{padding:3px 0;font-size:11px;}

#header .search-select-area dl{float:none;width:100%;margin-right:0;margin-bottom:10px;}
#header .search-select-area dl:last-child{margin-bottom:0;}

.keyword-select-theme .btn-select,
.keyword-select-theme select{background:#fff url(../images/nav/mo/btn-select-faf19ad9d43baeeca863f44b44cd10fe.png) calc( 100% - 19px ) 14.5px no-repeat;background-size:13px;}
.keyword-select-theme.on .btn-select{background:#fff url(../images/nav/mo/btn-select-on-8d152e41f2dabac9a5497b2e2bcc7290.png) calc( 100% - 19px ) 14.5px no-repeat;background-size:13px;}

#header .search-area .btn-search-close{display:none;}

/* Footer */
#footer .related-channels .keyword-select-theme select{background:#434343 url(../images/nav/mo/btn-select-big.png) calc( 100% - 19px ) 50% no-repeat;background-size:16px;}
#footer .copyright{margin-left:0;}

.social-network li a{background-size:24px;}
.social-network li.rss a{background-image:url(../images/nav/mo/btn-social-rss-ade5e1a3ecb508c2bba58e991e788d27.png);}
.social-network li.facebook a{background-image:url(../images/nav/mo/btn-social-facebook-e199532977c70e300d4a69855716bd5f.png);background-size:15px;}
.social-network li.twitter a{background-image:url(../images/nav/mo/btn-social-twitter-44454da2c82d70504e10111e9ea3bc9e.png);background-size:28px;}
.social-network li.youtube a{background-image:url(../images/nav/mo/btn-social-youtube-4edc2b04e5f0512536fca21cc8c3b645.png);background-size:26px;}
.social-network li.linkedin a{background-image:url(../images/nav/mo/btn-social-linkedin-ee27f6182236b163f2b3b79ab9f5b5d4.png);}
.social-network li.instagram a{background-image:url(../images/nav/mo/btn-social-instagram-034176ec6cec708708fa933878734c6e.png);}

/* Top Button */
.btn-top{right:30px;bottom:30px;}
.btn-top .icon{background:url(../images/nav/mo/btn-top-d4b93dd9fc475bd8d3fb0a5767cf874c.png);background-size:100%;}

}

/*:*:*:*:*:*:*:* MOBILE *:*:*:*:*:*:*:*/
@media all and (min-width:0) and (max-width:767px){

#wrap{padding-top:70px;}

/* Header */
#header{padding:18px 0;}
#header nav .gnb{display:none;position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100vh;padding:77px 15px 0;background-color:rgba(0,0,0,0.9);}
#header nav .gnb.on{display:block;}

#header nav .gnb li{display:block;margin-right:0;border-bottom:1px solid #333;}
#header nav .gnb li a{width:100%;height:40px;padding:0 17px;background:url(../images/nav/mo/arr-gnb-4d8f630cdd67dc5571e59140771f7dcf.png) calc( 100% - 17px ) 50% no-repeat;background-size:8px;font-size:15px;line-height:40px;}
#header nav .gnb li.btn-gnb-close{display:block;letter-spacing:0;}


#header .btn-area{font-size:0;}
#header .btn-area .btn-search,
#header .btn-area .btn-menu{display:inline-block;vertical-align:top;}
#header .btn-area .btn-search{width:34px;height:34px;background:url(../images/nav/mo/btn-search-f177b57888f4f4788fbf39b822fb91dd.png) 50% 50% no-repeat;background-size:16px;border-width:0;}
#header .btn-area .btn-search span{display:none;}
#header .btn-area .btn-menu{width:34px;height:34px;/* margin-left:15px; */background:url(../images/nav/mo/btn-menu-3c3f6206b9555d23d9e507ce2523d758.png) 50% 50% no-repeat;background-size:20px;font-size:0;}

/* Search Automatic Completion */
.autocomplete-suggestions{left:15px;max-width:calc( 100% - 30px );max-height:128px;}
.autocomplete-suggestions li a, .autocomplete-suggestions > div{padding:7px 20px;}

/* Footer */
#footer .inner{padding:30px 46px;}

#footer .user-area{float:none;margin-bottom:6px;}
#footer .user-area .logo{margin-bottom:25px;background:url(../images/nav/mo/footer-logo-53b31edc33cfbeae591700755bb999f2.png) 0 0 no-repeat;background-size:100%;}
#footer .user-area .user-guide li:after{top:calc( 50% - 5px );height:10px;}
#footer .user-area .user-guide li:last-child{margin-right:0;padding-right:0;}
#footer .user-area .user-guide li:last-child:after{display:none;}
#footer .user-area .user-guide li a,
#footer .copyright{font-size:11px;}
#footer .user-area .user-guide li a{}
#footer .copyright{float:none;padding-top:0;line-height:1.5;}

#footer .service-area{float:none;text-align:left;}
.social-network{display:block;position:relative;left:-10px;margin-bottom:6px;}
.social-network li{width:35px;height:35px;margin-right:0;}
.social-network li a,
.social-network li.facebook a,
.social-network li.twitter a,
.social-network li.youtube a{background-size:auto 15px;}

#footer .related-channels{display:block;margin-bottom:20px;}
#footer .related-channels .keyword-select-theme{display:block;padding-right:0;}
#footer .related-channels .keyword-select-theme select{width:100%;font-size:13px;}

/* Top Button */
.btn-top{right:16px;bottom:20px;}

/* Login */
.new-shares-box .new-shares-title{margin-bottom:20px;font-size:20px;}
.new-shares-box .load-more{width:100%;height:48px;padding:;font-size:14px;line-height:46px;}

#loginId, #loginPassword{width:100%;padding:15px 15px 15px 55px;font-size:14px;}
#loginId{margin-bottom:20px;background-size:17px;}
#loginPassword{background-size:14px;}


}

/*:*:*:*:*:*:*:* TABLET *:*:*:*:*:*:*:*/
@media all and (min-width:768px) and (max-width:1279px){

/* Header */
#header nav .gnb{margin-right:15px;}
#header nav .gnb li{margin-right:15px;}
#header nav .gnb li a{font-size:17px;line-height:41px;}
#header .btn-area .btn-search{width:37px;background:url(../images/nav/mo/btn-search-f177b57888f4f4788fbf39b822fb91dd.png) 50% 50% no-repeat;background-size:15px;border-width:0;}
#header .btn-area .btn-search span{display:none;}

#header .search-area .search-area-contents{max-width:708px;}

/* Search Automatic Completion */
.autocomplete-suggestions{left:calc( 50% - 354px );max-width:708px;}

/* Footer */
#footer .inner{padding:50px 30px;}
#footer .user-area{float:none;margin-bottom:26px;padding-top:0;}
#footer .user-area:after{display:block;content:'';clear:both;}
#footer .user-area .logo{float:left;margin-bottom:0;}
#footer .user-area .user-guide{float:right;padding-top:25px;}
#footer .user-area .user-guide li:after{top:calc( 50% - 5px );height:12px;}
#footer .user-area .user-guide li:last-child{margin-right:0;padding-right:0;}
#footer .user-area .user-guide li:last-child:after{display:none;}

#footer .social-network{margin-bottom:26px;}
#footer .service-area{float:none;}
#footer .service-area:after{display:block;content:'';clear:both;}

#footer .social-network{float:left;position:relative;left:-13px;}
#footer .related-channels{float:right;width:auto;padding-top:7.5px;padding-right:0;}

#footer .copyright{float:none;padding-top:0;}

}

/*:*:*:*:*:*:*:* PC *:*:*:*:*:*:*:*/
@media all and (min-width:1280px){

/* Search */
#header .recommended-area dd a:hover:before{width:100%;}
#header nav .gnb li.on a:before,
#header nav .gnb li a:hover:before{width:100%;}

/* Search Automatic Completion */
.autocomplete-suggestions li a:hover, .autocomplete-suggestions > div.on{background-color:#111;}

}