/* BASIC css start */
/* layout */
.sunny_inner{width:1300px;margin:0 auto;}

.topban_area{position:absolute;left:0;top:0;width:100%;height:50px;background:#0e1424;z-index:9999;}
.topban_area .sunny_inner{display:block;color:#5e6a7d;font-size:13px;height:50px;line-height:48px;letter-spacing:-1px;text-align:center;}
.topban_area .ico{display:inline-block;width:7px;margin:-1px 0 0 7px;vertical-align:top;}
.topban_area .ico img{display:inline-block;width:100%;}

#sunny_header{position:fixed;left:0;top:50px;width:100%;min-width:1300px;z-index:9999;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
#sunny_header.fixed{top:0;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
#sunny_header.fixed2{top:0;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}

#sunny_header .header_inner{position:relative;height:90px;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
#sunny_header.fixed .header_inner{background:#0c1120;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}

#sunny_header .logo{position:absolute;left:50%;top:50px;margin-left:-81px;width:163px;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
#sunny_header .logo img{width:100%;}

#sunny_header.fixed .logo{margin-left:-70px;width:140px;top:30px;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}

/*#sunny_header.fixed.fixed2 .logo.fixed{margin-left:-70px;width:140px;top:30px;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}*/

.gnb{position:absolute;left:80px;top:62px;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.fixed .gnb{display:block;top:37px;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.gnb > ul{font-size:0;letter-spacing:-5px;/*overflow:hidden;*/text-align:center;}
.gnb > ul > li{position:relative;font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;padding:0 40px 50px 0;}
.gnb > ul > li > a{position:relative;display:block;font-family:'Work Sans', sans-serif;color:#adbbc6;font-size:14px;line-height:14px;text-transform:uppercase;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.gnb > ul > li > a:hover{color:#adbbc6;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.gnb > ul > li > .gnbmenu{position:relative;display:block;font-family:'Work Sans', sans-serif;color:#adbbc6;font-size:14px;line-height:14px;text-transform:uppercase;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;cursor:pointer;}
.gnb > ul > li > .gnbmenu:hover{color:#adbbc6;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.gnb > ul > li > .gnbmenu.active{color:#adbbc6;}

.gnb .submenu_box{display:none;position:absolute;top:32px;width:150px;padding:14px 4px 14px 20px;background:#151b2e;text-align:left;box-shadow:5px 5px 10px rgba(0, 0, 0, .05);-ms-box-shadow:5px 5px 10px rgba(0, 0, 0, .05);-moz-box-shadow:5px 5px 10px rgba(0, 0, 0, .05);-webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, .05);box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.gnb .submenu_box.sub1{left:-20px;width:150px;}
.gnb .submenu_box.sub2{left:-20px;width:150px;}
.gnb .submenu_box.sub3{left:-20px;width:150px;}
.gnb .submenu_box.sub4{left:-20px;width:150px;}
.gnb .submenu_box ul{}
.gnb .submenu_box li{}
.gnb .submenu_box li a{font-family:'Work Sans', sans-serif;display:block;color:#5e6a7d;font-size:12px;line-height:12px;letter-spacing:0;padding:7px 0 7px 0;text-transform:uppercase;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;vertical-align:top;}
.gnb .submenu_box li a:hover{color:#adbbc6;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}


@media screen and (max-width:1410px) {
.gnb > ul > li{padding-right:22px;}
}

.utill_box{position:absolute;right:98px;top:58px;width:140px;text-align:right;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;z-index:2;}
.fixed .utill_box{display:block;top:32px;}

.utill_box .ico_utsearch{display:inline-block;}
.utill_box .ico_utsearch img{height:22px;}

.utill_box .btn_popopen{position:relative;display:inline-block;height:50px;padding-left:25px;}
.utill_box .btn_popopen img{height:22px;}
.utill_box .btn_popopen .ico{position:absolute;top:-35px;left:50%;margin-left:-20px;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.utill_box .btn_popopen .ico img{height:17px;}
.fixed .utill_box .btn_popopen .ico{display:none;top:-25px;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}

.utill_box .loginutill_pop{display:none;position:absolute;top:36px;left:50%;margin-left:-47px;width:116px;text-align:left;}
.utill_box .loginutill_pop .loginpop_in{padding:8px 4px 9px 0;border:1px solid #151b2e;background:#151b2e;}

/*.utill_box .loginutill_pop .loginpop_in .pop_arr{position:absolute;left:50%;top:0;margin-left:-6px;width:12px;height:7px;background:url("/sunny/images/ico_utillpoparr.png") no-repeat 0 0;background-size:12px 7px;}*/

.utill_box .loginutill_pop .loginpop_in a{position:relative;display:block;color:#5e6a7d;font-size:13px;line-height:13px;letter-spacing:-1px;padding:8px 0 8px 13px;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;vertical-align:top;}
.utill_box .loginutill_pop .loginpop_in a:hover{color:#adbbc6;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.utill_box .loginutill_pop .loginpop_in .point{position:absolute;right:5px;top:50%;margin-top:-7px;display:inline-block;font-family:'Roboto',sans-serif;font-size:10px;color:#adbbc6;height:15px;line-height:15px;background:#0d0d0d;padding:0 7px 0 5px;border-radius:15px;-ms-border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;letter-spacing:-0.5px;}

.utill_box .ico_utcart{position:relative;padding:0 6px 0 25px;}
.utill_box .ico_utcart img{height:22px;}
.utill_box .ico_utcart span{position:absolute;right:0;bottom:-5px;display:inline-block;font-family:'Roboto', sans-serif;font-size:10px;color:#374254;width:14px;height:14px;line-height:14px;background:#adbbc6;border-radius:14px;-ms-border-radius:14px;-moz-border-radius:14px;-webkit-border-radius:14px;text-align:center;font-weight:500;vertical-align:top;}

/* searchbox */
.searchArea{display:none;position:absolute;top:148px;left:0;width:100%;height:78px;background:rgba(255,255,255,.9);transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;}
.fixed .searchArea{top:100px;background:rgba(255,255,255,.9);transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;}
.searchArea .search{position:relative;width:800px;margin:15px auto 0;padding-bottom:10px;border-bottom:1px solid #0c1120;}
.searchArea .MS_search_word{font-family:'Work Sans', sans-serif;font-size:16px;color:#0c1120;width:700px;border:0;padding:0 45px;margin:0;height:32px;line-height:32px;background:none;}
.searchArea .MS_search_word::placeholder{color:#0c1120;}
.searchArea .ico_usearch{position:absolute;left:0;top:5px;width:22px;}
.searchArea .ico_usearch img{width:100%;}
.searchArea .ico_searclose{position:absolute;right:10px;top:6px;width:16px;}
.searchArea .ico_searclose img{width:100%;}

/* kakao button */
.side_kakao{position:fixed;right:25px;bottom:25px;width:40px;z-index:99;}
.side_kakao img{width:100%;}

/** 사이드위아래버튼 **/
.side_btn{display:none;width:30px;height:auto;text-align:center;position:fixed;bottom:25px;right:25px;z-index:99;}
.side_btn.active{display:block;}
.side_btn .inner {width:100%;height:auto;overflow:hidden;}
.side_btn .inner img{display:block;width:30px;height:30px;margin-bottom:1px;}


#content{}









/* BASIC css end */