@charset "utf-8";

@font-face{font-family:NG; src:url('/layouts/chul_main/font/NanumBarunGothic.eot'); src:local(※), url('/layouts/chul_main/font/NanumBarunGothic.woff') format('woff');}
@font-face{font-family:NGEN; src:url('/layouts/chul_main/font/NanumBarunGothicBold.eot'); src:local(※), url('/layouts/chul_main/font/NanumBarunGothicBold.woff') format('woff');}

body,html {padding:0;margin:0;font-size:12px;font-family:나눔바른고딕, NanumBarunGothic, NG, NGEN, '돋움', sans-serif;}
input,select,textarea {font-size:12px;font-family:나눔바른고딕, NanumBarunGothic, NG, NGEN, '돋움', sans-serif;}
img,p {border:0;margin:0;padding:0;}
form {display:inline;margin:0;padding:0;}
select {font-size:12px;font-family:dotum;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}


button{display:block;margin:0;padding:0;border:0;background-color:transparent;font:inherit;color:inherit;cursor:pointer}
.indent{display:block;position:relative;width:0;height:0;font-size:0;text-indent:-10000px;line-height:0}

*{font-family:나눔바른고딕, NanumBarunGothic, NG, NGEN, '돋움', sans-serif;}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,form, fieldset, input, textarea, blockquote, th, td {  
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  
list-style-type: none;  
 }

img{border:0; vertical-align:middle;}
img.btn{vertical-align:middle;cursor:pointer;}
a img{vertical-align:middle;}

body::-webkit-scrollbar {
    width: 8px;  /* 스크롤바의 너비 */
}

body::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: #444; /* 스크롤바의 색상 */
    
    border-radius: 10px;
}

body::-webkit-scrollbar-track {
    background: rgba(33, 122, 244, .1);  /*스크롤바 뒷 배경 색상*/
}

body {overflow-x: hidden}

.navi_wrap { position:relative; width:100%; height:100px; }


/* 추가 헤더 */

#header_navi, #header_navi * {}
#header_navi { position:relative; width:1200px;margin: 0 auto;height: 100px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; }

#header_navi .site_link {
   position:relative; float: right; width: 110px; height: 38px; margin-top:40px;
}
#header_navi .site_link.active {
    position:relative; float: right; width: 110px; height: 38px; margin-top:30px;
}

#header_navi .logo {
    float: left; display:block; width: 273px; height::100px;
}

#header_navi .facebook {
    position:absolute; width: 30px; height: 30px; margin-left:50%; top:45px; left:500px; z-index:99;
}
#header_navi .facebook.active {
    position:absolute; width: 30px; height: 30px; margin-left:50%; top:35px; left:500px; z-index:99;
}
#header_navi .instar {
    position:absolute; width: 32px; height: 32px; top:34px; left:1167px; z-index:99;
}

#header_navi > .head_wrap {
    position:relative;margin-left:340px; width:800px; overflow:hidden;
}

#header_navi .qna {
    position:absolute; width: 120px; height: 31px; top:44px; left:1080px; z-index:99;
}
#header_navi .qna.active {
    position:absolute; width: 120px; height: 31px; top:32px; left:1080px; z-index:99;
}

#header_navi .blog {
    position:absolute; width: 30px; height: 30px; top:44px; left:1130px; z-index:99;
}
#header_navi .blog.active {
    position:absolute; width: 30px; height: 30px; top:32px; left:1130px; z-index:99;
}
#header_navi .youtube {
    position:absolute; width: 30px; height: 30px; top:44px; left:1170px; z-index:99;
}
#header_navi .youtube.active {
    position:absolute; width: 30px; height: 30px; top:32px; left:1170px; z-index:99;
}
#header_navi .ch {
    position:absolute; width: 24px; height: 24px; top:47px; left:1142px; z-index:99;
}
#header_navi .ch.active {
    position:absolute; width: 24px; height: 24px; top:35px; left:1142px; z-index:99;
}

#header_navi .jp {
    position:absolute; width: 24px; height: 24px; top:47px; left:1176px; z-index:99;
}
#header_navi .jp.active {
    position:absolute; width: 24px; height: 24px; top:35px; left:1176px; z-index:99;
}

#header_navi > .head_wrap > ul {margin:0; padding: 0;}
#header_navi > .head_wrap > ul > li {display: inline-block; float: left; background: url('') top left no-repeat; -webkit-transition: background 0.2s; transition: background 0.2s;}
#header_navi > .head_wrap > ul > li.narrow { }
#header_navi > .head_wrap > ul > li.narrow1 {width: 13%; }
#header_navi > .head_wrap > ul > li.narrow2 {width: 16%; }
#header_navi > .head_wrap > ul > li.wide {width: 27%; }
#header_navi > .head_wrap > ul > li > a {display: inline-block; width: 100%; height: 100px; text-align: center; line-height: 100px; font-size: 17px; color:#d0d0d0; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; text-decoration:none;}
#header_navi > .head_wrap > ul > li.active > a{ color: #ffff66; }
#header_navi > .head_wrap > ul > li.active > a.active{ color: #aa5f32; }
#header_navi > .head_wrap > ul > li:hover { background: #c3161c; color: #ffffff;}
#header_navi > .head_wrap > ul > li:hover a{ color: #ffffff;}
#header_navi > .head_wrap > ul > li:hover a.active{ color: #ffffff;}
#header_navi > .head_wrap > ul > li > ul.sub {display: none;}
#header_navi > .head_wrap > ul > li:hover > ul.sub {display: block; padding: 20px 0 30px 0;}

#header_navi > .head_wrap > ul > li:hover > ul.sub > li {display: block; width:100%; min-height: 20px; padding:5px 0 5px 0;}
#header_navi > .head_wrap > ul > li:hover > ul.sub > li > a {display:block; width:100%; line-height: 120%; text-align: center; color:#FFF;font-size: 13px; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; text-decoration:none}
#header_navi > .head_wrap > ul > li:hover > ul.sub > li > a:hover { color:#ffff66; font-weight: 500; }

/* 추가 헤더 */

.navi_head { position:fixed; top:0; left:0; width:100%; color:#ffffff; height:100px; background: url('') #000000 top center repeat-x; overflow:visible; z-index:999; }
.navi_head a { color:#ffffff; }
.navi_head .btn_contract { position:absolute; top:0; right:0; }
.navi_head .btn_contract img { display:block; }
.navi_head .menus { position:relative; margin-left:0; width:1138px; overflow:hidden; font-size:13px; background:url('./image/depth_bg.png') top right no-repeat ;}
.navi_head .menus ul { overflow:hidden; }
.navi_head .menus .depth1 { float:left; height:530px; text-align:center; background:url('./image/depth_bg.png') top left no-repeat ;
			-webkit-transition: background-color 200ms;
			-moz-transition: background-color 200ms;
			transition: background-color 200ms;
		}
.navi_head .menus .dp1 { position:relative; display:block; height:50px; }
.navi_head .menus .dp1 .tit { display:block; padding:0; font-size:16px; font-weight:bold; line-height:50px; font-family:나눔바른고딕, Malgun Gothic, 맑은 고딕, '돋움', sans-serif; color:#ffffff; }
.navi_head .menus .depth2 { margin-top:15px;}
.navi_head .menus .depth2 li { height:23px; line-height:23px; }
.navi_head .menus .depth2 li a { display:block; padding-left:0; height:100%;text-align:center; color:#ffffff;}
.navi_head .menus .depth2 li a:hover { color:#ffff66; }
.navi_head .menus .depth2 .icon { display:inline-block; margin-right:8px; width:15px; height:14px; overflow:hidden; vertical-align:middle; }
.navi_head .menus .depth2 .hit a{ color:#ffff66;font-weight:bold; }
.navi_head .menus .depth2 .spac a{ letter-spacing:-1px; font-size:13px;}
	
.navi_head .menus .depth1.id_shop { width:99px; }
.navi_head .menus .depth1.id_shop .dp1 .tit { padding-left:10px; }
.navi_head .menus .depth1.id_shop .depth2 li a { padding-left:10px; }
.navi_head .menus .depth1.selected { }
.navi_head .menus .depth1.selected .dp1 .tit { color:#ffff66; }
.navi_head .menus .depth1.selected .selected { color:#ffffff; }

.navi_head.open .menus .depth1.selected { background-color:transparent; }
.navi_head.open .menus .depth1.selected .dp1 .tit { color:#ffff66; }
.navi_head.open .menus .depth1:hover { background:#0e75bc ; }
.navi_head.open .menus .depth1:hover .dp1 .tit { color:#ffffff; }

.wrap { width:100%; min-height:500px; }
.symbol-target { padding-top: 99px; margin-top:-99px; width: 100%; height:0px; font-size:0px; line-height:0px; display:block; }

.right_navi_wrap {position: fixed;width:118px;z-index:9999; top: 130px; right: 10px;}
.right_navi_wrap .tel {float:left;height:125px;padding:0;margin-bottom:0px;}
.right_navi_wrap .online {float:left;height:68px;padding:0;margin:5px 0 0 0;}
.right_navi_wrap ul {padding:0;margin:0;}
.right_navi_wrap li {float:left;width:100px;height:50px;padding:0;margin-bottom:10px;}
.right_navi_wrap li a {}
.right_navi_wrap li a:hover {opacity:0.8;}

#quick_mail {position: fixed; bottom: 0; width:100%;height:100px;margin:0;padding:0;background:url('') #f1f1f1 top center no-repeat ; z-index: 99;}
#quick_mail .quick_cont {width:1480px;height:100px;margin:0 auto;padding:0;}
#quick_mail .quick_cont .quick_left{ float:left;width:430px;margin:0;padding:0;}
#quick_mail .quick_cont .quick_right{float:left; width:1050px;margin:0;padding:0;text-align:left;font-size:13px; line-height:140%; font-family:나눔바른고딕, NanumBarunGothic, NG, NGEN, '돋움', sans-serif; color:#ffffff; }
#quick_mail .quick_cont .quick_right .area .put {float:left;width:1130px;height: 80px;position:relative;}
#quick_mail .quick_cont .quick_right .area .put .name {position: absolute;top: 20px;left:0;width: 200px;}
#quick_mail .quick_cont .quick_right .area .put .name input {border: #444 1px solid; height:36px; width: 190px; padding-left:10px;font-size:13px;}
#quick_mail .quick_cont .quick_right .area .put .tel {position: absolute;top: 20px;left:210px;width: 200px;}
#quick_mail .quick_cont .quick_right .area .put .tel input {border: #444 1px solid; height:36px; width: 190px; padding-left:10px;font-size:13px;}
#quick_mail .quick_cont .quick_right .area .put .add {position: absolute;top: 20px;left:420px;width: 130px;}
#quick_mail .quick_cont .quick_right .area .put .add input {border: #444 1px solid; height:36px; width: 120px; padding-left:10px;font-size:13px;}
#quick_mail .quick_cont .quick_right .area .put .money {position: absolute;top: 20px;left:560px;width: 130px;}
#quick_mail .quick_cont .quick_right .area .put .money input {border: #444 1px solid; height:36px; width: 120px; padding-left:10px;font-size:13px;}
#quick_mail .quick_cont .quick_right .area .put .exp {position: absolute;top: 20px;left:700px;width: 130px;}
#quick_mail .quick_cont .quick_right .area .put .exp input {border: #444 1px solid;height:36px; width: 120px; padding-left:10px;font-size:13px;}
#quick_mail .quick_cont .quick_right .area .put .ch {color:#444;position: absolute;top: 65px;left: 0; font-size:15px; }
#quick_mail .quick_cont .quick_right .area .put .ch label {color:#444;}
#quick_mail .quick_cont .quick_right .area .put .ch input {width:17px; height:17px; }
#quick_mail .quick_cont .quick_right .area .put #ch_txtbox {display:none;background-color:#fff;position: absolute;top: -60px;left: 10px;z-index: 99;padding: 8px 8px 5px 8px;font-size:12px;border: 2px solid black;}
#quick_mail .quick_cont .quick_right .area .put #ch_txtbox h6 {color: black;font-size:12px;}
#quick_mail .quick_cont .quick_right .area .put #ch_txtbox ul {margin-top: 5px;}
#quick_mail .quick_cont .quick_right .area .put #ch_txtbox ul li {margin: 3px 0;color:#444;}
#quick_mail .quick_cont .quick_right .area .put .ch a {color:#444;margin-left: 10px;text-decoration: underline;}
#quick_mail .quick_cont .quick_right .area .put .btn {position:absolute;top: 20px;left: 840px;}

#footer_wrap {width:100%;height:200px;margin:0;padding:0;background:url('')#333 center center no-repeat;}
#footer_wrap .foot_cont {width:1200px;height:150px;margin:0 auto;padding:0;}
#footer_wrap .foot_cont .logo{ float:left;width:150px;margin:0;padding:25px 0 0 0;}
#footer_wrap .foot_cont .copy{width:1200px;margin:0;padding:60px 0 0 0;text-align:center;font-size:16px; line-height:160%; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color:#b5b5b5; }
#footer_wrap .foot_cont .copy .cp {padding-top:0;color:#888;font-size:12px;line-height:30px; }
#footer_wrap .foot_cont .copy .admin {margin-left:20px;color:#666; }
#footer_wrap .foot_cont .copy .admin a{font-size:11px; font-family:arial; color:#777; }

#store_wrap {width:100%;height:520px;margin:0;padding:0;background:url('')#f5f5f5 center center no-repeat;}
#store_wrap .cont {width:1400px;height:500px;margin:0 auto;padding-top:70px;}

#news_wrap {width:100%;height:490px;margin:0;padding:0;background:url('')#ffffff center center no-repeat;}
#news_wrap .cont {position:relative; width:1400px;height:490px;margin:0 auto;padding-top:30px;}
#news_wrap .cont .news_btn {position: absolute;width:300px;height:80px;top:350px;left:550px;}

.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;} 
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);} 
.layer .pop-layer {display:block;} 
.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 400px; height:auto; background-color:#fff; border: 5px solid rgb(211, 25, 34); z-index: 10;} 
.pop-layer .pop-container {padding: 20px 25px;} 
.pop-layer p.ctxt {color: #666; line-height: 25px;} 
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;} 
a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:rgb(211, 25, 34); font-size:13px; color:#fff; line-height:25px;} 
a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}

#infoList table.tb_table {width:100%; margin:0; padding:0; border:0px solid #d9d9d9; border-right:none; border-bottom:none;text-align:center;}
#infoList table.tb_table td {margin:0; padding:0; text-align:left;}
#infoList table.tb_table td input{height:36px;margin:0;}