@charset "utf-8";
/* Layout
-------------------------------------------*/
#wrap{ position:relative; display:block; height:100%; min-height:100%; min-width:1400px;}

/* Header ----------------------*/
#header { display:block; max-width:1200px; margin:0 auto; position:relative;}
#header:after {content:"";clear:both; display:block;}

h1 { float:left; margin:33px 0;}

/* GNB */
.menuBox { float:right; font-size:14px; margin:38px 0 0 0; font-weight:bold;}
#gnb { float:left;}
#gnb li { float:left; margin-left:30px;}
#gnb > li > h2 > a { height:50px; display:inline-block; color:#000; font-weight:bold;}
#gnb .s_gnb { position:absolute; top:66px; display:none;}
#gnb .s_gnb > ul.etc { margin-right:0px;}
#gnb .s_gnb > ul { float:right; margin-right:25%; margin-left:-13%; overflow:hidden;}
#gnb .s_gnb > ul.first { margin-right:20%; margin-left:3%;}
#gnb .s_gnb > ul > li { float:left; margin:0 15px;}
#gnb .s_gnb > ul > li > a { color:#fff; font-size:14px; padding:6px 4px; background:#999; margin:0 0 2px 0; min-width:140px; text-align:center; display:inline-block;}
#gnb .s_gnb > ul > li > a:hover {background:#a70035;}
#gnb .s_gnb.active { display:block;}
#gnb li.on a { color:#a70035;}

.lognBox { float:left; margin-left:20px; margin-top:-1px}
.bgNone { background:none !important; }
.lognBox p { float:right;}
/*.lognBox .topLog { padding-right:100px; background:url('/images/common/bg_line01.gif') no-repeat 130px 10px; }*/
.lognBox .topLog a {  color:#c91722; margin-left:10px;}

.lognBox.login { float:left; margin-left:20px;} /*  padding-right:0; background:url('/images/common/bg_line01.gif') no-repeat 70px 10px; */
.lognBox.login .loginName  { float:left; background:url('/images/common/icon_name.png') no-repeat left center; padding-left:18px; color:#000; margin-top:1px; font-weight:normal;}
/*.lognBox.login  .topLog { padding-right:100px; background:url('/images/common/bg_line01.gif') no-repeat 165px 10px; }*/
/*.lognBox.login  .topLog { padding-right:100px; background:url('/images/common/bg_line01.gif') no-repeat 300px 10px; }*/
.setting { float:left; margin-left:30px; background:url('/images/common/icon_setting.png') no-repeat left 4px; padding-left:18px; color:#000; margin-top:-1px;font-weight:normal;}


/* LNB */
#aside { position:fixed;top:0; bottom:0; left:0px; width:96px; background:url('/images/common/bg_menuOpen.png') right 0 no-repeat; z-index:2; }
#aside .lnbOpen { position:absolute; left:63px; width:26px; height:73px; font-size:0; /* background:url('/images/common/bg_menuOpen.png') right 0 no-repeat; */}
/*
#aside .p_section { max-width:64px; width:100%; background:#6e6e6e}
#aside.active .p_section { max-width:280px;width:100%; }
*/

.logInfo { display:block; color:#fff; height:115px;}
.logText { display:block; padding:40px 0 0 0; height:60px; display:none; margin:0 25px;}
.logText strong { font-size:20px; padding-bottom:6px; display:block;}
.logText span em { margin-left:5px;}

.fixedScroll { position: absolute; top: 115px; bottom: 0; left: 0; right: 26px; overflow-x: hidden; overflow-y: scroll; }
#lnbMenu { border-top:1px solid #848484; overflow:hidden;}/* margin-right:26px;*/
#lnbMenu > li { display:block; border-bottom:1px solid #848484; min-height:55px;}
#lnbMenu li h2 { display:block; background:url('/images/common/lnb_depth1_bg1.png') no-repeat; max-height:55px;}
#lnbMenu li h2:hover { background:url('/images/common/lnb_depth1_bg2.png') no-repeat}

#lnbMenu h2 a { display:block; color:#b5b5b5; line-height:55px; font-weight:700; font-size:0px; min-height:55px;}

#lnbMenu li.m01 h2 { background-position: 0px 0px; }
#lnbMenu li.m02 h2{ background-position: 0px -55px; }
#lnbMenu li.m03 h2{ background-position: 0px -110px; }
#lnbMenu li.m04 h2{ background-position: 0px -165px; }

#lnbMenu li .hideMenu { display:none;}

/* 2depth */
.subLnb { display:none; border-top:1px solid #848484;}
.subLnb.active { display:block ;}
.subLnb > li { min-height:46px; color:#b5b5b5; border-top:1px solid #555555;  padding-left:85px; font-size:14px; font-weight:700; }
.subLnb > li:first-child { border-top:0px;}
.subLnb > li > a { display:block; line-height:46px; color:#b5b5b5; background:url('/images/common/lnb_subarrow_bg1.png') no-repeat 0 center; padding-left:25px;}
.subLnb > li > a:hover  { background:url('/images/common/lnb_subarrow_bg3.png') no-repeat 0 center; }
.subLnb > li.on > a { color:#fff; background:url('/images/common/lnb_subarrow_bg2.png') no-repeat 0 center;}
.subLnb > li > a:hover { color:#fff;}
.subLnb a.bgNone { background:none; }

/* 3depth */
.subMenu { display:none; margin-bottom:10px; }
.subMenu.active { display:block;}
.subMenu >li { color:#b5b5b5; padding-left:40px; font-size:14px; font-weight:700; }
.subMenu >li > a { display:block; line-height:20px; color:#b5b5b5; background:url('/images/common/lng_arrow_bg.png') no-repeat left -206px; padding-left:25px;}
.subMenu >li > a:hover { color:#8ae6ff; background:url('/images/common/lng_arrow_bg.png') no-repeat left -163px;}
.subMenu >li.on > a { color:#8ae6ff; background:url('/images/common/lng_arrow_bg.png') no-repeat left -163px;}

/*  메뉴 활성화 */
#aside.active #lnbMenu li h2 { display:block; background:url('/images/common/lnb_depth1_bg1.png') no-repeat; padding-left:85px; max-height:55px;}
#aside.active #lnbMenu h2 a { display:block; color:#b5b5b5; font-size:15px; line-height:55px; font-weight:700; background:url('/images/common/lnb_arrow.png') no-repeat right 0px;}

#aside.active { position:fixed;top:0; bottom:0; left:0px; width:280px; z-index:100;  }
#aside.active .lnbOpen {left:279px; background:url('/images/btn/btn_lnb_close.png') 0 0 no-repeat; }
#aside.active .logText { display:block;}
#aside.active #lnbMenu li .hideMenu { display:block; background:#4c4c4c;}

#aside.active #lnbMenu li h2.on { background:url('/images/common/lnb_depth1_bg2.png') no-repeat}
#aside.active #lnbMenu li h2:hover { background:url('/images/common/lnb_depth1_bg2.png') no-repeat}
#aside.active #lnbMenu h2.on a { background:url('/images/common/lnb_arrow.png') no-repeat right -55px; color:#fff; }
#aside.active #lnbMenu h2 a:hover { background:url('/images/common/lnb_arrow.png') no-repeat right -55px; color:#fff; }

#aside.active #lnbMenu li.m01 h2 { background-position: 0px 0px; }
#aside.active #lnbMenu li.m02 h2 { background-position: 0px -55px; }
#aside.active #lnbMenu li.m03 h2 { background-position: 0px -110px; }
#aside.active #lnbMenu li.m04 h2 { background-position: 0px -165px; }

/* CONTENT ----------------------*/
#contentBox { display:block; zoom:1; background:#f2f2f2; padding:60px 0 100px;}
#contentBox:after {content:"";clear:both; display:block;}
#container { position:relative; display:block; max-width:1200px; margin:0 auto;}

h3 { font-size:24px; font-weight:bold; letter-spacing:-1px; margin-bottom:25px;}
h4 { font-size:20px; font-weight:bold; letter-spacing:-1px; margin-bottom:15px;}
.location { position:absolute; right:0px; top:-40px; letter-spacing:-1px;}

/* title text */
.titleBox {position:relative;}
.tableNotice { position:absolute; right:0; top:15px; color:#a70034; font-size:13px; }

/* FOOTER ----------------------*/
#footer { position:relative; z-index:20; color:#72716c; clear:both; padding-bottom:30px;max-width:1200px; margin:0 auto;}
#footer .footerBox { position:relative;  display:block; max-width:1200px; margin:55px auto 0;}
#footer address { display:block; margin:0; padding-left:15px; line-height:22px; margin-bottom:22px;}
#footer address span { display:block; text-transform: uppercase; margin-left:-15px;}
#footer .tel span { display:inline-block; color:#c91722; margin:0 7px; font-size:12px;}
#footer .copyright { position:absolute; bottom:0px; right:0px;display:block; clear:both;}
#footer .goTop { position:absolute; top:5px; right:0px; padding-right:20px;  display:block; border-bottom:1px solid #a70034; background:url('/images/common/blt_arrow01.png') no-repeat right center;}
#footer .footerUtill { position:absolute; right:60px; top:4px;}
#footer .footerUtill li { float:left; margin:0 10px; font-size:13px; }
#footer .footerUtill li a{color:#c91722; font-weight:bold;}
#footer .footerUtill li:first-child a { color:#000; font-weight:normal;}

/* Common
-------------------------------------------*/
.animate {
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}

/* font size */
.fs12 { font-size:12px !important;}
.fs14 { font-size:14px !important;}
.fc14 { font-size:14px; color:#313131; }
.fs16 {font-size: 16px !important;}
.txtAr {font-family: 'arial';}
.txtBlack {color: #313131 !important;}
.txtRed {color: #a70034 !important;}
.txtRed02 {color: #c91722 !important; }

/* Margin style */
.mg_l15 { margin-left:15px;}
.ml20 {margin-left: 20px !important;}
.mt_5 {margin-top: -5px !important;}
.mt_0 { margin-top:0 !important;}
.mb15 {margin-bottom: 15px !important;}
.mt100 {margin-top:100px !important;}

/* Padding style */
.pr15 {padding-right: 15px !important;}
.pr16 { padding-bottom:35px !important; }
.pr17 { padding-bottom:15px !important; }
.pr18 { padding-bottom:5px !important; }
.pr19 { padding-bottom:10px !important; }

/* Notice Text */
p.notice { margin-top:10px; color:#8b8b8b;}
span.notice { margin-left:5px; color:#8b8b8b;}

/* path */
.path {position: absolute; top: -42px; right: 0;}
.path a {color: inherit;}

/* position */
.fl {float: left !important;}
.fr {float: right !important;}
.left {text-align: left !important;}
.right {text-align:right !important;}
.none { display:none; }

/* INPUT TYPE FILE*/
.fileArea {overflow:hidden;position:relative;display:inline-block;width:553px;}
.fileText {float:left;width:435px;height:26px;padding:0 10px 0;background-color:#f9f9f9; border:1px solid #d9d9d9;font-size:12px;color:#555;line-height:26px;}
.fileWrap {position:absolute;top:0;right:0;display:inline-block;width:88px;height:28px;background:url('/images/btn/btn_fileSearch.png') no-repeat 0 0;}
.fileAdd {filter:alpha(opacity:0); opacity:0; width:78px; height:28px;}

/* BTN */
.btnArea { display:block; text-align:center;}
.btnArea a { margin:0 5px;}
.btn { display:inline-block;  font-weight:bold; width:auto; text-align:center; padding:0 10px; color:#fff;}
.gray { background:#8b8b8b; font-size:13px; line-height:28px; height:28px; min-width:75px; }
.red { background:#a70034; font-size:13px; line-height:28px; height:28px; min-width:75px; }
.red_B { background:#a70034; font-size:18px; line-height:50px; height:50px; min-width:110px;}
.white_B { color:#8b8b8b; background:#fff; font-size:18px; line-height:50px; height:50px; min-width:110px;}
.gray_B { color:#fff; background:#8b8b8b; font-size:18px; line-height:50px; height:50px; min-width:110px;}
.btnSm {min-width: 55px;}
.btnMd {min-width: 153px;}
.btnLg {width: 100%; height: 60px; padding: 0; font-size: 20px; line-height: 60px;}
.white { color:#fff !important; }
.btn.gray_P {min-width: 110px; height: 40px; line-height: 40px; font-size: 15px; background: #a0a0a0;}
.btn.red_P {min-width: 110px; height: 40px; line-height: 40px; font-size: 15px; background: #a70034;}
.btn.red_P_W {min-width: 110px; height: 40px; line-height: 40px; font-size: 15px; background: #a70034;  color:#fff;}

/* Table ----------------------*/
/* 회원가입 - 정보입력 stpe*/
.joinStep { display:table; width:100%; border-top:1px solid #313131; border-bottom:1px solid #dedede; margin-bottom:35px;}
.joinStep ul { margin:0 auto; width:960px;}
.joinStep li { float:left; font-size:15px; text-align:center; background:url('/images/common/blt_arrow02.png') no-repeat left center; margin:0 10px; padding-left:30px;}
.joinStep li:first-child { background:none;}
.joinStep li span { display:block; font-size:24px;}
.joinStep li p { width:136px; padding:20px 0;}
.joinStep li.on p { color:#a70034; border-bottom:3px solid #a70034;}

/* 회원가입 - 정보입력*/
.joinBox { display:block; background:#fff; padding:40px 40px 30px; margin-bottom:30px;}

/* 입력폼 테이블 - ul */
.formBox { display:table; width:100%;  border-top:1px solid #313131; font-size:14px; color:#313131; font-weight:bold; }
.formBox li { padding:10px 0; border-top:1px solid #e3e3e3;}
.formBox li:first-child { border:0px;}
.formBox dl { display:block; overflow:hidden;}
.formBox dl dt,
.formBox dl dd {float:left; }
.formBox dt { width:15%; min-height: 18px; line-height: 14px; padding-top:5px; }  /* 2016.06.24 수정 */
.formBox dd { width:80%; min-height: 28px; line-height: 24px; }  /* 2016.06.24 수정 */
.formBox dt { padding:10px 10px 10px 20px;}
.formBox dd { /*padding:10px 0 10px 0;*/padding:5px 0 5px 0;}  /* 2016.06.24 수정 */
.formBox dt em { color:#a70034; margin-right:3px;}

.formBox label { margin-right:20px;}
.formBox .phone { width:50px;}
.formBox input.long { width:50%; margin-top:10px; }
.formBox dd input, select, a, span { vertical-align:middle;}
.formBox .notice { font-size:13px; font-weight:normal; line-height: 1;}  /* 2016.06.24 수정 */
.formBox .textType.mid {width: 39%;}
.formBox .textType.sm {width: 70px;}
.formBox .textType.lg {width: 99%;}
.formBox .textarea {width:99%; height: 88px; padding: 5px; color: #707070; border: 1px solid #d9d9d9; background: #f9f9f9;}
.formBox .textarea.long {height: 188px;}
/* 2단 col */
.formBox .twoCol dt { width:15%;}
.formBox .twoCol dd { width:30%;}
.formBox .twoCol dd.long { width:80%;}
/* 3단 col */
.formBox .threeCol dt { width:70px; }
.formBox .threeCol dt.sm { width:40px; }
.formBox .threeCol dd { width:180px;}
.formBox .threeCol select { margin-top:-5px; }

/* length */
.col-sm-01 { width:8.3333333%; }
.col-sm-02 { width:16.666667%; }
.col-sm-03 { width:25%; }
.col-sm-04 { width:33.333333%; }
.col-sm-05 { width:41.666667%; }
.col-sm-06 { width:50%; }
.widthL01 { min-width:50px; }



/* new lnb */
.panel_lnb {background:#6e6e6e; position:fixed; top:0; left:0; height:100%; z-index:1000;}
.panel_lnb .inner {width:70px; position:relative; overflow:hidden;} 
.lnb_controls {position:absolute; top:0; right:-25px; width:26px; height:73px; background:url('/images/btn/btn_lnb_open.png') right 0 no-repeat; text-indent:-9999em;}
.panel_lnb.active .lnb_controls {background-image:url('/images/btn/btn_lnb_close.png');}
.panel_lnb {}
.panel_lnb .logText {display:block; opacity:0;}
.panel_lnb #lnbMenu {width:100%;}
.panel_lnb #lnbMenu li h2 {box-sizing:border-box; width:100%;}
.panel_lnb #lnbMenu h2 a {padding-left:85px; font-size:15px; white-space:nowrap; opacity:0;}
.panel_lnb #lnbMenu .hideMenu {display:none; background:#4c4c4c;}
.panel_lnb #lnbMenu .subLnb {display:block;}
.panel_lnb #lnbMenu .subMenu {display:none;}
.panel_lnb #lnbMenu .subLnb.active {}
.scroll_wrapper {position:relative; width:100%; overflow:hidden;}
.scroll_wrapper .onlyScroll{position:absolute; top:0; left:0; width:100%;}
.subLnb > li > a {position:relative;}
/*
.test {}
.onlyScroll {
    position: absolute;
    top: 115px;
    bottom: 0;
    left: 0;
    right: 26px;
    overflow-x: hidden;
    overflow-y: scroll;
}
*/


.panel_lnb #lnbMenu h2 a {display: block; color: #b5b5b5; font-size: 15px; line-height: 55px; font-weight: 700; background: url('/images/common/lnb_arrow.png') no-repeat right 0px;}
.panel_lnb #lnbMenu li h2.on { background:url('/images/common/lnb_depth1_bg2.png') no-repeat}
.panel_lnb #lnbMenu li h2:hover { background:url('/images/common/lnb_depth1_bg2.png') no-repeat}
.panel_lnb #lnbMenu h2.on a { background:url('/images/common/lnb_arrow.png') no-repeat right -55px; color:#fff; }
.panel_lnb #lnbMenu h2 a:hover { background:url('/images/common/lnb_arrow.png') no-repeat right -55px; color:#fff; }

.panel_lnb #lnbMenu li.m01 h2 { background-position: 0px 0px; }
.panel_lnb #lnbMenu li.m02 h2 { background-position: 0px -55px; }
.panel_lnb #lnbMenu li.m03 h2 { background-position: 0px -110px; }
.panel_lnb #lnbMenu li.m04 h2 { background-position: 0px -165px; }
.panel_lnb .subLnb > li > .no_bg {background:none !important;}

.panel_lnb .iScrollLoneScrollbar {right: 0 !important;}
.panel_lnb .iScrollIndicator {border:0 none !important; background:#8ae6ff !important;}