@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css); 

.m_hd_menu_box{
    background-color: #1a134b;
}
.m_hd_menu_box ul{text-align:center;}
.m_hd_menu_box ul li{width:23%; float:left; vertical-align:middle; text-align:center;  font-size:16px;}
.m_hd_menu_box ul li a{color:#fff; letter-spacing:-1px; font-weight:500;}

html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Noto Sans KR', 'Nanum Barun Gothic',sans-serif}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR', 'Nanum Barun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul{margin:0;padding:0;list-style:none}
ol,li,dl,dt,dd{margin:0;padding:0} 
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:'Noto Sans KR', 'Nanum Barun Gothic', dotum, sans-serif;font-size:1em}
button {cursor:pointer}
textarea, select {font-family:'Noto Sans KR', 'Nanum Barun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

.header{position:relative; width:100%; height:157px; background:url(../img/head_temp.png) center no-repeat;}
.wrapper{position:relative;width:1100px;max-width:1100px;margin: 50px auto 0;}
.footer{position:relative; width:100%; height:221px; background:url(../img/tail_temp.png) center no-repeat;}


/* ??? ?????? */
#hd {min-width:1200px;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_qnb {border-bottom:1px solid #e9e9e9;background:#f2f5f9;zoom:1}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_qnb div {text-align:center;letter-spacing:-4px}
#hd_qnb a {letter-spacing:0}
#hd_wrapper {position:relative;margin:0 auto;padding: 10px 0;height: 86px;width:1100px;zoom:1;z-index:10;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#logo {float:left;padding:25px 0 0}
#hd_wrapper div{float:left}
#hd_wrapper .top_banner{position:absolute;left:0}
#hd_wrapper .top_logo{position:absolute; left:50%; margin-left:-168px;margin-top:20px;}
#hd_wrapper .top_search{position:absolute;right:0;top: 21px;}

#hd_sch {/* position:absolute; */top:35px;/* left:50%; */width: 353px;/* margin-left:-215px; */}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch #sch_str {padding-left: 25px;height:45px;background:#fff;border: 2px solid #f8a21b;width: 303px;border-right:0;float:left;border-radius: 30px 0 0 30px;font-size:1.25em;}
#hd_sch #sch_submit {height:45px;border:0;background:#fff;border: 2px solid #f8a21b;border-left:0;color:#333;width:50px;float:left;cursor:pointer;border-radius: 0  30px 30px 0;font-size:18px;}
#sbn_side{position:absolute;top:20px;right:0}
#hd_sch input.inp_font01{font-size:1.1em !important;}

#tnb {/* border-bottom:1px solid #e9e9e9; */background-color: #f5f5f5;}
#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb ul {margin:0 auto;width:1100px;zoom:1}
#tnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:right;/* border-left:1px solid #e9e9e9; */margin-bottom:-1px;font-size: 1.05em;}
#tnb a {display:inline-block;margin: 10px 8px;padding-right: 18px;border-right: 1px solid #aeaeae;color:#646464;line-height: 15px;/* border-bottom:1px solid #e9e9e9 */}
#tnb a:focus, #tnb a:hover {font-weight:bold;}
#tnb .tnb_admin a{color:#ff0000;}
#tnb .tnb_left{float:left}
#tnb .tnb_left a{padding:0 14px}
#tnb .tnb_cart{/* border-right:1px solid #e9e9e9; */}
#tnb .tnb_community{border-right:1px solid #e9e9e9}
#tnb .tnb_community i{font-size:15px}
#tnb .tnb_shop{background:#fff;font-weight:bold;}
#tnb .tnb_shop:focus, #tnb .tnb_shop:hover {color:#333;border-bottom:0}
#tnb .tnb_shop a{color:#d50c0c;border-bottom:1px solid #fff;}
#tnb .reset_01 a{margin-right:0; padding-right:0; border-right:0;}

#hd_menu{position:relative;top: 0;background: #393939;/* border-top:1px solid #ddd; *//* border-bottom:1px solid #ddd; */}
#hd_menu ul {margin:0 auto;width:1100px;font-size:1.083em;padding:15px 0;zoom:1}
#hd_menu ul:after {display:block;visibility:hidden;clear:both;content:""}
#hd_menu li{float:left;line-height: 20px;/* border-right:1px solid #ddd; */}
#hd_menu li.hd_menu_right{float:right;}
#hd_menu li a{display:block;margin: 0 37px;color: #fff;font-size:  1.3em;font-weight:  500;}
#hd_menu li:first-child a{margin-left:0;}
#hd_menu li.reset_01 a{margin-right:0;}

.left_menu_ul li ul:after {display:block;visibility:hidden;clear:both;content:""}
/* ??? ?????? */
#ft {clear:both;padding:0 0 0;}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
/*
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover{border-color:#3059c7;background:#3059c7;color:#fff}
#ft .ft_wr{margin:0 auto;width:100%}
#ft .ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
#ft .ft_ul{text-align:center;border-bottom:1px solid #e9e9e9;padding:15px 0;margin:0 0 20px}
#ft .ft_ul li{display:inline-block;font-weight:bold;margin:0 10px}
#ft_logo {float:left;width:200px;margin:10px 0 0 }
#ft .ft_info{float:left;width:700px;line-height:1.7em}
#ft .ft_cs{float:left;width:300px;text-align:right}
#ft .ft_cs strong{font-size:1.75em;margin:5px 0;display:block}
#ft .ft_cs p{font-size:0.92em;color:#877}
*/
#ft .ft_wr{width:100%;}

.sec_5{width:100%; overflow:hidden;}
.sec_5 .f_banner_01{float:left;width: 50%; background-color:#edb94a;}
.sec_5 .f_banner_01 .f_b_position01{width:550px;float:right;}
.sec_5 .f_banner_02{float:left;width: 50%; background-color:#b0a387;}
.sec_5 .f_banner_02 .f_b_position02{width:550px;float:left;}


.sec_6{width:100%; background-color:#f5f5f5;overflow:hidden;}
.sec_6 .f_box_wid{width:1100px; margin:35px auto;overflow:hidden;}
.sec_6 .f_box_wid div{float:left}
.sec_6 .f_box_wid .f_box1{width:450px; height:220px; background-color:#fff; margin-right:7px; padding:30px 0;}
.sec_6 .f_box_wid .f_box1 .f_box1_tit{float:left; width:170px; margin-top:20px;}
.sec_6 .f_box_wid .f_box1 .f_box1_tit li{text-align:center; font-size:20px; font-weight:600; color:#333; }
.sec_6 .f_box_wid .f_box1 .f_box1_tit li.tit_01{margin-top:10px;}
.sec_6 .f_box_wid .f_box1 .f_box1_text{float:left;width:280px;}
.sec_6 .f_box_wid .f_box1 .f_box1_text li{font-size:15px; line-height:30px; color:#444;}
.sec_6 .f_box_wid .f_box1 .f_box1_text li.text_01{font-size: 30px;font-weight:bold;line-height:60px; letter-spacing:-2px;}
.sec_6 .f_box_wid .f_box2{width:450px; height:220px; background-color:#fff; margin-right:7px;}
.sec_6 .f_box_wid .f_box3{width:186px; height:220px;}
.sec_6 .f_box_wid .f_box3 div{width:100%; height:69px; margin-bottom:7px; background-color:#484848;text-align:center;}
.sec_6 .f_box_wid .f_box3 div a{ color:#fff; font-size:16px; font-weight:bold; line-height:69px; display:block;}
/*
.sec_6 * {border:1px solid;}
.sec_6 > * {float:left; height:300px; box-sizing:border-box;}
.sec_6 .f_box1{width:450px;}
.sec_6 .f_box2{width:450px;}
.sec_6 .f_box3{width:198px;}
.sec_6 .f_box3 > div{height:100px;}
*/


#ft .ft_wr .ft_01{width:100%;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;overflow:hidden;text-align:center;}
#ft .ft_wr .ft_01 .ft_ul{width:1100px; margin:0 auto; overflow:hidden;}
#ft .ft_wr .ft_01 .ft_ul li{float:left;width:220px;border-right: 1px solid #ccc;}
#ft .ft_wr .ft_01 .ft_ul li a{line-height:40px;font-size:13px;color:#666666;}
#ft .ft_wr .ft_02{width:100%;max-width: 1200px;margin: 20px auto;overflow:hidden;}
#ft .ft_wr .ft_02 a{float:left;}
#ft .ft_wr .ft_02 .ft_02_2{float:left;/* margin-left: 35px; */width: 870px;word-break: keep-all;}
#ft .ft_wr .ft_02 .ft_02_2 .ft_info{font-size:14px; color:#555555; line-height:24px;}

/*????? ???*/
#side_menu{position:fixed;top:0;right:0;z-index:999;height:100%;background:#fff}
.side_menu_wr{display:none;width:230px;overflow-y:auto;height: 100%;border-left:1px solid #cdcdcd;}
#btn_sidemenu{position:absolute;top:50%;left:-35px;width:35px;height:50px;margin-top:-25px;background:#fff;border:1px solid #cdcdcd;border-right:0;font-size:14px}
#side_menu .side_menu_shop{padding:10px 20px;border-bottom:1px solid #f3f3f3}
#side_menu .btn_side_shop{position:relative;background:none;border:0;width:100%;height:30px;text-align:left;font-weight:bold}
#side_menu .btn_side_shop span{position:absolute;top:5px;right:0;padding:0 5px;line-height:20px;border-radius:10px;color:#fff;background:#ed1c24}
#side_menu .side_menu_shop .op_area{ display:none;border-top:1px solid #f3f3f3;margin:5px 0}
#side_menu .side_menu_shop .op_area h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#side_menu .side_menu_shop .op_area li{border-bottom:1px solid #f3f3f3;position:relative;padding:10px 0;min-height:80px;padding-left:70px}
#side_menu .side_menu_shop .op_area li .prd_img{position:absolute;top:10px;left:0px;}
#side_menu .side_menu_shop .op_area li .prd_cost{display:block;font-weight:bold;margin:3px 0 0}
#side_menu .side_menu_shop .op_area  .li_empty{padding:50px 0;padding-left:0;color:#999;border-bottom:1px solid #f3f3f3;text-align:center}

#category{display:none;position:absolute;top:0;left:0;width:100%;border:2px solid #333949;border-top:0;background:#fff;;z-index:100;text-align:left; }
#category .ct_wr{padding:20px 20px 20px 5px;}
#category ul:after {display:block;visibility:hidden;clear:both;content:""}
#category .cate{line-height:20px;}
#category .cate_li_1{float:left;text-align:left;width:180px;min-height:200px;margin-left:15px}
#category .cate_li_1_a{background:#f3f3f3;text-align:center;padding:10px;margin-bottom:5px;display:block;font-weight:bold}
#category .cate_li_2 {width:100%;float:none;;line-height:20px;;margin:0}
#category .cate_li_2  a {color:#6d6d6d;display:block;padding:0 5px}
#category a:hover{color:#c92033}
#category .close_btn{;;width: 100%;background:#333949;border: 0;text-align: left;color: #fff;padding: 0 20px;height: 40px;font-weight: bold;font-size: 1.167em;}


/* ????? */
.menu_list_wrap{width:100%; height:100%; overflow:hidden; position:fixed; top:0;padding:170px; z-index:100;background-color:#000000b3;}
.menu_list_wrap .menu_list{width:1100px; border:9px solid #393939; margin:0 auto;}
.menu_list_wrap .menu_list .list_tit{background-color:#f8a21b; font-size:1.8em; font-weight:bold; color:#fff; padding:10px 16px;overflow: hidden;}
.menu_list_wrap .menu_list .list_tit h2{float:left;}
.menu_list_wrap .menu_list .list_tit div{float:right; margin-top:3px; cursor:pointer;}
.menu_list_wrap .list_con{background-color:#fff; width:100%; overflow:hidden;}
.menu_list_wrap .list_con ul{width:20%; float:left; height:300px;border-right:1px solid #ddd;}
.menu_list_wrap .list_con ul li{ padding:0 16px; }
.menu_list_wrap .list_con ul li a{font-size:1.15em; color:#555; line-height:22px;}
.menu_list_wrap .list_con ul li.list_big1{background-color:#f5f5f5; padding:10px 16px; margin-bottom:10px; border:none;}
.menu_list_wrap .list_con ul li.list_big1 a{color:#333; font-size:1.3em; font-weight:bold;}

/* 20210604 팝업 css */
a{text-decoration:none;}
.item-list:hover{background-color:rgba(93,93,93,0.6);}
.item-list{color : #3d3d3d;position: relative;cursor: pointer;display: block;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;	-ms-user-select: none;	user-select: none;	-webkit-tap-highlight-color: transparent;	vertical-align: middle;	z-index: 1;	transition: .3s ease-out;}
.modal-window {position: fixed; top: 55px; right: 0; bottom: 0; left: 0; z-index: 999; opacity: 1; pointer-events: auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.modal-window>div {max-width:450px; width:100%; position: relative; margin: 2% auto; background: #f3f3f3;color: #fff;}
.modal-window header {font-weight: bold;}
.modal-close {color: #fff; font-size: 100%; text-align: center; text-decoration: none; display:block; padding:10px; background:#393939; border:1px solid #393939; width:100%}
.close-btn{background:#000; position:relative; text-align:right}
.popup_img{width:100%}
.modal-close:hover {color: #fff;}
.modal-window h1 {font-size: 150%; margin: 0 0 15px;}
.btn, .btn-large, .btn-flat {border: none; border-radius: 2px; display: inline-block; height: 36px; line-height: 36px; padding: 0 2rem; text-transform: uppercase; vertical-align: middle; -webkit-tap-highlight-color: transparent;}
.btn, .btn-large {text-decoration: none; color: #fff; background-color: #2e69d5; text-align: center; letter-spacing: .5px; transition: .2s ease-out; cursor: pointer;}
.btn, .btn-large, .btn-floating, .btn-large, .btn-flat {font-size: 1rem;outline: 0;}