@charset "utf-8";
/* CSS Document */
body{ font-size:16px}
.box1{ width:96%; max-width:1200px; margin:0 auto}
.pc_hide{ display:none}



/* #fade{ position:fixed; width:100%; height:100%; z-index:1001; background:#fff}
#header,#header *{transition:.4s}
#header{ position:fixed; z-index:1000; left:0; top:0; width:100%}
#header .bg{ position:absolute; left:0; bottom:0; width:100%; height:100%; background:rgb(169, 32, 37)}
#header .box1{ position:relative}
#header.white .bg{ height:1px; background:#fff;filter:alpha(opacity=30);opacity:0.3;}
#header .allmenu_wrap{ float:left}
#header .allmenu_wrap .icon{ background-image:url(../images/inc/icon_allmenu.png); background-repeat: no-repeat; display:block; width:50px; height:50px}
#header .allmenu_wrap .icon.close{ background-position:0 -50px}
#header .allmenu_wrap .allmenu{ position:absolute; width:100%; background:#fff; left:0; bottom:auto; border-top:2px solid rgb(169, 32, 37); border-bottom:2px solid rgb(169, 32, 37); display:none; transition:0; z-index:2222; overflow:hidden;box-sizing:border-box; }
#header .allmenu_wrap .allmenu .gnb{ padding:20px 30px 40px 30px; overflow:hidden; margin:0 0 0 -20px}
#header .allmenu_wrap .allmenu .gnb > li{ float:left; width:16.66%}
#header .allmenu_wrap .allmenu .gnb > li.m_member{ display:none}
#header .allmenu_wrap .allmenu .gnb > li .dp1{ display:block; margin:0 0 0 20px}
#header .allmenu_wrap .allmenu .gnb > li .dp2{ margin:0 0 0 20px}
#header .allmenu_wrap .allmenu .gnb > li .dp1 .va_tt{ line-height:40px; display:block; text-align:center; border-bottom:1px solid rgb(169, 32, 37); font-weight:700; color:rgb(169, 32, 37)}
#header .allmenu_wrap .allmenu .gnb > li .dp1 .va{ display:block; width:100%; height:50px; background-position:center; background-repeat:no-repeat; background-size:auto 100%;}
#header .allmenu_wrap .allmenu .gnb > li:hover .dp1 .va_tt{ background:rgb(169, 32, 37); color:#fff}
#header .allmenu_wrap .allmenu .gnb > li .dp2 > li > a{ display:block; text-align:center; font-size:.813em; padding:10px; border-bottom:1px dashed #ccc; color:#666}
#header .allmenu_wrap .allmenu .gnb > li .dp2 > li:hover > a{ background:#f5f5f5; color:#333}
#header .allmenu_wrap .allmenu .gnb > li.m_1 .dp1 .va{ background-image:url(../images/inc/subvisual_1.jpg)}
#header .allmenu_wrap .allmenu .gnb > li.m_2 .dp1 .va{ background-image:url(../images/inc/subvisual_2.jpg)} 
#header .allmenu_wrap .allmenu .gnb > li.m_3 .dp1 .va{ background-image:url(../images/inc/subvisual_3.jpg)} 
#header .allmenu_wrap .allmenu .gnb > li.m_mall .dp1 .va{ background-image:url(../images/inc/subvisual_mall.jpg)} 
#header .allmenu_wrap .allmenu .gnb > li.m_guide .dp1 .va{ background-image:url(../images/inc/subvisual_guide.jpg)} 
#header .allmenu_wrap .allmenu .gnb > li.m_mypage .dp1 .va{ background-image:url(../images/inc/subvisual_mypage.jpg)} 
*/

/*member_view*/
.bg_member{display:none;}
.subnav_wrap.member_n{display:none;}
/*
#header.member_h .allmenu_wrap{display:none;}
#header.member_h .allmenu_wrap .icon{background:url(../images/inc/icon_allmenu2.png);}
#header.member_h .allmenu_wrap .close.icon{background-position:0 -50px;}
#header.member_h .logo{ background:url(../images/inc/logo.jpg) no-repeat 0 14px; background-size:100%; margin-left:20px}
#header.member_h .logo a img{opacity:0;}

#header.member_h .box1{width:100%; max-width:none; border-bottom:2px solid #555;}
#header.member_h .menu_wrap{float:none; }
#header.member_h .menu_wrap .etc_menu{float:right;}
#header.member_h .menu_wrap .lang_menu{float:right;}
#header.member_h .bg{background:#fff;}
#header.member_h .menu_wrap .gnb_wrap .gnb > li .dp1{padding:0 10px;}
#header.member_h .menu_wrap .gnb_wrap .gnb{margin-left:20px;}
#header.member_h .menu_wrap .gnb_wrap .gnb > li .dp2{left:0;}
#header.member_h .menu_wrap .gnb_wrap .gnb > li .dp1 .va_tt{font-weight:300; color:#777;}
#header.member_h .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a{color:#fff;}
#header.member_h .menu_wrap .gnb_wrap .gnb > li .dp2 > li:hover > a{ background:#dc681b}
#header.member_h .menu_wrap .lang_menu > li:hover > a, #header.member_h .menu_wrap .lang_menu > li.on > a{color:#333;}
#header.member_h .menu_wrap .lang_menu > li > a{color:#aaa; border:1px solid #777;}
#header.member_h .menu_wrap .etc_menu{margin-right:30px;}
#header.member_h .menu_wrap .etc_menu > li > a{padding:0 6px;}
#header.member_h .menu_wrap .etc_menu > li > a .va_tt{color:#777;}
#header.member_h .menu_wrap .etc_menu > li.cart > a{background-image:url(../images/inc/icon_cart2.png);}
#header.member_h .gnb_bg{background:#ff6600;}
*/
#contents.member_c .subcon_wrap{min-height:inherit!important;}

#footer.member_f{}
#footer.member_f .info_wrap .bg{background:none;}
#footer.member_f .info_wrap .info dt,
#footer.member_f .info_wrap .info dd{display:none;}
#footer.member_f .info_wrap .info dd.copyright{display:block!important; color:#333; text-align:center; font-size:13px;}

/*
#header .logo{ float:left}
#header .logo > a{ display:block; height:50px}

#header .gnb_bg{ position:absolute; height:40px; border-left:none; border-right:none; background:#ff5a00; left:0; top:50px; width:100%; filter:alpha(opacity=80);opacity:0.8; display:none; transition:0}
#header .menu_wrap{ float:right}

#header .menu_wrap .gnb_wrap{ float:left}
#header .menu_wrap .gnb_wrap .gnb{ font-size:0}
#header .menu_wrap .gnb_wrap .gnb > li.m_guide,
#header .menu_wrap .gnb_wrap .gnb > li.m_member,
#header .menu_wrap .gnb_wrap .gnb > li.m_mypage{ display:none}
#header .menu_wrap .gnb_wrap .gnb > li{display:inline-block; *display:inline; zoom:1; vertical-align:top; position:relative; font-size:1rem}
#header .menu_wrap .gnb_wrap .gnb > li .dp1{ display:block; padding:0 30px}
#header .menu_wrap .gnb_wrap .gnb > li .dp1 .va{ height:50px}
#header .menu_wrap .gnb_wrap .gnb > li .dp1 .va_tt{font-weight:700; color:#fff}
#header .menu_wrap .gnb_wrap .gnb > li .dp2{ position:absolute; bottom:auto; left:15px; white-space:nowrap; display:none; transition:0; font-size:0}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li{display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:1rem}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a{ display:block; color:#000; font-size:.813em; line-height:40px; padding:0 15px}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li:hover > a{ background:#B9B9B9}
#header .menu_wrap .gnb_wrap .gnb > li:hover .dp1 .va_tt,
#header .menu_wrap .gnb_wrap .gnb > li.on .dp1 .va_tt{ color:#111}

#header .menu_wrap .etc_menu{ float:left; margin:0 20px}
#header .menu_wrap .etc_menu > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top}
#header .menu_wrap .etc_menu > li > a{ display:block; position:relative; padding:0 15px; background-repeat:no-repeat; background-position:10px center}
#header .menu_wrap .etc_menu > li > a .va{ height:50px}
#header .menu_wrap .etc_menu > li > a .va_tt{ color:#fff; font-size:.813em}
#header .menu_wrap .etc_menu > li > a .line{ position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background:#fff; filter:alpha(opacity=50);opacity:0.5;}
#header .menu_wrap .etc_menu > li.cart > a{ background-image:url(../images/inc/icon_cart.png); padding-left:40px}
#header .menu_wrap .etc_menu > li:hover > a .va_tt{ text-decoration:underline}

#header .menu_wrap .lang_menu{ float:left; margin-top:10px}
#header .menu_wrap .lang_menu > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top}
#header .menu_wrap .lang_menu > li > a{ display:block; border-radius:5px; font-weight:700; color:#fff; font-size:.75em; border:1px solid #fff; line-height:28px; padding:0 15px; filter:alpha(opacity=50);opacity:0.5;}
#header .menu_wrap .lang_menu > li:hover > a,
#header .menu_wrap .lang_menu > li.on > a{ background:#fff; filter:alpha(opacity=100);opacity:1; color:rgb(169, 32, 37)}
*/
.main #footer{ position: fixed; left:0; bottom:0; width:100%; display:none}
#footer .info_wrap{ position:relative; padding:20px 0 30px 0}
#footer .info_wrap .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=60);opacity:.6;}
#footer .info_wrap .info{ position:relative; color:#fff}
#footer .info_wrap .info dt,
#footer .info_wrap .info dd{display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:.813em; color:#fff; padding-right:30px}
#footer .info_wrap .info dt{ font-weight:700}
#footer .info_wrap .info .copyright{ display:block; margin-top:5px; font-size:.688em; filter:alpha(opacity=60);opacity:.6;}
#footer .info_wrap .info dd a{color:#fff;}

.footer_up *{font-family:ng, sans-serif;}
.footer_up{min-height:216px; background:#444;}
.footer_up .box2{padding:40px 2.5%;}
.footer_up .footer_up_ul{overflow:hidden;}
.footer_up .footer_up_ul > li{float:left;}
.footer_up .footer_up_ul > li.li1{width:23.41%;}
.footer_up .footer_up_ul > li.li2{width:27.46%; margin-left:6.18%;}
.footer_up .footer_up_ul > li.li3{width:10.77%;}
.footer_up .footer_up_ul > li.li4{width:26%; margin-left:6.18%;}
.footer_up .footer_up_ul > li .tit1{font-size:1em; color:#fff; font-weight:600; position:relative; margin-bottom:18px;}
.footer_up .footer_up_ul > li .tit1 .more a{position:absolute; right:0; top:3px; color:#bdbdbd; font-size:0.8em;}

.footer_up .footer_up_ul > li.li1 ol > li{position:relative; color:#fff; font-size:0.84em; margin-bottom:5px; padding-right:73px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer_up .footer_up_ul > li.li1 ol > li a{ color:#fff;}
.footer_up .footer_up_ul > li.li1 ol > li a:hover{color:#ddd;}
.footer_up .footer_up_ul > li.li1 ol > li .date{position:absolute; right:0; top:0; color:#c7c7c7; font-size:1em;}
 
.footer_up .footer_up_ul > li.li2 .cs_dv1{padding-left:50px; background:url(../images/inc/tel_icon.png) no-repeat left center; margin-bottom:6px; min-height:50px;}
.footer_up .footer_up_ul > li.li2 .cs_dv2{padding-left:50px; background:url(../images/inc/bank_icon.png) no-repeat left center; min-height:50px;}
.footer_up .footer_up_ul > li.li2 .p1{font-size:0.84em; color:#cecece; padding-top:4px;}
.footer_up .footer_up_ul > li.li2 .p2{font-size:1.38em; color:#fff; font-weight:600;}

.footer_up .footer_up_ul > li.li3 > ul > li{line-height:21px;}
.footer_up .footer_up_ul > li.li3 > ul > li a{font-size:0.84em; color:#fff;}
.footer_up .footer_up_ul > li.li3 > ul > li a:hover{color:#ddd;}

.footer_up .footer_up_ul > li.li4 .li4_box{border:1px solid #ddd; border-radius:3px; padding:17px 5px 17px 65px; background:#444 url(../images/inc/icon_as.png) no-repeat 11px center; margin-top:25px;}
.footer_up .footer_up_ul > li.li4 .li4_box .p1{font-size:1em; color:#fff; font-weight:600;}
.footer_up .footer_up_ul > li.li4 .li4_box .p1 .st1{font-size:1em; color:#ff9b1a; padding-bottom:10px;}
.footer_up .footer_up_ul > li.li4 .li4_box .p2{font-size:0.76em; line-height:17px; color:#fff;}

#contents{}
#contents .subcon_wrap .doc{ padding:30px 0 60px 0; font-family:ng, sans-serif;}

#contents .subvisual_wrap{ background-repeat:no-repeat; background-position:center top; position:relative; text-align:center; padding:40px 0}
#contents .subvisual_wrap .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=50);opacity:0.5;}
#contents .subvisual_wrap .dp1{ position:relative; color:#fff; font-weight:300; font-size:.75em; filter:alpha(opacity=70);opacity:0.7}
#contents .subvisual_wrap .dp2{ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:top; color:#fff; font-weight:700; font-size:1.688em; border-bottom:1px solid #fff; padding:5px 10px 10px 10px}
#contents .subvisual_wrap .slogan{ position:relative; color:#fff; font-weight:300; font-size:.813em; margin-top:10px}
#contents .subvisual_wrap.bg_1{ background-image: url(../images/inc/subvisual_1.jpg)}
#contents .subvisual_wrap.bg_2{ background-image: url(../images/inc/subvisual_2.jpg)}
#contents .subvisual_wrap.bg_3{ background-image: url(../images/inc/subvisual_3.jpg)}
#contents .subvisual_wrap.bg_mall{ background-image: url(../images/inc/subvisual_mall.jpg)}
#contents .subvisual_wrap.bg_member{ background-image: url(../images/inc/subvisual_member.jpg)}
#contents .subvisual_wrap.bg_mypage{ background-image: url(../images/inc/subvisual_mypage.jpg)}
#contents .subvisual_wrap.bg_guide{ background-image: url(../images/inc/subvisual_guide.jpg)}

#contents .subnav_wrap{ background:#eee; border-bottom:1px solid #ddd;}
#contents .subnav_wrap .subnav{ float:left; font-size:0}
#contents .subnav_wrap .subnav > li{position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:.875rem; border-right:1px solid #ddd; background-repeat:no-repeat; background-position:center; color:#666; min-width:160px; padding:0 15px; height:50px; }
#contents .subnav_wrap .subnav > li.home{ min-width:inherit; width:50px; padding:0; border-left:1px solid #ddd; background-image:url(../images/inc/icon_home.png)}
#contents .subnav_wrap .subnav > li.nav{ font-weight:700}
#contents .subnav_wrap .subnav > li .arrow{ position:absolute; right:10px; top:50%; margin-top:-6px}
#contents .subnav_wrap .subnav > li .nav_gnb{ position:absolute; left:0; bottom:auto; width:100%;background:#555;display:none; z-index:2;}
#contents .subnav_wrap .subnav > li .nav_gnb .gnb > li,
#contents .subnav_wrap .subnav > li .nav_gnb .gnb > li .dp1{ display:none}
#contents .subnav_wrap .subnav > li .nav_gnb .gnb .dp2 > li > a{ display:block; border-top:1px solid #666; height:40px; padding:0 15px; text-align:center}
#contents .subnav_wrap .subnav > li .nav_gnb .gnb .dp2 > li > a .va_tt{ font-size:.938em; color:#ddd; font-weight:400}
#contents .subnav_wrap .subnav > li.nav.on{ background-color:#444; color:#fff; text-align:center; background-image:none; cursor:pointer;}
#contents .subnav_wrap .subnav > li .nav_gnb .gnb .dp2 > li:hover > a{ background:#444}

#contents .subnav_wrap .subsns{ float:right; font-size:0}
#contents .subnav_wrap .subsns > li{display:inline-block; *display:inline; zoom:1; vertical-align:top;}
#contents .subnav_wrap .subsns > li > a{ display:block; width:50px; height:50px; background-repeat:no-repeat; background-image:url(../images/inc/icon_sns.png); border-right:1px solid #ddd}
#contents .subnav_wrap .subsns > li:first-child > a{ border-left:1px solid #ddd}
#contents .subnav_wrap .subsns > li.facebook > a{ background-position:0 0}
#contents .subnav_wrap .subsns > li.facebook:hover > a{ background-position:0 -50px}
#contents .subnav_wrap .subsns > li.twitter > a{ background-position:-50px 0}
#contents .subnav_wrap .subsns > li.twitter:hover > a{ background-position:-50px -50px}

.arrow{ background-image: url(../images/inc/icon_arrow.png); background-repeat:no-repeat; display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:12px; height:12px; filter:alpha(opacity=50);opacity:0.5}
.arrow.arrowL{ background-position:0 0}
.arrow.arrowR{ background-position:-12px 0}
.arrow.arrowT{ background-position:0 -12px}
.arrow.arrowB{ background-position:-12px -12px}

/**/
#contents .main_nav{ position:fixed; width:160px; right:20px; top:50%}
#contents .main_nav > li{ margin:5px 0}
#contents .main_nav > li > a{ display:block; line-height:30px; padding-left:50px; color:#fff; transition:.3s}
#contents .main_nav > li:hover > a,
#contents .main_nav > li.on > a{ }

#contents .main_intro_nav{ font-size:0; }
#contents .main_intro_nav *{transition:.3s}
#contents .main_intro_nav > li{display:inline-block; *display:inline; zoom:1; font-size:1rem; vertical-align:top; position:relative}
/*
#contents .main_intro_nav > li > a{ display:block; border-bottom:2px solid #fff; text-align:left; font-size:1.25em; color:#fff; font-weight:700; line-height:50px; text-shadow:1px 1px 1px #666; margin:20px 0 0 20px}
*/
#contents .main_intro_nav > li:hover > a{ color:#e12028; }
#contents .main_intro_img{ text-align:center; position:absolute; width:100%; bottom:-50px}

#contents .section{ position:relative; overflow:hidden; background-repeat:no-repeat; background-position:center top}

#contents .section .main_visual{ overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100% !important}
#contents .section .main_intro_tbox{ padding-top:70px; text-align:center}

/*
#contents .section .main_intro_tbox .t1{ position:relative; font-size:2.5em; color:#fff; letter-spacing:-2px; font-weight:100}
#contents .section .main_intro_tbox .t2{ position:relative; display:inline-block; *display:inline; zoom:1; font-size:3.75em; font-weight:700; color:#fff; letter-spacing:-5px; margin-top:30px; padding:10px 5px 0 5px; border-top:1px solid #fff}
*/

#contents .section .main_tit{ text-align:center}
#contents .section .main_tit .line{ position:absolute; width:1000px; top:50%; height:1px; background:#ddd}
#contents .section .main_tit .lineL{left:-1000px;}
#contents .section .main_tit .lineR{right:-1000px;}
#contents .section .main_tit .tit{ display:inline-block; *display:inline; zoom:1; position:relative; color:#333; font-size:1.063em; font-weight:400; padding:0 15px; line-height:80px;}

#contents .section .main_tt{ position:relative}
#contents .section .main_tt .t1{ font-size:3.55em;font-weight:700; color:#e12028; letter-spacing:-8px; margin-top:30px}
#contents .section .main_tt .t2{ font-size:1.75em; color:#333; letter-spacing:-3px; line-height:1.4; margin-top:30px; margin-left:5px; }
#contents .section .main_tt .t3{ font-size:.938em; color:#777; letter-spacing:-2px; line-height:1.8; margin-top:30px; margin-left:5px; }

#contents .section .main_con{ margin-top:50px; position: relative}
#contents .section .main_con .list_st{ font-size:0}
#contents .section .main_con .list_st > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:1rem;}
#contents .section .main_con .list_st.sec2{margin:0 0 0 -20px}
#contents .section .main_con .list_st.sec4{margin:0 0 0 -30px}
#contents .section .main_con .list_st.sec2 > li{ width:50%}
#contents .section .main_con .list_st.sec3 > li{ width:33.33%}
#contents .section .main_con .list_st.sec4 > li{ width:25%}
#contents .section .main_con .list_st.sec2 > li .cont{margin:0 0 0 20px;}
#contents .section .main_con .list_st.sec4 > li .cont{margin:0 0 0 30px;}
#contents .section .main_con .list_st > li .cont{ position:relative}
#contents .section .main_con .list_st > li .cont.cont_st{box-shadow:1px 1px 5px #bbb; border:1px solid #eee; background:#fff;}
#contents .section .main_con .list_st > li .cont .line{ position:absolute; left:0; top:60px; width:100%; height:1px; background:#ddd}
#contents .section .main_con .list_st > li .cont .icon{ position:absolute; left:50%; top:20px; width:80px; height:80px; margin-left:-40px; background-repeat:no-repeat; border-radius:80px; background-color:#fa890e; text-align:center}
#contents .section .main_con .list_st > li .cont .icon .step_tt{ color:#fff; font-size:.75em; margin-top:15px}
#contents .section .main_con .list_st > li .cont .icon .step_no{ color:#fff; font-size:2em; font-weight:700; letter-spacing:-2px; line-height:1}
#contents .section .main_con .list_st > li .cont .tit{ background:#fa890e; line-height:50px; color:#fff; font-size:1.063em; font-weight:700; text-align:center}
#contents .section .main_con .list_st > li .cont .img{ border:1px solid #ddd; border-left:none; border-right:none}
#contents .section .main_con .list_st > li .cont .tbox{ padding:20px 10px 30px 10px}
#contents .section .main_con .list_st > li .cont.st1 .icon{ background-image:url(../images/main/sec1_icon.png);}
#contents .section .main_con .list_st > li .cont.st1 .icon.i1{ background-position:0 0}
#contents .section .main_con .list_st > li .cont.st1 .icon.i2{ background-position:-80px 0}
#contents .section .main_con .list_st > li .cont.st1 .icon.i3{ background-position:-160px 0}
#contents .section .main_con .list_st > li .cont.st1 .icon.i4{ background-position:-240px 0}

#contents .section .main_con .list_st > li .cont.st1{padding:120px 0 30px 0}
#contents .section .main_con .list_st > li .cont.st2{ padding-top:60px; margin-top:20px}
#contents .section .main_con .list_st > li .cont.st3{ border:1px solid #ff6600; border-top:none; border-bottom:none; text-align:center; padding:20px 10px; margin-right:-1px}
#contents .section .main_con .list_st > li .cont.st1 .icon{ top:20px}
#contents .section .main_con .list_st > li .cont.st2 .icon{ top:-40px}

#contents .section .main_con .list_st > li .link{ display:block; background:#fa890e; padding:20px; text-align:center; margin-top:20px}
#contents .section .main_con .list_st > li .link .link_icon{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:50px; height:50px; background-image:url(../images/main/sec6_link_icon.png); background-repeat:no-repeat}
#contents .section .main_con .list_st > li .link .link_tt{ vertical-align:middle; font-size:1.125em; color:#fff}

#contents .section .main_con.img_big{ margin-top:-30px}

#contents .section .box1{ position:relative}
#contents .section .main_map{ position:absolute; right:0; top:20px; left:50%; width:50% !important}
#contents .section .main_map .wrap_map{height:250px !important}

#contents .section .main_con .t1{ color:#333; font-size:1.063em; letter-spacing:-1px; font-weight:700}
#contents .section .main_con .t2{ color:#666; font-size:.875em; letter-spacing:-1px; line-height:1.4; text-indent:-.5em; padding-left:1em; margin-top:10px}
#contents .section .main_con .t2:first-child{ margin-top:0}
#contents .section .main_con .t3{ color:#777; font-size:1.125em}
#contents .section .main_con .t4{ color:#333; font-size:1.625em; font-weight:700; letter-spacing:-2px}
#contents .section .main_con .t5{ color:#333; font-size:.875em; letter-spacing:-1px; font-weight:700; line-height:40px}

.tit2{font-size:17px; color:#333; font-weight:600; padding:0px 0 3px 19px; background:url(../images/inc/p_tit.jpg) no-repeat 0 3px; margin-bottom:3px;}

/*1_1*/
.sub1_1{padding:0px 20px 50px 100px;}
.sub1_1 .p1{font-size:1.69em; color:#555555; font-weight:600; margin:30px 0 40px; text-align:center;}
.sub1_1 .p1 .st1{font-size:1em; color:#ff7200;}

.txt_box1 .img_box{float:right; padding:0 20px 20px 20px;}
.txt_box1 .p2{font-size:1.46em; color:#202020; margin-bottom:40px; line-height:32px;}
.txt_box1 .p2 .st1{font-size:1em; color:#e12525; text-decoration:underline;}

.txt_box1 .p3{font-size:1.07em; color:#3e3e3e; line-height:26px; margin-bottom:60px;}

.txt_box1 .p4{font-size:1.3em; color:#191919; font-weight:600;}


/* certificate */
.certi_list_wrap { width:100%; margin:0px; padding:0px; position:relative; overflow:hidden; vertical-align:top; }
.certi_list_wrap ul.certi_list { list-style:none;  padding:0px; position:relative; overflow:hidden; margin-left:-15px;}
.certi_list_wrap ul.certi_list li { float:left; list-style:none; width:25%; margin-bottom:40px; padding:0px; position:relative; vertical-align:top; cursor:pointer;  z-index:1;}
.certi_list_wrap ul.certi_list li dl { position:relative; margin-left:15px;}
.certi_list_wrap ul.certi_list li dl dt {border:1px solid #dddddd; background:#ffffff;}
.certi_list_wrap ul.certi_list li dl dd { width:100%; min-height:36px; margin:0px; line-height:36px;  overflow:hidden; }
.certi_list_wrap ul.certi_list li dl dd p { width:100%;  color:#fff; font-size:14px; font-weight:bold; text-overflow:ellipsis;white-space:nowrap; overflow:hidden; text-align:center; background:#444; border-radius:0 0 5px 5px; border-top:4px solid rgb(169, 32, 37)}
.certi_list_wrap2 ul.certi_list li dl dd p{background:#777;}
.certi_list_wrap ul.certi_list li:hover dl dt { border:1px solid rgb(169, 32, 37); }
.certi_list_wrap ul.certi_list li:hover dl dd { color:#000000; }

.tit_box{padding-bottom:20px; margin-bottom:60px; margin-top:50px;}
.tit_box.icon_1_7{padding-left:88px; background:url(../images/sub1/1_7_icon.jpg) no-repeat left 6px;} 
.p_tit2{font-size:1.9em; color:rgb(169, 32, 37); margin-bottom:10px;}
.p_txt1{font-size:1.15em; color:#333;}
.p_txt1 .st1{font-weight:600; font-size:1.1em;}

/*his*/
.his_img{width:90%; max-width:700px; margin:0 auto;}
.his_txt{overflow:hidden; width:94%; padding:20px 2%;  margin:0 auto; background:#f8f8f8; border-radius:10px; border:1px solid #ccc; max-width:700px;}
.his_txt dl{margin:0 0 30px 0; position:relative; padding-left:92px; padding-bottom:20px; border-bottom:1px solid #ddd;}
.his_txt dt{font-size:1.76em; color:rgb(169, 32, 37); font-weight:600;position:absolute; top:-5px; left:0; font-style:oblique; font-family:"Times New Roman", Times, serif;}
/*.his_txt dt::before{content:''; display:inline-block; *display:inline; zoom:1; position:absolute; bottom:-10px; left:0; width:35px; height:1px; background:#bbb;}*/
.his_txt dd{font-size:1.07em; color:#888; padding-left:55px; position:relative; margin-bottom:5px; margin-top:10px;}
.his_txt dd .date{position:absolute; left:0; top:0px; font-size:1em; color:#222;}
.his_txt dd .date.no_date{padding-left:13px; color:#999;}
.his_txt dd .B{font-weight:600; color:#555;}

/*map*/
.map{border-top:1px solid #999;}
.map_info { width:100%; margin:-1px auto 0; padding:0px; border-collapse:collapse;  border-top:1px solid #ddd;}
.map_info th {  padding:12px 20px 12px 25px; text-align:left; font-size:1em; border-right:1px dotted #eeeeee; border-bottom:1px solid #888; background:#f7f7f7; color:#333333; } 
.map_info  td { padding:12px 20px 12px 25px; text-align:left; font-size:1em; color:#555555; border-bottom:1px solid #ccc; line-height:25px; } 
.map_info  td p.tt { font-size:1.077em; margin-bottom:4px;}
.map_info  td p.body_txt { padding-left:28px;}


/*mall*/
.prod_ul{padding:0 60px; border-top:1px solid #222;}
.prod_ul > li{padding:30px 0; border-bottom:1px solid #666; position:relative;}
.prod_ul > li .plus_btn{position:absolute; right:0; bottom:0; width:70px; height:70px; border:1px solid #ddd; background:#fff url(../images/sub_mall/plus_btn.png) no-repeat center center; transition:0.3s; cursor:pointer;}
.prod_ul > li .plus_btn:hover{border:1px solid #888; background:rgb(169, 32, 37) url(../images/sub_mall/plus_btn.png) no-repeat center center;}
.prod_ul > li .prod{overflow:hidden;}
.prod_ul > li .prod .prod_img{float:left; width:45%;}
.prod_ul > li .prod .prod_img .border_dv{}
.prod_ul > li .prod .prod_img img{border:1px solid #ccc; width:100%; max-width:486px; transition:0.3s;}
.prod_ul > li .prod .prod_img img:hover{border:1px solid rgb(169, 32, 37); filter:alpha(opacity=70); opacity:0.7;}
.prod_ul > li .prod .prod_info{float:left; width:49%; padding:2% 2% 2% 4%}
.prod_ul > li .prod .prod_info .p1{font-size:2.2em; color:#333; font-family:nbgB, sans-serif;}
.prod_ul > li .prod .prod_info .p2{font-size:1.8em; color:#b8b7b7; font-family:"Times New Roman", Times, serif; padding:4px 0 20px; font-style:oblique;}
.prod_ul > li .prod .prod_info .p3{padding:15px 0; margin:0px 0 20px; font-size:1.15em; line-height:24px; color:#222; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd;}
.prod_ul > li .prod .prod_info .p4{font-size:2em; color:#696969; font-weight:600;}
.prod_ul > li .prod .prod_info .p4 .st1{font-size:0.84em;}



/*login*/
/**/
.login_wrap{ width:700px; margin:0 auto; padding:70px 0 0 0}
.login_wrap .login_top{ padding:30px 0; text-align:center;}
.login_wrap .login_top img{width:150px;}
.login_wrap .login_top .logo{ padding-bottom:10px}
.login_wrap .login_con{ padding:30px 0; border:1px solid #aaa; border-left:none; border-right:none}
.login_wrap .login_con .form_wrap{ float:left}
.form{ width:400px; max-width:100%}
.form > li{ margin-bottom:10px}
.form > li.inp_wrap{ padding:10px 10px 10px 50px; background-image:url(../images/inc/icon_login.png); background-repeat:no-repeat; border:1px solid #ccc; background-color:#fff; border-radius:3px}
.form > li.inp_wrap.id{ background-position:0 0}
.form > li.inp_wrap.pw{ background-position:0 -50px}
.form > li.inp_wrap .inp{width:100%; line-height:30px; height:30px; font-weight:600; font-family:tahoma, ng, sans-serif; font-size:.875em; color:#888; border:none;}
.form > li.inp_wrap .inp::-webkit-input-placeholder{ font-size:.875em; font-weight:normal}
.form > li.inp_wrap .inp::-moz-placeholder{ font-size:.875em; font-weight:normal}
.form > li.inp_wrap .inp:-moz-placeholder{ font-size:.875em; font-weight:normal}
.form > li.inp_wrap .inp:-ms-input-placeholder{ font-size:.875em; font-weight:normal}
.form > li.inp_wrap .inp:focus{ color:#111}
.form > li.btn_wrap .btn{ width:100%; height:51px; background:#ff6600; color:#fff; border:none; font-weight:600; border-radius:2px}
.form > li.check_wrap{ font-weight:600; font-size:.875em; color:#777}
.login_wrap .login_con .form_wrap .link{ text-align:center}
.login_wrap .login_con .form_wrap .link > li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.login_wrap .login_con .form_wrap .link > li > a{ display:block; font-size:.813em; color:#777; padding:0 15px; line-height:1; border-left:1px solid #ddd}
.login_wrap .login_con .form_wrap .link > li:first-child > a{ border-left:none}
.login_wrap .login_con .form_wrap .link > li:hover> a{ color:#111; text-decoration:underline}
.login_wrap .login_con .nomem_wrap{ float:right; border-left:1px solid #eee; padding-left:27px; width:240px;}
.login_wrap .login_con .nomem_wrap .tbox{ border:3px solid #f1f1f1; padding:20px;}
.login_wrap .login_con .nomem_wrap .tbox .t1{ font-weight:600; color:#333; font-size:.875em}
.login_wrap .login_con .nomem_wrap .tbox .t2{ color:#777; font-size:.75em; padding-top:10px; line-height:1.4}
.login_wrap .login_con .nomem_wrap .tbox .btn{ display:block; background:#999; color:#fff; font-size:.875em; font-weight:600; margin-top:60px; border-radius:3px; border:none; width:100%; line-height:40px}
.login_wrap .login_con .nomem_wrap .tbox .btn.st1{ margin-top:5px}
.login_wrap .login_con .nomem_wrap .tbox .btn.st2{background:#777}
.login_wrap .login_con .nomem_wrap .tbox .inp{ border:1px solid #ccc; border-radius:3px; font-size:.75em; font-weight:600; padding:0 5%; line-height:30px; height:30px; width:90%; margin-top:5px}

.join_type{ text-align:center; font-size:0}
.join_type > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:33.33%; font-size:1rem}
.join_type .btn{ width:96%; height:200px; margin:0 2%; padding-top:100px; border-style:solid; border-width:5px; border-radius:5px; transition:0.4s; position:relative}
.join_type .btn .icon{position:absolute; left:50%; top:50%; width:60px; height:60px; margin:-60px 0 0 -30px; background-image:url(../images/inc/icon_join_type.png); background-repeat:no-repeat}
.join_type .btn.st1 .icon{ background-position:0 0 }
.join_type .btn.st2 .icon{ background-position:0 -60px }
.join_type .btn.st3 .icon{ background-position:0 -56px }
.join_type .btn .t1{ color:#fff; font-size:.875em; line-height:1.5}
.join_type .btn .t2{ color:#fff; font-size:1.25em; font-weight:600; margin-top:5px}
.join_type .btn.st1{ background-color:#ff6600; border-color:#ff6600}
.join_type .btn.st2{ background-color:#006fbc; border-color:#006fbc}
.join_type .btn.st3{ background-color:#aaa; border-color:#aaa}
.join_type .btn.st1:hover{ border-color:#d75600}
.join_type .btn.st2:hover{ border-color:#00538d}
.join_type .btn.st3:hover{ border-color:#777}

.join_wrap{ width:600px; margin:0 auto; padding:20px 0 0 0}
.join_wrap .join_top{ padding:0 0 20px 0}
.join_wrap .join_top .logo{ width:120px; margin-bottom:10px}
.agree_all_wrap{ background:#ff6600; padding:20px; color:#fff}
.agree_all_wrap .t1{ font-size:.813em}
.agree_all_wrap .t2{ font-size:.938em; font-weight:600; line-height:25px;}
.agree_all_wrap .t2_wrap{ margin-top:5px}
.agree_all_wrap.on{ background:#ddd; color:#777}
.agree_all_wrap.on .t2{ color:#111}
.agree_wrap{ background:#f5f5f5; padding:20px 20px 30px 20px; border-top:1px solid #ff6600}
.agree_wrap.fin{ padding-top:40px; padding-bottom:80px}
.agree_wrap .agree{ margin-top:20px; padding-top:20px; border-top:1px solid #ccc}
.agree_wrap .agree:first-child{ margin-top:0; padding-top:0; border-top:none}
.agree_wrap .agree .agree_tit .tit{ font-weight:600; font-size:.938em; color:#777; line-height:25px}
.agree_wrap .agree .agree_tit .tit .t1{ display:block; font-weight:normal; font-size:.75em}
.agree_wrap .agree.on .agree_tit .tit{ color:#111}
.agree_wrap .agree .agree_con{ background:#fff; border:1px solid #ddd; padding:5px; margin-top:10px; height:70px; font-size:.75em; color:#666; line-height:1.5; overflow:auto}

.agree_wrap2{ background:#f5f5f5; padding:20px 20px 30px 20px; margin-bottom:20px;}
.agree_wrap2.fin{ padding-top:40px; padding-bottom:80px}
.agree_wrap2 .agree{ margin-top:20px; padding-top:20px; border-top:1px solid #ccc}
.agree_wrap2 .agree:first-child{ margin-top:0; padding-top:0; border-top:none}
.agree_wrap2 .agree .agree_tit .tit{ font-weight:600; font-size:.938em; color:#777; line-height:25px}
.agree_wrap2 .agree .agree_tit .tit .t1{ display:block; font-weight:normal; font-size:.75em}
.agree_wrap2 .agree .agree_tit .tit .st1{color:#F00; font-size:1em;}
.agree_wrap2 .agree.on .agree_tit .tit{ color:#111}
.agree_wrap2 .agree .agree_con{ background:#fff; border:1px solid #ddd; padding:5px; margin-top:10px; height:100px; font-size:.75em; color:#666; line-height:1.5; overflow:auto}

.agree_wrap3{ background:#f5f5f5; padding:20px 20px 30px 20px; margin-bottom:20px;}
.agree_wrap3.fin{ padding-top:40px; padding-bottom:80px}
.agree_wrap3 .agree{ margin-top:20px; padding-top:20px; border-top:1px solid #ccc}
.agree_wrap3 .agree:first-child{ margin-top:0; padding-top:0; border-top:none}
.agree_wrap3 .agree .agree_tit .tit{ font-weight:600; font-size:.938em; color:#777; line-height:25px}
.agree_wrap3 .agree .agree_tit .tit .t1{ display:block; font-weight:normal; font-size:.75em}
.agree_wrap3 .agree.on .agree_tit .tit{ color:#111}
.agree_wrap3 .agree .agree_con{ background:#fff; border:1px solid #ddd; padding:5px; margin-top:10px; height:500px; font-size:.75em; color:#666; line-height:1.5; overflow:auto}


.agree_box{border:1px solid #ccc; background:#fff; margin-top:30px;}
.agree_box .agree_wrap2{background:#fff;}

.top_box { width:95%; margin:20px auto 0; border:1px solid #ccc; background:#f9f9f9; padding:20px; box-sizing:border-box; }
.top_box p { text-align:center; line-height:1.7; font-size:15px; font-weight:bold; color:#333; }
hr.line { border:none; border-bottom:1px solid #ccc; width:95%; }
.txt_email{ padding:0 40px;}

.join_wrap .agree_btn_wrap{ overflow:hidden}
.join_wrap .agree_btn_wrap > li{ float:left; width:50%}
.join_wrap .agree_btn_wrap .btn{ background:#ccc; font-weight:600; color:#666; height:50px; width:100%; border:none}
.join_wrap .agree_btn_wrap.on .btn,
.join_wrap .agree_btn_wrap .btn.c1{ background:#ff6600; color:#fff}
.join_wrap .agree_btn_wrap .btn.c2{ background:#fff; color:#ff6600; border:1px solid #ff6600}

.join_form{ background:#fff; border:1px solid #ddd; padding:20px 20px 30px 20px; margin-top:10px; font-size:.938em; border-radius:3px}
.join_form > li{ margin-top:15px}
.join_form > li:first-child{ margin-top:0}
.join_form .form_tt{ font-size:.75em; padding:5px 5px 0 5px; color:#888}
.join_form .msg .form_tt{  color:#3a84ff; }
.join_form input.validation-error{ border-color:#3a84ff !important; }
.join_form label.validation-error .form_tt{ color:#3a84ff}

.radioCheckWrap{ margin-top:10px}
.radioCheckWrap:first-child{ margin-top:0}
.radioCheckForm{ display:none}


/**/
.page_sec{ margin-top:30px}
.page_sec2{ margin-top:40px}
.page_sec3{ margin-top:20px}
.page_sec4{ margin-top:10px}

.page_bg{ background:#f5f5f5; border:1px solid #eee; border-left:none; border-right:none; padding:20px 0 40px 0}
.page_bg2{ border:1px solid #eee; border-left:none; border-right:none; padding:20px 0 40px 0}

.prod_tit_wrap{ position:relative; margin-bottom:20px; padding-right:100px}
.prod_tit_wrap .line{ position:absolute; left:0; bottom:5px; height:1px; width:100%; background:#666}
.prod_tit_wrap .prod_tit{ position:relative; display:inline-block; *display:inline; zoom:1;}
.prod_tit_wrap .prod_tit .s_line{position:absolute; right:3px; bottom:5px; height:1px; width:100%; background:#fff}
.prod_tit_wrap .more{ position:absolute; right:0; bottom:10px; width:90px; text-align:right; font-size:.75em; font-weight:600; color:#999}
.prod_tit_wrap .more:hover{ color:#111}

.prod_tit{ font-size:2em; font-family:ns,sans-serif; font-weight:600; color:#333; letter-spacing:-2px; line-height:1}
.prod_tit .point{ color:rgb(169, 32, 37);}

.line_st{ margin-top:15px; padding-top:20px; border-top:1px solid #333;}
.line_st2{ margin-top:20px; padding-top:20px; border-top:1px solid #ccc}

.table_st1{ table-layout:fixed}
.table_st1 thead:after{ content:""; display:block; height:10px}
.table_st1 th{ background:#666; color:#fff; padding:10px; border:1px solid #777; font-family:ns,sans-serif; font-size:1.063em; font-weight:normal}
.table_st1 td{ background:#fff; color:#666; padding:10px; border:1px solid #ddd; font-size:.813em}


.p_img{ width:15%; display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.p_img a{ display:block; margin-right:10px; border:1px solid #fff}
.p_img a:hover{ border-color:#666}
.p_tit{ width:80%; display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.p_tit a:hover{ text-decoration:underline}
.p_tit .t1{ display:block; font-size:1.188em; color:#111; line-height:1.1}
.p_tit .t2{ display:block; color:#777; padding-top:5px}
.p_price1{ font-family:ns,sans-serif; font-size:1.625em; color:rgb(169, 32, 37); letter-spacing:-1px}
.p_price1.black{ color:#333}
.p_price2{ margin:0 5px;}
.p_date{ font-size:1em;}
.order_date{font-size:1.23em;}
.p_btn .input_st{ width:100%; margin:2px 0}

.tt_st1{ font-family:ns,sans-serif; font-size:1.25em; color:#333}
.tt_st2{ font-family:ns,sans-serif; font-size:1.5em; color:#333; font-weight:600}
.tt_st3{ font-size:.875em; color:#666; line-height:1.6; letter-spacing:0}
.tt_st4{ font-size:.813em; color:#666; line-height:1.4; letter-spacing:0}

.tab_st{ font-size:0; border-bottom:1px solid #333}
.tab_st > li{display:inline-block; *display:inline; zoom:1; vertical-align:top; width:16.66%; font-size:16px; font-size:1rem; }
.tab_st > li > a{ display:block; font-size:.813em; line-height:40px; text-align:center; font-weight:600; color:#999; border:1px solid #ddd; border-bottom:none; position:relative; margin-right:-1px; padding:1px}
.tab_st > li:hover > a{ color:#333}
.tab_st > li.on > a{ border-color:#333; color:#333; margin:0; padding-right:0;}
.tab_st > li.on > a .line{ position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff;}



/**/
.fix_top{ margin-bottom:30px}
.fix_banner{ float:right; border:1px solid #ddd;}
.fix_banner img{ width:980px; height:300px}
.page_login{ float:left; width:200px; height:300px; border:1px solid #ddd;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 50%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 50%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 50%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */}
.page_login .page_login_tit{ background:#666; position:relative; width:100%; border:1px solid #666; left:-1px; top:-1px; text-align:center; line-height:50px; border-radius:5px 5px 0 0}
.page_login .page_login_tit .t1{color:#fff; font-size:1.125em; font-family:ns,sans-serif;}
.page_login .page_login_tit .t2{ color:#ffe013; font-size:1.25em; font-family:arial,sans-serif; font-weight:600}
.page_login .page_login_con{ padding:10px; font-size:.938em}
.page_login .page_login_con input{ width:100%}

.form.on .user .icon{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:50px; height:50px; background: url(../images/inc/icon_login.png) no-repeat 0 0 #f5f5f5; border-radius:50px; border:1px solid #ddd; margin-right:10px}
.form.on .user{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #aaa}
.form.on .user .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#666; font-size:.875em}
.form.on .user .tt strong{ color:#111; font-size:1.188em}
.form.on .state{ font-size:.813em; overflow:hidden; margin:20px 0; line-height:30px}
.form.on .state strong{ float:left; width:70px}


.tt_st1{ font-family:ns,sans-serif; font-size:1.25em; color:#333}
.tt_st2{ font-family:ns,sans-serif; font-size:1.5em; color:#333; font-weight:600}
.tt_st3{ font-size:.875em; color:#666; line-height:1.6; letter-spacing:0}
.tt_st4{ font-size:.813em; color:#666; line-height:1.4; letter-spacing:0}


.my_menu ul{overflow:hidden; border-bottom:1px solid rgb(169, 32, 37); margin-top:20px; margin-bottom:20px;}
.my_menu ul li{float:left; width:25%; text-align:center;}
.my_menu ul li a{display:block; padding:10px 0; color:#999; font-weight:600; background:#fff; border-radius:5px 5px 0 0; margin-left:2px; border:1px solid #ddd; border-bottom:none!important;}
.my_menu ul li a:hover{color:#555; border:1px solid #999;}
.my_menu ul li a.on{ background:rgb(169, 32, 37); border:1px solid rgb(169, 32, 37); color:#fff!important; font-weight:600;}

/*point*/
.total{ text-align:right; margin-top:10px; border:1px solid #ddd; padding:10px;}
.total p.tit{ display:inline-block; font-size:1rem; line-height:30px; color:#333; letter-spacing:-1px;}
.total p.tit .icon{ background:url(../images/inc/order_con_tit.png) no-repeat; width:7px; height:7px; display:inline-block; *display:inline; zoom:1; 
vertical-align:middle; margin-right:5px;}
.total p.txt{ display:inline-block; line-height:30px; width:170px;}

/*modify*/
.sub_box_st .txt_box1{ border:1px solid #ddd; padding:20px; margin-bottom:20px;}
.sub_box_st .txt_box1 .txt_1{ font-size:15px; color:#454545; line-height:1.8;}
.sub_box_st .txt_box1 .txt_1.c_red{ font-weight:600;}
.sub_box_st .txt_box1 .txt_2{ font-size:13px; color:#454545; line-height:1.8;}
.sub_box_st .txt_box1 .in_box{ border:1px solid #ddd; padding:10px 20px; background:#f8f8f8; margin-top:20px;}


/**/
.fix_top{ margin-bottom:30px}
.fix_banner{ float:right; border:1px solid #ddd;}
.fix_banner img{ width:980px; height:300px}
.page_login{ float:left; width:200px; height:300px; border:1px solid #ddd;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 50%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 50%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 50%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */}
.page_login .page_login_tit{ background:#666; position:relative; width:100%; border:1px solid #666; left:-1px; top:-1px; text-align:center; line-height:50px; border-radius:5px 5px 0 0}
.page_login .page_login_tit .t1{color:#fff; font-size:1.125em; font-family:ns,sans-serif;}
.page_login .page_login_tit .t2{ color:#ffe013; font-size:1.25em; font-family:arial,sans-serif; font-weight:600}
.page_login .page_login_con{ padding:10px; font-size:.938em}
.page_login .page_login_con input{ width:100%}

.form.on .user .icon{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:50px; height:50px; background: url(../images/inc/icon_login.png) no-repeat 0 0 #f5f5f5; border-radius:50px; border:1px solid #ddd; margin-right:10px}
.form.on .user{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #aaa}
.form.on .user .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#666; font-size:.875em}
.form.on .user .tt strong{ color:#111; font-size:1.188em}
.form.on .state{ font-size:.813em; overflow:hidden; margin:20px 0; line-height:30px}
.form.on .state strong{ float:left; width:70px}

/**/
.mall_category{ overflow:hidden; padding: 0 1px 1px 0}
.mall_category > li{ float:left; width:14.285%}
.mall_category > li > a{ display:block; height:40px; font-size:.813em; color:#777; border:1px solid #ddd; padding:1px; padding-left:18px; margin: 0 -1px -1px 0; font-weight:600}
.mall_category > li > a span img{ margin-left:15px;}
.mall_category > li:hover > a{ background-color:#f5f5f5; color:rgb(169, 32, 37);}
.mall_category > li.on > a{ background-image:url(../images/inc/arrow_category.png); background-repeat: no-repeat; background-position: 8px center; background-color: #f9f9f9; color:rgb(169, 32, 37);}
.mall_category > li.all > a{ color:#fff; border-color:#333;  background:#333;}

.prod_list_best{ font-size:0; margin-right:-30px}
.prod_list_best *{transition:.3s}
.prod_list_best > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:33.33%; font-size:16px; font-size:1rem;}
.prod_list_best .prod_best{ border:1px solid #ddd; margin:0 30px 30px 0; position:relative; cursor:pointer}
.prod_list_best .prod_best .tit{ position:absolute; left:-1px; bottom:-1px; width:100%; line-height:30px; background:#000; border:1px solid #000; font-size:.875em; color:#fff; text-align:center;filter:alpha(opacity=70);opacity:0.7;}
.prod_list_best .prod_best:hover .tit{filter:alpha(opacity=90);opacity:.9;}

.prod_list{ font-size:0; margin-right:-30px}
.prod_list *{transition:.3s}
.prod_list > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:25%; font-size:16px; font-size:1rem;}
.prod_list .prod{ border:1px solid #ddd; margin:0 30px 30px 0; position:relative; cursor:pointer}
.prod_list .prod .con{ border-top:1px solid #ddd; padding:10px}
.prod_list .prod .con .tit{ color:#555; font-size:.813em; font-weight:600; line-height:15px; height:30px; overflow:hidden}
.prod_list .prod .con .info{ margin-top:10px; overflow:hidden}
.prod_list .prod .con .info .page{ float:left; font-size:.75em; color:#777}
.prod_list .prod .con .info .price{ float:right; font-size:.813em; color:#777}
.prod_list .prod .con .info .price strong{ font-weight:600; font-size:1.25em}
.prod_list .prod:hover .con{ background:#f9f9f9;}
.prod_list .prod:hover .con .tit{ color:#111}
.prod_list .prod:hover .con .price{ color:rgb(169, 32, 37)}

.prod_view_top .view_img{ float:left; width:50%}
.prod_view_top .view_img .img_con{ padding:40px; border:1px solid #ddd; background:#eeeeee}
.prod_view_top .view_img .img_con .img_wrap{ background:#fff; box-shadow:1px 1px 3px #bbb; padding:10px}
.prod_view_top .view_img .img_con .img_wrap .img{ border:1px solid #ddd}
.prod_view_top .view_info{ float:left; width:50%}
.prod_view_top .view_info .info_con{ padding:40px; border:1px solid #ddd; border-left:none}
.prod_view_top .view_info .info_con .prod_view_tit{ font-family:ns,sans-serif; font-size:1.188em; color:#111; padding:15px 0; border-bottom:3px solid rgb(169, 32, 37); margin-bottom:15px}
.prod_view_top .view_info .info_con .prod_view_nav{ font-size:.75em; color:#999; margin-bottom:15px}
.prod_view_top .view_info .info_con .prod_view_table_wrap{ height:150px}
.prod_view_top .view_info .info_con .prod_view_table{ font-size:.813em}
.prod_view_top .view_info .info_con .prod_view_table th{ padding:15px 10px; border:1px solid #ddd; background:#f8f8f8; color:#333; width:70px; text-align:left}
.prod_view_top .view_info .info_con .prod_view_table td{ padding:15px 10px; border:1px solid #ddd; color:#666}
.prod_view_top .view_info .info_con .prod_view_price{ text-align:right; margin-bottom:20px}
.prod_view_top .view_info .info_con .prod_view_price .tt{ font-size:.938em; color:#333; padding-right:15px}
.prod_view_top .view_info .info_con .prod_view_price .price{ color:rgb(169, 32, 37); font-size:1.438em}
.prod_view_top .view_info .info_con .prod_view_price .won{ font-size:.813em; color:#666}
.prod_view_top .view_info .info_con .prod_view_btn{ overflow:hidden}
.prod_view_top .view_info .info_con .prod_view_btn > li{ float:left; width:33%; margin-left:.5%}
.prod_view_top .view_info .info_con .prod_view_btn > li:first-child{ margin-left:0}
.prod_view_top .view_info .info_con .prod_view_btn > li .input_st{ width:100%}

.prod_view_middle{ border:1px solid #ddd; border-top:none}
.prod_view_middle .middle_tit{ padding:0 40px; line-height:50px; border-bottom:1px solid #ddd}
.prod_view_middle .middle_tit .tit{font-family:ns,sans-serif; font-size:1.125em; color:#111}
.prod_view_middle .middle_tit .tt{ font-size:.75em; color:rgb(169, 32, 37); padding-left:10px}
.prod_view_middle .middle_con{ padding:30px 40px}
.prod_view_middle .middle_con .pre_img{ font-size:0; overflow:hidden; background:#333; padding:10px}
.prod_view_middle .middle_con .pre_img > li{ float:left; width:16.66%}
.prod_view_middle .middle_con .pre_img > li > a{ display:block; margin:5px; border:2px solid #bbb}
.prod_view_middle .middle_con .pre_img > li > a img{ width:100%; height:100%}
.prod_view_middle .middle_con .pre_img > li.big{ width:33.33%}
.prod_view_middle .middle_con .pre_img > li.big > a{ border-width:8px}
.prod_view_middle .middle_con .pre_img > li:hover > a,
.prod_view_middle .middle_con .pre_img > li.on > a{ border-color:#fff}
.prod_view_middle .middle_con .pre_img > li.big > a{ border-color:#fff}
.prod_view_middle .middle_con .keyword_tt{ font-family:"dotum",sans-serif; font-size:.75em; color:#777; line-height:1.5}

.prod_view_con{ padding:80px 0; font-size:.813em; border-bottom:1px solid #ddd}

.order_tit{ background:url(../images/inc/icon_cart3.png) no-repeat left 6px; padding-left:45px; padding-bottom:20px}
.order_tit2{ background:url(../images/inc/icon_order.png) no-repeat left 6px; padding-left:45px; padding-bottom:20px}
.order_tit3{ background:url(../images/inc/icon_card.png) no-repeat left 6px; padding-left:45px; padding-bottom:20px}
.order_tit4{ background:url(../images/inc/icon_deli.png) no-repeat left 6px; padding-left:45px; padding-bottom:20px}
.order_tit .tt{font-family:ns,sans-serif; font-size:1.875em; font-weight:600; letter-spacing:-2px;}
.order_tit .tt.t1{ color:#333; line-height:1.3}
.order_tit .tt.t2{ color:rgb(169, 32, 37); line-height:1.3}
.order_tit .total{ display:inline-block; *display:inline; zoom:1; line-height:25px; border:1px solid #ddd; border-radius:30px; padding:0 20px; font-size:.813em; font-weight:600; color:#666; margin-left:10px}
.order_tit .total strong{ color:rgb(169, 32, 37)}

.order_btn_wrap{ overflow:hidden; margin-top:10px; text-align: center}
.order_btn_wrap .left{ float:left}
.order_btn_wrap .right{ float:right}
.order_btn_wrap .input_st{ width:150px; max-width:100%}

.order_con_sec{ margin:0 -40px 0 0}
.order_con_sec .sec{ float:left; width:50%}
.order_con_sec .sec .order_con_wrap{margin:40px 40px 0 0;}
.order_con_wrap{ margin-top:40px}
.order_con_wrap.checkBankWrap{ margin-top:-1px}
.order_con_wrap .order_con_tit{ margin-bottom:10px}
.order_con_wrap .order_con_tit .t1{ font-family:ns,sans-serif; font-size:1.313em; color:rgb(169, 32, 37)}
.order_con_wrap .order_con_tit .t2{ font-family:ns,sans-serif; font-size:1.313em; color:#333}
.order_con_wrap .order_con{background:#fff; border:1px solid #ddd; padding:10px 20px}
.order_con_wrap .order_con.select{ padding-top:20px; padding-bottom:20px}
.order_con_wrap .order_con .order_con_list{ overflow:hidden}
.order_con_wrap .order_con .order_con_list > li{ padding:10px 0; border-bottom:1px solid #ddd; clear:both; margin-bottom:-1px}
.order_con_wrap .order_con .order_con_list > li.sec{ float:left; width:50%; clear:none}
.order_con_wrap .order_con .order_con_list > li.sec.s1{ width:30%}
.order_con_wrap .order_con .order_con_list > li.sec.s2{ width:70%}
.order_con_wrap .order_con .order_con_list > li:first-child{ border-top:none;}
.order_con_wrap .order_con .order_con_list > li.sec{ float:left; width:50%}
.order_con_wrap .order_con .order_con_list .icon{ background:url(../images/inc/order_con_tit.png) no-repeat; width:7px; height:7px; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-right:5px}
.order_con_wrap .order_con .order_con_list .tit{ float:left; font-size:1em; line-height:40px; color:#333; letter-spacing:-1px}
.order_con_wrap .order_con .order_con_list .con{ float:right; font-size:.875em; line-height:40px; color:#666}
.order_con_wrap .order_con .order_con_list .tt{ height:40px; font-size:.813em; color:#777}
.order_con_wrap .order_con .order_con_list .inp{ float:left; margin-left:20px}
.order_con_wrap .order_con .row_box{ height:100px; font-size:.75em; color:#666}
.order_label_tt{ font-size:.938em}

.cart_fix .cart_fix_tit{ background:#555; color:#fff; padding:15px; font-family:ns,sans-serif; font-size:1.063em; text-align:center}
.cart_fix .cart_fix_con{ background:#fff; padding:20px}
.cart_fix .cart_fix_total{ background:rgb(169, 32, 37); color:#fff; padding:15px; font-family:ns,sans-serif; font-size:1.063em; text-align:right}
.cart_fix .cart_fix_total strong{ font-size:1.313em;}

.fix_list{ font-size:0; text-align:center}
.fix_list > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:1rem; width:25%}
.fix_list > li .prod{ border-radius:10px; margin:0 5px; padding:10px 0; border:1px solid #eee; background:#aaa}
.fix_list > li .prod .tt{ background:#fff; margin:0 10px; padding:20px 10px; border-radius:10px}
.fix_list > li .prod .tt .t1{ font-weight:600; color:#666; margin-bottom:10px}
.fix_list > li .prod .tt .t2{ text-decoration:line-through; color:#999; font-size:.813em}
.fix_list > li .prod .tt .t2 storng{ font-size:1.5em}
.fix_list > li .prod .tt .t3{ color:#111; font-size:.813em}
.fix_list > li .prod .tt .t3 strong{ font-size:1.625em; font-weight:600; letter-spacing:-1px}
.fix_list > li .prod .sel{ background:#333; padding:10px; margin-top:10px}
.fix_list > li .prod .sel label{ font-weight:600;}
.fix_list > li .prod .sel label span{ color:#fff}
.fix_list > li:nth-child(1) .prod{
background: #ff5584; /* Old browsers */
background: -moz-linear-gradient(top,  #feee14 0%, #ff5584 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #feee14 0%,#ff5584 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #feee14 0%,#ff5584 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feee14', endColorstr='#ff5584',GradientType=0 ); /* IE6-9 */}
.fix_list > li:nth-child(2) .prod{
background: #2c91c7; /* Old browsers */
background: -moz-linear-gradient(top,  #63ffb5 0%, #2c91c7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #63ffb5 0%,#2c91c7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #63ffb5 0%,#2c91c7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63ffb5', endColorstr='#2c91c7',GradientType=0 ); /* IE6-9 */}
.fix_list > li:nth-child(3) .prod{
background: #a551cd; /* Old browsers */
background: -moz-linear-gradient(top,  #8be2fe 0%, #a551cd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #8be2fe 0%,#a551cd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #8be2fe 0%,#a551cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8be2fe', endColorstr='#a551cd',GradientType=0 ); /* IE6-9 */}

/*구매완료페이지*/
.fin_tit{ font-size:30px; font-family:ns; font-weight:600; color:#454545; text-align:center; margin-top:40px;}
.fin_tit span.red{ color:rgb(169, 32, 37);}
.txt_box{ border:3px solid #ddd; width:60%; padding:20px 0; margin:20px auto 0; }
.txt_box p{ text-align:center; font-size:15px; color:#666; font-weight:600; line-height:1.8;}
.txt_box p span.red{ color:#7dad2c;}

.min_con{ margin-top:20px;}

.fin_tit2{ margin:40px 0 10px 0; font-size:18px; color:#333; font-weight:600; padding-left:15px; background:url(../images/inc/tit_l_icon.jpg) no-repeat left center;}
.txt_box2{ background:#f2f2f2; padding:20px 30px;}
.txt_box2 ul li{ font-size:14px; color:#555; line-height:1.8; background:url(../images/inc/page_tit3.png) no-repeat left center; padding-left:10px; }

/*제품상세페이지*/

.view_p1{font-size:1.69em; font-weight:600; text-align:left; border-bottom:1px solid #333; color:#666; padding-bottom:7px;}
.view_t_dv{overflow:hidden; padding:44px 25px 0; margin-bottom:100px}
.l_view{float:left; width:56%;}
.r_info{float:right; width:41%; margin-left:3%}

.l_view .big_img{float:left; width:75.47%}
.l_view .big_img .border_dv{border:1px solid #ccc; text-align:center;}
.l_view .big_img .border_dv img{width:100%; max-width:484px;}
.l_view .small_img{float:left; width:23.44%; margin-left:1.09%;}
.l_view .small_img ul{}
.l_view .small_img ul li{ width:100%; margin-bottom:0.65em;  cursor:pointer;}
.l_view .small_img ul li .border_dv{border:1px solid #ccc; box-sizing:border-box; background:rgba(0, 0, 0, 0.3);}
.l_view .small_img ul li.on .border_dv{border:2px solid rgb(169, 32, 37); box-sizing:border-box; transition:0.2s; }

.r_info .prod_name_area{ margin-bottom:5px;}
.r_info .prod_name_area .p_korean{font-size:1.92em; color:#333; font-weight:600; font-family:nbgB, Sans serif; display:inline-block; *display:inline; zoom:1;}
.r_info .prod_name_area .p_eng{font-size:1.30em; color:#999; font-family:"Times New Roman", Times, serif; font-style:oblique; display:inline-block; *display:inline; zoom:1;}
.r_info .prod_ex_area{border-top:1px solid #333; border-bottom:1px solid #333; padding:25px 0;}
.r_info .prod_ex_area > p{font-size:1.07em; color:#333; line-height:22px;}
.r_info .prod_price_area{margin-top:10px;}
.r_info .prod_price_area > ul > li{padding:18px 0 7px 123px; position:relative; font-size:1.07em; color:#333; font-weight:300; border-bottom:1px solid #ddd;}
.r_info .prod_price_area > ul > li .st1{position:absolute; left:0; top:18px; color:#959595; font-size:1em; }
.r_info .prod_price_area > ul > li .st2{color:#f20; font-size:1.15em; font-weight:600; padding-right:3px;}
.r_info .prod_price_area > ul > li .a1{color:rgb(169, 32, 37); font-size:0.87em; display:block;}
.r_info .all_price{font-size:1em; color:#333; text-align:right; padding:70px 0 20px;}
.r_info .all_price .st1{padding-left:20px; padding-right:3px; font-size:1.6em; font-weight:600; color:rgb(169, 32, 37);}
.r_info .view_btn_area{font-size:0;}
.r_info .view_btn_area *{font-size:1rem;}
.r_info .view_btn_area .vol{display:inline-block; *display:inline; zoom:1; width:20%; vertical-align:middle;}
.r_info .view_btn_area .inp_l{float:left; width:75%;}
.r_info .view_btn_area .inp_r{float:left;  width:25%;}
.r_info .view_btn_area .inp_l input{border:1px solid #ccc; border-right:0;width:100%; height:40px; padding-top:1px; color:#000; text-align:center}
.r_info .view_btn_area .inp_r button{width:100%; height:22px; border:1px solid #ccc;; background:none; cursor:pointer; display:block; margin-top:-1px}
.r_info .view_btn_area .inp_r button:first-child{margin-top:0}
.r_info .view_btn_area .inp_r button:focused img{opacity:0.5;}
.r_info .view_btn_area .view_cart_btn{display:inline-block; *display:inline; zoom:1; padding-left:3px; width:38%; margin-left:2%; height:41px; border:1px solid rgb(169, 32, 37); color:rgb(169, 32, 37); background:#fff; vertical-align:middle;}
.r_info .view_btn_area .view_cart_btn:hover{color:#666; border:1px solid #666;}
.r_info .view_btn_area .view_buy_btn{display:inline-block; *display:inline; zoom:1;  padding-left:3px; width:38%; margin-left:2%; height:41px; background:rgb(169, 32, 37) url(../images/sub_mall/view_buy_btn_arr.jpg) no-repeat 76% center; border:1px solid #ff8633; color:#fff; vertical-align:middle;  transition:0.3s;}
.r_info .view_btn_area .view_buy_btn:hover{background:rgb(169, 32, 37) url(../images/sub_mall/view_buy_btn_arr.jpg) no-repeat 80% center; transition:0.3s;}

.tab_menu{width:100%; margin-bottom:30px; margin-top:30px;}
.tab_menu ul{ margin:0 25px; border-bottom:1px solid #222; height:44px; }
.tab_menu ul li{float:left; width:210px; line-height:43px; cursor:pointer;}
.tab_menu ul li:first-child .border_dv{border-left:1px solid #ccc;}
.tab_menu ul li .border_dv{border:1px solid #ccc; text-align:center; border-left:0; border-bottom:0; background:#fff; color:#bbb; font-weight:600;}
.tab_menu ul li.on .border_dv{border:1px solid #222; border-bottom:1px solid #fff;}
.tab_menu ul li.on .border_dv{color:#333; }
.cr{clear:both;}
.prod_intro,
.prod_qna,
.prod_deli{padding:0 25px; margin-bottom:80px;}


.Receipt_wrap{width:100%; margin-top:40px;}
.Receipt_wrap .p1{margin-bottom:10px;}
.Receipt_wrap .p1 .t1{ font-family:ns,sans-serif; font-size:1.313em; color:rgb(169, 32, 37)}
.Receipt_wrap .p1 .t2{  font-family:ns,sans-serif; font-size:1.313em; color:#333}
.Receipt_wrap > .wrap_idx{background:#fff;border:1px solid #ddd; }
.Receipt_wrap > .wrap_idx > .tab_idx{ padding:20px; }
.Receipt_wrap > .wrap_idx > .tab_idx > li{display:inline-block; *display:inline; zoom:1;}
.Receipt_wrap > .wrap_idx > .detail_wrap{border-top:1px solid #ddd; }
.Receipt_wrap .idx_detail{background:#fff; padding:20px; border-bottom:1px solid #999; border-top:1px dashed #999;}
.Receipt_wrap .idx_detail select{ padding:8px 20px 9px 5px; min-width:130px; font-size:0.85em!important;}
.Receipt_wrap .idx_detail_view{padding:20px ;}



@media all and (max-width:1300px) {

}
@media all and (max-width:1140px) {
}

@media all and (max-width:1023px) {

}

@media all and (max-width:768px) {

}

@media all and (max-width:320px) {

}