@charset "utf-8";
 
body{min-width:1200px}
#wrap{position:relative; overflow: hidden;}
.inner{ position:relative; width:1200px; margin:0 auto; }


#header {width:100%; height:110px; position:relative; text-align:center; z-index:99; background:#fff url("/images/getbol/common/header_bg.gif") repeat-x;}
.header_top {height: 60px; line-height: 60px;}
.header_top .logo{float: left;}
.header_top .logo a{display: block;}
.header_top .logo a img{vertical-align: middle;}
.header_top .left_link{ float:left;} 

.header_top ul.right_util{ float:right;}
.right_util li{float:left;}
.right_util li a{display:block; text-indent:-5000px; width:60px; height:60px; background:url("/images/getbol/common/layout_sp.png") no-repeat;}
.right_util li.login_tab > a{background-color: #4dca8d; background-position:-4px 3px;}
.right_util li.login_tab.logout > a{background-position:-263px 3px;} 
.right_util li.search > a{background-color: #32b073; background-position:-67px 3px;}
.right_util li.sitemap > a{background-color:#333333; background-position:-134px 3px;}
.right_util li.popup a{background-color:#7c7c7c; color:#fff; text-indent:inherit; padding-top:15px; height:45px; font-size:11px;}
.right_util li.popup a.open{background-position:-197px -68px;}
.right_util li.popup a.close{background-position:-136px -68px;}

.search_box {display:none; position:absolute; top:0; right:60px; background-color:#2d58b6; padding:0 0 0 18px; height:60px; border-radius:3px 0 0 3px;}
.search_box label.search_word_lavel { position:absolute; left:15px; top:0; color:#fff;}
.search_box input#total_search_word { background-color:#2d58b6; border:none; color:#fff; width:180px;}
.search_box input[type="submit"] { background:url("/images/getbol/common/layout_sp.png") no-repeat -67px 0; background-color:#2d58b6; border:none; text-indent:-9999px; width:60px; height:60px; margin-top:-4px;}
.search_box a.close { display:block; text-indent:-9999px; width:60px; height:60px; float:right; border-left:1px solid #6c8acd; background:url("/images/getbol/common/layout_sp.png") no-repeat -197px 2px;}

.header_bottom.inner { z-index:100;}
.header_bottom  h1 { padding-top:24px; float:left;}



/*gnb*/
.gnb li { width:200px; }
.gnb > li { position:relative; float:left; line-height:50px; height:50px; text-align:center;}
.gnb > li > a {display:block; font-size:19px; color:#221e1a; padding:0; border-right:1px solid #e9e9e9; font-weight:400;}
.gnb > li:first-child > a{border-left:1px solid #e9e9e9;}

.gnb > li:hover{background:url("/images/getbol/common/layout_sp.png") no-repeat; background-position:-1686px 4px;}
.gnb > li:hover > a {color:#26ac6c;}
.gnb > li.on {display:block; background-color:#e3f6ed;}

.gnb > li > ul { display:none; position:absolute; background:#423f3d; top:50px; z-index:30;}
.gnb > li > ul > li { line-height: normal; text-align:center; }
.gnb > li > ul > li a { color:#fff; display:block; padding:12px 12px; font-size:16px;}
.gnb > li > ul > li.on a, .gnb > li > ul > li a:hover { background-color:#26ac6c; color:#fff; font-weight:400; }
.gnb .gnbC { display:none;}

.gnbC{display:none;}

/*새창 - 사이트마다 gnb snb 위치, 컬러 달라서 공통으로 쓰기 힘듬*/
.gnb li a.newwin span { background: url("/images/common/newwin_w.png") no-repeat 91% 5px; display:block; float:right; text-indent:-9999px; width:15px; height:18px; }
/*.gnb li a.newwin:hover span {  background: url("/images/common/newwin_b.png") no-repeat 91% 5px;}*/


#container { clear:both;}

#footer { background-color:#1b1b1b; height:145px; clear: both;}
.footer_top {margin-bottom:10px;}
.footer_top .footer_link { text-align:center; display:inline-block; margin-top: 20px;}
.footer_top .footer_link > li {float:left; padding-right:40px;}
.footer_top .footer_link > li > a { display:block; color:#9d9d9d; font-size:15px; text-align:center;}
.footer_top .footer_link > li > a:hover {color:#26ac6c;}
.copyright { font-size:14px; clear:both; color:#9d9d9d; line-height: 22px; letter-spacing:0;}
.copyright address span.tel{margin-left:5px;}
#footer .inner .top { position:absolute; top:43px; right:0; width:52px; height:49px; background-color: #26ac6c; border-radius: 3px;}
#footer .inner .top a {display: block; color:#fff; font-size:10px; text-align: center; height: 49px; line-height:62px; font-weight: 100; background:url("/images/getbol/common/layout_sp.png") no-repeat 18px -78px;}


/*상단 팝업레이어*/
.toppopup_wrap{display:block; position:relative; min-width: 1100px; border-bottom: 1px solid #dcdcdc;}
.toppopup_wrap .toppopup{width: 1100px; margin: 0 auto;}
.top_popup_bxslider{height:168px; overflow: hidden;}
.top_popup_bxslider li{float:left; text-align:center;}
.top_popup_bxslider li.slide{visibility: hidden;}
.top_popup_bxslider li a{display:block; text-align:center;}
.top_popup_bxslider li img{width:100%; max-width:1100px; height:140px;}
.toppopup_wrap .closeCheck{position:absolute; bottom:5px; right:58.5%; margin-right:-760px; color: #fff; transition: ease 0.15s; z-index: 100; height: 18px; line-height: 17px; background-color: #333; padding: 5px 10px; border-radius: 5px;}
.toppopup_wrap .closeCheck label, .toppopup_wrap .closeCheck input{cursor: pointer; float: left;}
.toppopup_wrap .closeCheck label { color:#fff;}
.toppopup_wrap .closeCheck input{margin: 0 0 0 7px; width: 18px; height: 18px;}
.toppopup_wrap .custom_control{position:absolute; bottom:14px; left:0; width:100%; height: 18px; text-align: center;}
.toppopup_wrap .custom_control .custom_nav{display: inline-block; text-indent: -99999px; width: 24px; height: 24px; background: #606060 url("/images/getbol/main/popup_layout_sp.png") no-repeat; border-radius:50%; vertical-align: top;}
.toppopup_wrap .custom_control .custom_nav.prev_btn{background-position: 8px -152px; margin-left: 30px;}
.toppopup_wrap .custom_control .custom_nav.next_btn{background-position: -11px -152px;}
.toppopup_wrap .custom_control .custom_pager{display: inline-block; margin: 0 15px; vertical-align: top;}
.toppopup_wrap .custom_control .custom_pager > li{float: left; margin-left: 8px;}
.toppopup_wrap .custom_control .custom_pager > li:first-child{margin-left: 0;}
.toppopup_wrap .custom_control .custom_pager > li a{display: block; color: #dde0e1; font-size: 12px; text-align: center; width:25px; height:25px; font-weight: 300; line-height:23px; background-color:#606060; border-radius:50%;}
.toppopup_wrap .custom_control .custom_pager > li a.active { background-color:#2ab372; font-weight:400; color: #fff;}
.toppopup_wrap .custom_control .control_btn{ display: inline-block; text-indent: -99999px; width: 24px; height: 24px; background: #606060 url("/images/getbol/main/popup_layout_sp.png") no-repeat; border-radius:50%; vertical-align: top;}
.toppopup_wrap .custom_control .control_btn.stop{background-position: -33px -152px;}
.toppopup_wrap .custom_control .control_btn.start{background-position: -53px -152px;}