/* common */
#wrap { position:relative; }
.inbox { position:relative; max-width:1400px; height:100%; margin:0px auto; }


/* header */
#header { position:fixed; left:0px; top:0px; width:100%; height:88px; background-color:#FFF; border-bottom:2px solid #00ac89; z-index:98; }
#header h1 { position:absolute; left:0px; top:50%; height:88px; margin-top:-44px; }
#header h1 a { display:block; width:237px; height:100%; background:url('../images/common/logo.png') center no-repeat; background-size:100%; font-size:0px; text-indent:-99999px; overflow:hidden; transition:0.1s; }

#gnb { position:absolute; right:196px; top:0px; }
#gnb > ul:after { display:block; clear:both; content:''; }
#gnb > ul > li { position:relative; float:left; }
#gnb > ul > li > a { display:block; height:88px; line-height:88px; padding:0px 28px; transition:0.2s; letter-spacing:-0.6px; }
#gnb > ul > li > a:hover,
#gnb > ul > li.on > a { color:#0ead8b; transition:0.2s; }

#gnb .sub { position:absolute; left:50%; top:86px; margin-left:-83px; width:166px; z-index:99; display:none; }
#gnb .sub:after { position:absolute; left:2px; top:-2px; display:block; width:162px; height:2px; background-color:#FFF; content:''; }
#gnb .sub ul { border:2px solid #00ac89; border-top:0px; }
#gnb .sub li { border-top:1px solid #e6e6e6; }
#gnb .sub li a { display:block; padding:17px 0px 14px; color:#999; font-size:0.9375em; text-align:center; background-color:#FFF; transition:0.1s; }
#gnb .sub li a:hover,
#gnb .sub li.on a { background-color:#00ac89; color:#FFF; transition:0.1s; }
#gnb .sub li:first-child { border-top:0px; }

.head_member { }
.head_member ul:after { display:block; clear:both; content:''; }
.head_member li { float:left; border:1px solid #DDD; border-left:0px; font-size:0.8125em; }
.head_member li a { display:block; height:28px; color:#b2b2b2; padding:8px 13px 0px; background-color:#FFF; }
.head_member li a:hover { color:#888; transition:0.2s; }
.head_member li:first-child { border-left:1px solid #DDD; }
.head_member li:first-child a { color:#888; }
#header .head_member { position:absolute; right:0px; top:50%; height:30px; margin-top:-15px; }

.tab_btn { display:none; position:absolute; right:0px; top:0px; height:100%; font-size:0px; text-indent:-99999px; overflow:hidden; z-index:99; }
.tab_btn a { display:block; width:80px; height:100%; }
.tab_btn a.tab_list { background:url('../images/common/res_menu.png') center no-repeat; }
.tab_btn a.tab_close { background:url('../images/common/res_close_w.png') center no-repeat; }

#header.s_header { height:74px; border-bottom:0px; background-color:#00ac89; }
#header.s_header h1 { height:74px; margin-top:-37px; }
#header.s_header h1 a { width:189px; background:url('../images/common/logo_w.png') center no-repeat; background-size:100%; transition:0.1s; }
#header.s_header #gnb > ul > li > a { height:74px; line-height:74px; color:#FFF; }
#header.s_header #gnb > ul > li > a:hover,
#header.s_header #gnb > ul > li.on > a { color:#fcf7b6; }
#header.s_header #gnb .sub { top:74px; }
#header.s_header #gnb .sub:after { display:none; }
#header.s_header #gnb .sub li a:hover,
#header.s_header #gnb .sub li.on a { background-color:#f6f6f6; color:#0ead8b; }
#header.s_header .head_member li,                      #tab .head_member li { border:1px solid #84d0c1; border-left:0px; }
#header.s_header .head_member li a,                    #tab .head_member li a { color:#97d9cc; background-color:#00ac89; }
#header.s_header .head_member li a [class^="ico_log"], #tab .head_member li a [class^="ico_log"] { background-position-y:-11px; }
#header.s_header .head_member li a:hover,              #tab .head_member li a:hover { color:#cdf0e9; }
#header.s_header .head_member li:first-child,          #tab .head_member li:first-child { border-left:1px solid #84d0c1; }
#header.s_header .head_member li:first-child a,        #tab .head_member li:first-child a { color:#cdf0e9; }
#header.s_header .tab_btn a.tab_list { background:url('../images/common/res_menu_w.png') center no-repeat; }


/* 모바일 - 탭메뉴 */
#tab {  position:fixed; right:0px; top:0px; width:100%; min-height:100%; background-color:rgba(0,0,0,0.8); z-index:99; overflow-y:scroll; display:none; }
#tab .tab_wrap { position:absolute; right:0px; top:0px; width:50%; min-height:100%; background-color:#FFF; }
#tab .tab_top { position:relative; height:74px; padding:0px 40px; background-color:#00ac89; }
#tab .tab_top .head_member { float:left; }
#tab .tab_top .tab_btn { float:right; }
#tab .head_member { padding:22px 0px; }

.tab_gnb { min-height:100%; padding-bottom:150px; }
.tab_gnb > ul > li { border-bottom:1px solid #e6e6e6; }
.tab_gnb > ul > li > a { display:block; height:54px; line-height:54px; padding:0px 40px; }
.tab_gnb > ul > li.on > a, .tab_gnb > ul > li > a:hover { color:#00ac89; }
.tab_gnb > ul > li.on { border-bottom:1px solid #CCC; }

.tab_gnb .m_sub { border-top:1px solid #ccc; display:none;}
.tab_gnb .m_sub li { border-top:1px solid #d9d9d9; }
.tab_gnb .m_sub li a { display:block; background-color:#eee; padding:18px 60px 14px 60px; }
.tab_gnb .m_sub li.on a { background-color:#999; color:#FFF; }
.tab_gnb .m_sub li:first-child { border-top:0px; }



/* top 버튼 */
#top { display:none; position:fixed; right:50px; bottom:50px; z-index:9; }
#top a { display:block; width:60px; height:60px; border:1px solid #999; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; font-size:0px; text-indent:-99999px; overflow:hidden; background:url('../images/common/btn_top.png') rgba(255,255,255,0.9) center no-repeat; }
#top a:hover { border:1px solid #00ac88; background:url('../images/common/btn_top_on.png') rgba(255,255,255,0.9) center no-repeat; }


/* footer */
#footer { background-color:#333; padding-top:50px; padding-bottom:60px; }
#footer .foot_btn { padding-bottom:20px; }
#footer .foot_btn ul:after { display:block; clear:both; content:''; }
#footer .foot_btn li { position:relative; float:left; margin-left:31px; }
#footer .foot_btn li a { font-size:0.9375em; color:#777; }
#footer .foot_btn li a strong { font-weight:900; }
#footer .foot_btn li:after { position:absolute; left:-16px; top:50%; margin-top:-7px; display:block; width:1px; height:13px; background-color:#444; content:''; }
#footer .foot_btn li:first-child { margin-left:0px; }
#footer .foot_btn li:first-child:after { display:none; }
#footer p { font-size:0.9375em; color:#666; line-height:1.5; }
#footer p .bar { display:inline-block; width:1px; height:13px; background-color:#444; margin:0px 12px; vertical-align:-2px; }
#footer p strong { color:#777; font-weight:bold; }


/* 아이콘 */
[class^="ico_"] { display:inline-block; }
.ico_login { width:9px; height:11px; background:url('../images/common/login.png') no-repeat; background-position:0px 0px; vertical-align:middle; margin-right:4px; }
.ico_logout { width:12px; height:11px; background:url('../images/common/logout.png') no-repeat; background-position:0px 0px; vertical-align:middle; margin-right:4px; }

[class^="cust_icon_"] { display:block; height:86px; margin:0px auto; }
.cust_icon_1 { width:88px; background:url('../images/main/cust_1.png') no-repeat; background-position:0px 0px; }
.cust_icon_2 { width:72px; background:url('../images/main/cust_2.png') no-repeat; }
.cust_icon_3 { width:86px; background:url('../images/main/cust_3.png') no-repeat; background-position:0px 0px; }