/* BASIC css start */
#blk_scroll_wings {display:none;}
#quick #blk_scroll_wings {display:block;}

#header {width:100%; background:url('https://gaenso.cdn.smart-img.com/gaenso/2017main/bg_header.jpg') no-repeat center top;}
#header .hd_top {height:36px; }
#header .hd_top .inner {position:fixed; top:0; left:0; z-index:50; width:100%; height:36px; /*border-bottom:1px solid #ccc;*/ background:#fff;}
#header .hd_top ul.menu {float:left; display:none; }
#header .hd_top ul.menu li {float:left; border-right:1px solid #ccc;}
#header .hd_top ul.menu li a {display:block; width:131px; height:45px; color:#2f2f2f; font-size:12px; line-height:45px; text-align:center; cursor:pointer;}
#header .hd_top ul.menu li.sns {width:160px; border-right:0; font-size:0; text-align:center;}
#header .hd_top ul.menu li.sns a {display:inline-block; width:auto; padding:0 3px;}
#header .hd_top ul.menu li.all {border-left:1px solid #ccc;}
#header .hd_top ul.menu li.all a {width:43px;}
#header .hd_top ul.menu li.holiday a span {display:inline-block; *zoom:1; *display:inline; padding-left:21px; background:url('/design/ssodo82/img/common/icon_holiday.gif') no-repeat left center; color:#1ebce3; vertical-align:top;}
#header .hd_top ul.menu li.holiday a span img {vertical-align:top;}
#header .hd_top .langLink {float:right; position:relative;}
#header .hd_top .langLink .kor {position:relative; z-index:20; width:69px; height:45px; border:1px solid #ccc; border-width:0 1px; background:#fff; line-height:45px; text-align:center;}
#header .hd_top .langLink a {color:#2f2f2f; font-size:11px;}
#header .hd_top .langLink ul {display:none; position:absolute; top:45px; right:0; z-index:60; width:155px; padding:10px 20px; border:1px solid #ccc; background:#fff;}
#header .hd_top .langLink ul li a {display:block; position:relative; height:26px; text-align:right; line-height:26px;}
#header .hd_top .langLink ul li img {position:absolute; top:50%; left:0; width:17px; height:14px; margin-top:-7px;}
#header .hd_top .langLink:hover ul {display:block;}
#header .hd_mid {padding:50px 0 40px; height:145px; border-bottom:1px solid #ccc;}
#header .hd_mid h1 {float:left; padding:18px 59px 0 0;}
#header .hd_mid .title {padding-bottom:19px; color:#2f2f2f; font-family:'roboto'; font-weight:700; font-size:15px;}
#header .hd_mid .cate {float:left;}
#header .hd_mid .cate ul {float:left; width:140px;}
#header .hd_mid .cate ul li {display:block; height:24px; padding-bottom:1px;}
#header .hd_mid .cate ul li a {display:inline-block; zoom:1; *display:inline; padding:3px 0; color:#2f2f2f; font-size:13px;}
#header .hd_mid .cate ul li a:hover {border-bottom:1px solid #979797;}
#header .hd_mid .cate ul li.red a {color:#e24040;}
#header .hd_mid .cate ul li.blue a {color:#1798d9;}
#header .hd_mid .cate .special {float:left; width:280px;}
#header .hd_mid .cate .item {float:left; width:420px;}
#header .hd_mid .cate .board {float:left; width:280px;}
#header .all_menu {display:none; position:absolute; top:45px; left:0; width:1198px; z-index:100; padding:40px 0 57px; border:1px solid #2f2f2f; background:rgba(255,255,255,0.98);}
#header .all_menu table {table-layout:fixed; width:100%;}
#header .all_menu table * {font-family:'roboto', '³ª´®°íµñ';}
#header .all_menu table td {border-left:1px solid #e9e9e9; vertical-align:top;}
#header .all_menu table td:first-child {border-left:0;}
#header .all_menu table td dl {padding:28px 30px 0;}
#header .all_menu table td dl:first-child {padding-top:0;}
#header .all_menu table td dl dt {padding-bottom:4px; color:#cfa972; font-size:14px; font-weight:bold; letter-spacing:1px;}
#header .all_menu table td dl dt a {color:#cfa972; font-size:14px;  font-weight:bold; letter-spacing:1px;}
#header .all_menu table td dl dd {display:block; padding:4px 0; color:#2f2f2f; font-size:13px; letter-spacing:1px;}
#header .all_menu table td dl dd a {display:block; color:inherit; font-size:inherit; font-weight:inherit;}
#header .all_menu table td dl.special dd a {color:#e24040;}
#header .all_menu .close {position:absolute; bottom:0; right:0; z-index:10; width:62px; height:57px; background:url('/design/ssodo82/img/common/all_menu_close.png') no-repeat center 16px; cursor:pointer;}
#header .scroll_menu {display:none; position:fixed; top:46px; left:0; z-index:50; width:100%; border-bottom:1px solid #ccc; background:#fff;}
#header .scroll_menu .logo {position:absolute; top:6px; left:6px; z-index:10;}
#header .scroll_menu ul {padding-left:36px; font-size:0; text-align:center;}
#header .scroll_menu ul li {display:inline-block; zoom:1; *display:inline;}
#header .scroll_menu ul li a {display:inline-block; zoom:1; *display:inline; height:48px; padding:0 22px; color:#2f2f2f; font-family:'roboto','NanumGothic'; font-size:13px; font-weight:300; line-height:48px;}
#header .scroll_menu ul li.red a {color:#e24040;}
#header .scroll_menu ul li.blue a {color:#1798d9;}



#header .scroll_menu {top:36px}
#topBanner { height: 36px; ;overflow: hidden; position: fixed; top: 0; left: 0; width: 100%; z-index:51;}
#topBanner .swiper-slide a {height:36px;color: #000;display: flex;justify-content: center;align-items: center;font-size: 13px;}



#header .hd_mid .wrap_inner {width:1500px; }
#header .hd_mid .cate {float: right;display: flex;justify-content: space-between;align-items: flex-start;width: calc(100% - 250px);}
#header .hd_mid .cate .board, #header .hd_mid .cate .special {width: 370px;}
#header .hd_mid .cate .item {width: 495px;}
#header .hd_mid .cate ul {width: 165px;}
/* BASIC css end */