/* Common **********************************************************************/
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */ 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 

@font-face {
 font-family: 'NanumMyeongjo';
  font-style: normal; 
  font-weight: 300; 
 src: url('/font/NanumMyeongjoExtraBold.ttf') format('truetype'),
	url(/font/NanumMyeongjo.woff) format('woff');
}

@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 700;
  src: url(/font/NanumGothic.otf) format('opentype'),
		url(/font/NanumGothic.ttf) format('truetype')),
		url(/font/NanumGothic.woff) format('woff');
}

@font-face {
  font-family: 'NanumGothicBold';
  font-style: bold;
  font-weight: 900;
  src: url(/font/NanumGothic.otf) format('opentype'),
		url(/font/NanumGothic.ttf) format('truetype'),
		url(/font/NanumGothic-Bold.woff) format('woff');
}

@font-face {
    font-family: 'KCC-Kimhwanki';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202@1.0/KCC-Kimhwanki.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Common **********************************************************************/ 
html,body {width:100%; }
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:16px; line-height:1.5; font-family: 'Noto Sans KR'; color:#ababab;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#484848; text-decoration:none; border:0px;}
a:hover,a:focus{color:#484848; text-decoration:none}

address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

.list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;}


/*멤버스킨*/
.title{font-size:15px; font-weight:bold;}

/*테이블*/
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #e2e2e5; }
.tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;}
.tbl_type p{font-size:11px; color:#b6b7bc;}
.tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;}
.tbl_type2 p{font-size:11px; color:#b6b7bc;}
.tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type3{border-left: 1px solid #ddd;}
.tbl_type3 th {background: #f5f5f5; padding:15px 0; border:1px solid #ddd; height:46px; font-size:16px; color:#484848; text-align:center; font-weight:bold; border-right:none; }
.tbl_type3 td.td_left{text-align: left;}
.tbl_type3 td.border-top{border-top:1px solid #ddd;}
.tbl_type3 td {background: #fff; border-bottom:1px solid #ddd;  border-right: 1px solid #ddd; font-size:16px; color:#484848; font-weight:400; padding: 10px 20px; text-align:center;}
.tbl_type3 .bg01{color: #fff; background:#AB0000;}
.tbl_type3 .bg02{background: #f5f5f5; color: #484848; font-weight: bold;}


/*로그인스킨*/
.login_wrap{width:600px; position:relative; margin:0 auto; text-align:center;overflow:hidden;}
.login_id{width:240px; float:left;height:30px; font-size:14px; font-weight:bold; color:#444;}
.login_pw{width:240px; float:left; height:30px; font-size:14px; font-weight:bold; color:#444;}
.login_btn{width:70px; float:left; height:30px; font-size:14px; font-weight:bold; color:#fff; background-color:#333; border:none; }
.num_txt{width:100px; float:left;height:20px; font-size:13px; font-weight:bold; color:#444;}
.font_color{color:#1a386a; font-weight:bold;}

/*회원가입 스킨*/
.inWrap {width:98%;  border:1px solid #353638; border-width:1px 0; padding:30px 0;}
.inWrap.type1 { padding:50px 0;}
.inWrap.type2 { padding:0;}
.inWrap.type3 { padding:5px 0; border-bottom-width:0;}
.inWrap.width1 { width:680px !important; margin:0 auto;}
.tbox1 { border:1px solid #cdcdcd; }
.tbox1 .boxTit { padding:20px 20px 10px; color:#333; font-weight:700; font-size:16px;}
.tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;}
.txt_type { line-height:25px; font-size:13px; color:#666;}
.agreement input{vertical-align:middle; border:none;}
.btnType { display:inline-block; position:relative; transition:all 0.3s;}
.btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:13px;}
.btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; }
.btnWrap input{color:#fff;}

.center{text-align:center;}
.inner {width:100%; margin:0 auto;}

#wrap {position:relative; top:-43px; width:100%; min-width:1045px; overflow:hidden; left:0; right:0; margin-left:auto; margin-right:auto;}
#header {position:fixed; top:0; left:0; width:100%; height:116px; z-index:9999; background:url(/img/header_bg.jpg) repeat center top; background-color:#fff; }
#header.on { background:url(/img/header_bg.jpg) repeat center top; }
#header .inner {position:relative;}
#header.sub { background:url(/img/total_menu.jpg) repeat center top; }
#header .gnb_last_left{position:absolute;top:0;left:30px;width:82;}
#header .gnb_last_right{position:absolute;top:107px;left:50%;width:82; margin-left:530px;}

.logo {position:absolute; top:50%; left:50%; height:76px; margin-top:36px; margin-left:-520px; margin-bottom:0px;}
.top_banner {position:absolute; top:0px; left:381px;margin-top:0;margin-left:0; margin-bottom:0px;}
.top_info { position:absolute; width:100%;height:36px; background-color:#efefef;}
.top_info .inner { width="1520px"; float:center; top:50%; left:50%; transform: translate(-50%, -50%);}
.top_info .inner .bgbox { width="1520px"; float:center;}
.top_info .inner .bgbox td{ font-size:12px; font-family:'NanumGothic';}
.top_info .inner .bgbox .local { width:420px;height:36px; margin-left:-630px; font-size:12px; font-family:'NanumGothic'; color:#fff; font-weight:bold;}
.top_info .inner .bgbox .login { position:absolute; top:7px; left:50%; margin-left:160px; margin-right:20px;width:400px;font-size:11px; font-family:'NanumGothic'; color:#333; }
.top_info .inner input {vertical-align:middle;margin:0; padding:0;outline:none;border-bottom:none; border-top:none;border-left:none; border-right:none;}
.top_menu {  float:center; position:absolute; width:1520px; top:52px; left:50%; margin-top:0; margin-left:-215px; margin-right:auto; margin-bottom:0px;}
.top_menu a { font-size:15px;font-family:'NanumGothic'; color:#222; font-weight:400;}
.top_menu a:hover { font-size:15px;font-family:'NanumGothic'; color:#441572; font-weight:500; text-decoration:underline; text-underline-offset:9px; text-decoration-thickness:3px; text-decoration-color:orange;}
.top_menu .upon { font-size:15px;font-family:'NanumGothic'; color:#441572; font-weight:500; text-decoration:underline; text-underline-offset:9px; text-decoration-thickness:3px; text-decoration-color:orange;}
.totalmenu {position:absolute; top:114px; left: 50%; width:1080px; height:312px; background:url(/img/total_menu.jpg) no-repeat center top; margin-left:-540px; margin-bottom:0px; opacity:93%;}
.totalmenu  td {padding:3px 0 13px; border-bottom:none; border-top:none; line-height:20px;}
.totalmenu .submenu_01 { position:absolute; top:15px; left:109px; width:130px; height:230px; line-height:23px;}
/*.totalmenu .submenu_01 td {padding:9px 0 3px;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}*/
.totalmenu .submenu_01 li { font-size:16px; font-family:'NanumGothicBold';}
.totalmenu .submenu_01 li:first-child { color:#000;}
.totalmenu .submenu_01 li:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_01 span { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:800;}
.totalmenu .submenu_01 span:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_01 .box-shadow { box-shadow: 0px 0px 10px 15px ; offset-x: 3; offset-y: 3; blur-radius : 4; spread-radius: 4; color: #c3fe7e; }
.totalmenu .submenu_01 .box-shadow img { position: relative;  z-index: -1; }
.totalmenu .submenu_02 { position:absolute; top:15px; left:300px;width:130px; height:230px; line-height:23px;}
/*.totalmenu .submenu_02 td {padding:9px 0 3px;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}*/
.totalmenu .submenu_02 li { font-size:16px; font-family:'NanumGothicBold'; color:#000}
.totalmenu .submenu_02 li:first-child { color:#000;}
.totalmenu .submenu_02 li:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_02 span { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:800;}

.totalmenu .submenu_02 span:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_03 { position:absolute; top:15px; left:445px; width:130px; height:230px; line-height:23px;}
/*.totalmenu .submenu_03 td {padding:9px 0 3px;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}*/
.totalmenu .submenu_03 li { font-size:16px; font-family:'NanumGothicBold'; color:#000}
.totalmenu .submenu_03 li:first-child { color:#000;}
.totalmenu .submenu_03 li:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_03 span { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:800;}
.totalmenu .submenu_03 span:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_04 { position:absolute; top:15px; left:615px;width:130px; height:230px; line-height:23px;}
.totalmenu .submenu_04 li { font-size:16px; font-family:'NanumGothicBold'; color:#000}
.totalmenu .submenu_04 li:first-child { color:#000;}
.totalmenu .submenu_04 li:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_04 span { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:800;}
.totalmenu .submenu_04 span:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_05 { position:absolute; top:15px; left:798px; width:130px; height:230px; line-height:23px;}
.totalmenu .submenu_05 li { font-size:16px; font-family:'NanumGothicBold'; color:#000}
.totalmenu .submenu_05 li:first-child { color:#000;}
.totalmenu .submenu_05 li:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_05 span { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:800;}
.totalmenu .submenu_05 span:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_06 { position:absolute; top:15px; left:935px;width:130px; height:230px; line-height:23px;}
.totalmenu .submenu_06 li { font-size:16px; font-family:'NanumGothicBold'; color:#000}
.totalmenu .submenu_06 li:first-child { color:#000;}
.totalmenu .submenu_06 li:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_06 span { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:800;}
.totalmenu .submenu_06 span:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}

.totalmenu .submenu_07 { position:absolute; top:15px; left:109px; width:130px; height:230px; line-height:23px;}
.totalmenu .submenu_07 li { font-size:16px; font-family:'NanumGothicBold'; color:#000}
.totalmenu .submenu_07 li:first-child { color:#000;}
.totalmenu .submenu_07 li:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_07 span { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:800;}
.totalmenu .submenu_07 span:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_08 { position:absolute; top:15px; left:305px;width:130px; height:230px; line-height:23px;}
.totalmenu .submenu_08 li { font-size:16px; font-family:'NanumGothicBold'; color:#000}
.totalmenu .submenu_08 li:first-child { color:#000;}
.totalmenu .submenu_08 li:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_08 span { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:800;}
.totalmenu .submenu_08 span:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_09 { position:absolute; top:15px; left:471px; width:130px; height:230px; line-height:23px;}
.totalmenu .submenu_09 li { font-size:16px; font-family:'NanumGothicBold'; color:#000}
.totalmenu .submenu_09 li:first-child { color:#000;}
.totalmenu .submenu_09 li:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_09 span { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:800;}
.totalmenu .submenu_09 span:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}

.totalmenu .submenu_10 { position:absolute; top:15px; left:89px; width:130px; height:230px; line-height:23px;}
.totalmenu .submenu_10 li { font-size:16px; font-family:'NanumGothicBold'; color:#000}
.totalmenu .submenu_10 li:first-child { color:#000;}
.totalmenu .submenu_10 li:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_10 span { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:800;}
.totalmenu .submenu_10 span:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_11 { position:absolute; top:15px; left:240px;width:130px; height:230px; line-height:23px;}
.totalmenu .submenu_11 li { font-size:16px; font-family:'NanumGothicBold'; color:#000}
.totalmenu .submenu_11 li:first-child { color:#000;}
.totalmenu .submenu_11 li:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_11 span { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:800;}
.totalmenu .submenu_11 span:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_12 { position:absolute; top:15px; left:341px; width:130px; height:230px; line-height:23px;}
.totalmenu .submenu_12 li { font-size:16px; font-family:'NanumGothicBold'; color:#000}
.totalmenu .submenu_12 li:first-child { color:#000;}
.totalmenu .submenu_12 li:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_12 span { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:800;}
.totalmenu .submenu_12 span:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_13 { position:absolute; top:15px; left:480px;width:130px; height:230px; line-height:23px;}
.totalmenu .submenu_13 li { font-size:16px; font-family:'NanumGothicBold'; color:#000}
.totalmenu .submenu_13 li:first-child { color:#000;}
.totalmenu .submenu_13 li:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_13 span { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:800;}
.totalmenu .submenu_13 span:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_14 { position:absolute; top:15px; left:584px;width:130px; height:230px; line-height:23px;}
.totalmenu .submenu_14 li { font-size:16px; font-family:'NanumGothicBold'; color:#000}
.totalmenu .submenu_14 li:first-child { color:#000;}
.totalmenu .submenu_14 li:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_14 span { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:800;}
.totalmenu .submenu_14 span:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_15 { position:absolute; top:15px; left:690px;width:130px; height:230px; line-height:23px;}
.totalmenu .submenu_15 li { font-size:16px; font-family:'NanumGothicBold'; color:#000}
.totalmenu .submenu_15 li:first-child { color:#000;}
.totalmenu .submenu_15 li:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_15 span { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:800;}
.totalmenu .submenu_15 span:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_16 { position:absolute; top:15px; left:750px;width:130px; height:230px; line-height:23px;}
.totalmenu .submenu_16 li { font-size:16px; font-family:'NanumGothicBold'; color:#000}
.totalmenu .submenu_16 li:first-child { color:#000;}
.totalmenu .submenu_16 li:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_16 span { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:800;}
.totalmenu .submenu_16 span:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_17 { position:absolute; top:15px; left:940px;width:130px; height:230px; line-height:23px;}
.totalmenu .submenu_17 li { font-size:16px; font-family:'NanumGothicBold'; color:#000}
.totalmenu .submenu_17 li:first-child { color:#000;}
.totalmenu .submenu_17 li:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.totalmenu .submenu_17 span { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:800;}
.totalmenu .submenu_17 span:hover { font-size:16px; font-family:'NanumGothic'; color:#000; font-weight:bold;}

.gnb {font-family:'NanumGothic'; font-weight:bold; float:right; padding-top:9px; margin-right:70px;}
.gnb > li {position:relative; float:left; height:91px; line-height:96px; margin-left:67px;}
.gnb > li > a {display:block; height:100%; font-size:21px; color:#000;}
.gnb_2depth {font-family:'NanumGothicBold';display:none; position:absolute; top:91px; left:50%; transform:translateX(-50%); width:150px; text-align:center; z-index:999; opacity:80%;}
.gnb_2depth li {width:100%; height:52px; background:#222222; margin-top:5px;}
.gnb_2depth li:first-child {margin-top:0;}
.gnb_2depth li:hover {background:#378201; }
.gnb_2depth li a {display:block; width:100%; height:100%; font-size:18px; color:#fff; line-height:49px;}

#left_menu {position:absolute; width :200px; top:0px; margin-top:0px; left:0px; margin-left:0px;  z-index:99; font-family:'NanumGothicBold'; font-weight:bold; text-align:left;}
#left_menu td {padding:0px 0 0px;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}
.menu_01 {position:absolute; width :150px; top:-38; margin-top:0px; left:0px; margin-left:180px;  z-index:9; opacity:85%; background:url(/img/sub_menu_bg_01.jpg) repeat center top;}
.menu_01 span { font-size:13px; font-family:'NanumGothic'; color:#000; font-weight:400;}
.menu_01 span:hover { font-size:13px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.menu_02 {position:absolute; width :150px; top:-28; margin-top:0px; left:0px; margin-left:180px;  z-index:9; opacity:85%; background:url(/img/sub_menu_bg_02.jpg) repeat center top;}
.menu_02 span { font-size:13px; font-family:'NanumGothic'; color:#000; font-weight:400;}
.menu_02 span:hover { font-size:13px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.menu_03 {position:absolute; width :150px; top:-54; margin-top:0px; left:0px; margin-left:180px;  z-index:9; opacity:85%; background:url(/img/sub_menu_bg_03.jpg) repeat center top;}
.menu_03 span { font-size:13px; font-family:'NanumGothic'; color:#000; font-weight:400;}
.menu_03 span:hover { font-size:13px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.menu_04 {position:absolute; width :150px; top:-38; margin-top:0px; left:0px; margin-left:180px;  z-index:9; opacity:85%; background:url(/img/sub_menu_bg_04.jpg) repeat center top;}
.menu_04 span { font-size:13px; font-family:'NanumGothic'; color:#000; font-weight:400;}
.menu_04 span:hover { font-size:13px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
.menu_05 {position:absolute; width :150px; top:-10; margin-top:0px; left:0px; margin-left:180px;  z-index:9; opacity:85%; background:url(/img/sub_menu_bg_05.jpg) repeat center top;}
.menu_05 span { font-size:13px; font-family:'NanumGothic'; color:#000; font-weight:400;}
.menu_05 span:hover { font-size:13px; font-family:'NanumGothic'; color:#000; font-weight:bold;}
#left_menu .shine_new{width:205px;height:128px;position:relative;margin-top:-20px;margin-left:-5px;font-size:12px;color:#222;line-height:17px;top:12px; background:#E7E7E7;}


#visual_wrap {position:relative; width:100%; height:524; top:0px; left:0px; margin-top:0px; margin-left:0px; margin-right:0px;}
#visual_wrap .inner {position:relative; width:100%
; }
.visual_text {position:absolute; top:30%; margin-top:0px; left:50%; margin-left:-154px;  z-index:59; font-family:'NanumGothicBold'; font-weight:bold; text-align:left;}
.visual_text h4{display:block; font-size:50px; color:#fff; font-weight:900; line-height:55px;  margin-bottom:17px; text-shadow: 4px 4px 7px rgba(0, 0, 0, 2);}
.visual_text span {display:block; font-size:30px; color:#fff; line-height:30px; padding-left:3px; text-shadow: 4px 4px 7px rgba(0, 0, 0, 1);}

.visual_text2 {position:absolute; top:30%; margin-top:90px; left:50%; margin-left:-554px;  z-index:59; font-family:'NanumGothicBold'; font-weight:bold; text-align:left;}
.visual_text2 h4{display:block; font-size:50px; color:#fff; font-weight:900; line-height:55px; margin-bottom:17px; text-shadow: 4px 4px 7px rgba(0, 0, 0, 2);}
.visual_text2 span {display:block; font-size:30px; color:#fff; line-height:30px; padding-left:3px; text-shadow: 4px 4px 7px rgba(0, 0, 0, 1);}

.visual_text3 {position:absolute; top:40%; margin-top:30px; left:50%; margin-left:-154px;  z-index:59; font-family:'NanumGothicBold'; font-weight:bold; text-align:left;}
.visual_text3 h4{display:block; font-size:50px; color:#fff; font-weight:900; line-height:55px; margin-bottom:17px; text-shadow: 4px 4px 7px rgba(0, 0, 0, 2);}
.visual_text3 span {display:block; font-size:30px; color:#fff; line-height:30px; padding-left:3px; text-shadow: 4px 4px 7px rgba(0, 0, 0, 1);}

.visual_text4 {position:absolute; top:50%; margin-top:90px; left:50%; margin-left:-354px;  z-index:59; font-family:'NanumGothicBold'; font-weight:bold; text-align:left;}
.visual_text4 h4{display:block; font-size:50px; color:#fff; font-weight:900; line-height:55px; margin-bottom:17px; text-shadow: 4px 4px 7px rgba(0, 0, 0, 2);}
.visual_text4 span {display:block; font-size:30px; color:#fff; line-height:30px; padding-left:3px; text-shadow: 4px 4px 7px rgba(0, 0, 0, 1);}

.visual_text5 {position:absolute; top:50%; margin-top:90px; left:50%; margin-left:-254px;  z-index:59; font-family:'NanumGothicBold'; font-weight:bold; text-align:left;}
.visual_text5 h4{display:block; font-size:50px; color:#fff; font-weight:900; line-height:55px; margin-bottom:17px; text-shadow: 4px 4px 7px rgba(0, 0, 0, 2);}
.visual_text5 span {display:block; font-size:30px; color:#fff; line-height:30px; padding-left:3px; text-shadow: 4px 4px 7px rgba(0, 0, 0, 1);}

.visual_btn {position:absolute; bottom:50px; left:50%; transform:translatex(-50%); z-index:59; width:140px; height:82px; text-align:center;}
.visual_btn a {display:block; width:100%; height:100%;}
.visual_btn a span {color:#fff; font-size:16px; font-weight:500; display:block; margin-top:15px; letter-spacing:1px; line-height:1; text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.28); font-family: 'Montserrat', sans-serif;}

.main_roll {position:relative; width :1545px; height="494"; top:0px; margin-top:0px; left:0px; margin-left:0px;  z-index:99; font-family:'NanumGothicBold'; font-weight:bold; text-align:center;}


/* sec5 */
#sec5 { float: center; background-color:#5f5f5f; color: #fff; position: relative; top:30px; left:4%; margin-top: 0rem; width:93%; height: 566px; padding: 0.1rem 3rem; z-index: 999; } 
#sec5 .txt_left { margin-top: 2rem; margin-right: 6rem; } 
#sec5 .txt_left h2 { margin-bottom: 0; font-size: 36px; } 
#sec5 .txt_left h5 { top:-20px; left: 6rem; line-height: 1.7;  margin-bottom: 2rem;} 
#sec5 .select_right { float: right; } 
#sec5 .select_right [class*="_line"] { margin-bottom: 1.3rem; }
#sec5 .select_right h5 { font-weight: 500; margin-bottom: 5px; text-align: left; } 
#sec5 .select_right select { width: 220px; margin-right: 1.0rem; height: 4.5rem; border: none; padding: 0.8rem 1.2rem; background-color: #fff; color: #888; font-size: 1.6rem; } 
#sec5 .select_right select:last-child { margin-right: 0; } select { font-family: 'SCDT', sans-serif; appearance: none; background: url('../images/select_icon.gif') no-repeat right 6px center; } 
#sec5 .select_right input { width: 220px; height: 4.5rem; border: none; padding: 0.8rem 1.2rem; background-color: #fff; color: #888; font-size: 1.6rem; } 
#sec5 .select_right .second_line select,
#sec5 .select_right .second_line select { vertical-align: top; } 
#sec5 .select_right .second_line input { width: 126px; height: 4.5rem; margin-right: 1.6rem; line-height: 5.5rem; border: none; padding: 0.8rem 1.1rem; background-color: #fff; color: #888; font-size: 1.6rem; } 
#sec5 .select_right .second_line a { width: 224px; height: 4.5rem; border: none; padding: 1.8rem 3.0rem; line-height: 10.5rem; text-align: center; padding-left: 3rem; background-color: #222; color: #eaeaea; font-size: 1.6rem; } 
#sec5 .select_right .last_line>* { height: 4.5rem; line-height: 4.5rem; vertical-align: middle; text-align: center; } 
#sec5 .select_right .last_line .not_apart { font-weight: 500; width: 640px; padding-left: 3rem; background: url('../images/main_btn2.png') no-repeat left 8.4rem center; background-color: #913824; margin-right: 1.2rem; } 
#sec5 .select_right .last_line .reset_btn { width: 4.5rem; border: 1px #fdcbab solid; text-indent: -99999px; background: url('../images/main_btn3.png') no-repeat center; } 
/* sec5 */


/** 공지사항 pop_BXscroller */
#m_container .pop_sign{width:25px;height:160px;top:0;left:965px;position:absolute;}
#m_container .pop_sign{display:block;}
#m_container .pop_issuen{width:242px;height:240px;position:absolute;}
#m_container .pop_notice{width:200px;height:128px;position:relative;margin-top:0px;margin-left:0px;font-size:12px;color:#222;line-height:17px;top:0px; background:#E7E7E7;}
#m_container .pop_notice .pop_bx_wrap{min-height:128px;padding:0px;position:relative;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper{max-width:200px !important;margin:0 0px;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide{width:200px;height:128px;background:url("") no-repeat;padding:0px 0px 0px 0px;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_01{width:200px;height:128px;overflow-y:auto;padding:0px 0px 0px 0px;background:url("/img/pop_list_011.jpg") no-repeat;cursor:pointer; display:block;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_01 .ttl{font-size:14px;font-weight:bold;color:#005826;letter-spacing:-1px;*letter-spacing:-1px;line-height:22px;padding:0px 0px 0px 0px;margin-top:0px;margin-bottom:0px;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_01 .ttl span.point{color:#fff;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_01 .paragraph01{font-size:11px;color:#777;line-height:18px;margin-bottom:5px;text-align:justify;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_01 .etc_inro{font-size:11px;color:#000;letter-spacing:-0.1px;line-height:18px;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_01 .etc_inro .goto_link{text-align:right;margin-top:15px;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_02{width:200px;height:128px;overflow-y:auto;padding:0px 0px 0px 0px;background:url("/img/pop_list_021.jpg") no-repeat;cursor:pointer; display:block;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_02 .ttl{font-size:14px;font-weight:bold;color:#005826;letter-spacing:-1px;*letter-spacing:-1px;line-height:22px;padding:0px 0px 0px 0px;margin-top:0px;margin-bottom:0px;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_02 .ttl span.point{color:#fff;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_02 .paragraph01{font-size:11px;color:#777;line-height:18px;margin-bottom:5px;text-align:justify;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_02 .etc_inro{font-size:11px;color:#000;letter-spacing:-0.1px;line-height:18px;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_02 .etc_inro .goto_link{text-align:right;margin-top:15px;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_03{width:200px;height:128px;overflow-y:auto;padding:0px 0px 0px 0px;background:url("/img/pop_list_031.jpg") no-repeat;cursor:pointer; display:block;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_03 .ttl{font-size:20px;font-weight:bold;color:#005826;letter-spacing:-1px;*letter-spacing:-1px;line-height:28px;padding:0px 0px 0px 0px;margin-top:0px;margin-bottom:0px;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_03 .ttl span.point{color:#fff;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_03 .ttl span.point a{font-size:20px;font-weight:bold;color:#FFF;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_03 .ttl span.point a:hover{font-size:20px;font-weight:bold;color:#FFEA00;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_03 .paragraph01{font-size:11px;color:#777;line-height:18px;margin-bottom:5px;text-align:justify;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_03 .etc_inro{font-size:11px;color:#000;letter-spacing:-0.1px;line-height:18px;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_03 .etc_inro .goto_link{text-align:right;margin-top:15px;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_04{width:200px;height:128px;overflow-y:auto;padding:0px 0px 0px 0px;background:url("/img/pop_list_041.jpg") no-repeat;cursor:pointer; display:block;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_04 .ttl{font-size:16px;font-weight:bold;color:#005826;letter-spacing:-1px;*letter-spacing:-1px;line-height:22px;padding:0px 0px 0px 0px;margin-top:0px;margin-bottom:0px;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_04 .ttl span.point{color:#fff;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_04 .ttl span.point a{font-size:16px;font-weight:bold;color:#FFF;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_04 .ttl span.point a:hover{font-size:16px;font-weight:bold;color:#FFEA00;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_04 .paragraph01{font-size:11px;color:#777;line-height:18px;margin-bottom:5px;text-align:justify;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_04 .etc_inro{font-size:11px;color:#000;letter-spacing:-0.1px;line-height:18px;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_04 .etc_inro .goto_link{text-align:right;margin-top:15px;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_05{width:200px;height:128px;overflow-y:auto;padding:0px 0px 0px 0px;background:url("../../img/main/function_raisonne2.jpg") no-repeat;cursor:pointer;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_05 .ttl{font-size:14px;font-weight:bold;color:#005826;letter-spacing:-1px;*letter-spacing:-1px;line-height:22px;padding:0px 0px 0px 0px;margin-top:0px;margin-bottom:0px;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_05 .ttl span.point{color:#fff;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_05 .paragraph01{font-size:11px;color:#777;line-height:18px;margin-bottom:5px;text-align:justify;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_05 .etc_inro{font-size:11px;color:#000;letter-spacing:-0.1px;line-height:18px;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .li_slide .scroller_05 .etc_inro .goto_link{text-align:right;margin-top:15px;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .bx-pager{display:inline-block;*display:inline;*zoom:1;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .bx-pager-item{display:inline-block;*display:inline;*zoom:1;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .bx-pager-item a{width:9px;height:9px;display:block;font-size:0;padding:5px;background:url("../../nImages/main/icon_bxsymbol02_off.jpg") no-repeat 5px 5px;}
#m_container .pop_notice .pop_bx_wrap .bx-wrapper .bx-pager-item a.active{background:url("../../nImages/main/icon_bxsymbol02_on.jpg") no-repeat 5px 5px;}
#m_container .pop_notice .pop_bx_wrap .bx-controls{text-align:center;}
#m_container .pop_notice .pop_bx_wrap .bx-controls-auto{display:inline-block;*display:inline;*zoom:1;}
#m_container .pop_notice .pop_bx_wrap .bx-controls-auto .bx-controls-auto-item{display:inline-block;*display:inline;*zoom:1;}
#m_container .pop_notice .pop_bx_wrap .bx-controls-auto .bx-start{width:9px;height:9px;padding:5px;font-size:0;display:block;background:url("../../nImages/main/icon_play.png") no-repeat 3px 4px;}
#m_container .pop_notice .pop_bx_wrap .bx-controls-auto .bx-stop{width:9px;height:9px;padding:5px;font-size:0;display:block;background:url("../../nImages/main/icon_pop_pause.jpg") no-repeat 3px 5px;}
#m_container .pop_notice .pop_bx_wrap .bx-controls-auto .active{display:none;}
#m_container .pop_notice .pop_bx_wrap .signs .pop_prev{width:32px;height:32px;top:50px;left:5px;position:absolute;}
#m_container .pop_notice .pop_bx_wrap .signs .pop_next{width:32px;height:32px;top:50px;left:173px;position:absolute;}
#m_container .pop_notice .pop_closer{width:155px;height:22px;top:291px;left:758px;position:absolute;}
#m_container .pop_notice .pop_closer a{margin-left:0;}
/* #m_container .pop_notice .pop_closer a{margin-left:10px;} */
#m_container .pop_notice .pop_closer #pop_close_action{float:right;}
#m_container .pop_notice .pop_shadow{width:100%;height:3px;}

#contents {}
#contents .main_opentime { position:relative;z-index:10;top:-73px;left:0px;width:100wh; height:20px; background-color:#209700}
#contents .main_opentime span { position :relative; left:50%; margin-left:-120px; top:15px; color:#fff;  font-size:24px; font-weight:500; font-family:'NanumGothic';}
#contents .main_portfolio { position:relative;z-index:10;top:40px;left:50%; margin-left:-520px;width:1045;height:220;}
#contents .main_portfolio .pop_prev{width:32px;height:32px;top:100px;left:0px;position:absolute;  z-index:99;}
#contents .main_portfolio .pop_next{width:32px;height:32px;top:100px;left:990px;position:absolute;  z-index:99;}
#contents .main_best { position:relative;z-index:10;top:118px;left:50%; margin-left:-520px;width:1045;height:257;}
#contents .main_best td {}
#contents .main_best a:link { color:#323232; font-size:14px; font-family:'NanumGothic';}
#contents .main_best a:hover { color:#a70303;  font-size:14px;font-weight:bold;font-family:'NanumGothic';}
/*#contents .main_best a:visited { color:#C5C5C5;  font-size:14px;font-family:'NanumGothic';}*/
#contents .main_choo { position:relative;z-index:10;top:300px;left:50%; margin-left:-520px;width:1045;height:257;}
#contents .main_choo a:link { color:#323232; font-size:14px; font-family:'NanumGothic';}
#contents .main_choo a:hover { color:#a70303;  font-size:14px;font-weight:bold;font-family:'NanumGothic';}
/*#contents .main_choo a:visited { color:#C5C5C5;  font-size:14px;font-family:'NanumGothic';}*/
#contents .main_event { position:relative;z-index:10;top:481px;left:50%; margin-left:-520px;width:1045;height:220;}
#contents .main_event a:link { color:#323232; font-size:14px; font-family:'NanumGothic';}
#contents .main_event a:hover { color:#a70303;  font-size:14px;font-weight:bold;font-family:'NanumGothic';}
/*#contents .main_best a:visited { color:#C5C5C5;  font-size:14px;font-family:'NanumGothic';}*/

#section1 {width:100%; height:486px; font-family:'NanumGothic'; text-align:center; padding-top:0px;}
#section1 .tit {position:absolute; height:470px; margin-bottom:54px; text-align:left; padding-left:0px; left:50%;}
#section1 .tit:before {width:1px; height:420px; content:''; background:#59361F; position:absolute; top:0; left:-50px;}
#section1 .tit p {display:inline-block; writing-mode: vertical-lr; writing-mode: tb-rl\9; writing-mode: tb-rl; vertical-align:top; 
font-size:25px; color:#564c44; letter-spacing:-1px; line-height:42px;}
#section1 .tit p span {color:#11d002; font-weight:bold; font-size:32px; margin-bottom:50px;}
#section1 .tit p:nth-child(2) {text-indent:-1px;}
#section1 .tit h2 {display:inline-block; writing-mode: vertical-lr; writing-mode: tb-rl\9; writing-mode: tb-rl;  vertical-align:top; position:relative;
font-size:37px; color:#15b408; font-weight:500; letter-spacing: 10px; text-indent:-5px; padding:0px 10px 10px 24px; margin-left:-210px; margin-top:-190px; margin-bottom:50px;}
#section1 .tit img {position:relative; top:0px; left:0px;}
#section1 .txt p {position:relative; top:-277px; left:0px;font-size:20px; line-height:30px; color:#3a3a3a; margin-top:15px; font-weight: 600;}
#section1 .txt p:first-child {margin-top:0;}
#section1 .txt p span {color:#E14000;}
#section1 .txt  img {position:relative; top:0px; left:-500px;}
#section1 .txt2 p {position:relative; top:-277px; left:0px;font-size:20px; line-height:30px; color:#3a3a3a; margin-top:15px; font-weight: 600;}
#section1 .txt2 p:first-child {margin-top:0;}
#section1 .txt2 p span {color:#E14000;}
#section1 .txt2  img {position:relative; top:-125px; left:465px;}

#section1 .tit p {opacity:0; transform:translatey(-60%); -webkit-transform:translatey(-60%);}
#section1 .tit h2 {opacity:0; transform:translatey(60%); -webkit-transform:translatey(60%);}
#section1 .tit img {opacity:0;}
#section1 .txt {opacity:0; transform:translatey(30%); -webkit-transform:translatey(30%);}

#section1.on .tit p {opacity:1; transform:translatey(0); -webkit-transform:translatey(0); transition:all 0.8s ease-in-out;}
#section1.on .tit h2 {opacity:1; transform:translatey(0); -webkit-transform:translatey(0); transition:all 0.8s ease-in-out 0.1s;}
#section1.on .tit img {opacity:1; transition:all 0.3s ease-in-out 0.9s;}
#section1.on .txt {opacity:1; transform:translatey(0); -webkit-transform:translatey(0); transition:all 0.8s ease-in-out 1s;}

#section2 {position:relative; width:100%; height:511px; top:70px; background:url(/img/main/main01_bg.jpg) no-repeat center top; padding-top:0px;}
#section2 .m_tit {width:100%; height:170px; text-align:center; padding-top:12px;  font-family:'NanumMyeongjo'; text-align:center; position:relative; margin-bottom:69px;}
#section2 .m_tit::before {width:1px; height:5px; background:#fff; content:''; position:absolute; left:50%; margin-left:-1px; top:0;}
#section2 .m_tit h2 {font-size:25px; font-weight:normal; color:#222; letter-spacing:-0.3px; line-height:2; margin-bottom:19px;}
#section2 .m_tit strong {display:block; font-size:32px; color:#000; font-weight:500;}
#section2 .m_tit td span {display:block; font-size:18px; color:#222; font-weight:normal; line-height:14pt; margin-left:50px;}
#section2 .m_tit td strong {display:block; font-size:22px; color:#000; font-weight:bold;}

#mlist_wrap {width:100%; height:442px; position:relative; }
#menu_list li {float:left; width:310px; height:442px; }
#menu_list li a {display:block; width:100%; height:100%;}
#menu_list li .mimg {display:table-cell; width:310px; height:290px; text-align:center; vertical-align:middle; overflow:hidden;}
#menu_list li .mimg img {max-width:310px; max-height:290px; width:auto; height:auto; transform:scale(1); transition:all 0.4s;}
#menu_list li .mtxt {width:100%; height:152px; padding:38px 20px; text-align:center;  background:url(http://<?=$_SERVER["HTTP_HOST"]?>/img/main/sec2_off.png) no-repeat center top; 
border:1px solid #fff; transition:all 0.4s;}
#menu_list li .mtxt h4 {font-family:'NanumMyeongjo'; font-size:20px; font-weight:normal; line-height:1; color:#fff; margin-bottom:10px; 
overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  }
#menu_list li .mtxt span {display:block; font-size:14px; line-height:20px; font-weight:400; color:#bdbdbd; }
#menu_list li:hover .mimg img {transform:scale(1.1); transition:all 0.4s;}
#menu_list li:hover .mtxt { background:url(http://<?=$_SERVER["HTTP_HOST"]?>/img/main/sec2_hover.jpg) no-repeat center top; transition:all 0.4s; }
#menu_list li:hover .mtxt h4 {color:#222;}
#menu_list li:hover .mtxt span {color:#6c6c6c;}


#section3 {width:100%; height:903px; position:relative;margin-top:550px;}
#section3 .m_tit {position:absolute; left:50%; transform:translateX(-50%); top:80px; width:100%; height:170px; text-align:center; font-family:'NanumMyeongjo'; text-align:center; z-index:99;}
#section3 .m_tit h2 {font-size:35px; font-weight:normal; color:#222; letter-spacing:-0.3px; line-height:1; margin-bottom:19px; padding-top:92px; }
#section3 .m_tit h2::before {width:1px; height:55px; background:#a2f; content:''; position:absolute; left:50%; transform:translateX(-50%); top:0;}
#section3 .m_tit strong {display:block; font-size:18px; color:#232; font-weight:normal;}
#section3 .slider_txt {position:absolute;  top:430px; left:50%; margin-left:203px; width:383px; height:353px; text-align:left; background:rgba(0, 0, 0, 0.5);
border:1px solid rgba(255, 255, 255, 0.8); padding:51px 42px; }
#section3 .slider_txt span {display:block; font-family:'NanumMyeongjo';  font-size:30px; color:#fff; line-height:1; margin-bottom:11px;  }
#section3 .slider_txt h4 { font-family:'NanumMyeongjo';  font-size:30px; color:#fff; line-height:1; font-weight:normal; text-indent:1px;
overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:19px; }
#section3 .slider_txt .desc { font-size:15px; color:#fff; line-height:25px; font-weight:300; }


#section4 {width:100%; height:563px; background:url(http://<?=$_SERVER["HTTP_HOST"]?>/img/main/section04_bg.jpg) no-repeat center top; padding-top:80px;}
#section4 > .inner > div {float:left; width:630px; margin-right:40px;}
#section4 > .inner > div:nth-child(2) {margin-right:0;}
.notice {float:left; width:580px;}
.sec4_tit {position:relative; width:100%; height:62px; font-family:'NanumMyeongjo';}
.sec4_tit h2 {font-size:35px; color:#fff; line-height:39px; font-weight:normal;}
.sec4_tit span {position:absolute; top:4px; right:0;}
.sec4_tit span a {font-size:20px; color:#fff;}
.sec4_tit span a img {vertical-align:-3px; margin-left:5px;}
.sec4_tit span:hover a img {transform: rotate(180deg); transition-duration: 0.5s;}
.sec4_box {width:100%; height:252px; padding:50px; background:rgba(255, 255, 255, 0.7);}
.blog_box ul {padding-left:10px;}
.blog_box ul li {width:100%; line-height:40px; overflow:hidden;}
.blog_box ul li:after {content:""; display:block; clear:both;}
.blog_box ul li a {display:block; float:left; font-size:15px; color:#222; font-weight:400; width:380px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:15px; position:relative;}
.blog_box ul li a::before {width:3px; height:3px; background:#222; content:''; position:absolute; left:0; top:19px; border-radius:50%;}
.blog_box ul li span {display:block; float:right; font-size:15px; color:#222; font-weight:400; }
.insta_box ul {width:100%; padding-top:12px;}
.insta_box ul li {float:left; width:127px; height:127px; overflow:hidden; margin-right:3px;}
.insta_box ul li:last-child {margin-right:0;}


#inquire {position:fixed; left:0; bottom:0; width:100%; height:122px; background:url(http://<?=$_SERVER["HTTP_HOST"]?>/img/main/inquire_bg.jpg) no-repeat center top; padding-top:38px; transition:all 0.3s; z-index:9999;}
#inquire h2 {float:left; font-size:25px; font-weight:normal; font-family:'NanumMyeongjo'; color:#fff; width:224px; line-height:47px; text-align:left;}
#inquire .in_form {float:right; font-size:0;}
#inquire .in_form input[type="text"] {height:47px; border:1px solid #fff; border-radius:10px; background:none; outline:none; padding-left:13px; margin-right:20px; line-height:45px; color:#fff;}
#inquire .in_form input[type="text"]::placeholder {font-size:14px; color:#fff;  font-weight:400;}
#inquire .in_form input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:14px; color:#fff;}
#inquire .in_form input[type="text"]::-moz-placeholder { /* Firefox 19+ */font-size:14px; color:#fff;}
#inquire .in_form input[type="text"]:-ms-input-placeholder { /* IE 10+ */font-size:14px; color:#fff;}
#inquire .in_form input[type="text"]:-moz-placeholder { /* Firefox 18- */font-size:14px; color:#fff;}
#inquire .in_form input[type="submit"] {cursor:pointer; height:47px; width:133px; background:#473628; border:none; border-radius:10px; outline:none; text-align:center; line-height:47px; color:#fff; font-size:16px; font-weight:400;} 

#inquire.on {position:static; transition:all 0.3s;}

#shop_last {position:fixed; left:1020; bottom:0; width:100%; height:522px; padding-top:38px; transition:all 0.3s; z-index:99999;}

#quick {position:absolute;float:right; top:-212px; left:50%; margin-left:900px; width:90px; border-radius:10px; text-align:right; z-index:9999;  border:1px solid #404040;}
.quick_tit { width:90px; height:53px; background:#8d0404; font-family: 'Montserrat', sans-serif;}
.quick_tit strong {display:block; font-size:18px; color:#fff; line-height:53px; font-weight:500; letter-spacing:-1px;}
.quick_con {background:#0e0e0e; width:90px;}
.quick_con li {width:90px; padding:0 27px;}
.quick_con li a {display:block; width:90px; border-bottom:1px dashed #fff; text-align:center; padding:15px 0;}
.quick_con li:last-child a {border-bottom:none;}
.quick_con li .icon {margin:0 auto; width:57px; height:57px; background:#fff; border-radius:50%; text-align:center; line-height:57px; transition:all 0.2s ease-in-out;}
.quick_con li .icon img {vertical-align:middle;}
.quick_con p {font-size:16px; color:#fff; margin-top:10px; font-family:'NanumMyeongjo';}
.quick_con li:hover .icon {transform:translatey(-3px);}

#footer {position:relative; top:30px; width:100%; background:url(http://www.jibi.co.kr/img/bottom_2024.jpg)  1920px 371px repeat center top; margin-left:auto; margin-right:auto;}
#footer .inner {position:relative; width:100%; height:341px; background:url(http://www.jibi.co.kr/img/bottom_2024.jpg) no-repeat center top;}
.footer_logo {position:absolute; top:20px; left:30px;}
.f_icon {position:absolute; top:35px; right:0; font-size:0; margin-right:28px;}
.f_icon span {display:inline-block; width:42px; height:42px; background:#222; margin:0 10px; border-radius:50%; }
.f_icon span:last-child {margin-right:0;}
.f_icon span a {display:block; width:100%; height:100%; text-align:center; line-height:42px; }
.f_icon span a img {vertical-align:middle;}
address {font-size:14px; color:#E3E3E3; line-height:26px; padding-top:80px; margin-right:28px; text-align:right; font-weight:400;}
address span {display:inline-block; margin-right:8px;}
p .copyright {font-size:14px; color:#E3E3E3; line-height:1; margin-right:28px; text-align:right; font-weight:400; margin-top:10px;}
.company {position:relative; text-align:center; top:2px; height:32px; width:870px; margin-left:-270px; left:50%; right:0; margin-right:0px;}
.company span {color:#8D8D8D; font-size:12px;}
.company a {color:#8D8D8D; font-size:14px;}
.company a:hover {color:black; font-size:14px;}
.counter {position:relative; text-align:right; top:10px;left:50%;width:82; margin-left:400px;}
.counter span {color:#8D8D8D; font-size:14px; }
.counter dl {color:#0A288A; font-size:14px;  margin-top:-27;  margin-left:-37;}
.bottom_right { position:relative; text-align:center; margin-left:720px; margin-top:-14px;}
.link_mail { position:relative; text-align:center; top:17px; margin-left:-500px;}
.link_spon { position:relative; text-align:center; top:50px; left:50%;width:218px; margin-left:43px;}
.gnb_last_right{position:relative;z-index:10;top:-300;left:130px;width:82;}
.gnb_last_right2{position:absolute;z-index:10;top:167px;left:956px;width:82;}


===== SUB =====
#sub_visual_wrap {position:relative; width:100%; height:264px; overflow:hidden;}
#sub_visual_wrap .sub_visual_txt {position:absolute; top:133px; left:50%; margin-left:570px; font-family:'NanumGothicBold'; color:#fff;}
#sub_visual_wrap .sub_visual_txt h1 {font-size:40px; color:#fff;  left:50%; margin-left:470px; font-weight:bold; line-height:1; letter-spacing:-1px; font-family:'NanumGothic'; opacity:90%;}
.location {position:absolute; left:50%; margin-top:-35px; width:1320px; margin-left:-500px; }
.location span {display:inline-block; font-size:14px; color:#adadad; font-weight:bold; line-height:22px; letter-spacing:1px;}
.location span img {vertical-align:-4px; margin:0 21px;}
.location .sub_navi { color:#08ab00; font-size:14px;  font-weight:bold; }
.location .sub_navi a { color:#d0ef02; font-size:16px;  font-weight:bold; }
.location .sub_menu_01 {  float:center; position:absolute; width:820px; top:0px; left:0px; margin-top:-15px; margin-left:360px; margin-bottom:0px;}
.location .sub_menu_01 a { font-size:15px;font-family:'NanumGothic'; color:#efefef; font-weight:400;}
.location .sub_menu_01 a:hover { font-size:15px;font-family:'NanumGothic'; color:yellow; font-weight:500; text-decoration:underline; text-underline-offset:9px; text-decoration-thickness:3px; text-decoration-color:orange;}
.location .sub_menu_01 span { font-size:15px;font-family:'NanumGothic'; color:yellow; font-weight:500; text-decoration:underline; text-underline-offset:9px; text-decoration-thickness:3px; text-decoration-color:orange;}
.location .sub_menu_02 {  float:center; position:absolute; width:920px; top:0px; left:0px; margin-top:-15px; margin-left:180px; margin-bottom:0px;}
.location .sub_menu_02 a { font-size:15px;font-family:'NanumGothic'; color:#efefef; font-weight:400;}
.location .sub_menu_02 a:hover { font-size:15px;font-family:'NanumGothic'; color:yellow; font-weight:500; text-decoration:underline; text-underline-offset:9px; text-decoration-thickness:3px; text-decoration-color:orange;}
.location .sub_menu_02 span { font-size:15px;font-family:'NanumGothic'; color:yellow; font-weight:500; text-decoration:underline; text-underline-offset:9px; text-decoration-thickness:3px; text-decoration-color:orange;}
.location .sub_menu_03 {  float:center; position:absolute; width:820px; top:0px; left:0px; margin-top:-15px; margin-left:360px; margin-bottom:0px;}
.location .sub_menu_03 a { font-size:15px;font-family:'NanumGothic'; color:#efefef; font-weight:400;}
.location .sub_menu_03 a:hover { font-size:15px;font-family:'NanumGothic'; color:yellow; font-weight:500; text-decoration:underline; text-underline-offset:9px; text-decoration-thickness:3px; text-decoration-color:orange;}
.location .sub_menu_03 span { font-size:15px;font-family:'NanumGothic'; color:yellow; font-weight:500; text-decoration:underline; text-underline-offset:9px; text-decoration-thickness:3px; text-decoration-color:orange;}
.location .sub_menu_04 {  float:center; position:absolute; width:820px; top:0px; left:0px; margin-top:-15px; margin-left:380px; margin-bottom:0px;}
.location .sub_menu_04 a { font-size:15px;font-family:'NanumGothic'; color:#efefef; font-weight:400;}
.location .sub_menu_04 a:hover { font-size:15px;font-family:'NanumGothic'; color:yellow; font-weight:500; text-decoration:underline; text-underline-offset:9px; text-decoration-thickness:3px; text-decoration-color:orange;}
.location .sub_menu_04 span { font-size:15px;font-family:'NanumGothic'; color:yellow; font-weight:500; text-decoration:underline; text-underline-offset:9px; text-decoration-thickness:3px; text-decoration-color:orange;}
.location .sub_menu_05 {  float:center; position:absolute; width:820px; top:0px; left:0px; margin-top:-15px; margin-left:380px; margin-bottom:0px;}
.location .sub_menu_05 a { font-size:15px;font-family:'NanumGothic'; color:#efefef; font-weight:400;}
.location .sub_menu_05 a:hover { font-size:15px;font-family:'NanumGothic'; color:yellow; font-weight:500; text-decoration:underline; text-underline-offset:9px; text-decoration-thickness:3px; text-decoration-color:orange;}
.location .sub_menu_05 span { font-size:15px;font-family:'NanumGothic'; color:yellow; font-weight:500; text-decoration:underline; text-underline-offset:9px; text-decoration-thickness:3px; text-decoration-color:orange;}
.location .sub_menu_06 {  float:center; position:absolute; width:820px; top:0px; left:0px; margin-top:-15px; margin-left:300px; margin-bottom:0px;}
.location .sub_menu_06 a { font-size:15px;font-family:'NanumGothic'; color:#efefef; font-weight:400;}
.location .sub_menu_06 a:hover { font-size:15px;font-family:'NanumGothic'; color:yellow; font-weight:500; text-decoration:underline; text-underline-offset:9px; text-decoration-thickness:3px; text-decoration-color:orange;}
.location .sub_menu_06 span { font-size:15px;font-family:'NanumGothic'; color:yellow; font-weight:500; text-decoration:underline; text-underline-offset:9px; text-decoration-thickness:3px; text-decoration-color:orange;}
.location .sub_menu_07 {  float:center; position:absolute; width:820px; top:0px; left:0px; margin-top:-15px; margin-left:350px; margin-bottom:0px;}
.location .sub_menu_07 a { font-size:15px;font-family:'NanumGothic'; color:#efefef; font-weight:400;}
.location .sub_menu_07 a:hover { font-size:15px;font-family:'NanumGothic'; color:yellow; font-weight:500; text-decoration:underline; text-underline-offset:9px; text-decoration-thickness:3px; text-decoration-color:orange;}
.location .sub_menu_07 span { font-size:15px;font-family:'NanumGothic'; color:yellow; font-weight:500; text-decoration:underline; text-underline-offset:9px; text-decoration-thickness:3px; text-decoration-color:orange;}
.location .sub_menu_08 {  float:center; position:absolute; width:820px; top:0px; left:0px; margin-top:-15px; margin-left:250px; margin-bottom:0px;}
.location .sub_menu_08 a { font-size:15px;font-family:'NanumGothic'; color:#efefef; font-weight:400;}
.location .sub_menu_08 a:hover { font-size:15px;font-family:'NanumGothic'; color:yellow; font-weight:500; text-decoration:underline; text-underline-offset:9px; text-decoration-thickness:3px; text-decoration-color:orange;}
.location .sub_menu_08 span { font-size:15px;font-family:'NanumGothic'; color:yellow; font-weight:500; text-decoration:underline; text-underline-offset:9px; text-decoration-thickness:3px; text-decoration-color:orange;}
.location .sub_menu_09 {  float:center; position:absolute; width:820px; top:0px; left:0px; margin-top:-15px; margin-left:250px; margin-bottom:0px;}
.location .sub_menu_09 a { font-size:15px;font-family:'NanumGothic'; color:#efefef; font-weight:400;}
.location .sub_menu_09 a:hover { font-size:15px;font-family:'NanumGothic'; color:yellow; font-weight:500; text-decoration:underline; text-underline-offset:9px; text-decoration-thickness:3px; text-decoration-color:orange;}
.location .sub_menu_09 span { font-size:15px;font-family:'NanumGothic'; color:yellow; font-weight:500; text-decoration:underline; text-underline-offset:9px; text-decoration-thickness:3px; text-decoration-color:orange;}
.location .sub_menu_10 {  float:center; position:absolute; width:820px; top:0px; left:0px; margin-top:-15px; margin-left:250px; margin-bottom:0px;}
.location .sub_menu_10 a { font-size:15px;font-family:'NanumGothic'; color:#efefef; font-weight:400;}
.location .sub_menu_10 a:hover { font-size:15px;font-family:'NanumGothic'; color:yellow; font-weight:500; text-decoration:underline; text-underline-offset:9px; text-decoration-thickness:3px; text-decoration-color:orange;}
.location .sub_menu_10 span { font-size:15px;font-family:'NanumGothic'; color:yellow; font-weight:500; text-decoration:underline; text-underline-offset:9px; text-decoration-thickness:3px; text-decoration-color:orange;}
.location .sub_menu_11 {  float:center; position:absolute; width:820px; top:0px; left:0px; margin-top:-15px; margin-left:250px; margin-bottom:0px;}
.location .sub_menu_11 a { font-size:15px;font-family:'NanumGothic'; color:#efefef; font-weight:400;}
.location .sub_menu_11 a:hover { font-size:15px;font-family:'NanumGothic'; color:yellow; font-weight:500; text-decoration:underline; text-underline-offset:9px; text-decoration-thickness:3px; text-decoration-color:orange;}
.location .sub_menu_11 span { font-size:15px;font-family:'NanumGothic'; color:yellow; font-weight:500; text-decoration:underline; text-underline-offset:9px; text-decoration-thickness:3px; text-decoration-color:orange;}

#sub_visual_event {position:relative; width:100%; height:104px; overflow:hidden;color:#fff;}
#sub_visual_event .sub_visual_etxt {position:absolute; top:33px; left:50%; margin-left:-220px; font-family:'NanumGothicBold'; color:#fff;}
#sub_visual_event .sub_visual_etxt h1 {font-size:35px; color:#222; font-weight:bold; line-height:1; letter-spacing:13px; font-family:'NanumGothic'; }

#sub_contents {width:100%; min-height:600px; overflow:hidden; margin-top:0px; padding-top:0px; padding-bottom:0px; background-size: cover;}
#sub_contents .main_best { position:relative;z-index:10;top:18px;left:50%; margin-left:-520px;width:1045;height:257;}
#sub_contents .main_best td {}
#sub_contents .main_best a:link { color:#323232; font-size:14px; font-family:'NanumGothic';}
#sub_contents .main_best a:hover { color:#a70303;  font-size:14px;font-weight:bold;font-family:'NanumGothic';}
#sub_contents .main_best img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);  transition: all 0.2s ease-in-out; }
#sub_contents .main_best img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.sub_menu {float:left; width:220px;}
.page_tit {top:-100px; width:100%; height:215px; text-align:center; background:url(/img/sub_m_title_bg.gif) no-repeat; margin-bottom:20px;}
.page_tit h3 {top:140px;font-size:22px; color:#B9B9B9; font-weight:400; line-height:265px; font-family:'NanumMyeongjo';}
.sub_menu .lnb {border:1px solid #eee; overflow:hidden;}
.sub_menu .lnb h3 {width:220px; height:50px; line-height:48px; border-top:1px solid #ebebeb; background:#fff url(/images/sub/lnb_off.png) no-repeat 189px 19px; transition:all 0.3s;}
.sub_menu .lnb h3:first-child {border-top:none;}
.sub_menu .lnb h3 a {display:block; width:100%; height:100%; font-size:16px; color:#484848; font-weight:400; padding-left:23px;}
.sub_menu .lnb h3.on {background:#D41010 url(/images/sub/lnb_on.png) no-repeat 189px 19px;}
.sub_menu .lnb h3.on a {color:#fff;}
.sub_menu .lnb h3:hover {background:#378201 url(/images/sub/lnb_on.png) no-repeat 189px 19px; transition:all 0.3s;} 
.sub_menu .lnb h3:hover a {color:#fff;}

.sub_con {position:relative;float:center; width:1045px; left:0; right:0; margin-left:auto; margin-right:auto;}
.contop {position:relative;float: center;width:1045px; padding-bottom:26px; margin-top:30px; margin-bottom:20px; left:0; right:0; margin-left:auto; margin-right:auto; border-bottom:1px solid #eaeaea;}
.contop h1{position:relative; line-height:40px; width:800px; font-size:42px; color:#1F3D69; text-indent:50px; font-family:'NanumGothic'; letter-spacing:11px; margin-left:30px;}
.contop h2 {line-height:40px; font-size:35px; color:#1F3D69; text-indent:-1px; font-family:'NanumMyeongjo';}
.contop h3 {line-height:40px; font-size:35px; color:#1F3D69; text-indent:-1px; font-family:'NanumMyeongjo';}
.contop h4 {line-height:40px; font-size:35px; color:#1F3D69; text-indent:-1px; font-family:'NanumMyeongjo';}

h4.h4_title{position: relative; font-family: 'NanumMyeongjo'; font-weight: bold; font-size: 25px; color: #484848; margin: 30px 0; padding-bottom: 20px;}
h4.h4_title::before{position: absolute; bottom:0; left: 0; width:50px; height: 1px; content: ''; background: #484848;}
/* sub0101 - 브랜드소개 */
.brand_info{}
.brand_info dl dt { font-family:'KCC-Kimhwanki'; font-size: 45px; line-height: 55px; color: #000; font-weight: 430; margin-bottom: 50px;}
.brand_info dl dt span{color: #000; font-weight: 900;}
.brand_info dl dt td{ font-size:23px; color: #555; font-weight: 700;  line-height: 40px;}
.brand_info dl dd{font-family:'NanumMyeongjo'; color: #000; font-size: 22px;line-height: 30px; margin-left: 10px; margin-bottom: 0px;}
.brand_info dl dd span{ font-size: 26px; color: #000; font-weight: 900;}
.brand_info dl img{float: center; margin-left: 0px; margin-bottom: 45px;}
.brand_info_01{position:relative;float:center; width: 1000px; overflow: hidden; margin-top: 90px; margin-bottom: 0px;}
.brand_info_01 table td {float: center;}
.brand_info_01 dl{float: center; text-align: left; margin-left: 40px; line-height: 35px; }
.brand_info_01 dl dd{ line-height: 45px; }
.brand_info_01 dl td strong{float: center; text-align: left;font-family:'NanumGothic'; font-size: 14px; margin-left: 0px;}
.brand_info_01 img{float: left; left: -180px; }
.brand_info_01 .g_02 span input{color: #7C7C7C;font-weight: bold;line-height: 14px; font-size: 13px;}
.brand_info_02{width: 100%; overflow: hidden; margin-bottom: 30px;}
.brand_info_02{background: url(/images/sub/brand_info_02_bg.png); width: 100%; height: 136px;}
.brand_info_02 dl dt{font-style: italic; font-weight: bold; font-size:20px; line-height: 35px;  padding: 30px 0 0 40px;}
.brand_info_02 dl dt span{color:#ab0000;}
.brand_info_03{width: 100%; overflow: hidden;}
.brand_info_03 dl{float: right; text-align: right; margin-top: 80px;}
.brand_info_03 img{float: left;}
.brand_info_04{width: 100%; overflow: hidden; margin-bottom: 30px;}
.brand_info_04 dl{float: left; text-align: left; margin-left: 0px;}
.brand_info_04 img{float: left; margin-left: 100px;}
.brand_info_05{width: 1045; text-align: center; overflow: hidden; margin-bottom: 30px;}
.brand_info_05 .inquire {width: 100%; overflow: hidden; margin-bottom: 10px; margin-left: 150px;}
.brand_info_05 .inquire h2 {float:left; font-size:20px; font-weight:normal; font-family:'NanumGothicBold'; color:#323232; width:124px; line-height:47px; text-align:center;}
.brand_info_05 .inquire .in_form {float:left; font-size:0;}
.brand_info_05 .inquire .in_form dl dd{float:center; font-size:20px; font-weight:normal; font-family:'NanumGothicBold'; color:#323232; width:700px; line-height:47px; margin-bottom: 10px;}
.brand_info_05 .inquire .in_form img{float: center; margin-left: 115px; margin-bottom: 20px;;}
.brand_info_05 .inquire .in_form input[type="text"] {height:47px; border:1px solid #444444; border-radius:5px;  background-color:#eeeeee; padding-left:13px; margin-right:0px; margin-bottom:5px; line-height:45px; color:#222222;}
.brand_info_05 .inquire .in_form input[type="text"]::placeholder {font-size:16px; color:#222222;  font-weight:400;}
.brand_info_05 .inquire .in_form input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:16px; color:#555555;}
.brand_info_05 .inquire .in_form input[type="text"]::-moz-placeholder { /* Firefox 19+ */font-size:16px; color:#fff;}
.brand_info_05 .inquire .in_form input[type="text"]:-ms-input-placeholder { /* IE 10+ */font-size:16px; color:#fff;}
.brand_info_05 .inquire .in_form input[type="text"]:-moz-placeholder { /* Firefox 18- */font-size:16px; color:#fff;}
.brand_info_05 .inquire .in_form select {font-size:18px; line-height:1.5; font-family: 'Noto Sans KR'; color:#484848;} 
.brand_info_05 .inquire .in_form input[type="radio"] {height:47px; border:1px solid #fff; border-radius:10px;  background-color:blue; outline:none; padding-left:0px; margin-left:25px; margin-right:5px; line-height:45px; color:#fff;}
.brand_info_05 .inquire .in_form input[type="radio"]::placeholder {font-size:14px; color:#fff;  font-weight:400;}
.brand_info_05 .inquire .in_form input[type="radio"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:14px; color:#fff;}
.brand_info_05 .inquire .in_form input[type="radio"]::-moz-placeholder { /* Firefox 19+ */font-size:14px; color:#fff;}
.brand_info_05 .inquire .in_form input[type="radio"]:-ms-input-placeholder { /* IE 10+ */font-size:14px; color:#fff;}
.brand_info_05 .inquire .in_form input[type="radio"]:-moz-placeholder { /* Firefox 18- */font-size:14px; color:#fff;}
.brand_info_05 .inquire .in_form input[type="submit"] {cursor:pointer; height:47px; width:133px; background:#070A84; border:none; border-radius:10px; outline:none; text-align:center; line-height:47px; color:#fff; font-size:16px; font-weight:400;} 
.brand_info_05 .inquire .on {position:static; transition:all 0.3s;}
.brand_info_06{width: 100%; overflow: hidden; margin-bottom: 30px;}
.brand_info_06 dl{float: left; text-align: left; margin-left: 0px;}
.brand_info_06 img{float: right; margin-left: 100px;}

.brand_info_07{width: 100%; overflow: hidden; height: 500px; margin-top: -560px; margin-bottom: 60px; margin-left: 560px;}
.brand_info_07 dl{position:relative; float: left; text-align: left;}
.brand_info_07 span{ font-size:24px; font-weight:normal; font-family:'NanumGothicBold'; color:#323232; float: left; text-align: left;}
.brand_info_07 img{float: right; margin-left: 100px;}
.brand_info_08{width: 100%; overflow: hidden; height: 500px; margin-top: -300px; margin-bottom: 60px; margin-left: 560px;}
.brand_info_08 dl{position:relative; float: left; text-align: left;}
.brand_info_08 span{ font-size:24px; font-weight:normal; font-family:'NanumGothicBold'; color:#323232; float: left; text-align: left;}
.brand_info_08 img{float: right; margin-left: 100px;}
.brand_info_09{width: 100%; overflow: hidden; height: 130px; margin-top: -360px; margin-bottom: 30px; margin-left: 560px;}
.brand_info_09 dl{position:relative; float: left; text-align: left;}
.brand_info_09 span{ font-size:24px; font-weight:normal; font-family:'NanumGothicBold'; color:#323232; float: left; text-align: left;}
.brand_info_09 img{float: right; margin-left: 100px;}

#brand_shop{position:relative; top:0px; width:100%; min-height:600px; overflow: hidden; margin-top: 0px; margin-bottom: 10px; }
#brand_shop .inner {position:relative; float: center; width: 100%;top:10px;left:0px; }
#brand_shop dl{float: center; text-align: center;}
#brand_shop img{float: center;}
#brand_shop .tables td {position:relative; float: center; font-size:14px; font-weight:normal; font-family:'NanumGothic'; color:#323232;}
#brand_shop .tables dl dt {font-size:16px; font-family:'NanumGothic'; color:#222;}
#brand_shop .guide p { font-size:14px; font-weight:normal; font-family:'NanumGothic'; color:#323232;}
#brand_shop span { font-size:24px; line-height:1.3; font-weight:bold; font-family:'NanumGothic'; color:#323232; margin-left:10px;}
.gnb_best{position:relative;z-index:10;top:0px;left:0px;}
.gnb_intro{position:relative;width:100%;z-index:10;top:68px;left:0px;}
.gnb_choo{position:relative;z-index:10;top:467px;left:166px;width:851;height:292;}
.gnb_contents{float:center; position:relative;z-index:1000;top:0px;left:0px;width:1045; padding:0px 0;}
.gnb_contents table,td {border-collapse:collapse; border-spacing:0; padding:0px 0;}
.cat_title { font-size:34px; color:#0044cf; font-weight:Bold;}
.good_list{position:relative;z-index:1000;top:0px;left:-20px;width:1045;float:center}
.good_list table,td { font-size:15px; font-weight:normal; font-family:'NanumGothicBold'; color:#323232;}
.good_list dt {margin-left:50px;font-size:21px; font-family:'NanumGothic'; font-weight:bold;}
.good_list dl {margin-top:-30px;margin-left:750px; font-size:14px; font-family:'NanumGothicBold';}
.good_list a:link { color:#323232; font-size:14px; font-family:'NanumGothic';}
.good_list a:hover { color:#a70303;  font-size:14px;font-weight:bold;font-family:'NanumGothic';}

.good_list img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);  transition: all 0.2s ease-in-out; }
.good_list img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

/*.good_list img{max-width:100%;height:auto !important; transition: transform 1s; -webkit-transition: -webkit-transform 1s;}
.good_list img:hover { transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); }*/

.good_list .price { color:#424242; font-size:14px;}
/*.good_list a:visited { color:#C5C5C5;  font-size:14px;font-family:'NanumGothic';}*/
.gnb_list_index{position:relative;z-index:1000;top:40px;left:0px;width:1109;}
.gnb_list_best{position:relative;z-index:1000;top:40px;left:0px;width:1109;}
.gnb_detail{ float:center; position:relative;z-index:1000;top:0px;left:0px;width:1045;}
.gnb_detail td strong { font-size:20px; font-weight:normal; font-family:'NanumGothicBold'; color:#323232;}
.gnb_detail select { font-size:16px; color:#222; }
.gnb_detail .gnb_detail_top {position:relative;z-index:1000;top:0px;left:0px;width:1045; font-size: 16px; margin-bottom: 30px;}
.gnb_detail .gnb_detail_top span { font-size:30px; line-height:1.3; font-weight:bold; font-family:'NanumGothic'; color:#323232; margin-left:-30px;}
.gnb_detail .gnb_detail_top td { font-size:18px; line-height:1.16; font-weight:900; font-family:'NanumGothicBold'; color:#323232;}
.gnb_detail .gnb_detail_top input { font-size:18px; line-height:0.0; font-weight:900; font-family:'NanumGothicBold'; color:#323232;}
.gnb_detail .gnb_detail_top strong { font-size:24px; line-height:1.16; font-weight:700; font-family:'NanumGothic'; color:#323232;}
.gnb_detail .gnb_detail_top .safeguard {position:relative; top:0px;left:50px;width:845; font-size: 20px; line-height:37px; margin-bottom: 30px;}
.gnb_detail .gnb_detail_con {position:relative;z-index:1000;top:0px;left:0px;width:1045; font-size: 16px; margin-bottom: 30px;}
.gnb_detail .gnb_detail_con input { font-size:18px; line-height:0.0; font-weight:900; font-family:'NanumGothicBold'; color:#323232;  border:1px solid #444444;border-collapse:collapse; border-spacing:1; padding:3px 3;}
.gnb_detail .gnb_detail_bottom {position:relative;z-index:1000;top:0px;left:0px;width:1045; font-size: 12pt;}
.shop_app {width: 100%; min-height:1380px;  overflow: hidden; margin-bottom: 10px;}
.shop_app .inner {position:relative;}
.shop_app dl{float: center; text-align: center;}
.shop_app img{float: center;}
.navigator{position:relative;z-index:1000;top:0px;left:0px;width:1059;float:center}
.navigator table,td {border-collapse:collapse; border-spacing:0; padding:0px 0;}
.navigator .cat_title a:link { color:white; font-size:18px; font-weight:800; font-family:'NanumGothicBold';}
.navigator .cat_title a:hover { color:yellow;  font-size:18px; font-weight:800; font-family:'NanumGothicBold';}
.navigator .cat_title a:visited { color:white;  font-size:18px; font-weight:800; font-family:'NanumGothicBold';}
.navigator .cat_sub a:link { color:#5E3B41;  font-size:18px; font-weight:800; font-family:'NanumGothicBold';}
.navigator .cat_sub a:hover { color:gray;  font-size:18px; font-weight:800; font-family:'NanumGothicBold';}
.navigator .cat_sub a:visited { color:#5E3B41; font-size:18px; font-weight:800; font-family:'NanumGothicBold';}
.search {position:relative;z-index:10;top:0px;left:0px; width:1045px;}
.search .search_top {position:relative;z-index:1000;top:0px;left:0px;width:1045; font-size: 16px; margin-bottom: 15px;}
.search .search_top span { font-size:40px; line-height:1.3; font-weight:bold; font-family:'NanumGothic'; color:#323232; margin-left:30px;}
.search .search_input_bg {position:relative;z-index:1000;top:0px;left:0px;width:1045; height:246px; font-size: 16px; margin-bottom: 30px; background:url(/img/search_input_bg.jpg) no-repeat;}
.search .search_input {position:relative;z-index:1000;top:29px;left:0px;width:970; height:210px; font-family:'NanumGothic'; font-size: 16px; margin-bottom: 30px; margin-left:9px;}
.search .search_input  input { font-size:14px; size:10pt; }
.search .search_input  span  input { font-size:14px; background:#222;color:#fff;}
.search .search_con {position:relative;z-index:1000;top:0px;left:0px;width:1045; font-size: 16px; margin-left:-10px; margin-bottom: 30px; }
.search .search_con span { font-family:'NanumMyeongJo';font-size:32px; }
.gnb_last_right {position:absolute;z-index:10;top:267px;left:1055px;width:82;}

/* sub0102 - 브랜드컨셉 */
.brand_concept{}
.brand_concept div{margin-bottom: 50px; text-align: center;}
.brand_concept span.number{position: relative; margin: 0 auto; font-family:'NanumMyeongjo'; width: 48px; height: 48px; display: inline-block; line-height: 48px; text-align: center;  background:#dbb686; border-radius: 50%; font-size: 20px; color: #fff; font-weight: bold; margin-bottom: 30px;}
.brand_concept span.number::before{position: absolute; top: 26px;  right: 66px; width: 467px; height: 1px; content: ''; background: #f3e7d9}
.brand_concept span.number::after{position: absolute;  top: 26px; left: 66px; width: 467px; height: 1px;  content: ''; background: #f3e7d9}
.brand_concept div:nth-child(2n) span.number{background: #212121; }
.brand_concept dl dt{font-family:'NanumMyeongjo';}
.brand_concept dl dt:nth-child(1){color: #484848; font-size: 25px;  line-height: 40px; font-weight: 900; margin-bottom: 15px;}
.brand_concept dl dt:nth-child(2){color: #484848; font-size: 20px;  font-weight: 600; margin-bottom: 20px;}
.brand_concept dl dt span{color: #ab0000;}
.brand_concept dl dd{color: #484848; font-size: 16px; line-height: 24px; margin-bottom: 50px;}


/* sub0301 - 브랜드경쟁력 */
.brand_power div{position: relative; margin-bottom: 50px;}
.brand_power div:nth-child(1){background:url(/images/sub/sub0301_bg01.jpg); width: 1020px; height: 289px;}
.brand_power div:nth-child(2){background:url(/images/sub/sub0301_bg02.jpg); width: 1020px; height: 289px;}
.brand_power div:nth-child(3){background:url(/images/sub/sub0301_bg03.jpg); width: 1020px; height: 289px;}
.brand_power div:nth-child(4){background:url(/images/sub/sub0301_bg04.jpg); width: 1020px; height: 289px;}
.brand_power dl{width: 100%; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.brand_power dl dt{font-family:'NanumMyeongjo'; font-weight: 400;}
.brand_power dl dt.number{color: #d9b280; font-size: 30px; font-weight: bold; margin-bottom: 10px;}
.brand_power dl dt.title{color: #fff; font-size: 25px; margin-bottom:15px;}
.brand_power dl dd{font-size: 16px; line-height: 24px; color: #fff; }

/* sub0302 - 가맹절차 */
.faq {width: 100%; overflow: hidden;}
.faq ul li{position:relative; width: 100%; overflow: hidden; border-bottom: 1px solid #ddd; padding: 30px 0;}
.faq .faq_txt dl dt{font-family: 'NanumMyeongjo'; color: #484848; font-size: 20px; font-weight: 600; }
.faq .faq_txt dl dt span.question_iocn{display: inline-block; width: 50px; height: 50px; background: #000000; color: #fff; border-radius: 50%; line-height: 50px; text-align: center; margin-right: 20px;}
.faq .faq_txt dl dt strong{font-weight: 900; color: #000;}
.faq .faq_detail{width: 100%; overflow: hidden; margin-top: 30px;}
.faq .faq_detail dl span.answer_iocn{font-size: 20px; font-family: 'NanumMyeongjo'; display: inline-block; width: 50px; height: 50px; background: #d9b280; color: #fff; border-radius: 50%; line-height: 50px; text-align: center; margin-right: 20px; font-weight: bold; }
.faq .faq_detail dl dt{float: left;}
.faq .faq_detail dl dd{float: right; width: 950px; }
.faq .faq_detail dl dd p{color: #484848;font-size: 16px; line-height: 24px;  margin-bottom: 15px;}
.faq .faq_icon{position:absolute; top:30px; right:0; width: 55px;}
.faq .faq_icon img {transform:rotate(0);  transition-duration: 0.5s}
.faq .faq_icon.on img{transform:rotate(90deg); transition-duration: 0.5s}
.faq .faq_detail{display:none;}
span.color{color: #ab0000;}