@charset "euc-kr";

@import url("reset.css");
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* base */
html,body{width:100%;min-height:100%;}
html{overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0;word-break:normal;-webkit-appearance: none;}
/* body,h1,h2,h3,h4,input,button,table,textarea,select{font-family:'NanumGothic','나눔고딕',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;font-size:12px;color:#5c5c5c;line-height:1.33em;letter-spacing:-0.25px;-webkit-letter-spacing:-0.25px;font-weight:normal;} */
body,h1,h2,h3,h4,input,button,table,textarea,select{font-family:'NanumGothic','나눔고딕',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;font-size:12px;color:#5c5c5c;letter-spacing:-0.25px;-webkit-letter-spacing:-0.25px;font-weight:normal;} /* line-height 값 삭제 */
body{background-color:#fff;*word-break:normal;-ms-word-break:normal;-webkit-text-size-adjust:none;}
img,fieldset,iframe{border:0 none;}
li{list-style:none;}
input,select,button{vertical-align:middle;}
i,em,address{font-style:normal;}
label,button{cursor:pointer;}
button{margin:0;padding:0;}
a{color:#6c6c6c;text-decoration:none;}
a:hover{text-decoration:none;}
button *{position:relative;}
button img{left:-3px;*left:auto;}
html:first-child select{height:20px;padding-right:6px;}
option{padding-right:6px;}
hr{display:none;}
legend{*width:0;visibility:hidden;position:absolute;left:-9999px;top:-9999px;height:0;line-height:0;}
table{/* border-collapse:collapse;table-layout:fixed; */border-collapse:collapse;border-spacing:0;}
input[type="text"],input[type="password"] {-webkit-border-radius:0;}
input[type="radio"] {margin:0 3px 0 0;}
select, textarea {margin:0;padding:0;}
sup {font-size:9px;}

h1, h2, h3, h4, h5 {font-size:1em;font-weight:normal;}
hr {display:none;}
table {border-collapse:collapse;border-spacing:0;empty-cells:show;}
caption {visibility:hidden;height:0;width:0;font-size:0;line-height:0;overflow:hidden;}


select {height:27px;line-height:27px;}

.fL {float:left;}
.fR {float:right;}
.tC {text-align:center;}
.tL {text-align:left;}
.tR {text-align:right;}
.clr {clear:both;}
.hidden {display:none;}
label {display:inline-block;cursor:text;}
label.hidden {display:none;}
.noline_b {border-bottom:none;}

.txt_blue {color:#1f62c9;}
.txt_red {color:#d61944;}
.txt_gray {color:#9c9c9c;}
.txt_black {color:#3c3c3c;}
.red {color:#ff0000;}

.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f30 {font-size:30px;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mb5 {margin-bottom:5px}
.mb10 {margin-bottom:10px}
.mb20 {margin-bottom:20px}
.mb30 {margin-bottom:30px}


.bold {font-weight:bold;}
.overflow {overflow:hidden;}
.border0 {border:0;}

/* #Wrapper {position:relative;overflow:hidden;min-width:1000px;height:100%;margin:0 auto;} */
#Container {position:relative;width:1000px;margin:0 auto;clear:both;}

/* 헤더 */
#Header_wrap {position:relative;width:100%;}
#Gnb_area {position:relative;width:100%;height:35px;overflow:hidden;border-bottom:1px solid #dedede;background-color:#f1f1f1}
#Gnb_area .gnb_wrap {position:relative;width:1000px;margin:0 auto;}
#Gnb_area .gnb_inner1 a {float:left;padding-left:8px;font-size:14px;line-height:36px;}
#Gnb_area .gnb_inner1 a.home {margin-left:5px;padding-left:17px;font-weight:600;background:url('../img/bg/home.png') no-repeat center left;}
#Gnb_area .gnb_inner2 {float:right;}
#Gnb_area .gnb_inner2 li {float:left;}
#Gnb_area .gnb_inner2 li.gnb_log {margin-top:8px;padding:0 8px;font-size:14px;}
#Gnb_area .gnb_inner2 li.gnb_log span {color:#dc000a;font-weight:bold;letter-spacing:1px;}
#Gnb_area .gnb_inner2 li a {display:block;margin-top:10px;padding:0 8px;font-size:12px;border-left:1px solid #333;}
#Gnb_area .gnb_inner2 li a.gnb_fir {border:none;}
#Gnb_area .gnb_inner2 li a:hover {color:#ed1c21;font-weight:600;}
#Header_area {position:relative;width:1000px;min-height:140px;margin:0 auto;}
#Header_area .top_banner {position:absolute;top:35px;left:15px;}
#Header_area .logo {width:220px;margin:0 auto;text-align:center;padding-top:20px;}
#Header_area .search_area {position:absolute;right:20px;top:50px;}
#Header_area .search_box {width:300px;height:26px;border:2px solid #f6ad2a;border-radius:10px;}
#Header_area .search_box .search_txt {width:200px;height:18px;margin:5px 10px;;padding:0;color:#000;border:0;}
#Header_area .search_box .search_btn {width:68px;height:20px;cursor:pointer;text-indent:-99999px;z-index:10000;background:url('../img/btn/search_btn.png') no-repeat;color:#f6ad2a;border:0;}

/* 네비게이션 */
#navi_area {position:relative;width:100%;min-height:40px;background:url('../img/bg/navi_bg.jpg') repeat-x;}
#navi_area .navi_wrap {position:relative;width:1000px;margin:0 auto;}

/* 드롭다운 */
 #topMenu {
            height: 40px;  
            width: 1000px;       
            position: relative;           
    }
    #topMenu ul {           
        margin: 0px;            
                 
    }
    #topMenu ul li.topMenuLi { 
		color:#fff;line-height:40px;
        float: left;                    
		padding:0 10px;
        vertical-align: middle;     
        text-align: center;         
        -position: relative;
		}
	
	
    .menuLink, .submenuLink {           /* 상위 메뉴와 하위 메뉴의 a 태그에 공통으로 설정할 스타일 */
        text-decoration:none;               
        display: block;                     
        width: 150px;                       
        font-size: 14px;                    
        font-weight: bold;                  
       
    }
    .menuLink {     /* 상위 메뉴의 글씨색을 흰색으로 설정 */
        color:#fff;
		text-transform:uppercase;
		letter-spacing:1px;
    }
    .topMenuLi:hover .menuLink {    /* 상위 메뉴의 li에 마우스오버 되었을 때 스타일 설정 */
        color:#dc000a;                 
        background-color: #fff;
		
    }
    .longLink {     /* 좀 더 긴 메뉴 스타일 설정 */
        width: 190px;   
    }
.submenuLink {          /* 하위 메뉴의 a 태그 스타일 설정 */
        color: #2d2d2d;                     
        
    }
    .submenu {              /* 하위 메뉴 스타일 설정 */
        position: absolute;     
        height: 0px;            
        overflow: hidden;       
        transition: height .4s ; 
        -webkit-transition: height .4s; 
        -moz-transition: height .4s; 
        -o-transition: height .4s; 
        width: 1000px;           
        left: 10px;  
        background-color: #fff; /* [추가] 하위 메뉴 전체에 배경색 설정 */
		
    }
	
	
    .submenu li {
        display: inline-block;


    }
	/* .submenu li dl {color:#5c5c5c;text-align:left;} */
	/* .submenu li dl dt a {color:#dc000a;} */
	/* .submenu li dl dt {padding:5px 0 0 20px;font-size:16px;font-weight:600;} */
	/* .submenu li dl dd h3 {padding:0 0 10px 30px;font-size:14px;font-weight:600;} */
	/* .submenu li dl dd ul {overflow:hidden;padding-left:50px;} */
	/* .submenu li dl dd ul li {line-height:24px;} */
	
    .topMenuLi:hover .submenu { 
       height:auto;        
		z-index:99999;
		border:1px solid #dc000a;
		border-top:none;
    }
    .submenuLink:hover {        
        color: red;                 
      
    }
	.submenu ul.cate_menu, .submenu .cate_menu_top {display:inline-block;width:100%;padding:10px 0 0 20px;border-top:1px solid #ddd;text-align:left;}	
	
	.submenu .cate_menu:first-child {border:none;}	
	.submenu .cate_menu > li:first-child {float:left;width:40%;}
	.submenu .cate_menu > li {float:left;width:30%;text-transform:uppercase;}
	.submenu .cate_menu > li dt a {font-size:14px;font-weight:600;color:#dc000a;line-height:24px;}
	.submenu .cate_menu > li dd h3 {padding-left:10px;font-size:13px;font-weight:400;cursor:pointer;}
	.submenu .cate_menu > li dd h3 img {padding-left:10px;vertical-align:middle;}
	.submenu dl dd ul.h_menu {display:none;}
	.submenu .cate_menu > li dd ul li {display:block;padding-left:30px;font-size:14px;line-height:24px;background:url('../img/bg/dot.png') no-repeat 25px 10px;}
	.submenu .cate_menu > li dd p {color:#5c5c5c;line-height:24px;}	
	.submenu .cate_menu_top > li dd ul li a:hover, .submenu .cate_menu > li dd ul li a:hover {color:#dc000a;font-weight:bold;}
	.submenu .cate_menu > li dd a {padding-left:10px;font-size:14px;line-height:24px;}
	.submenu .cate_menu > li dd a:hover {color:#dc000a;}
	.submenu .cate_menu > li dd p {color:#5c5c5c;line-height:24px;}
	.sub_2 {position: absolute;     
        height: 0;            
        overflow: hidden;       
        transition: height .4s ; 
        -webkit-transition: height .4s; 
        -moz-transition: height .4s; 
        -o-transition: height .4s; 
        width: 150px;           
        left: 180px;  
        background-color: #fff;
		z-index:9999;
		
		}
		.topMenuLi:hover .sub_2 { 
       height:160px;    
		z-index:99999;	
		border:1px solid #dc000a;
		border-top:none;
    }
	.sub_2 ul li a {display:block;font-size:14px;}
	.sub_2 ul li a:hover {color:#fff;background-color:#dc000a;}
	
	.sub_4 {position: absolute;     
        height: 0;            
        overflow: hidden;       
        transition: height .4s ; 
        -webkit-transition: height .4s; 
        -moz-transition: height .4s; 
        -o-transition: height .4s; 
        width: 150px;           
        left: 519px;  
        background-color: #fff;
		z-index:9999;
		
		}
		.topMenuLi:hover .sub_4 { 
       height:160px;    
		z-index:99999;	
		border:1px solid #dc000a;
		border-top:none;
    }
	.sub_4 ul li a {display:block;font-size:14px;}
	.sub_4 ul li a:hover {color:#fff;background-color:#dc000a;}
/* 슬라이더 */
#slider_area {position:relative;width:1000px;height:370px;margin:0 auto;overflow:hidden;}
.main_slider_wrap {float:left;width:700px;min-height:370px;margin:0 auto;}
.main_banner_wrap {float:right;width:300px;height:370px;margin:0 auto;overflow:hidden;}
.main_banner_wrap h2 {display:inline-block;margin:17px 0 18px 54px;padding:0 10px;text-align:center;font-size:24px;font-weight:600;border-bottom:4px solid #dc000a;}

/* 슬라이더 아래배너 */
#event_area {position:relative;width:1000px;margin:0 auto;overflow:hidden;}
#event_area ul li {float:left;margin:40px 0 0 49px;}
#event_area ul li:first-child {float:left;margin-left:0}

/* 메인 상품 진열 */
#main_area {position:relative;width:1000px;margin:20px auto;overflow:hidden;}
#main_area .main_section h2 {margin-top:10px;text-align:center;text-transform:uppercase;font-size:18px;font-weight:bold;border-bottom:2px solid #ddd;letter-spacing:2px;}
#main_area .main_section:after {display:block;clear:both;content:'';}
#main_area .main_section ul li {float:left;width:220px;margin:20px 0;padding:0 15px;-webkit-transition:box-shadow .2s ease;transition:box-shadow .2s ease;}
#main_area .main_section ul li .item_anchor {border:1px solid #dfdfdf;}
#main_area .main_section ul li:hover .item_anchor {box-shadow:0 0 20px 0 rgba(0,0,0,0.3);transition:all .3s ease;transform:translateY(3px);}
#main_area .main_section ul li a {display:block;height:350px;padding:10px;overflow:hidden;}
#main_area .main_section ul li .thumbnail img {width:200px;height:200px;}
#main_area .main_section ul li .item_box .item_nm {padding:10px 0 5px 5px;min-height:100px;font-size:16px;}
#main_area .main_section ul li .item_box .item_price {margin-right:8px;text-align:right;}
#main_area .main_section ul li .item_box .item_price span {font-size:16px;font-family:'Tahoma';font-weight:bold;color:#dc000a;}

/* 풋터 */
.footer_wrap {position:relative;width:100%;margin-top:20px;clear:both;}
.cs_area {position:relative;width:1000px;margin:0 auto;overflow:hidden;background:url('../img/bg/footer_bar.png') 675px 57px no-repeat;}
.cs_area .cs_box {width:650px;float:left;}
.cs_area .cs_box h2 {padding:5px;font-size:16px;font-weight:bold;border-bottom:3px solid #d3da32;text-transform:uppercase;}
.cs_area .cs_box ul {display:inline-block;width:650px;margin-top:20px;border:1px solid #ccc;}
.cs_area .cs_box ul li {float:left;height:150px;}
.cs_area .cs_box ul .faq_box, .cs_area .cs_box ul .sos_box {border-right:1px solid #ccc;}
.cs_area .cs_box ul .faq_box {width:170px;background:url('../img/bg/faq_bg.jpg') no-repeat 60px 60px;}
.cs_area .cs_box ul .sos_box {width:200px;background:url('../img/bg/sos_bg.jpg') no-repeat 100px 75px;}
.cs_area .cs_box ul .faq_box h3, .cs_area .cs_box ul .sos_box h3 {padding:15px 0 0 25px;font-size:16px;font-weight:bold;text-transform:uppercase;}
.cs_area .cs_box ul .faq_box h3 span {color:#d79701;}
.cs_area .cs_box ul .faq_box p img {padding:15px 0 0 30px;}
.cs_area .cs_box ul .sos_box h3 span {color:#98a50f;}
.cs_area .cs_box ul .sos_box p {padding:15px 0 0 25px;font-size:12px;color:#959595;}
.cs_area .cs_box ul .sos_box p a {display:block;}
.cs_area .cs_box ul .call_box {width:270px;background:url('../img/bg/call_bg.jpg') no-repeat 177px 93px;}
.cs_area .cs_box ul .call_box h3 {padding:15px 0 0 20px;font-size:16px;font-weight:bold;text-transform:capitalize;}
.cs_area .cs_box ul .call_box h3 span {color:#e55902;}
.cs_area .cs_box ul .call_box .call_time {padding:5px 0 0 20px;}
.cs_area .cs_box ul .call_box .call_time span {font-size:14px;font-weight:bold;text-transform:uppercase;}
.cs_area .cs_box ul .call_box .call_num {padding:5px 0 0 20px;}
.cs_area .cs_box ul .call_box .call_num span {display:inline-block;font-size:24px;font-family:'Tahoma';font-weight:500;color:#e55904;}
.cs_area .cs_bank {float:right;width:300px;}
.cs_area .cs_bank h2 {padding:5px;font-size:16px;font-weight:bold;border-bottom:3px solid #fe690d;text-transform:uppercase;}
.cs_area .cs_bank .banking_box {box-sizing:border-box;width:300px;height:150px;margin-top:20px;border:1px solid #ccc;}
.cs_area .cs_bank .banking_box h3 {padding:15px 0 0 10px;font-size:16px;font-weight:bold;}
.cs_area .cs_bank .banking_box p {padding:10px 0 0 10px;}
.cs_area .cs_bank .banking_box .banking_num {display:inline-block;font-size:24px;font-weight:400;font-family:'Tahoma';color:#0a3cc4;}
.cs_area .cs_bank .banking_box .banking_name {font-size:20px;font-weight:bold;}
.footer_info {position:relative;width:100%;height:30px;margin-top:20px;border-top:2px solid #ccc;border-bottom:2px solid #ccc;}
.footer_info ul {width:1000px;margin:0 auto;padding:4px 0;}
.footer_info ul li {float:left;padding:0 15px;border-left:1px solid #ccc;font-size:14px;line-height:20px;}
.footer_info ul li:first-child {padding-left:0;border:none;}
.copyright_box {position:relative;width:1000px;margin:0 auto;padding:20px 0;font-size:13px;}
.copyright_box:after {content:'.';display:block;clear:both;visibility:hidden;height:0}
.copyright_box h2 {float:left;}
.copyright_box h2 a {display:block;}
.copyright_box .address_box {float:left;margin-left:30px;}
.copyright_box .footer_right {float:right;margin-right:20px;}
.copyright_box .footer_right ul li a {display:block;text-align:center;}


/* 콘텐츠 공통 */
#Contents {position:relative;overflow:hidden;}
.lnb {margin-top:10px;overflow:hidden;}
.lnb ul {float:right;}
.lnb ul li {float:left;padding:0 5px;text-transform:uppercase;font-size:14px;}
.lnb ul li:last-child {font-weight:bold;}
.contents {width:1000px;margin:0 auto;}
.contents > h2 {margin-bottom:20px;padding:10px 0;font-size:24px;font-weight:500;text-transform:uppercase;text-align:center;border-bottom:2px solid #7b7b7b;}
.btn_wrap {text-align:center;margin:20xp 0}
.btn_a {display:inline-block;margin:0 5px;padding:5px 20px;height:28px;line-height:28px;border:1px solid #dc000a;font-size:14px;font-weight:bold;color:#fff;background-color:#dc000a;letter-spacing:-1px;text-align:center;}
.btn_a:hover {color:#333;background-color:#fff;}
.btn_b {display:inline-block;margin:0 5px;padding:3px 5px;height:14px;line-height:14px;border:1px solid #dc000a;font-size:12px;font-weight:bold;color:#fff;background-color:#dc000a;letter-spacing:-1px;text-align:center;cursor:pointer;}
.btn_b:hover {color:#333;background-color:#fff;}
.content {float:left;width:780px;margin-left:20px;box-sizing:border-box;}
.cp {cursor:pointer;}
/* 검색상품 리스트 */
.product_list_wrap {position:relative;clear:both;margin-top:20px;} 
.product_list_wrap h2 {margin-bottom:20px;padding:10px 0;font-size:24px;font-weight:bold;text-transform:uppercase;text-align:center;}

/* 사이드 메뉴 */
.aside {position:relative;float:left;width:200px;padding-top:18px;}
.aside h2 {padding:5px 0 ;text-align:left;font-size:20px;font-weight:bold;border-bottom:2px solid #333;}
.aside ul {padding:20px 0;border-bottom:2px solid #e1e1e1;}
.aside ul li {display:block;width:180px;margin:0 auto;border:1px solid #e5e5e5;border-radius:5px;}
.aside ul li a {display:block;padding:12px 0 12px 20px;text-align:left;font-size:16px;background:url('../img/bg/bull.png') no-repeat 160px 17px;}
.aside ul li a:hover {background-color:#F9953F;color:#fff;}
.aside_cs {padding-top:20px;}
.aside_cs h3 {font-size:18px;font-weight:bold;text-transform:capitalize;}
.aside_cs span {display:block;padding:3px;padding-left:20px;font-size:14px;font-weight:600;}
.aside_cs span.tel_cs {padding-top:10px;font-size:24px;color:#dc000a;font-weight:bold;text-transform:capitalize;}
.aside_cs h4 {font-size:18px;font-weight:bold;}


/* 2018-02-07 서봉교 */
/* 일반 상품옵션 관련 */
#ch_option { width:90%;padding:0px;border:1px solid;cursor:pointer; }
#ch_option_text { position:relative;width:100%;height:36px; }
.boxsize { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.option_title { position:relative;width:100%;height:36px;border-bottom:1px solid;background-color:#999999;color:#ffffff; }
.option_left { position:absolute;left:8px;top:10px;height:20px;padding:0px;font-weight:600;width:80%; }
.option_right { position:absolute;right:8px;top:10px;height:20px;padding:0px;font-weight:600;width:20%;text-align:right; }
.option_left_2 { position:absolute;left:8px;top:10px;height:20px;padding:0px;font-weight:600;width:90%; }
.option_right_2 { position:absolute;right:8px;top:10px;height:20px;padding:0px;font-weight:600;width:10%;text-align:right; }
#option_close { width:12px;height:12px;cursor:pointer; }
.option_kind { border-top:1px solid #dadada;background-color:#eeeeee;color:#333333;padding:8px;cursor:pointer; }
.option_list { position:relative;width:100%;height:36px;background-color:#ffffff;color:#333333;border-top:1px solid #dadada;padding:8px;cursor:pointer; }
.op_name { font-weight:0;color:#999999; }
#a_option_list {  }
#b_option_list { display:none; }
#c_option_list { display:none; }
.option_select_name { color:#536DFE;font-size:11px; }
.notice_text { color:red;margin-bottom:4px; }