@charset "utf-8";

/*******************************************************************
*	공통 css
********************************************************************/
#wrapper {width:100%;}
/* #header {position:relative; width:100%; z-index:90000;background:#0859aa;} */
/* #header {position:relative; width:100%; z-index:90000; */
/* background:#0859aa; */
/* background:linear-gradient(180deg,#218bdc,#085cb5); */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#348be5', endColorstr='#70c7ff',GradientType=0 ); */
/* } */
#header {position:relative; width:100%; z-index:90000;background:white;}
#header.bgType {background:#0859aa;}
#header.bgType01 {background:#ff6819;}
#header.bgType02 {background:#0859aa;}

/* .header_inner {position:relative; min-height:86px;} */
.header_inner {position:relative; min-height:92px;}
/* .header_inner h1 {float:left; padding:28px 18px 0 3px;} */
.header_inner h1 {float:left; padding:0px 18px 0 3px;}
.header_inner .search_field {float:left; width:381px;}
/* .header_inner .search_field dl{float:left; margin-top:23px;} */
.header_inner .search_field dl{float:left; margin-top:26px;margin-left:10px;}

/* .header_inner .search_field dl dt {float:left; width:271px; height:38px; background:#fff; border:1px solid #3193e7; border-right:0; overflow:hidden;} */
.header_inner .search_field dl dt {float:left; width:290px; height:38px; background:#fff; border:1px solid #3193e7; overflow:hidden;}
.header_inner .search_field dl dt input {width:272px; padding:12px 9px;}
.header_inner .search_field dl dd {float:left;}
.header_inner .search_field .hotKeyList {float:right; margin-top:40px;}
.header_inner .search_field .hotKeyList dt {float:left; width:auto; height:auto; background:none; padding-right:8px; color:#676767; font-weight:bold; border:0;}
.header_inner .search_field .hotKeyList dd {float:left; padding:0 8px; color:#676767;}
.header_inner .search_field .hotKeyList dd a {color:#676767;}
.header_inner .quick_field {float:right; margin:35px 0 0 0;}
.header_inner .quick_field li {position:relative; float:left; background:url('../../images/common/header_utill_bg_line.gif') no-repeat right 50%; padding-right:21px;}
.header_inner .quick_field li.ed {background:none; padding-right:0;}
/* .header_inner .quick_field li a {color:#fff; font-family:'NanumGothicBold',sans-serif;} */
.header_inner .quick_field li a {color:black; font-family:'NanumGothicBold',sans-serif;}
.header_inner .quick_field.b2b li {padding:6px 21px 7px 0;}
.header_inner .quick_field.b2b li.info {color:#33353d; background:#333; padding:6px 12px 7px; color:#fff;}
.header_inner .quick_field.b2b li.info strong {color:#ffcd12; font-family:'NanumGothicExtraBold',sans-serif;}
.header_inner .quick_field.b2b li.info.appr {border-right:1px solid #727272;}
.header_inner .quick_field.b2b li.info.deli {border-left:1px solid #0a0a0a;}
/*상단메뉴*/
/* .header_menu {height:45px; background:#fff; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; overflow:hidden;} */
.header_menu {height:45px; background:linear-gradient(180deg,#218bdc,#085cb5);; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; overflow:hidden;}
/* .header_menu_contents {position:relative;} */
.header_menu_contents ul {width:100%; text-align:center;}
.header_menu_contents ul li {display:inline-block;}
/* .header_menu_contents ul li a {padding:0 32px; color:#525252; font-size:15px; line-height:289%; letter-spacing:-0.04em; display:block;} */
.header_menu_contents ul li a {padding:0 32px; color:white; font-size:15px; line-height:289%; letter-spacing:-0.04em; display:block;}
.header_menu_contents ul li.bar {color:#ccc; font-family:'Dotum',sans-serif; font-size:12px;}

.all_cate2 {position:absolute; top:94px; z-index:100;  width:50px;height:50px;}
.btn_all_cate2 {display:block; overflow:hidden;height:50px;}
.all_menu2.show {width: 900px;min-height: 423px;display: block;margin-top: 6px;}
.all_menu2 {position: absolute;left: -2px;top: 38px;width: 898px;background: #fff;padding: 0;border: 1px solid #065faf;vertical-align: top;display: none;z-index: 90000;zoom: 1;width: 900px;min-height: 423px;}
.all_menu2:after {clear:both; content:""; display:block;}
.all_menu2 a.all_menu_close {position:absolute; right:0; bottom:0; width:33px; height:33px;}
.all_menu2 table {width:100%;}
.all_menu2 table td {border-right:1px dotted #bebebe; vertical-align:top;}
.all_menu2 table td.last {border:none;}
.all_menu2 table td dl {padding:20px 0 7px 16px;}
.all_menu2 table td dl dt {padding:0 0 13px; font-family:'NanumGothicBold',sans-serif; line-height:129%;}
.all_menu2 table td dl dt a {color:#333;}

.all_menu2 table td dl dt a:hover {color:#065faf;}
.all_menu2 table td dl dd {padding:0 0 8px;}
.all_menu2 table td dl dd a {color:#666; font-size:11px;}
.all_menu2 table td dl dd a:hover {color:#065faf;}

#container {position:relative; background:url('../../images/common/container_bg.gif') repeat-x 0 0;}
#container:after {content:''; display:block; clear:both;}
#footer {clear:both; width:100%; min-height:240px; margin-top:40px; border-top:1px solid #e5e5e5;}
/*푸터 메뉴*/
.footer_menu {height:40px; border-bottom:1px solid #e5e5e5;}
.footer_menu ul {float:left;}
.footer_menu ul li {float:left; padding:0 16px; line-height:349%;}
.footer_menu ul li a {color:#747474; font-family:'NanumGothicBold',sans-serif;}
/*푸터 주소*/
.footer_desc {position:relative; padding-top:30px;}
.footer_logo {float:left; padding:0 15px; display:inline-block;}
.footer_desc .company_info {float:left; padding:0 15px; color:#333; line-height:169%;}
.footer_desc .company_info img {vertical-align:middle;}
.footer_desc .cert_info {float:right; padding:0 15px; color:#333; line-height:169%;}
.footer_desc .cert_info img {vertical-align:middle;}
/*양쪽 날개*/
#wing_wrap {position:absolute; top:0; width:100%; z-index:9999;}
.wing_center_wrap {position:relative; width:1082px; margin:0 auto; z-index:8000;}

.left_wing {position:absolute; left:-157px; top:0; width:142px;}
.left_wing ul {width:142px; border:0px solid #d6d6d6;}
.left_wing ul li {width:142px; padding:0 0 4px 0;}
.left_wing ul li img {float:right; margin-top:4px;}

.right_wing {position:absolute; top:0; right:-105px; width:90px;}

.Q_menu_position_type1 {position:fixed;top:0px; margin-top:40px;}
.Q_menu_position_type2 {position:relative;top:12px;}
.quick_area {width:90px; background:#fff; border-top:1px solid #dfdfdf; z-index:99999;}
.quick_area ul {width:90px;}
.quick_area ul>li {width:88px; min-height:37px; color:#333; font-family:'NanumGothicExtraBold',sans-serif; text-align:center; line-height:309%; border:1px solid #dfdfdf; border-top:0;}
/* .quick_area ul>li a {color:#fa631a;} */
/*jykim*/
/* .quick_area ul>li span {color:#fa631a;} */
.quick_area ul>li span {color:#065faf;}

.quick_area ul li.view {position:relative; min-height:auto; line-height:auto; padding-bottom:70px;}
.quick_area ul li .title {height:25px;}
.quick_area .bx_area.short .bx-controls {position:absolute; left:0; bottom:45px; top:auto; width:100%; text-align:right; z-index:1000;}
.quick_area .bx_area.short .bx-pager {position:absolute; left:0; width:100%; height:15px; font-size:11px; line-height:140%; letter-spacing:-1px; text-align:center;}
.quick_area .bx_area.short .bx-pager strong {color:#000;}
.quick_area .bx_area.small .bx-controls-direction {position:absolute;left:0;top:0; width:100%; height:17px; text-align:center; z-index:1400;}
.quick_area .bx_area.small .bx-controls-direction a {width:15px; height:15px; background: url('../../images/common/bx_slider_control02.gif') no-repeat; margin:0 14px 0 14px; font-size:0; line-height:0; display:inline-block;}
.quick_area .bx_area.small .bx-controls-direction .bx-prev {background-position:0 0;}
.quick_area .bx_area.small .bx-controls-direction .bx-prev:hover {background-position:0 -20px;}
.quick_area .bx_area.small .bx-controls-direction .bx-next {background-position:-25px 0;}
.quick_area .bx_area.small .bx-controls-direction .bx-next:hover {background-position:-25px -20px;}
.quick_area .bx-controls-auto{display:none;}
.quick_area .bx_area{padding-top:10px}
.quick_area .bx_area li {border:0;height:70px;}
.quick_area .bx_area li div {width:70px; height:70px; background:#dfdfdf; margin:0 9px;}
.quick_area .bx_area li div img {width:70px; height:70px;}
.quick_area .bx_area .item_num {position:absolute; bottom:0; width:88px; text-align:center;}
/*jy.kim*/
/* .quick_area .bx_area .item_num a {color:#fa631a;} */
.quick_area .bx_area .item_num a {color:#065faf;}
.quick_area ul li.imgBn {width:88px; margin-top:9px; border:1px solid #dfdfdf;}
.quick_area ul li.topBtn {width:90px; margin-top:9px; border:0;}
/*간편장바구니*/
#easy_cart_wrapper{width:100%;background:url('../../images/common/easy_cart_bg.gif') repeat-x 0 -29px;position: fixed; bottom: 0; z-index: 16000; _position:absolute; _z-index:-1;}
.easy_cart{position:relative;width:1082px; margin:0 auto;padding-top:4px;}
#cartOpen_tit{position:absolute;right:0;top:-29px}
.cartView{border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;height:190px;background:#fff;overflow:hidden;}
.cartView_left{float:left;width:815px;height:190px;border-right:1px solid #dfdfdf;}
.cartView_right{float:left;padding:21px 0 0 30px;}
.cartView .top_btn{height:30px;padding:7px 55px 0 0;text-align:right}
.cartView_list{position:relative;overflow:hidden;width:815px;}
.cartView_list ul{padding-left:32px}
.cartView_list li{float:left;}
.easy_cart_goods{width:150px;}
.easy_cart_goods div{text-align:center;height:100%;}
.easy_cart_goods .photo img{width:110px;height:85px;}
.easy_cart_goods .title{font-size:11px;color:#555;padding-top:6px}
.easy_cart_goods .price{font-size:11px;color:#e03930;padding-top:6px}
.easy_cart_goods .price strong{font-size:12px;color:#e03930;}
.easy_cart_goods .sel{color:#555;padding-top:4px}
.cartArrowLeft{position:absolute;left:-1px;top:32px}
.cartArrowRight{position:absolute;right:-1px;top:32px}
.easyCart_price{width:206px;}
.easyCart_price .title{height:26px;}
.easyCart_price .price_box{border:1px solid #dfdfdf;height:60px;background:#fbfbfb}
.easyCart_price .price_box dl{overflow:hidden;padding-left:20px;padding-top:13px}
.easyCart_price .price_box dt{float:left;height:22px;width:90px;}
.easyCart_price .price_box dd{float:left;height:22px;width:75px;font-family:'NanumGothicExtraBold',sans-serif;text-align:right}
.easyCart_price .total_box{height:34px;background:url('../../images/common/bg_dot_line.gif') repeat-x 0 100%;}
.easyCart_price .total_box dl{overflow:hidden;padding-left:20px;padding-top:10px}
.easyCart_price .total_box dt{float:left;height:22px;width:90px;color:#dd3832}
.easyCart_price .total_box dd{float:left;height:22px;width:75px;font-weight:bold;text-align:right;color:#dd3832}
.easyCart_price .btn{text-align:center;padding-top:11px}
.easyCart_price .txtnum1{font-size:15px;}
.easyCart_price .txtnum2{font-family:'NanumGothicExtraBold',sans-serif;font-size:14px;}

/*******************************************************************
*	정렬관련
********************************************************************/
.wrapper_fix {width:1082px; margin:0 auto;}
.floatL {float:left;}
.floatR {float:right;}
.float_clear { float:none !important;}
.clearFloat:after{clear:both;content:"";display:block;}
.clear{clear:both;}
.block{display:block;}
.hidden { display: none; }
.cursor { cursor: pointer; }
/*******************************************************************
*	글자정렬
********************************************************************/
.txtCen{text-align:center}
.txtLeft{text-align:left}
.txtRight{text-align:right}

/*******************************************************************
*	간격관련
********************************************************************/
.p_t2 {padding-top:2px !important;}
.p_t4 {padding-top:4px !important;}
.p_t6 {padding-top:6px !important;}
.p_t8 {padding-top:8px !important;}
.p_t10 {padding-top:10px !important;}
.p_t12 {padding-top:12px !important;}
.p_t18 {padding-top:18px !important;}
.p_t20 {padding-top:20px !important;}
.p_t22 {padding-top:22px !important;}
.p_t30 {padding-top:30px !important;}
.p_t40 {padding-top:40px !important;}
.p_t50 {padding-top:50px !important;}
.p_r10 {padding-right:10px !important;}
.p_r20 {padding-right:20px !important;}
.p_r30 {padding-right:30px !important;}
.p_r150 {padding-right:150px !important;}
.p_r197 {padding-right:197px !important;}
.p_l20 {padding-left:20px !important;}
.p_l64 {padding-left:64px !important;}
.p_l10 {padding-left:10px !important;}
.p_l100 {padding-left:100px !important;}
.p_b0 {padding-bottom:0px !important;}
.p_b5 {padding-bottom:5px !important;}
.p_b6 {padding-bottom:6px !important;}
.p_b10 {padding-bottom:10px !important;}

.p_tb10 {padding:10px 0 !important;}

.m_t10 {margin-top:10px !important;}
.m_t12 {margin-top:12px !important;}
.m_t14 {margin-top:14px !important;}
.m_t20 {margin-top:20px !important;}
.m_t22 {margin-top:22px !important;}
.m_t30 {margin-top:30px !important;}
.m_t40 {margin-top:40px !important;}
.m_t50 {margin-top:50px !important;}
.m_b6 {margin-bottom:6px !important;}
.m_b10 {margin-bottom:10px !important;}
.m_b20 {margin-bottom:20px !important;}
.m_b50 {margin-bottom:50px !important;}

/*******************************************************************
*	폰트관련
********************************************************************/
.font_bold {font-weight:bold;}
.strike{text-decoration:line-through;}
.letter_s1 {letter-spacing:-1px;}
/*폰트 사이즈*/
.size_10	{font-size:10px !important;}
.size_11	{font-size:11px !important;}
.size_12	{font-size:12px !important;}
.size_13	{font-size:13px !important;}
.size_14	{font-size:14px !important;}
.size_15	{font-size:15px !important;}
.size_16	{font-size:16px !important;}
.size_17	{font-size:17px !important;}
.size_18	{font-size:18px !important;}
.size_20	{font-size:20px !important;}
.size_22	{font-size:22px !important;}
.size_24	{font-size:24px !important;}
.size_25	{font-size:25px !important;}
.size_26	{font-size:26px !important;}
.size_27	{font-size:27px !important;}
.size_29	{font-size:29px !important;}
.size_30	{font-size:30px !important;}
/*글자간*/
.line_h140 {line-height:140% !important;}
.line_h150 {line-height:150% !important;}
.line_h160 {line-height:160% !important;}
.line_h170 {line-height:170% !important;}
.line_h180 {line-height:180% !important;}
.line_h200 {line-height:200% !important;}
.line_h220 {line-height:220% !important;}
.line_h240 {line-height:240% !important;}
.line_h260 {line-height:260% !important;}
.line_h300 {line-height:300% !important;}

.line_h140 li{line-height:140% !important;}
.line_h150 li{line-height:150% !important;}
.line_h160 li{line-height:160% !important;}
.line_h170 li{line-height:170% !important;}
.line_h180 li{line-height:180% !important;}

/*******************************************************************
*	색관련
********************************************************************/
.color_f0c {color:#065faf !important;}
.color_523 {color:#f36523 !important;}
.color_93d {color:#c5093d !important;}

.imp_star{color:#e7222c;position:relative;top:2px;}
.txtS_info_red{color:#e20041; font-size:11px;}
.txt_info_red{color:#d44f0c; font-size:12px; font-family:'NanumGothicBold',sans-serif;}
.txt_info_blue{color:#193fce; font-family:'NanumGothicBold',sans-serif;}

/*******************************************************************
*	기타공통부분
********************************************************************/
i {font-style: normal; font-family:'NanumGothicExtraBold',Tahoma,"돋움",Dotum,Arial,sans-serif !important; letter-spacing:0}

.lineBox1{padding:13px 30px;border-top:2px solid #f36523;background:#f9f9f9;border-bottom:1px solid #dfdfdf;}
.lineBox2{padding:8px 30px;border-top:2px solid #f36523;background:#f9f9f9;border-bottom:1px solid #dfdfdf;}
.lineBox3{padding:8px 30px;border-top:1px solid #dfdfdf;background:#f9f9f9;border-bottom:1px solid #dfdfdf;}

.info_txt{padding-left:20px;background:url('../../images/icon/bullet1.gif') no-repeat 10px 5px;padding-bottom:10px;}
.info_txt2{padding-left:20px;background:url('../../images/icon/bullet1.gif') no-repeat 10px 5px;padding-bottom:10px;color:#666}
.info_txt2 strong {font-family:'NanumGothicBold',sans-serif;}
.info_txt3{padding-left:22px;line-height:189%;background:url('../../images/icon/ico_exclamation.gif') no-repeat 0 2px;color:#666;padding-bottom:5px}
.info_txt4{padding-left:20px;background:url('../../images/icon/bullet1.gif') no-repeat 10px 6px;padding-bottom:10px;color:#333;font-size:13px;font-family:'NanumGothicBold',sans-serif;}
.info_txt4 strong {font-family:'NanumGothicExtraBold',sans-serif;}

.w_280 {width:280px !important;}
.w_26 {width:26% !important;}
.w_70 {width:70% !important;}

.b_dotB {width:100%; border-bottom:1px dotted #bbb;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .b_dotB {width:100%; border-bottom:1px dotted #d7d7d7;} }

/*******************************************************************
*	팝업레이어
*******************************************************************/
.layer_popup{z-index:90001;}
.layer_popup .layer_tit{height:22px;padding-top:8px;background:url('../../images/popup/popup_topBg.gif') repeat-x 0 bottom;text-align:center;}
.layer_popup .layer_box{border-top:1px solid #065faf;border-left:1px solid #065faf;border-right:1px solid #065faf;}
.layer_popup .layer_cont{border-left:1px solid #065faf;border-bottom:1px solid #065faf;border-right:1px solid #065faf;padding-top:13px;background:#fff}
.layer_popup .layer_close{overflow:visible;border-top:1px solid #dedede;padding:8px 11px 0 11px;height:20px;}
.layer_popup .layer_close .info_close{float:left;font-size:11px;color:#747474}
.layer_popup .layer_close .btn_close{float:right}
.layer_popup .layer_close input[type="checkbox"]{margin-right:3px;vertical-align:middle;}
.layer_popup.layer_close img{vertical-align:middle;}

/*버튼*/
.btnBox1{display:inline-block; overflow:visible; cursor:pointer; text-align:center; vertical-align:middle; white-space:nowrap;margin:0 0 0 5px !important;background:#f0f0f0; border:1px solid #919191;}
.btnBox1 input[type="button"]{background:none; line-height:26px; height:26px; padding:0 15px 2px 15px;cursor:pointer;}
.btnBox1 a {line-height:26px; height:26px; padding:0 15px 2px 15px; display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.btnBox1 input[type="button"]{background:none; padding:0 15px 0 15px;}
.btnBox1 a {height:26px; padding:0 15px 0 15px;}
}
.btnBox2{display:inline-block !important; overflow:visible; cursor:pointer; text-align:center; vertical-align:middle; white-space:nowrap;background:#cc1517;}
.btnBox2 a {line-height:18px; height:19px; padding:3px 15px 0 15px; color:#fff; font-weight:bold; display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .btnBox2 a {height:21px; padding:1px 15px 0 15px;} }
.btnBox3{display:inline-block !important; overflow:visible; cursor:pointer; text-align:center; vertical-align:middle; white-space:nowrap;background:#cc1517;}
.btnBox3 a {line-height:18px; height:19px; padding:3px 15px 0 15px; color:#fff; display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .btnBox3 a {height:21px; padding:1px 15px 0 15px;} }
.btnBox4{display:inline-block; overflow:visible; cursor:pointer; text-align:center; vertical-align:middle; white-space:nowrap;margin:0 0 0 5px !important;background:#f0f0f0; border:1px solid #919191;}
.btnBox4 a {line-height:22px; height:21px; padding:2px 20px 2px 20px; display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.btnBox4 a {height:25px; padding:0 20px 0 20px;}}
.btnBox5{display:inline-block; overflow:visible; cursor:pointer; text-align:center; vertical-align:middle; white-space:nowrap;background:#f0f0f0; border:1px solid #919191;margin:2px 0}
.btnBox5 a {line-height:21px; height:19px;width:105px;padding:0; display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.btnBox5 a {height:19px; padding:0;}}
.btnBox6{display:inline-block !important; overflow:visible; cursor:pointer; text-align:center; vertical-align:middle; white-space:nowrap;background:#f0f0f0;border:1px solid #919191;}
.btnBox6 a {line-height:18px; height:18px; padding:2px 14px 0 14px; color:#000; font-weight:bold; display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .btnBox6 a {height:20px; padding:0px 15px 0 15px;} }
.btnBox_orange{display:inline-block; overflow:visible; cursor:pointer; text-align:center; vertical-align:middle; white-space:nowrap;background:#f87564; border:1px solid #da6050;margin:2px 0}
.btnBox_orange a {line-height:21px; height:19px;width:105px;padding:0; display:block;color:#fff}
@media screen and (-webkit-min-device-pixel-ratio:0) {.btnBox_orange a {height:19px; padding:0;}}
.btnBox_blue{display:inline-block; overflow:visible; cursor:pointer; text-align:center; vertical-align:middle; white-space:nowrap;background:#3d9ab8; border:1px solid #2e829d;margin:2px 0}
.btnBox_blue a {line-height:21px; height:19px;width:105px;padding:0; display:block;color:#fff}
@media screen and (-webkit-min-device-pixel-ratio:0) {.btnBox_blue a {height:19px; padding:0;}}

.btnBox2Cart{display:inline-block !important; overflow:visible; cursor:pointer; text-align:center; vertical-align:middle; white-space:nowrap;background:#065faf;}


.btnWrap {margin:30px auto 0 auto;}
.btnWrap a {display:inline-block;width:180px; height:45px; line-height:45px; text-align:center;color:#666;font-weight:bold;font-size:15px;cursor:pointer;}
.btnWrap a.blue {background:#0253a5;color:#fff;}