/*@charset "utf-8";*/

body{min-width:320px;max-width:640px;}
#header{background:url(../img/header.jpg);height:40px;position:relative;}
#logo{width:100px;position:absolute;left:15px;top:12px;}
#tnb{position:absolute;right:80px;top:10px;}
#tnb *{font-size:12px;color:#97acc5;}
#tnb2{position:absolute;right:15px;top:8px;}
.tnb2_1{width:25px;height:24px;display:block;}
.tnb2_2{width:26px;height:24px;display:block;}

#srch{background:url(../img/srch_st.jpg);height:50px;position:relative;z-index:1;}
.mbody #srch{background:none;position:absolute;left:50%;top:85%;}
.srch_bg{width:300px;margin:0 auto;position:absolute;left:50%;margin-left:-150px;top:10px;}
.srch_txt{width:60px;height:17px;position:absolute;left:50%;margin-left:-150px;font-size:12px;color:white;font-weight:bold;top:16px;text-align:right;padding-right:15px;}
.srch_ip{width:175px;height:17px;position:absolute;left:50%;margin-left:-68px;top:16px;border:0;display:none;}
.srch_ip_1{display:block;}
.srch_btn{width:30px;height:30px;border:solid 1px red;position:absolute;left:50%;top:10px;margin-left:110px;background:red;filter:alpha(opacity=0);opacity:0;}

#gnb{max-width:640px;min-width:320px;width:100%;position:fixed;bottom:0px;background:#1a344d;z-index:10;text-align:center;background:url(../img/header.jpg);border-top:solid 4px white;}
#gnb>a>img{width:58px;/*margin:0px 10px;*/}

#lnb{background:#182d43;padding-top:1.5%;padding-left:15px;}
#lnb>a>img{width:23%;margin:0 .5%;}

#cont{position:relative;}
.cont{padding:0 10px;}
#footer{margin-top:50px;padding-bottom:65px;height:46px;border-top:solid 1px #e5e5e5;position:relative;}

#fnb{text-align:center;}
#fnb *{color:#1c3a59;font-weight:bold;font-size:12px;}
.fnb_bar{font-weight:normal !important;color:#cbcbcb !important;}
.fnb_ul>li{display:inline-block;margin-top:5px;}

#copy{font-size:11px;text-align:center;}

.cont_11{width:170px;position:absolute;left:17px;top:100px;}

.i1{width:100%;margin-top:35px;}

.tbl_1{border-collapse:collapse;width:100%;border:solid 1px #a5b3c2;border-left:0;border-right:0;}
.tbl_1>tbody>tr>th,
.tbl_1>tbody>tr>td{border-bottom:solid 1px #e5e5e5;padding:10px 0;}
.tbl_1>tbody>tr>.th2{vertical-align:top;font-weight:normal;}

.tbl_2{border-collapse:collapse;width:100%;}
.tbl_2>tbody>tr>td{background:url(../img/tbl2.jpg);padding:10px 0;}
.tbl_2>tbody>tr>.td1{font-weight:bold;text-align:center;}
.tbl_2>tbody>tr>.td2{text-align:left;}
.tbl_2>tbody>tr>.td3{text-align:center;}
.tbl2_tit, .tbl2_tit *{font-weight:bold;font-size:16px;}

.tbl_3{border-collapse:collapse;width:100%;}
.tbl_3 .cell{margin-right:10px;color:white;}
.tbl_3>tbody>tr>td{background:#182d43;padding:10px 0;}
.tbl_3>tbody>tr>.td1{text-align:center;vertical-align:top;}

.tbl_4{border-collapse:collapse;width:100%;background:url(../img/line_dot.jpg) repeat-x left bottom;}
.tbl_4 .cell{margin:0 10px;}
.tbl_4>tbody>tr>td{background:url(../img/line_dot.jpg) repeat-x;padding:10px 0;}
.tbl_4>tbody>tr>.td1{font-weight:bold;text-align:center;}
.tbl_4>tbody>tr>.td2{text-align:left;}
.tbl_4>tbody>tr>.td3{text-align:center;}
.tbl4_tit{font-weight:bold;}

.tbl2_price{color:#305376 !important; padding-top:10px;}
.tbl2_price img{padding-right:5px !important;}

.tbl_5{width:100%;border-collapse:collapse;}
.tbl_5>tbody>tr>th>.cell{color:#2e5784;text-align:left;padding-left:13px;background:url(../img/dot_b.jpg) no-repeat left 6px;}

.tbl_5>tbody>tr>.td1{vertical-align:top;}
.tbl_5>tbody>tr>.td1>div{margin:0 6px;}
.tbl_5>tbody>tr>.td2{vertical-align:top;}
.tbl_5>tbody>tr>.td3{vertical-align:top;}
.tbl_5>tbody>tr>.td3>div{padding:0 10px;}

.tbl_6{border-collapse:collapse;width:100%; border-top:2px solid #acbac8; border-bottom:1px solid #acbac8;}
.tbl_6 td{padding:10px 10px 5px 10px; font-size:12px !important;}
.tbl_6 td span{color:#305376 !important; font-weight:bold; font-size:12px !important;}
.tbl_6 td a{font-size:12px !important; background:url("../img/bar.gif") left 2px no-repeat; padding:0 5px; display:inline-block;}
.tbl_6 td a:first-child{background:none !important;}

/*
.mp_category{width:90%; border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding:5%; margin:15px 0;}
.mp_category ul{width:100%; overflow:hidden; padding:0; margin:0 auto;}
.mp_category ul li{list-style:none; float:left; width:50%; line-height:1.5em;}
.mp_category ul li img{vertical-align:2px; padding-right:5px;}
.mp_category ul li a{font-size:12px; text-decoration:none; color:#666666;}
*/

.mp_category{width:90%; border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding:5%; margin:15px 0;}
.mp_category ul{width:100%; padding:0; margin:0 auto;}
.mp_category ul li{list-style:none; line-height:1.5em;}
.mp_category ul li img{vertical-align:2px; padding-right:5px;}
.mp_category ul li a{font-size:12px; text-decoration:none; color:#666666;}

.mp_view_top{width:90%; border-top:3px solid #4a6887; border-bottom:3px solid #4a6887; padding:5%; margin:15px 0;}
.mp_view_top img{width:100%;}
.mpv_silde ul{ margin:0 !important; padding:0 !important;}
.mpv_silde ul li{list-style:none;}
.mpv_silde .bx-controls{display:none !important;}

.mpv_info{margin-top:15px;}
.mpv_tit{font-size:18px; font-weight:bold; margin-top:0;}
.mpv_tit img{width:7%; vertical-align:-3px;}

.mpv_top_table{border-collapse:collapse;width:100%; border-top:1px dashed #557393; margin-top:15px;}
.mpv_top_table td{font-size:13px; color:#4e4e4e; border-bottom:1px dashed #d7d7d7; padding:4% 0;}
.mpv_top_table td:first-child{color:#575757 !important; font-weight:bold; padding-left:4%;}
.mpv_top_table td .mpv_img{width:11px; padding-right:5px; vertical-align:-1px;}
.mpv_top_table td .mpv_img02{width:35px; padding-right:5px; vertical-align:-1px;}
.mpv_top_table td.mpv_f15{}
.mpv_span01{font-size:11px !important; color:#b7b7b7 !important;}
.mpv_span02{font-size:11px !important;}
.mpv_span03{color:#557393 !important; font-weight:bold;}
.mpv_span04{color:red !important;}


.mpv_top_table td.mpv_td01{padding-bottom:0 !important; padding-left:0 !important; border-bottom:none !important;}
.mobile_num_none{text-decoration:none; color:#4e4e4e;}
.sview_inp01{width:26px; border:1px solid #cccccc;}

.total_price{font-size:16px !important;}

.mpv_btn_wrap{width:100%; text-align:center; margin-top:20px;}
.mpv_btn_wrap a{display:inline-block; width:30%; height:40px; line-height:40px; color:white; font-weight:bold; text-decoration:none; font-size:14px;}
a.mpv_btn01{background:#5388a9;}
a.mpv_btn02{background:#90a993;}
a.mpv_btn03{background:#8f8f8f;}
a.mpv_btn04{background:#b4b4b4;}

.ftc_black{color:#4e4e4e !important; padding:10px;}
.mpv_delete_btn{display:block; padding-top:20px;}
.mpv_write_btn{text-align:right;}
.mpv_write_btn a{display:inline-block; width:60px; height:28px; line-height:28px; text-align:center; text-decoration:none; background:#5388a9; color:white; font-weight:bold;}

.mpv_ea_box{background:#cd0000; border:1px solid #8f0000; color:white; text-align:center; padding:3px; font-size:11px; margin-top:10px;}
.mpv_ea_box02{background:#f2f2f2; border:1px solid #67829b; padding:5px 0 5px 10px; font-size:12px; border-top:none;}
.mpv_ea_box03{background:#f2f2f2; border:1px solid #67829b; padding:5px 0 5px 10px; font-size:12px; margin-top:5px; text-align:left;}
.mpv_red{color:red !important;}

.color_select_btn{display:block; text-align:center; width:100%; height:28px; line-height:28px; color:white; font-weight:bold; text-decoration:none; background:#506c8a; font-size:12px; margin-bottom:5px;}

/* 마이페이지 */
.mpage_tab{width:100%; overflow:hidden; padding:0; border-bottom:1px solid #dad7d7; margin:20px 0 15px 0;}
.mpage_tab li{width:33.3%; float:left; list-style:none;}
.mpage_tab li a{font-size:11px; display:block; padding:8px 0 5px 0; text-decoration:none; color:#616161; text-align:center; background:#e9e9e9; border:1px solid #dad7d7;}
.mpage_tab li.on a{background:#4a6887; font-weight:bold; color:white;}

.mpage_tab01{border-collapse:collapse; width:100%; border-top:2px solid #4a6887; margin-top:10px;}
.mpage_tab01 td{border-bottom:1px solid #d7d7d7; padding:4%;}

.mptd_span_tit{font-weight:bold; color:#4a6887;}
a.order_view_btn{text-decoration:none; text-align:center; height:20px; line-height:20px; background:#f3f3f3; border:1px solid #cdcdcd; padding:0 5px; font-size:12px; display:inline-block;}
a.order_view_btn:hover{color:#444;}

.mp_over{width:100%; overflow:hidden;}
.mp_flo{float:left; width:30%;}
.mp_flo02{float:left; width:70%;}
.mp_flo03{float:left; width:75%; margin-left:5%;}

.mimg100{width:100%;}
.mgt20{margin-top:20px;}

.mp_btn_wrap{text-align:center; margin-top:15px;}
a.mp_back_btn{display:inline-block; background:#949494; text-align:center; height:28px; line-height:28px; color:white; font-weight:bold; padding:0 10px;}
a.mp_order_btn{display:inline-block; background:#2f536d; text-align:center; height:28px; line-height:28px; color:white; font-weight:bold; padding:0 10px;}
a.mp_shopping_btn{display:inline-block; background:#949494; text-align:center; height:28px; line-height:28px; color:white; font-weight:bold; padding:0 10px;}
a.mo_pur_btn{display:inline-block; background:#2f536d; text-align:center; height:20px; line-height:20px; color:white; font-weight:bold; padding:0 10px;}
a.mo_del_btn{display:inline-block; background:#949494; text-align:center; height:20px; line-height:20px; color:white; font-weight:bold; padding:0 10px;}
a.mo_change_btn{display:inline-block; background:#f3f3f3; border:1px solid #d0d0d0; text-align:center; height:20px; line-height:20px; color:#444; font-weight:bold; padding:0 10px;}

.order_view_img{width:100%; border:1px solid #dedede;}
.mp_tb{border-top:1px dashed #dedede; padding-top:5px; margin-top:5px;}
.mp_tb02{padding-top:5px; margin-top:5px;}
.mp_tb03{border-top:1px dashed #dedede; padding-top:5px; margin-top:15px;}

.delivery{background:red; color:white; font-size:12px; padding:0 5px;}

.mp_txt_po{background:#f1f1f1; font-weight:bold;}

.total_cart{font-size:15px; text-align:center; margin-top:20px;}
.total_cart span{color:red; font-weight:bold; font-size:17px;}

.point_num{font-weight:bold; color:#4a6887;}

.mnon_wrap{width:100%; overflow:hidden; margin-top:20px;}
a.mnon{display:inline-block; width:50%; float:left;}
span.color_code{color:#189aff !important; font-size:11px; display:block;}
.ot_sel{text-align:center; margin-top:20px;}

a.nonmem_btn{display:block; color:white; font-size:11px; background:#636363; text-align:center; width:100px;  margin:10px auto; padding:3px 0;}




a.magree_btn{position:absolute; right:10px; display:inline-block; border:1px solid #a6a6a6; background:#ededed; color:#404040; text-align:center; padding:2px 5px; font-size:11px;}
.agree_inp{position:absolute; right:10px;}






















.view_wrap{width:94%; margin:0 3%;}
.view01{width:100%; margin-top:40px;}
.view02{width:100%; margin-top:40px;}

.view_cont01{width:100%; word-break:break-all; word-wrap:break-word; font-size:12px;}
.view_cont01 img{width:100%;}

.view_cont02{width:100%; word-break:break-all; word-wrap:break-word; font-size:12px;}

.view_cont03{width:88%; word-break:break-all; word-wrap:break-word; font-size:12px; background:#f7f7f7; padding:6%;}

.view_cont04{width:100%; word-break:break-all; word-wrap:break-word; font-size:12px;}
.view_cont04 img{width:100%;}

.v_tab{width:100%; overflow:hidden; padding:0; border-bottom:1px solid #dad7d7;}
.v_tab li{width:25%; float:left; list-style:none;}
.v_tab li a{font-size:10px; display:block; padding:8px 0 5px 0; text-decoration:none; color:#616161; text-align:center; background:#e9e9e9; border:1px solid #dad7d7;}
.v_tab li.on a{background:#4a6887; font-weight:bold; color:white;}

a.mwrite_btn{display:inline-block; background:#658aa5; color:white; font-weight:bold; font-size:12px; text-align:center; padding:5px 10px; text-decoration:none; margin-bottom:10px;}

.code_search_wrap{margin:10px 5px; position:relative;  padding-right:110px;}
.code_search_wrap > div.code_search_bar{width:100%; min-height:68px; overflow:hidden; background:#2e5075; border-radius:5px;}
.code_search_wrap > a.code_search_btn{position:absolute; top:0; right:0; background:#2e5075 url("../img/code_search_text.gif") center 50% no-repeat; width:98px; height:100%; color:white; font-weight:bold; text-decoration:none; border-radius:5px; text-align:center; display:inline-block; vertical-align:middle;}
.code_search_wrap > a:hover{}

.code_sel{margin:10px; width:90%; height:23px; display:block; font-size:13px;}
.code_sel02{margin:0 10px 10px 10px; width:89%; height:15px;}
.code_sel03{margin:0 10px 10px 10px; width:90%; height:23px; display:block;}





.tblw{border-collapse:collapse;width:100%;border-top:solid 1px #e5e5e5;}
.tblw .cell{margin:0 10px;} 
.tblw input[type=text]{border:solid 1px #e5e5e5;}
.tblw>tbody>tr>th{background:#f8f8f8;vertical-align:top;}
.tblw>tbody>tr>td{}
.tblw>tbody>tr>th,.tblw>tbody>tr>td{border-bottom:solid 1px #e5e5e5;padding:10px 0;}

.cls_bold{	font-weight:bold;color:#2e5784;	}
.page>a{display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;border:solid 1px #dedede;color:#8f8f8f;margin:0 3px;}
.page>a.on{background:#21476e;color:white;}

.view_tit{padding:15px 10px;}
.view_cont{padding:10px 10px;border:solid 1px #e5e5e5;border-left:0;border-right:0;min-height:100px;}

.ar_left{position:absolute;left:15px;top:0px;}
.ar_right{position:absolute;right:15px;top:0px;}

.qa_a{display:none;}
.ex_1{border:solid 1px #dedede;width:80px;margin:0 10px;}
.ic_tel_st{width:50px;}

.srchst{overflow:hidden;padding:20px 5px 5px;}
.srchst_left{float:left;position:relative;}
.srchst_right{float:right;position:relative;}
.srchst_bg{width:250px;height:135px;}
.srchst_bg2{background:url(../img/srchst_bg2.jpg) repeat-x; height:45px;}
.srchst_bg_3{background:url(../img/srchst_bg_3.jpg) repeat-x; height:135px;}

.srchst_div{position:absolute;left:10px;top:10px;}

.srchst_1{width:64px;}
.srchst_2{width:72px;}
.btn_srchst{width:90px;height:35px;}
.btn_srchst2{height:135px;}
.btn_srchst_txt{position:absolute;left:34px;top:60px;width:30px;}
.cau{color:#d60000;}

.srchcl{}
.srchcl .srchst_bg{width:250px;height:45px;}
.srchcl .btn_srchst{height:45px;}
.srchcl .btn_srchst_txt{top:15px;right:6px;left:auto;}

.s33_1{width:52px;}
.s33_2{width:50px;}

.cl_div{background:url(../img/line_dot.jpg) repeat-x left bottom;padding-bottom:20px;margin-top:20px;}
.cl_div_no_line{padding-bottom:20px;margin-top:20px;}
.cl_item{width:90%;border:solid 1px #dedede;margin:0 auto;padding-bottom:70px;background:url(../img/cl_item.jpg) repeat-x #f2f2f2;position:relative;}
.cl_item_add{width:90%;border:solid 1px #dedede;margin:0 auto;padding-bottom:6px;background:url(../img/cl_item.jpg) repeat-x #f2f2f2;position:relative;}
.cl_item_1{position:absolute;left:-1px;top:-1px;}
.cl_item_2{position:absolute;right:-1px;top:-1px;}
.cl_item_3{position:absolute;left:-1px;bottom:-1px;}
.cl_item_4{position:absolute;right:-1px;bottom:-1px;}
.cl_plus{position:absolute;right:0;bottom:0;}
.cl_tit{font-size:16px;color:#2e5784;text-align:center;margin-top:5px;}
.cl_img{height:50px;margin:5px 0px; }
.cl_img_1{height:25px;position:absolute;left:0px;top:0px;width:100%;}
.cl_img_2{height:25px;position:absolute;left:0px;top:25px;width:100%}


.cl_img_31{height:17px;position:absolute;left:0px;top:0px;width:100%}
.cl_img_32{height:17px;position:absolute;left:0px;top:17px;width:100%}
.cl_img_33{height:17px;position:absolute;left:0px;top:34px;width:100%}
#pr_add{
	width:95%;
	margin:0 auto;
	text-align:center"
}

.cl_div_one .cl_img_1,
.cl_div_one .cl_img_2,
.cl_div_one .cl_plus
{display:none;}

#mi_st{background:url(../img/header.jpg);text-align:center;padding:3% 0;}
#mi_st>a>img{width:20%;margin:1.8%;}
#mi_st>a.mshop_a > img{width:91% !important;}

.mf_ul *{font-weight:bold;color:#1c3a59;}
#mfooter{background:url(../img/mfooter.jpg) repeat-x silver;padding:5px 0 20px;}

.mbody{background:silver;}

#mb{position:absolute;right:10px;top:15px;text-align:right;}
.mb_1{width:36%;display:inline-block;vertical-align:top;}
.mb_2{width:29%;display:inline-block;vertical-align:top;}

.srch_sel{position:absolute;background:#182c44;padding:10px;left:50%;top:40px;margin-left:-136px;display:none;}
.srch_sel *{font-size:12px;color:white;line-height:2em;}
.srch_sel_ul{overflow:hidden;}

#login{background:#f5f5f5;border:solid 1px #d5d5d5;position:relative;width:300px;margin:0 auto;}
.login_tbl{width:100%;border:collapse:collapse;padding:10px 0;}
.login_tbl>tbody>tr>td{text-align:center;padding:5px 0;}
.login_1{height:20px;margin-top:30px;}
.login_2{height:13px;}
.login_4{height:13px;}
.login_6{height:58px;}
.login_8{height:14px;}
#login input[type=text]{width:110px;border:solid 1px silver;height:20px;}

.e1{vertical-align:baseline;}
.s33_5{border-bottom:solid 2px #acbac8;margin:20px 5px 20px;}
.search_tab01{width:150px;}
.search_tab02{width:150px;}

.srchst_ip{display:none;}
.srchst_ip_1{display:inline;}

.tbl_e_1{}
.tbl_e_1>tbody>tr>td{padding:2px;}

.pL10{ padding-left:10px; }
.pL15{ padding-left:15px; }

.join{margin:10px;}
.join_tbl{width:100%;border-collapse:collapse;}
.join_tbl>tbody>tr>th{padding:10px 0 10px 10px;background:#f1f1f1;border:solid 1px #dedede;font-weight:normal; font-size:12px;}
.join_tbl>tbody>tr>td{padding:10px 0;padding-left:10px;border:solid 1px #dedede;}

.join input{border:solid 1px #d1d1d1;}

.addr_tbl{width:100%;border-collapse:collapse;}
.addr_tbl>thead>tr>th{background:gainsboro;border:solid 1px silver;}
.addr_tbl>tbody>tr>td{border:solid 1px silver;}

.addr2_tbl{width:90%;border-collapse:collapse;}
.addr2_tbl>thead>tr>th{background:gainsboro; }
.addr2_tbl>tbody>tr>td{font-size:11px;font-weight:bold;text-align:center;}
.addr2_tbl input[type=text]{border:solid 1px #e5e5e5;}

.scroll{position:relative;height:200px;border:solid 1px silver;}
.scroll>div{padding:10px 0px 10px 10px;}
.join_yg_agree *{vertical-align:baseline;}




@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

.m_intro{ padding:0; margin:0; font-family: 'Nanum Gothic', sans-serif;}
.m_intro{ margin:0 auto; max-width:800px;}
.m_intro #header{ padding:40px 0; background:url('/m/img/intro/intro_bg.jpg') left top; }
.m_intro #header h1{ padding:0; margin:0; }
.m_intro #header h1 img{ display:block; margin:0 auto; width:75%; max-width:300px; }

.m_intro .top_txt{ padding:30px 20px; background:url('/m/img/intro/intro_img.jpg') no-repeat center; background-size:cover; }
.m_intro .top_txt h3{ padding:0; margin:0; font-size:14px; line-height:22px; color:#fff; word-break: keep-all; word-wrap: break-word; text-align:Center; }

.m_intro .linkType{ list-style:none; padding:40px 20px; margin:0; background:url('/m/img/intro/intro_bg.jpg') left top; }
.m_intro .linkType li{ margin:0 auto 30px; text-align:center; max-width:400px; }
.m_intro .linkType li:last-child{ margin-bottom:0; }
.m_intro .linkType li img{ width:100%; }

.m_intro .linkType a{text-decoration: none; }
.m_intro .linkType li div{ position:relative; border:3px solid #ddd; transition: all 0.2s linear;}
.m_intro .linkType li span.tit{ display:block; padding:15px 0 5px; font-size:15px; color:#333; font-weight:600; }
.m_intro .linkType li span.adr { display:block; padding:0 0 10px; color:#666; font-size:12px;}
.m_intro .linkType li .linkBtn { display:block; margin:0 auto; width:130px; }
.m_intro .linkType li .linkBtn img{ width:100%; }

.m_intro .linkType:after{content:""; display:block; clear:both;}

.m_intro #footer{ margin:0; padding:20px 20px;}
.m_intro #footer address { font-size:13px; line-height:23px; letter-spacing:2px; color:#999; font-weight:600; text-align:center; font-style:inherit; }