/*기본정보*/
/*
@import url("layout.css");
@import url("table.css");
@import url("member.css");
*/

/*common*/
html,body {margin:0 auto; padding:0; font-size:11px; font-family: '돋움체', 'Dotum', Verdana, Arial, Sans-Serif; color:#8d8d8d;line-height:130%; height:100%;}
p, ul, ol, form, h1, h2, h3, h4, h5, dl, dt, dd, li, div, a{margin:0; padding:0}
input, textarea{margin:0; padding:0; font-size:11px; font-family: '돋움체', 'Dotum', Verdana, Arial, Sans-Serif;color:#8d8d8d;}
li{list-style:none}
td { vertical-align:top; text-align:left;}

img{border:none;}
a img{border:none;}
table{border-collapse:collapse; width:100%;}



/*링크*/
a:link{color:#8d8d8d;text-decoration:none;}
a:visited{color:#8d8d8d;text-decoration:none;}
a:active{color:#8d8d8d;text-decoration:none;}
a:hover{color:#666666;text-decoration:none;}

/* common */
.fl {float:left;}
.fr {float:right;}
.cl {clear:both;}
.vt {vertical-align:top}
.vb {vertical-align:bottom}


.png24 {
 tmp:expression(setPng24(this));  
}
.cb{clear:both;}
.mgt3{margin-top:3px;}
.mgt4{margin-top:4px;}
.mgt5{margin-top:5px;}
.mgt6{margin-top:6px;}
.mgt10{margin-top:10px;}
.mgt13{margin-top:13px;}
.mgt20{margin-top:20px;}
.mgt25{margin-top:25px;}
.mgt30{margin-top:30px;}
.mgt35{margin-top:35px;}
.mgt40{margin-top:40px;}
.mgt45{margin-top:45px;}
.mgt65{margin-top:65px;}
.pdb10{padding-bottom:10px;}
.tbold {font-weight: bold;}
.ls {letter-spacing: -0.1em;}
.pt7 {padding-top:7px;}/*2013.11.28*/
.blue3 {color:#33a2da;}/*2013.11.28*/

.ver_t{vertical-align:top;}
.ver_m{vertical-align:middle;}
.ver_b{vertical-align:bottom;}
/* align */
.al_c {text-align:center}
.al_l {text-align:left}
.al_r {text-align:right}

.f_11{font-size:11px;}
.pl30 {padding-left:30px}

.f_tahoma{font-family:tahoma;}
.dotted{border-top:1px dotted #d6d6d6;}
.input01{padding:3px;border:1px solid #d7d7d7;margin-top:-5px;}
.input02{padding:3px;border:1px solid #d7d7d7;}





/*common*/
#warp_order{ width:950px; position:relative; margin:0 auto;padding-bottom:30px;}
.tit_w1{width:950px;overflow:hidden;zoom:1;}
.tit_w1 h3{float:left;_display:inline;}
.tit_w1 h3 span{background:url('images/icon_dot1.gif') no-repeat left top;padding-left:8px;font-size:11px;color:#777;vertical-align:bottom;}
.tit_w1 div.stxt{float:left;padding-left:30px;font-size:11px;color:#666;}
.tit_w1 div.stxt span{color:#3999c1;}

.tit_w1 h3 img{vertical-align:middle;padding-right:10px;}
.tit_w1 p.rtxt{float:right;_display:inline;font-size:12px;color:#4f4f4f;font-weight:bold;margin-top:5px;}
.tit_w1 input{vertical-align:middle;margin-bottom:2px;}

.tit_w2{width:930px;overflow:hidden;zoom:1;}
.tit_w2 h4{float:left;_display:inline;padding-left:5px;font-size:11px;color:#777;font-weight:normal;}
.tit_w2 h4 span{font-size:11px;color:#3999c1;}
.tit_w2 h4  span.red{color:#c20a0a;}
.tit_w2 h4 img{vertical-align:middle;padding-right:10px;}
.tit_w2 p.rtxt{float:right;_display:inline;font-size:12px;color:#4f4f4f;}
.tit_w2 input{vertical-align:middle;margin-bottom:2px;}



.box_w1{width:950px;overflow:hidden;background:#ececec;margin-top:7px;}
.box_w2{width:930px;overflow:hidden;margin:10px;position:relative;}
.box_st1{width:930px;overflow:hidden;background:url('images/order_bg01.gif') no-repeat left top;}
.box_st1_r{width:930px;overflow:hidden;background:url('images/order_bg01_r.gif') repeat left top;}
.box_st1_b{width:930px;background:url('images/order_bottom01.gif') no-repeat left top;height:10px;}
.box_st1_t{width:930px;background:url('images/order_top01.gif') no-repeat left top;height:10px;}
.box_st2{width:930px;overflow:hidden;background:url('images/order_bg02.gif') no-repeat left top;}
.box_st2_b{width:930px;background:url('images/order_bottom02.gif') no-repeat left top;height:10px;}
.box_st3{width:930px;overflow:hidden;background:url('images/order_bg03.gif') no-repeat left top;}
.box_st4{width:930px;overflow:hidden;background:url('images/order_bg04.gif') no-repeat left top;}
.box_st5{width:930px;overflow:hidden;background:url('images/order_bg05.gif') no-repeat left top;}
.box_st6{width:930px;overflow:hidden;background:url('images/order_bg06.gif') no-repeat left top;}
.box_ste1{width:930px;overflow:hidden;background:url('images/order_bg08.gif') no-repeat left top;}
.box_ste2{width:930px;overflow:hidden;background:url('images/order_bg07.gif') no-repeat left top;}
.box_ste3{width:930px;overflow:hidden;background:url('images/order_bg09.gif') no-repeat left top;}

.box_st1_1{margin:35px 45px 10px 40px;overflow:hidden;}
.box_st1_2{margin:20px 45px 10px 40px;overflow:hidden;}
.box_st1_3{margin:30px 45px 10px 30px;overflow:hidden;}
.box_st1_4{margin:20px 45px 10px 60px;overflow:hidden;}
.box_st1_5{margin:20px 45px 10px 2px;overflow:hidden;}
.box_st1_6{margin:20px 10px 10px 20px;overflow:hidden;}
.box_st1_7{margin:20px 20px 10px 20px;overflow:hidden;position:relative;}

/* START : QR코드 추가 : 주문단 */
.qrcode *{font-family: "Noto Sans KR";}
.qrcode .qr-print label{font-size:12px;font-weight:400;line-height:normal;color:333;letter-spacing:normal;}
.qrcode .qr-field{margin-top:10px;display:none;}
.qrcode .qr-field > p{margin-bottom:6px;}
.qrcode .qr-box{display:flex;align-items:center;margin-bottom:8px;}
.qrcode .qr-box input[type='text']{width:240px;padding:0px 6px;height:26px;box-sizing:border-box;}
.qrcode .qr-box input[type='text']:read-only{background:#efefef;}
.qrcode .qr-box .later{margin-left:10px;}
.qrcode .qr-field .notice .item{position:relative;padding-left:14px;}
.qrcode .qr-field .notice .item::before{content:'※';position:absolute;left:0;}
.qrcode .qr-field .notice .item:not(:first-child){margin-top:6px;}
.qrcode .qr-tip{font-size:12px;font-weight:600;line-height:normal;color:#3999c1;text-decoration:underline;margin-top:24px;background:none;outline:none;border:none;cursor:pointer;display:block;}
.validation-chk {display: none !important;}
/* END : QR코드 추가 : 주문단*/

/* START : QR코드 추가 : 주문상세 */
.qrcode table{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.qrcode table caption{display:none;}
.qrcode table tbody th{text-align:left;vertical-align:middle;font-size:11px;font-weight:700;color:#4381b1;padding:7px 0px 8px 20px;}
.qrcode table tbody td{vertical-align:middle;padding:12px 0px;border-bottom:1px solid #e1e1e1;font-size:12px;color:#666;font-weight:400;}
.qrcode input[type="text"]{width:315px;padding:0px 12px;height:32px;box-sizing:border-box;border:1px solid #cfcfcf;}
.qrcode input[type="text"]:read-only{background:#efefef;}
.qrcode .qr-code-change{border:none;outline:none;background:none;border:1px solid #ddd; padding:7px 12px;font-size:12px;font-weight:500;color:#000;cursor:pointer;height:32px;}

/* 수정완료 상태 스타일 */
.qrcode table .qr-code-change.editing{
    border:none;
    background:#000;
    color:#fff;
}

.qrcode .qr-code-text{margin-top:12px;}
.qrcode .qr-code-text p{font-size:12px;font-weight:400;line-height:17px;color:#666;}
.qrcode .qr-code-text .qr-code-add{border:none;outline:none;background:none;font-size:12px;font-weight:500;line-height:17px;text-decoration:underline;color:#4381b1;cursor:pointer;}
.qrcode .qr-code-img{position:relative;width:90px;height:90px;}
.qrcode .qr-code-dim{position:absolute;top:0;left:0;background:rgba(0, 0, 0, 0.72);text-align:center;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;}
.qrcode .qr-code-dim p{color:#fff;font-size:12px;font-weight:400;line-height:17px;}

/* 숨김 처리 */
.qrcode .hidden {
    display: none !important;
}

/* END : QR코드 추가 : 주문상세*/

.sum_box{position:absolute;left:40px;top:418px;background:url('images/sum_bg.gif') no-repeat left top;width:246px;height:33px;overflow:hidden;text-align:left;}
.sum_box p{margin:13px 0 0 10px;color:#3999c1;font-family:Dotum;font-size:11px;}

.sum_box1{position:absolute;left:40px;top:428px;background:url('images/sum_bg.gif') no-repeat left top;width:246px;height:33px;overflow:hidden;text-align:left;}
.sum_box1 p{margin:13px 0 0 10px;color:#3999c1;font-family:Dotum;font-size:11px;}

.sum_box2{position:absolute;left:135px;top:130px;background:url('images/sum_bg1.gif') no-repeat left top;width:266px;height:33px;overflow:hidden;text-align:left;z-index:5;}
.sum_box2 p{margin:13px 0 0 7px;color:#40ada4;font-family:Dotum;font-size:11px;}

.sum_box3{width:100%;overflow:hidden;}
.sum_box3 li{float:left;}
.sum_box3 li.right{float:right;}

.ta01{border-collapse:collapse;width:100%;}
.ta01 caption{display:none;}

.ta01 .ta01_1{border-collapse:collapse;width:100%;}
.ta01 .ta01_1 caption{display:none;}
.ta01 .ta01_1 tbody th{padding-bottom:10px;}
.ta01 .ta01_1 tbody th .img01{width:117px;height:117px;border:7px solid #bfbfbf;}
.ta01 .ta01_1 tbody td{color:#666;font-weight:bold;font-family:Dotum;font-size:11px;padding-bottom:10px;}
.ta01 .ta01_1 tbody td.code{color:#07162b;font-weight:bold;font-family:Arial;font-size:18px;}
.ta01 .ta01_1 tbody td.code img{vertical-align:top;margin-left:5px;}
.ta01 .ta01_1 tbody td img{vertical-align:middle;margin-left:5px;}
.ta01 .ta01_1 tbody td select{vertical-align:middle;width:175px;}
.ta01 .ta01_1 tbody td .red{color:#c3090a;font-size:11px;font-weight:normal;}
.ta01 .ta01_1 tbody td .red strong{color:#c3090a;font-size:11px;}
.ta01 .ta01_1 tbody td  span.line{text-decoration:line-through;font-weight:normal;}
.ta01 .ta01_1 tbody td .gray{color:#666;font-size:11px;font-weight:normal;}
.ta01 .ta01_1 tbody td .blue{color:#3999c1;font-size:12px;}

.ta01 .ta01_1 tfoot td{color:#666;font-family:Dotum;font-size:11px;padding:10px 0 0 0;background:url('images/dot_bg.gif') repeat-x left top;line-height:18px;}

.text01{color:#666;font-family:Dotum;font-size:11px;line-height:18px;font-weight:normal;}
.text01 span{color:#3999c1;font-family:Dotum;font-size:11px;line-height:18px;}
.text01 span.red{color:#c20a0a;}
.text01 strong{color:#666;font-family:Dotum;font-size:11px;}

.text02{color:#666;font-family:Dotum;font-size:11px;line-height:18px;padding-bottom:5px;padding-left:15px;}

.text03{color:#666;font-family:Dotum;font-size:11px;}
.text03 strong{color:#3999c1;font-family:Dotum;font-size:11px;}
.text03 span.blue{color:#3999c1;font-family:Dotum;font-size:11px;}
.text03 input{padding:3px;border:1px solid #d7d7d7;}

.text04{color:#666;font-family:Dotum;font-size:11px;padding:3px 0 5px 0;}
.text04 img{vertical-align:middle;}
.text04 input{vertical-align:middle;margin-bottom:-3px;}

.text05{color:#666;font-family:Dotum;font-size:11px;width:100%;background:url('images/dot_bg.gif') repeat-x left bottom;padding-bottom:20px;}
.text05 span{color:#3999c1;font-family:Dotum;font-size:11px;line-height:18px;}
.text05 img{vertical-align:middle;}
.text05 input{vertical-align:middle;}

.text06{color:#666;font-family:Dotum;font-size:11px;width:100%;background:url('images/dot_bg.gif') repeat-x left top;padding-top:20px;}
.text06 span{color:#3999c1;font-family:Dotum;font-size:11px;line-height:18px;}

.text07{color:#666;font-family:Dotum;font-size:11px;width:100%;background:url('images/dot_bg.gif') repeat-x left bottom;padding-bottom:20px;margin-left:40px;}
.text07 span{color:#3999c1;font-family:Dotum;font-size:11px;line-height:18px;}
.text07 img{vertical-align:middle;}
.text07 input{vertical-align:middle;}

.text08{color:#666;font-family:Dotum;font-size:11px;}
.text08 img{vertical-align:middle;margin-bottom:-3px;}
.text08 input{vertical-align:middle;}
.text08 select{vertical-align:middle;}

.text09{color:#666;font-family:Dotum;font-size:11px;padding:2px 0 2px 0;}
.text09 img{vertical-align:middle;}
.text09 input{vertical-align:middle;}
.text09 select{vertical-align:middle;}
.text09 span{vertical-align:middle;padding-right:30px;}



.ta02{border-collapse:collapse;width:100%;}
.ta02 caption{display:none;}
.ta02 th{letter-spacing: -1px;font-weight: bold;position: relative;text-align: left;padding-left: 20px;color: #000;}
.ta02 th .mark{color: #2e5e9c;font-size: 15px;position: absolute;left: 10px;}
.ta02 td{color:#777;font-family:Dotum;font-size:11px;padding: 7px 0px;}
.ta02 td input{padding:3px;border:1px solid #d7d7d7;}
.ta02 th img{padding:1px 0 10px 0;}

.ta02 td .ex_img{border:4px solid #eaeaea;}

.ta03{border-collapse:collapse;width:100%;}
.ta03 caption{display:none;}
.ta03 td{color:#777;font-family:Dotum;font-size:11px;padding-bottom:10px;}
.ta03 th.line{background:url('images/icon_line.gif') no-repeat right 5px;padding-bottom:10px;padding-right:5px;}
.ta03 td img{vertical-align:top;margin-top:5px;}
.ta03 td img.rm5{margin-right:5px;}
.ta03 td input{vertical-align:top;}

.ta04{border-collapse:collapse;width:100%;}
.ta04 caption{display:none;}
.ta04 td{color:#777;font-family:Dotum;font-size:11px;vertical-align:middle;padding:2px 0 2px 0;}
.ta04 td p{color:#464646;font-family:Dotum;font-size:11px;}
.ta04 td span{color:#464646;font-family:Dotum;font-size:11px;padding-right:15px;}
.ta04 td span.blue{color:#3999c1;font-family:Dotum;font-size:11px;}
.ta04 td input{vertical-align:middle;}

.ta_wrap{margin-bottom: 10px;}
.ta_wrap .ta_txt{line-height: 20px;}
.ta_wrap .ta_txt span{color:#447ce2;}

/*2단계*/
.st2_box1{width:851px;height:36px;background:url('images/q_bg.gif') no-repeat left top;overflow:hidden;zoom:1;padding-bottom:25px;border-bottom:1px dotted #d6d6d6;}
.st2_box1 ul{margin:7px 20px 0 20px;overflow:hidden;zoom:1;}
.st2_box1 ul li{float:left;_display:inline;color:#252525;font-family:Dotum;font-size:12px;font-weight:bold;padding-top:3px;}
.st2_box1 ul li.right{float:right;color:#252525;font-family:Dotum;font-size:11px;font-weight:normal;padding-top:0;}
.st2_box1 ul li.right span{padding-right:10px; color:#252525;font-family:Dotum;font-size:11px;font-weight:normal;}
.st2_box1 ul li input{vertical-align:middle;margin-bottom:2px;}

.st2_box1_{width:851px;height:36px;background:url('images/q_bg.gif') no-repeat left top;overflow:hidden;zoom:1;padding-bottom:25px;}
.st2_box1_ ul{margin:7px 20px 0 20px;overflow:hidden;zoom:1;}
.st2_box1_ ul li{float:left;_display:inline;color:#252525;font-family:Dotum;font-size:12px;font-weight:bold;padding-top:3px;}
.st2_box1_ ul li.right{float:right;color:#252525;font-family:Dotum;font-size:11px;font-weight:normal;padding-top:0;}
.st2_box1_ ul li.right span{padding-right:10px; color:#252525;font-family:Dotum;font-size:11px;font-weight:normal;}
.st2_box1_ ul li input{vertical-align:middle;margin-bottom:2px;}

.st2_box1_re{width:549px;height:36px;background:url('images/q_bg1.gif') no-repeat left top;overflow:hidden;zoom:1;padding-bottom:25px;}
.st2_box1_re div{margin:7px 20px 0 20px;}
.st2_box1_re div strong{color:#3999c1;font-family:Dotum;font-size:12px;}
.st2_box1_re div input{vertical-align:middle;}
.st2_box1_re div img{vertical-align:middle;}
.st2_box1_re div span{color:#252525;padding-right:30px;}


.st2_box2{width:280px;height:310px;overflow-x:hidden;overflow-y:scroll;}
.st2_box2 ul{margin:0;}
.st2_box2 ul li{float:left;_display:inline;margin-right:10px;margin-bottom:10px;}
.st2_box2 ul li .img01{width:74px;height:72px;}
.st2_box2 ul li .txt01{width:74px;text-align:center;color:#666;font-family:Dotum;font-size:11px;font-weight:bold;}
.st2_box2 ul li input{vertical-align:middle;margin-bottom:2px;}
.st2_box2 ul li .img02{width:114px;height:114px;}
.st2_box2 ul li .txt02{width:114px;text-align:center;color:#666;font-family:Dotum;font-size:11px;font-weight:bold;}

.st2_box2_{width:280px;height:280px;overflow-x:hidden;overflow-y:scroll;margin-bottom:20px;}
.st2_box2_ ul{margin:0;}
.st2_box2_ ul li{float:left;_display:inline;margin-right:10px;margin-bottom:10px;}
.st2_box2_ ul li .img01{width:74px;height:72px;}
.st2_box2_ ul li .txt01{width:114px;text-align:center;color:#666;font-family:Dotum;font-size:11px;font-weight:bold;margin-top:3px;}
.st2_box2_ ul li input{vertical-align:middle;margin-bottom:2px;}
.st2_box2_ ul li .img02{width:114px;height:114px;}
.st2_box2_ ul li .txt02{width:114px;text-align:center;color:#666;font-family:Dotum;font-size:11px;font-weight:bold;}

.st2_box2_.free { height:142px; margin-top:10px;}

.st2_box3{background:#ececec;width:100%;}
.st2_box3 p{padding:10px 15px 7px 15px;color:#666666;font-family:Dotum;font-size:11px;}
.st2_box3 p span{color:#3999c1;font-family:Dotum;font-size:11px;}
.st2_box3 p span.red{color:#c20a0a;font-family:Dotum;font-size:11px;}


.st2_box4{width:100%;background:url('images/dot_bg.gif') repeat-x left bottom;}
.st2_box4 li{float:left;_display:inline;margin-right:20px;color:#464646;font-family:Dotum;font-size:11px;padding-bottom:10px;}
.st2_box4 li.cl1{display:block;margin-right:20px;color:#464646;font-family:Dotum;font-size:11px;padding-bottom:0;width:100%;}
.st2_box4 li.cl2{display:block;margin-right:20px;color:#464646;font-family:Dotum;font-size:11px;padding-bottom:10px;width:100%;}
.st2_box4 li input{vertical-align:middle;margin-bottom:2px;}

.st2_box4 .txt01{color:#666;font-family:Dotum;font-size:11px;padding-bottom:10px;}
.st2_box4 .txt01 span{color:#3999c1;font-family:Dotum;font-size:11px;}
.st2_box4 .txt01 span.red{color:#c20a0a;font-family:Dotum;font-size:11px;}
.st2_box4 .txt01 strong{color:#666;font-family:Dotum;font-size:11px;}

.st2_box5{width:100%;}
.st2_box5 li{float:left;_display:inline;margin-right:7px;width:90px;text-align:center;}
.st2_box5 li div{width:84px;height:83px;border:3px solid #e3e3e3;overflow:hidden;text-align:left;}
.st2_box5 li div .color_1{background-color:#000000;height:41px;}
.st2_box5 li div .txt_1{color:#000000;font-family:Dotum;font-size:11px;margin-left:5px;}

.st2_box5 li div .color_2{background-color:#4f4b4c;height:41px;}
.st2_box5 li div .txt_2{color:#4f4b4c;font-family:Dotum;font-size:11px;margin-left:5px;}

.st2_box5 li div .color_3{background-color:#969593;height:41px;}
.st2_box5 li div .txt_3{color:#969593;font-family:Dotum;font-size:11px;margin-left:5px;}

.st2_box5 li div .color_4{background-color:#582814;height:41px;}
.st2_box5 li div .txt_4{color:#582814;font-family:Dotum;font-size:11px;margin-left:5px;}

.st2_box5 li div .color_5{background-color:#1d4372;height:41px;}
.st2_box5 li div .txt_5{color:#1d4372;font-family:Dotum;font-size:11px;margin-left:5px;}

.st2_box5 li div .color_6{background-color:#a32e4b;height:41px;}
.st2_box5 li div .txt_6{color:#a32e4b;font-family:Dotum;font-size:11px;margin-left:5px;}

.st2_box6{width:547px;height:49px;background:url('images/order_codebg.gif') no-repeat left top; overflow:hidden;text-align:left;}
.st2_box6 p{margin:13px 0 0 275px;width:143px;text-align:center;font-size:14px;color:#2f99d3;font-weight:bold;line-height:22px;}

.st2_box7{width:950px;text-align:center;position:relative;height:680px;}
.st2_box7 .bg_img{position:absolute;left:10px;top:0;z-index:0;}
.st2_box7 .btn_img{position:absolute;left:295px;top:145px;z-index:5;}


/*유동적테이블확인*/
.or_list{width:100%;}
.or_list li{float:left;}
.or_list li.w140{width:140px;}
.or_list li.w120{width:120px;}
.or_list li.w115{width:115px;}
.or_list li.w110{width:110px;}
.or_list li.w50{width:50px;}
.or_list li .card{width:87px;height:113px;background:url('images/ord_img4.gif') no-repeat left top;text-align:left;}
.or_list li .card img{width:77px;height:72px;margin-top:25px;border:2px solid #636363;}

.table_st1{width:100%;border-collapse:collapse;}
.table_st1 caption{display:none;}
.table_st1 thead th{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;color:#fff;font-family:Dotum;font-size:11px;font-weight:bold;background:#7e7e7e;padding:7px 0 8px 0;}
.table_st1 thead th:first-child{border-left:0;}
.table_st1 tbody th{border-bottom:1px solid #e1e1e1;color:#4381b1;font-family:Dotum;font-size:11px;padding:7px 0 8px 0;}
.table_st1 tbody th.al_l{padding:7px 0 8px 20px;text-align:left;}

.table_st1 tbody td{border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;color:#666;font-family:Dotum;font-size:11px;padding:7px 0 8px 25px;}
.table_st1 tbody td:first-child{border-left:0;}
.table_st1 tbody td.al_c{padding:7px 0 8px 0;}
.table_st1 tbody td.al_l{padding:7px 0 8px 10px;}
.table_st1 tbody td.line{border-left:1px solid #e1e1e1;}
.table_st1 tbody td.line_none{border-left:0;}
.table_st1 tbody td .bl_b{color:#4381b1;font-weight:bold;}
.table_st1 tbody td .bl{color:#4381b1;}
.table_st1 tbody td .red{color:#c20a0a;}
.table_st1 tbody td .red2{color:#c20a0a;font-weight:bold;font-size:12px;}
.table_st1 tbody td .gray{color:#111;font-weight:bold;font-size:12px;}
.table_st1 tbody td .gray2{color:#666;font-size:11px;margin:5px 10px 5px 0;}
.table_st1 tbody td .img01{width:54px;height:54px;border:1px solid #e1e1e1;}

.table_st1 tbody td ul{margin:10px 0 5px 0;overflow:hidden;}
.table_st1 tbody td ul li{float:left;}
.table_st1 tbody td ul li.equ{font-size:18px;font-weight:bold;color:#606060;padding:0 5px 0 5px;font-family:Arial;}
.table_st1 tbody td ul li.dot_li{font-size:11px;color:#666;font-family:Dotum;background:url('images/dot_bg1.gif') no-repeat left 7px;padding-left:8px;display:block;clear:both;}

.table_st1 tbody td ul li dl{border:2px solid #8eb5d3;}
.table_st1 tbody td ul li dl dt{background:#8eb5d3;padding:5px 5px 5px 5px;text-align:center;color:#fff;font-family:Dotum;font-size:11px;font-weight:bold;}
.table_st1 tbody td ul li dl dd{background:#ededed;padding:5px 0 5px 0;text-align:center;color:#252525;font-family:Dotum;font-size:11px;}

/*추가 주문단*/
.table_st2{width:100%;border-collapse:collapse;}
.table_st2 caption{display:none;}
.table_st2 th.first{border-bottom:1px dotted #e1e1e1;}
.table_st2 td.first{border-bottom:1px dotted #e1e1e1;}
.table_st2 th{padding:15px 0 13px 0;text-align:left;}
.table_st2 th p.pic{width:114px;height:114px;position:relative;display:block;}
.table_st2 th p.pic .img1{position:absolute;left:0;top:0;z-index:1;}
.table_st2 th p.pic .icon1{position:absolute;left:78px;top:100px;z-index:2;}
.table_st2 th p.txt{width:114px;text-align:center;color:#666;font-family:Dotum;font-size:11px;margin-top:5px;font-weight:normal;}
.table_st2 th p.txt span{color:#3999c1;}

.table_st2 td{color:#666;font-family:Dotum;font-size:11px;padding:15px 0 13px 0;}
.table_st2 td ul{margin:0;overflow:hidden;}
.table_st2 td ul li{float:left;width:114px;margin-right:15px;}
.table_st2 td ul li p.pic{width:114px;height:114px;position:relative;display:block;}
.table_st2 td ul li p.pic .img1{position:absolute;left:0;top:0;z-index:1;}
.table_st2 td ul li p.pic .icon1{position:absolute;left:78px;top:100px;z-index:2;}
.table_st2 td ul li p.txt{width:114px;text-align:left;color:#666;font-family:Dotum;font-size:11px;margin-top:5px;}
.table_st2 td ul li p.txt span{color:#3999c1;}
.table_st2 td div.txt1{text-align:left;color:#666;font-family:Dotum;font-size:11px;}
.table_st2 td div.txt1 span{color:#3999c1;}
.table_st2 td div.txt1 img{margin-right:20px;}



.table_st3{width:100%;border-collapse:collapse;}
.table_st3 caption{display:none;}
.table_st3 th.first{border-bottom:1px dotted #e1e1e1;}
.table_st3 td.first{border-bottom:1px dotted #e1e1e1;}
.table_st3 th{padding:15px 0 13px 0;text-align:left;}
.table_st3 th p.pic{width:114px;height:114px;position:relative;display:block;}
.table_st3 th p.pic .img1{position:absolute;left:0;top:0;z-index:1;}
.table_st3 th p.pic .icon1{position:absolute;left:78px;top:100px;z-index:2;}
.table_st3 th p.txt{width:114px;text-align:center;color:#666;font-family:Dotum;font-size:11px;margin-top:5px;font-weight:normal;}
.table_st3 th p.txt span{color:#3999c1;}

.table_st3 td{color:#666;font-family:Dotum;font-size:11px;padding:15px 0 13px 0;}
.table_st3 td div.txt1{text-align:left;color:#666;font-family:Dotum;font-size:11px;}
.table_st3 td div.txt1 span{color:#3999c1;}
.table_st3 td div.txt1 img{margin-right:20px;}
.table_st3 tbody td ul{margin:10px 0 5px 0;overflow:hidden;}
.table_st3 tbody td ul li{float:left;}
.table_st3 tbody td ul li.equ{font-size:18px;font-weight:bold;color:#606060;padding:0 5px 0 5px;font-family:Arial;}
.table_st3 tbody td ul li.dot_li{font-size:11px;color:#666;font-family:Dotum;background:url('images/dot_bg1.gif') no-repeat left 7px;padding-left:8px;display:block;clear:both;}

.table_st3 tbody td ul li.total_w dl{border:2px solid #8eb5d3;}
.table_st3 tbody td ul li.total_w dl dt{background:#8eb5d3;padding:6px 20px;text-align:center;color:#fff;font-family:Dotum;font-size:11px;font-weight:bold;}
.table_st3 tbody td ul li.total_w dl dd{background:#ededed;padding:10px;text-align:center;color:#252525;font-family:Dotum;font-size:11px;}

.table_st3 tbody td ul li dl{border:2px solid #8eb5d3;}
.table_st3 tbody td ul li dl dt{background:#8eb5d3;padding:5px;text-align:center;color:#fff;font-family:Dotum;font-size:11px;font-weight:bold;}
.table_st3 tbody td ul li dl dd{background:#ededed;padding:5px;text-align:center;color:#252525;font-family:Dotum;font-size:11px;}
.table_st3 tbody td ul li dl dd input{padding:3px;border:1px solid #e0e0e0;}
.table_st3 tbody td ul li dl dd.bl{color:#4381b1;font-weight:bold;}
.table_st3 tbody td ul li dl dt img{margin-top:5px;}

.table_st4{width:100%;border-collapse:collapse;border-top:1px solid #b6b6b6;}
.table_st4 caption{display:none;}
.table_st4 th{border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;color:#4381b1;font-family:Dotum;font-size:11px;font-weight:normal;padding:7px 0 8px 35px;text-align:left;}
.table_st4 th:first-child{border-left:0;}
.table_st4 tbody td{border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;color:#666;font-family:Dotum;font-size:11px;padding:7px 0 8px 10px;}
.table_st4 tbody td:first-child{border-left:0;}
.table_st4 tbody td.al_c{padding:7px 0 8px 0;}
.table_st4 tbody td.al_l{padding:7px 0 8px 10px;}
.table_st4 tbody td.line{border-left:1px solid #e1e1e1;}
.table_st4 tbody td.line_none{border-left:0;}

.box_st9{width:930px;overflow:hidden;background:url('images/dot_bg.gif') repeat-x left top;padding-top:40px;text-align:center;}

.tab_w{width:100%;background:#3064af;height:34px;overflow:hidden;}
.tab_w li{float:left;}
.tab_w li a{display:block;background:url('images/order_tabbg.gif') no-repeat;}
.tab_w li a.m1{background-position:0 0;width:284px;height:34px;}
.tab_w li a.m1_on{background-position:0 -34px;width:284px;height:34px;}
.tab_w li a.m2{background-position:-284px 0;width:277px;height:34px;}
.tab_w li a.m2_on{background-position:-284px -34px;width:277px;height:34px;}

.hide_w{width:100%;overflow:hidden;border-top:1px solid #e1e1e1;}
.btn_l{text-align:right;}

.total{width:100%;overflow:hidden;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:8px 0 8px 0;text-align:right;}
.total p{font-size:12px;font-weight:bold;color:#252525;margin-right:20px;}
.total p span{font-size:12px;font-weight:bold;color:#c20a0a;padding-left:20px;}


/*약도 보여주기 */
.map_ex{padding:5px 35px 35px 35px;auto;width:400px;border:5px solid #dadada;}
.skTmapDefault{margin-left:0;width:855px}
.skTmapDesc{width:340px;padding-left:30px}
.skTmapDesc div{border-bottom:1px solid #cfcfcf;margin:20px 0 10px 15px;padding-bottom:10px;line-height:1.8em}
.skTmapDesc div p{font-weight:bold}
.skTmapDesc div label{font-weight:normal}
.skTmapDesc div span{color:red}
.skTmapDesc a{display:block;text-align:right}
#selectMap{width:330px;margin:10px auto 25px;text-align:center;border-bottom:1px solid #939393;padding-bottom:4px;color:#464646;font-weight:bold;line-height:24px}
#selectMap img{vertical-align:middle}
.map_ex .mapImg{width:400px}

/*유니세프*/
.unis_b{height:140px;}
.uni_box2_off{width:935px;margin:35px 0 0 0;overflow:hidden;zoom:1;border:5px solid #8ad3e1;padding:20px 0 20px 0;}
.uni_box2_off .sta01{margin:0 0 0 16px;width:900;border-collapse:collapse;}
.uni_box2_off .sta01 th{border-right:4px solid #f6f6f5;padding-left:10px;}
.uni_box2_off .sta01 td{padding:0 0 0 25px;}

.uni_box2_btn{width:935px;text-align:right;}

#uni_on{position:relative;z-index:20;}
.uni_box2_on{position:absolute;left:0;top:0px;width:935px;height:580px;margin:35px 0 0 0;overflow:hidden;zoom:1;border:5px solid #8ad3e1;padding:0;background:#fff;}
.uni_box2_on .sta01{margin:20px 0 20px 16px;width:900;border-collapse:collapse;}
.uni_box2_on .sta01 th{border-right:4px solid #f6f6f5;padding-left:10px;}
.uni_box2_on .sta01 td{padding:0 0 0 25px;}

.uni_box2_on .unicef_w{margin:20px 16px 0 16px;border-top:1px solid #e1e1e0;overflow:hidden;zoom:1;padding-top:30px;}
.uni_box2_on .unicef_w table{margin:15px 20px 0 20px;width:850px;border-collapse:collapse;}
.uni_box2_on .unicef_w table th{padding-bottom:10px;}
.uni_box2_on .unicef_w table th.bg{background:url('images/gray_box.gif') no-repeat left top;overflow:hidden;zoom:1;text-align:left;font-size:11px;}
.uni_box2_on .unicef_w table th.bg div{margin:10px 0 0 13px;}
.uni_box2_on .unicef_w table th.bg div p{font-size:11px;color:#686868;}

.uni_box2_on .unicef_w table td{font-size:11px;padding:0 0 0 10px;}
.uni_box2_on .unicef_w table td p{font-size:11px;}
.uni_box2_on .unicef_w table td span{margin:0 25px 0 3px;font-size:11px;}
.uni_box2_on .unicef_w table td span strong{font-size:11px;}
.uni_box2_on .unicef_w table td span.st1{margin:0 5px 0 3px;font-size:11px;}
.uni_box2_on .unicef_w table td p.red{font-size:11px;color:#c13737;margin-top:3px;}

#uni_on .uni_box2_btn{position:absolute;left:0;top:624px;width:935px;text-align:right;}


/*무료식권*/
.mealcoupon_free_a {background:url('/resources/images/common/line_dotte_3x2.png') repeat-x left top; padding-top:22px; margin-top:20px;}
.mealcoupon_free_a .st2_box3 { height:43px;}
.mealcoupon_free_a .st2_box3 p { padding:0; line-height:1;}
.mealcoupon_free_a .st2_box3 p.txt1 { padding-top:6px;color:#ef0000; font-weight:bold; margin-bottom:2px;}
.notice_fticket {position:absolute;top: 105px;left:700px;}

/* 주문완료 */
#wrap_new #contents {z-index: auto;}
a.noti {text-decoration: underline;}
.order_confirm * {font-family: "Noto Sans Kr";}
.wrap_order h4 {font-size: 24px; line-height: 28px; color:#333; letter-spacing: -0.6px;}
.wrap_order .point {color: #5e3995; font-weight: 500;}
.wrap_order .order_result { position: relative; margin-top: 72px; padding: 100px 0 40px; text-align: center; background-color: #f7f8f9; box-sizing: border-box; }
.wrap_order .order_result:after {content: ''; position: absolute; top: 40px; left: 50%; transform: translateX(-50%); width: 40px; height: 40px; background: url('https://static.barunsoncard.com/barunsonmall/order/ico_40_check.svg') no-repeat center; }
.wrap_order .order_result .confirm_title {font-weight: 600; font-size: 24px; color: #333; line-height: 35px; letter-spacing: -0.6px;}
.wrap_order .order_result .confirm_order_num {font-weight: 500; font-size: 20px; color: #333; line-height: 29px; letter-spacing: -0.5px;}
.wrap_order .order_result .confirm_order_num .point { font-size: 20px; line-height: 29px; letter-spacing: -0.5px;}
.wrap_order .order_result .confirm_text {font-weight: 400; font-size: 14px; color: #757575; line-height: 20px; letter-spacing: -0.35px;}
.wrap_order .order_result .confirm_text strong {font-weight: 500;}
.wrap_order .order_result .btn_payment {width: 180px; height: 42px; margin: 0 auto; line-height: 42px; text-align: center; background-color: #5e3995;}
.wrap_order .order_result .btn_payment a {display: block; font-weight: 500; font-size: 16px; color: #fff; }
.wrap_order .order_result .confirm_title + .confirm_order_num {margin-top: 3px;}
.wrap_order .order_result .confirm_order_num + .confirm_text {margin-top: 17px;}
.wrap_order .order_result .confirm_text + .btn_payment {margin-top: 27px;}

.wrap_order .order_info {margin-top: 44px; margin-bottom: 79px;}
.wrap_order .order_info ol {display: grid; grid-template-columns: repeat(6, 140px); grid-gap: 22px; margin-top: 30px; text-align: center;}
.wrap_order .order_info ol div {height: 140px; background: #f2eff7; border-radius: 50%;}
.wrap_order .order_info ol li {position: relative;}
.wrap_order .order_info ol li:not(:last-child):after {content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: -20px; width: 20px; height: 1px; border-bottom: 1px dashed #ddd;}
.wrap_order .order_info ol div img {margin-top: 30px;}
.wrap_order .order_info ol div p {font-size: 15px; line-height: 20px; letter-spacing: -0.38px; color:#333; font-weight: 600; margin-top: 8px;}
.wrap_order .order_info ol div p span {font-size: 15px; color:#333; font-weight: 400;}
.wrap_order .order_info ol li:first-child div p {margin-top: 4px;}

.wrap_order .order_info_text {font-size: 15px; line-height: 20px; color:#757575; letter-spacing: -0.38px; margin-top: 28px;}
.wrap_order .order_info_text:before {content: url(https://static.barunsoncard.com/barunsoncard/common/icon/ico_16_info_gray.svg); position: relative; top:2px; margin-right: 2px;}