/**
* File Name : layout.css
* Description : ¸ÞÀÎ,¼­ºê °øÅë ½ºÅ¸ÀϽÃÆ®
* Author : Web business Team / White
* Date : 2015.07.14
* Update : 2015.07.14
*/

/* Layout Selector */
html, body { height:100%;}
#wrap { width:100%; font-size:13px; line-height:1.4em;}
#container:after { content:""; display:block; clear:both;}
.main #container { width:100%; background:url('../image/main/bg_con.gif') no-repeat center top;}
.sub #container { width:1050px; margin:0 auto;}
.main #contents { width:1050px; margin:0 auto;}
.sub #contents { float:left; width:780px; min-height:650px; padding-bottom:50px;}
.base_width{position:relative;width:1050px;margin:0 auto}

.txt_skyblue { color:#0da8be;}


/* header */
#header { z-index:100; width:100%; height:138px; background:url('../image/common/bg_header.gif') repeat-x;}
#header .header_in { width:1050px; margin:0 auto; position:relative;}
#header h1 { text-align:center; padding:18px 0;}


/* gnb */
#gnb { width:100%; height:45px; background:#f9f9f9; border-bottom:1px solid #ebebeb}
#gnb .gnb_in { position:relative; width:1050px; margin:0 auto;}

#gnb .gnb_left { position:absolute; top:15px; left:0;}
#gnb .gnb_left li { float:left; margin-right:25px;}
#gnb .gnb_left li a { display:block; font-size:13px; font-weight:bold; color:#898989; letter-spacing:-0.05em;}
#gnb .gnb_left li a:hover { color:#0065ad;}
#gnb .gnb_left .bg_join { padding-left:23px; background:url('../image/common/ico_gnb01.gif') no-repeat left center;}
#gnb .gnb_left .bg_idsearch { padding-left:24px; background:url('../image/common/ico_gnb02.gif') no-repeat left center;}
#gnb .gnb_left .bg_cscenter { padding-left:27px; background:url('../image/common/ico_gnb03.gif') no-repeat left center;}
#gnb .gnb_left .bg_favorite { padding-left:24px; background:url('../image/common/ico_gnb04.gif') no-repeat left center;}

#gnb .gnb_right { position:absolute; top:10px; right:0; font-weight:bold; color:#898989; letter-spacing:-0.05em;}
#gnb .gnb_right .btn_top_login { float:right; width:80px; height:30px; margin-left:10px; border:0; font-size:13px; font-weight:bold; background:#055fac; color:#fff; text-align:center;}


/* lnb */
#lnb { z-index:101; width:100%;}
#lnb:after {content:" "; display:block; clear:both;}
#lnb .btn_sitemap { float:left;}
#lnb .lnb_navi .lnb_nav_dep1 { position:relative; float:left; width:165px; text-align:center; letter-spacing:-0.05em;}
#lnb .lnb_navi .lnb_nav_dep1 a { display:block; padding:18px 0; font-size:15px; font-weight:bold; color:#fff;}
#lnb .lnb_navi .lnb_nav_dep1 a:hover,
#lnb .lnb_navi .lnb_nav_dep1 .on { background:#008077;}
#lnb .lnb_navi .lnb_dep2 { position:absolute; width:100%; padding:10px 0; background:#008077; text-align:left; overflow:hidden; display:none; z-index:102;}
#lnb .lnb_navi .lnb_dep2 a { display:block; padding:7px 0 8px 20px; font-size:13px; font-weight:bold; color:#cbdedc;}
#lnb .lnb_navi .lnb_dep2 a:hover,
#lnb .lnb_navi .lnb_dep2 .on { background:#005b55; color:#fff;}
#lnb .lnb_navi .lnb_dep3 { width:100%; padding:5px 0; text-align:left;}
#lnb .lnb_navi .lnb_dep3 a:before { content:"- ";}
#lnb .lnb_navi .lnb_dep3 a { display:block; padding:3px 0 4px 20px; font-size:12px; font-weight:normal; color:#81b3ae;}
#lnb .lnb_navi .lnb_dep3 a:hover,
#lnb .lnb_navi .lnb_dep3 .on { background:none; font-weight:normal; color:#fff; text-decoration:underline;}


/* main_contents */
.main_contents { padding:30px 0;}
.main_contents:after {content:" "; display:block; clear:both;}

.board_box { position:relative; width:350px; height:150px; padding:25px 20px;}
.board_box h2 { padding-bottom:30px; font-size:18px; font-weight:bold; color:#005b54; letter-spacing:-0.05em;}
.board_box .btn_more { position:absolute; top:25px; right:20px;}
.board_box .btn_more a:hover { position:relative; top:1px;}
.board_box li { position:relative; width:100%;}
.board_box li a { display:block; padding-left:12px; margin-bottom:8px; font-size:14px; background:url('../image/main/bu_list.png') no-repeat left 5px; color:#3c3c3c;}
.board_box li a:hover { text-decoration:underline;}
.board_box li .p_date { position:absolute; top:0; right:0;}

.main_first { float:left; width:390px;}
.main_first .notice { background:#e7e7e7;}
.main_first .correct { background:#fff;}

.main_second { float:left; width:390px;}
.main_second li { float:left;}
.main_second .event { background:#fff;}

.main_third { float:left; width:270px;}
.main_third .login_box { width:230px; height:210px; padding:25px 20px; background:#e7e7e7; color:#3c3c3c; letter-spacing:-0.05em;}
.main_third .login_box .input_login { width:100%; height:33px; margin-bottom:7px; border:solid 1px #d0d0d0; background:#fff;}
.main_third .login_box .input_login p { float:left; width:58px; height:27px; padding:6px 0 0 15px; font-size:13px; color:#9e9e9e; border:solid 0px #d0d0d0; }
.main_third .login_box .input_login input { width:130px; height:33px; border:0;}
.main_third .login_box .btn_login { clear:both; margin-top:25px;}

.main_third .logout_box { width:230px; height:210px; padding:25px 20px; background:#e7e7e7; color:#3c3c3c; letter-spacing:-0.05em;}
.main_third .logout_box p { width:100%; padding-bottom:15px; margin-bottom:15px; font-weight:bold; font-size:14px; background:url('../image/main/bg_dotline.gif') repeat-x left bottom; color:#3c3c3c; line-height:21px;}
.main_third .logout_box ul { margin-bottom:15px;}
.main_third .logout_box li { margin-bottom:5px; font-size:14px; color:#3c3c3c;}

.login .p_log { padding-top:5px; color:#656565; font-size:13px;}
.login .p_log span { color:#2f2f2f; font-weight:bold;}
.login .log_list { padding:25px 0 0 0;}
.login .log_list li { padding-bottom:10px; color:#545454;}
.login .log_list li span { color:#eb5465; font-weight:bold;}
.login .log_top { position:relative; top:0; right:0;}
.login .log_top li { float:left; margin-left:5px;}
.login .log_top li a { display:block; border:solid 1px #cecece; font-size:12px; padding:4px 0; width:60px; text-align:center; color:#2f2f2f; background:#f2f2f2;}
.login .log_top li a:hover { position:relative; top:1px;}

/* snb */
#snb { float:left; width:225px; margin:30px 45px 50px 0;}
#snb h2 { border-bottom:solid 1px #c1c1c1;}
#snb .snb_box:after {content:" "; display:block; clear:both;}
#snb .snb_box li { width:100%; border-bottom:solid 1px #c1c1c1;}
#snb .snb_box li a { display:block; padding:16px 0 17px 20px; font-size:14px; font-weight:bold; color:#3c3c3c; letter-spacing:-0.05em;}
#snb .snb_box li a:hover,
#snb .snb_box li .on { background:#1f9c93 url('../image/sub/bg_snb_on.png') no-repeat 200px center; color:#fff;}
#snb .snb_box .lnb_dep3 { background:#ececec; padding:15px 0 5px 25px;}
#snb .snb_box .lnb_dep3 li { width:100%; border-bottom:0;}
#snb .snb_box .lnb_dep3 li a:before { content:"+ ";}
#snb .snb_box .lnb_dep3 a { display:block; padding:0 0 10px 0; font-size:13px; font-weight:normal; color:#2f2f2f; letter-spacing:-0.05em;}
#snb .snb_box .lnb_dep3 a:hover,
#snb .snb_box .lnb_dep3 .on { background:none; color:#2f2f2f; text-decoration:underline;}

#snb .snb_bot { margin-top:30px;}


/* stle */
#stle { width:780px; margin-bottom:50px;}
#stle .stle_box { position:relative; width:1050px; margin:0 auto;}
#stle h3.stle_title { padding:40px 0 26px 0; margin-bottom:15px; color:#141414; font-size:30px; line-height:30px; letter-spacing:-0.075em; background:url('../image/sub/bg_stle.gif') no-repeat left bottom;}
#stle ul:after {content:" "; display:block; clear:both;}
#stle li { float:left; color:#616161; font-size:13px; letter-spacing:-0.05em;}


/* footer */
#footer { z-index:1; width:100%; height:180px; border-top:solid 2px #3e4149;}
.footer_in { position:relative; width:1050px; margin:0 auto;}
.footer_in ul { padding-top:27px;}
.footer_in ul:after { content:""; display:block; clear:both;}
.footer_in li { float:left; padding:0 23px 17px 0;}
.footer_in li a { color:#393939; font-weight:bold; font-size:14px; letter-spacing:-0.05em;}
.footer_in li a:hover { color:#008077;}
.footer_in address { color:#5d5d5d; line-height:1.5em;}
.footer_in .p_copyright { padding-top:10px; color:#393939;}
.footer_in .btn_top { position:absolute; top:-2px; right:0;}
.footer_in .btn_top a { display:block; width:70px; height:44px; padding-top:26px; font-size:14px; font-weight:bold; background:#3e4149; color:#fff; text-align:center;}
.footer_in .btn_top a:hover { position:relative; top:1px;}

.faq {width:100%;}
.faq .search {text-align:center; height:33px;}
.faq .search  input[type=text] {width:150px; height:31px; border:1px solid #d0d0d0; line-height:31px;}
.faq .search  select {width:70px; height:34px; vertical-align:top; padding:7px 0px;  border:1px solid #d0d0d0; color:#095e7c}

.faq table {border-top:2px solid #505050; margin-top:20px; border-bottom:1px solid #a0a0a0}
.faq th {height:45px; background:#f6f6f6; color:#545454; border-bottom:1px solid #a0a0a0}
.faq td {height:45px; color:#2b2b2b; border-bottom:1px solid #e2e2e2; text-align:center}
.faq td.title {text-align:left; padding-left:10px}
.faq td.title a{text-align:left}
.faq td.title a:hover {color:#0083b0; text-decoration:underline}
.faq td.title .new_ico {margin-left:10px}