/* 스프라이트 이미지 공통 */
.common_icon {display:inline-block;background: transparent url('../images/m_pack.png') no-repeat; background-size:320px;}

.sub_gnb {overflow:hidden; background :#114263;  background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#1971ad), to(#114263)); border-top:1px solid #114263; border-bottom:1px solid #0c1115; height:55px; text-align:center;}
.sub_gnb .title {margin-top:16px;display:inline-block; font-size:18px; color:#fff; font-weight:bold; letter-spacing:-1px;}

.sub_gnb .btn_area {overflow:hidden}
.sub_gnb .btn_area a {float:left; display:inline-block;  width:40px; padding: 16px 8px;}
.sub_gnb .btn_area .left {}
.sub_gnb .btn_area .right { float:right; margin-right:0.8rem; }

.sub_gnb .btn_area .ic_back {display:inline-block;  background-position:-110px 0;  width:40px; height:20px;}
.sub_gnb .btn_area .ic_list {display:inline-block;  background-position:-155px 0; width:40px; height:20px;}


.sub_gnb_menu {overflow:hidden}
.sub_gnb_menu .list1 { display:block; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#f4f4f4), to(#fff)); border-bottom:1px solid #d7d8d9; color:#0c0c0c;
font-size:1rem; line-height:50px; font-weight:bold; padding-left:15px}
.sub_gnb_menu .list2 { display:block; background-color:#fff; border-bottom:1px solid #d7d8d9; color:#0c0c0c; font-size:13px; line-height:40px; padding-left:25px}


/* 서브 탭 */
.sub_gnb_tab {overflow:hidden}
.sub_gnb_tab .off {display:block; float:left;  background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#494e58), to(#5a606b)); 
border-bottom:1px solid #3d424c;  text-align:center; line-height:40px; font-size:13px; color:#c9cacb; letter-spacing:-1px;}

.sub_gnb_tab .on { display:block; float:left; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#373b43), to(#4a4e56)); 
border-bottom:1px solid #3d424c;  text-align:center; line-height:40px; font-size:14px; font-weight:bold; color:#fff; letter-spacing:-1px}

.sub_gnb_tab .off1 {width:25%;}
.sub_gnb_tab .off2 {width:50%;}
.sub_gnb_tab .off3 {width:33.33333%;}

.sub_gnb_tab .on1 {width:25%;}
.sub_gnb_tab .on2 {width:50%;}
.sub_gnb_tab .on3 {width:33.33333%;}

.sub_gnb_tab .step_off { display:block; float:left; width:33.3%; background:#ebebeb; border-bottom:1px solid #d7d7d7; text-align:center; line-height:30px; font-size:12px; letter-spacing:-1px}
.sub_gnb_tab .step_on { display:block; float:left; width:33.3%; background:#686f7c; border-bottom:1px solid #5f6570;  text-align:center; line-height:30px; font-size:13px;
font-weight:bold; color:#fff;}


.sub_gnb_tab .step {border-bottom:1px solid #e4e4e4; background:#f1f3f5; text-align:center;}
.sub_gnb_tab .step img {width:100%}

/* 서브 --------------------------------------------------------------------- */
.article_area {background-color: #f4f7ff; padding:15px 15px 25px 15px;}
.article_area2 {background-color: #fff; padding:32px 16px;}
.article_area3 {background-color: #fff; padding:20px 12px;}

/* 텍스트 스타일 */
.txt0 {font-size:1.1rem; color:#383c45; font-weight:bold;}
.txt1 {font-size:0.975rem; padding-top:5px;}
.txt1 b {color:#383c45; }
.txt2 {font-size:0.975rem; color:#469ae1; padding:10px 0 5px 0; margin-top:5px;}
.txt2_1 {font-size:15px; color:#469ae1; font-weight:bold; padding-bottom:3px; margin-top:10px;}
.txt3 {font-size:0.925rem; padding-left:15px; line-height:15px;}
.txt3_1 {padding-top:5px;}
.txt4 {font-size:0.925rem; padding-top:15px; line-height:15px;}
.txt5 {font-weight:bold; color:#469ae1;}

/* 아이콘@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
.state {display:inline-block; color:#fff; width:60px; height:20px; font-weight:bold; box-sizing:border-box; }

.state_green {background:#699f00;  border:1px solid #699f00; text-align:center;}
.state_blue {background:#4d7cc2;  border:1px solid #4d7cc2; text-align:center;}
.state_light_green {background:#4db7c4;  border:1px solid #0057b9; text-align:center;}
.state_gray {background:#999999;  border:1px solid #ff6600; text-align:center;}
.state_orange {background:#fe6700;  border:1px solid #5d5d5d; text-align:center;}

.state2 {display:inline-block; color:#fff; width:35px; height:20px; font-weight:bold; box-sizing:border-box; }

.state_green {background:#699f00;  border:1px solid #699f00; text-align:center;}
.state_blue {background:#4d7cc2;  border:1px solid #4d7cc2; text-align:center;}
.state_light_green {background:#4db7c4;  border:1px solid #4db7c4; text-align:center;}
.state_gray {background:#999999;  border:1px solid #999999; text-align:center;}
.state_orange {background:#fe6700;  border:1px solid #fe6700; text-align:center;}


/* 2차계산 */
.second_sum {overflow:hidden; background:#fff; border:5px solid #e4e4e4; height:40px; padding:10px 30px; margin-bottom:20px;}
.second_sum .inner {display:inline-block; float:right;}
.second_sum .opt_box .opt_tx {font-size:15px; font-weight:bold; color:#333; margin-bottom:3px; text-align:right;}
.second_sum .opt_box .opt_price {font-size:15px; font-weight:bold; color:#999; text-align:right;}
.second_sum .opt_box .opt_price b {font-size:18px; color:#469ae1; font-family:tahoma;}
.second_sum .ic_equal {float:left; background-position:-50px 0; width:14px; height:14px; margin:10px 0 10px -30px;}



/* 버튼@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
.bottom_btn {overflow:hidden; margin:10px 0 10px 0; padding-bottom:3px;}
.bottom_btn a {width:100%;}

.bottom_btn_order {overflow:hidden; padding-bottom:3px; margin-top:15px;}
.bottom_btn_order a:first-child {width:49%; float:left;}
.bottom_btn_order a:last-child {width:49%; float:right;}
.bottom_btn_order a:only-child {width:100%;}

.bottom_btn_order input:first-child {width:49%; float:left;}
.bottom_btn_order input:last-child {width:49%; float:right;}
.bottom_btn_order input:only-child {width:100%;}

.sub_btn {display:inline-block; border:1px solid #e1e1e1; box-sizing:border-box; text-align:center; letter-spacing:-1px; color:#666; font-size:15px; padding:10px 10px; -webkit-boder-radius:3px; 
-webkit-box-shadow: 0 1px 2px #e0e0e0; background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#f0f0f0), to(#fff))}
a.sub_btn {color:#666;}
.shop_btn_c {display:inline-block; border:1px solid #3981c0; box-sizing:border-box; text-align:center; letter-spacing:-1px; color:#fff; font-size:15px; padding:10px 10px; font-weight:500; box-sizing:border-box;
-webkit-box-shadow: 0 1px 2px #e0e0e0; background:-webkit-gradient(linear, 0 100%, 0% 0%, to(#69a7dd), from(#4288c5));}
a.shop_btn_c {color:#fff;}
.shop_btn_p {display:inline-block; border:1px solid #878787; box-sizing:border-box; text-align:center; letter-spacing:-1px; color:#fff; font-size:15px; padding:10px 10px; font-weight:500; box-sizing:border-box;
-webkit-box-shadow: 0 1px 2px #e0e0e0; background:#ababab -webkit-gradient(linear, 0 100%, 0% 0%, to(#ababab), from(#767676));}
a.shop_btn_p * {color:#fff;}
.inner_btn {display:inline-block;  background:#f1f1f1; font-size:13px; letter-spacing:-1px; padding:5px 10px; border:1px solid #cecece; color:#666; text-align:center; box-sizing:border-box;
-webkit-box-shadow:inset 1px 1px 1px #fff; -webkit-border-radius:30px; -webkit-appearance:none; margin-left:5px;}


/* 가운데정렬이 필요한 버튼감싸기!!! float:left 때문에 가운데정렬이 안됨 */
.btn_line_up_center {display:inline-block; *display:inline; *zoom:1;} 

.shop_btn_pack {margin:0 2px 30px 0;display:inline-block;}
.shop_btn_pack a {display:inline-block;cursor:pointer;padding:3px 10px;	}
.shop_btn_pack input {display:inline-block; cursor:pointer; border:none; -webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; /* 모바일에서 인풋버튼 잡아주기 */}

.shop_btn_pack .height_25 {padding:0 7px; height:23px; line-height:23px; font-size:12px; font-weight:bold;}
.shop_btn_pack .height_50 {padding:0 7px; height:23px; line-height:23px; font-size:12px; font-weight:bold;}


/* 버튼 컬러 */
.shop_btn_pack .white {color:#5e5a5a!important; border:1px solid #d7d7d7!important; background:#ffffff!important;}
.shop_btn_pack .white:hover {color:#5e5a5a!important; border:1px solid #a4a4a4!important; background:#dbdbdb!important;}

.shop_btn_pack .light {color:#5b5b5b!important; border:1px solid #c2c2c2!important; background:#f3f3f3!important;}
.shop_btn_pack .light:hover {color:#fff!important; border:1px solid #808080!important; background:#aeaeae!important;}

.shop_btn_pack .dark {color:#ffffff!important; border:1px solid #575757!important; background:#767676!important;}
.shop_btn_pack .dark:hover {color:#ffffff!important; border:1px solid #000000!important; background:#2e2e2e!important;}

.shop_btn_pack .color {color:#fff!important; border:0px solid #c10b26!important; background:#ff5c29 !important; /* 변경할값 */}
.shop_btn_pack .color:hover {color:#fff!important; border:0px solid #7f0013!important; background:#b2001a!important; /* 변경할값 */}


/* 버튼 컬러 */
.shop_btn_pack .white {color:#5e5a5a!important; border:1px solid #d7d7d7!important; background:#ffffff!important;}
.shop_btn_pack .white:hover {color:#5e5a5a!important; border:1px solid #a4a4a4!important; background:#dbdbdb!important;}



/* 페이지네이트 */
.paginate {text-align:center; margin:20px 0 10px 0;}
.paginate .inner {display:inline-block;}
.paginate a {display:inline-block; padding:0 10px; height:30px; line-height:30px; border:1px solid #d1d1d1; float:left; margin:0 1px; font-family:verdana; font-size:13px; 
background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#e9e9e9), to(#fff)); -webkit-box-shadow: 0 1px 1px #d8d8d8;}

.paginate .ppre {margin-right:10px;}
.paginate .nnext {margin-left:10px;}

.paginate .on {background:#707070; border:1px solid #585858; color:#fff; -webkit-box-shadow:insert 0 3px 5px #5a5959;}

.paginate .ic_prev {background-position:-120px -30px; width:10px; height:15px; margin-top:9px;}
.paginate .ic_next {background-position:-130px -30px; width:10px; height:15px; margin-top:9px;}



/* 테이블 */
.item_table {width:100%;text-align:center}

.item_td_01 {background-color:#ebebeb; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; text-align:center; color:#383c45; font-weight:bold; padding: 5px 0 5px 0;}

.item_td_02 {padding: 5px 5px; border-top:1px solid #e3e3e3; border-right: 1px solid #d7d7d7; text-align:left; font-size:12px; border-bottom:1px solid #e3e3e3; line-height:16px;}
.item_td_02:last-child {border-right: none;}
.item_td_02_5 {background-color: #FFF; font-weight:bold; color:#469ae1; border-right:1px solid #e3e3e3;}

.item_td_03 {text-align:center}

.item_td_04 {background:#f6f6f6; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; font-weight:bold; border-right:1px solid #eaeaea; text-align:left; padding: 5px 10px; width:30%;}
.item_td_05 {background:#fff; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; text-align:left; padding: 5px 10px; line-height:15px;}





/* 의뢰현황 리스트 폼 */
.info_form_list {width:100%; margin-bottom:30px;}
.info_form_list td {padding:5px; line-height:20px;}
.info_form_list .article {width:21%; border-top:1px dashed #e6e6e6; border-bottom:1px solid #bbbbbb; background:#f6f6f6; color:#333;}
.info_form_list .conts {border-top:1px dashed #e6e6e6; border-bottom:1px solid #bbbbbb; background:#f6f6f6;}



/* 검색창 */
.board_search {text-align:center; padding:10px;}

.board_search .input_text {background:#e8e8e8; border:none; width:120px; display:inline-block; line-height:15px; height:24px; font-size:13px; color:#bfbfbf; letter-spacing:-1px; text-indent:5px;
-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; -webkit-box-shadow:inset 1px 1px 1px #b9b9b9; margin-bottom:3px;}
.board_search .select {display:inline-block; background-color:#fff; border:1px solid #c5c5c5; height:24px; width:90px; background:#fff;}



/* 의뢰현황 뷰 폼 */
.notice_box {overflow:hidden; background:#fff; border:5px solid #e4e4e4; padding:10px; margin-bottom:20px;}
.order_number {text-align:center; font-size:15px; font-weight:bold;}
.order_number b {color:#469ae1; font-family:tahoma;}

.group_tt { font-size:14px; font-weight:bold; color:#333; letter-spacing:-1px; padding-bottom:10px; border-bottom:2px solid #4f4f4f;}
.group_tt b {color:#d80f00;}

.info_form {width:100%; margin-bottom:30px;}
.info_form th, .info_form td {padding:5px 10px; border-bottom:1px solid #dedede; vertical-align:middle; line-height:20px;}
.info_form .article, .info_form th {background:#fafafa; color:#333;font-weight:normal;}
.info_form .conts,.info_form td {}

.info_form span.redbadge { background:#e10000  !important; border:0; height:28px; line-height:28px; padding:0 5px 0 5px; color:#fff !important; float:left; width:160px;text-align:center;
font-size:1em; font-weight:500;}

.estim_conts{width:100%;border-top:1px dashed #ddd;margin:20px 0 0 0;padding:10px 0 0 0;}
.estim_conts img {width:100%}



/* 견적요청 폼 */
.restSubTit {clear:both;padding:10px 0 5px 0;font-size:1em;color:#000;text-align:left;}
.restSubTit .fa{color:#000;}

.restTb {border-top:1px solid #aaa; border-left:1px solid #aaa;}
.restTb caption {line-height:0;}
.restTb tr.header th { text-align:center; background:#efefef;}
.restTb tr.header td {color:red;text-align:center;font-weight:bold;font-size:1.1em; }
.restTb th, .restTb td {margin:0; font-size:1em;font-weight:500;color:#6b6b6b; border-right:1px solid #aaa; border-bottom:1px solid #aaa; }
.restTb th {color:#265268; padding:4px 2px 4px 2px; background:url(../images/sub/th_bg.gif) 0 100% repeat-x; }
.restTb td {padding:4px 2px 4px 2px;text-align:left;}
.restTb .spc {color:#565656; background:#f2f2f2;}
.restTb .algL {text-align:left;}

.restTb .accf,.restTb .accf * {font-size:1.1em;font-weight:700;line-height:1.1em;}
.restTb th.acc {background:#ff0000 !important;color:#ffffff;}
.restTb td.acc {background:#FFE1D2  !important;color:#ff0000;}


.restTb2 {margin-bottom:10px;border-top:1px solid #aaa; border-left:1px solid #aaa;}
.restTb2 caption {line-height:0;}
.restTb2 th, .restTb2 td {margin:0; font-size:1em;font-weight:500;color:#6b6b6b; border-right:1px solid #aaa; border-bottom:1px solid #aaa;text-align:center; }
.restTb2 th {color:#265268; padding:4px 2px 4px 2px; background:#f7f7f7; }
.restTb2 td {padding:4px 2px 4px 2px;}
.restTb2 .spc {color:#565656; background:#f2f2f2;}
.restTb2 .algL {text-align:left;}

.restTb2 th.accf {font-size:1.1em;font-weight:500;}
.restTb2 td.accf,.restTb2 td.accf * {font-size:1.1em;font-weight:700;}
.restTb2 th.acc {background:#ff0000;color:#ffffff;}
.restTb2 td.acc {background:#FFE8D0;color:#ff0000;}

/*상환표요약*/
.restTb4 {margin-bottom:10px;border-top:1px solid #aaa; border-left:1px solid #aaa;}
.restTb4 caption {line-height:0;}
.restTb4 th, .restTb4 td {margin:0; font-size:1em;font-weight:500;color:#fff; border-right:1px solid #aaa; border-bottom:1px solid #aaa;text-align:center; }
.restTb4 th { padding:4px 2px 4px 2px; background:#1f497d;}
.restTb4 td {padding:4px 2px 4px 2px; background:#e26b0a;color:#fff; }
.restTb4 td span {color:#fff; }
.restTb4 .spc {color:#565656; background:#e26b0a;}
.restTb4 .algL {text-align:left;}

/*상환표*/
.restTb3 {margin-bottom:10px;border-top:1px solid #aaa; border-left:1px solid #aaa;}
.restTb3 caption {line-height:0;}
.restTb3 th, .restTb3 td {margin:0; font-size:0.7em;letter-spacing:-1px;font-weight:normal;color:#6b6b6b; border-right:1px solid #aaa; border-bottom:1px solid #aaa;text-align:center; }
.restTb3 th {color:#265268; padding:1px 1px 1px 1px; background:#f7f7f7; }
.restTb3 td {padding:0;}
.restTb3 td.spc1 {color:#ffffff; background:#1f497d;}
.restTb3 td.spc2 {color:#ffffff; background:#e26b0a;}
.restTb3 .algL {text-align:left;}


/*기간별 견적*/
.restTb5 {margin-bottom:10px;border-top:1px solid #aaa; border-left:1px solid #aaa;}
.restTb5 caption {line-height:0;}
.restTb5 th, .restTb5 td {margin:0; font-size:1em;font-weight:500;color:#6b6b6b; border-right:1px solid #aaa; border-bottom:1px solid #aaa;text-align:center;line-height:130%; }
.restTb5 th {color:#265268;padding:4px 2px 4px 2px; background:#f7f7f7; }
.restTb5 td {padding:4px 2px 4px 2px;}
.restTb5 td.spc1 {color:#ffffff; background:#1f497d;}
.restTb5 td.spc2 {color:#ffffff; background:#e26b0a;}
.restTb5 .algL {text-align:left;}

.redborder ,.redborder td,.redborder th {border:2px solid red ;}
.redborder3,.redborder3 td,.redborder3 th {border:3px solid red;}


/*견적서 디자인 타입별 선택 - 그린계열*/
.formtype-b .restTb tr.header th {background:#e9f5ec;}
.formtype-b .restTb {border-color:#060;}
.formtype-b .restTb th, .formtype-b .restTb td {color:#155724;border-color:#060;}

.formtype-b .restTb th.acc {background:#060 !important;color:#ffffff;}
.formtype-b .restTb td.acc {background:#e9f5ec  !important;color:#ff0000;}

.formtype-b .restTb2  th {background:#e9f5ec;}
.formtype-b .restTb2 {border-color:#060;}
.formtype-b .restTb2 th, .formtype-b .restTb2 td {color:#155724;border-color:#060;}

.formtype-b .restTb2 th.acc {background:#060 !important;color:#ffffff;}
.formtype-b .restTb2 td.acc {background:#e9f5ec !important;color:#ff0000;}

.formtype-b .restTb3  th {background:#e9f5ec;}
.formtype-b .restTb3 {border-color:#060;}
.formtype-b .restTb3 th, .formtype-b .restTb3 td {color:#155724;border-color:#060;}
.formtype-b .restTb3 td.spc1 {color:#ffffff; background:#3467b2;}
.formtype-b .restTb3 td.spc2 {color:#ffffff; background:#d04040;}

.formtype-b .restTb4 {border-color:#000000;}
.formtype-b .restTb4 th, .formtype-b .restTb4 td {border-color:#ffffff;}
.formtype-b .restTb4 th {background:#3467b2; }
.formtype-b .restTb4 td {background:#d04040;}

.formtype-b .restTb5  th {background:#e9f5ec;}
.formtype-b .restTb5 {border-color:#060;}
.formtype-b .restTb5 th, .formtype-b .restTb5 td {color:#155724;border-color:#060;}
.formtype-b .restTb5 td.spc2 {color:#ffffff; background:#d04040;}

.formtype-b .redborder,.formtype-b .redborder th, .formtype-b .redborder td {border:2px solid #060 !important;}
.formtype-b .redborder3,.formtype-b .redborder3 th,.formtype-b .redborder3 td {border:3px solid #060 !important;}

/*견적서 디자인 타입별 선택 - 블루계열*/
.formtype-c .restTb tr.header th {background:#e5ecf6;}
.formtype-c .restTb {border-color:#007;}
.formtype-c .restTb th, .formtype-c .restTb td {color:#305081;border-color:#007;}

.formtype-c .restTb th.acc {background:#337ab7 !important;color:#ffffff;}
.formtype-c .restTb td.acc {background:#e5ecf6  !important;color:#ff0000;}

.formtype-c .restTb2  th {background:#e5ecf6;}
.formtype-c .restTb2 {border-color:#060;}
.formtype-c .restTb2 th, .formtype-c .restTb2 td {color:#305081;border-color:#337ab7;}

.formtype-c .restTb2 th.acc {background:#337ab7 !important;color:#ffffff;}
.formtype-c .restTb2 td.acc {background:#e5ecf6 !important;color:#ff0000;}

.formtype-c .restTb3  th {background:#e5ecf6;}
.formtype-c .restTb3 {border-color:#337ab7;}
.formtype-c .restTb3 th, .formtype-c .restTb3 td {color:#305081;border-color:#337ab7;}
.formtype-c .restTb3 td.spc1 {color:#ffffff; background:#669933;}
.formtype-c .restTb3 td.spc2 {color:#ffffff; background:#cc6600;}

.formtype-c .restTb4 {border-color:#000000;}
.formtype-c .restTb4 th, .formtype-c .restTb4 td {border-color:#ffffff;}
.formtype-c .restTb4 th {background:#669933; }
.formtype-c .restTb4 td {background:#cc6600;}

.formtype-c .restTb5  th {background:#e5ecf6;}
.formtype-c .restTb5 {border-color:#337ab7;}
.formtype-c .restTb5 th, .formtype-c .restTb5 td {color:#305081;border-color:#337ab7;}
.formtype-c .restTb5 td.spc2 {color:#ffffff; background:#d04040;}

.formtype-c .redborder ,.formtype-c .redborder td,.formtype-c .redborder th{border:2px solid #2c4974 !important;}
.formtype-c .redborder3,.formtype-c .redborder3 td, .formtype-c .redborder3 th {border:3px solid #2c4974 !important;}	


.restcTb {border:0;margin:0;}
.restcTb th,.restcTb td{border-bottom:1px solid #ddd;}
.restcTb th{padding:6px 0px 6px 0px;font-size:1em;font-weight:500;color:#6b6b6b;}
.restcTb td{padding:6px 5px 6px 3px;font-size:1em;color:#6b6b6b;text-align:left;}

.restcTb tr.emp1 th{background-color:#E2E9ED;}

.restcTb tr.sbj{background-color:#325674;color:#fff !important;border:2px solid #325674;padding:6px 5px; }
.restcTb tr.sbj td {color:#fff;}

.restcTb tr.outline th:first-child, .restcTb tr.outline-t th:first-child , .restcTb tr.outline-b th:first-child{border-left:2px solid #325674;}
.restcTb tr.outline td:last-child, .restcTb tr.outline-t td:last-child , .restcTb tr.outline-b td:last-child{border-right:2px solid #325674;}
.restcTb tr.outline-t th,.restcTb tr.outline-t td{border-top:2px solid #325674;}
.restcTb tr.outline-b th,.restcTb tr.outline-b td{border-bottom:2px solid #325674;}

.restcTb th .sub{font-size:12px; font-weight:normal;}
.restcTb td .sub{font-size:12px; font-weight:normal;color:#ff0000;}


.redborder {border:2px solid red !important;}

.order {overflow:hidden; margin-top:10px;}
.order ul {width:100%;}
.order li {display:block;font-size:1.1em; letter-spacing:-1px; position:relative; margin:10px 0;}

.order .opt {position:absolute; top:50%; margin-top:-8px; color:#999;}
.order .form {display:relative;margin-left:80px;}
.order .form2 {float:right;}

.order-form input[type="text"] {background:#efefef; border:none; width:100%; line-height:15px; height:30px; font-size:13px; color:#bfbfbf; letter-spacing:-1px; text-indent:5px;
-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; -webkit-box-shadow:inset 1px 1px 1px #b9b9b9; margin-bottom:3px;}
.order-form input[type="text"]:focus {color:#333;}
.order-form input[type="text"]:disabled {text-shadow:1px 1px #fff; color:#999;}

.order-form input[type="password"] {background:#e8e8e8; border:none; width:100%;; line-height:15px; height:30px; font-size:13px; color:#bfbfbf; letter-spacing:-1px; text-indent:5px;
-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; -webkit-box-shadow:inset 1px 1px 1px #b9b9b9; margin-bottom:3px;}
.order-form input[type="password"]:focus {color:#333;}
.order-form input[type="password"]:disabled {text-shadow:1px 1px #fff; color:#999;}

.order-form input[type="radio"] ,.order input[type="checkbox"] {width:1.3em;height:1.3em; margin:0.2em;vertical-align:middle;}

.order-form .ess {color:#469ae1!important}
.order-form .spec {width:150px!important; display:inline-block!important; margin:0!important;}
.order-form .input_select {width:100%}

.order-form choice .choice {margin-left:80px; overflow:hidden; padding-top:5px;} 
.order-form .choice label {overflow:hidden;}
.order-form .choice .radio {float:left; margin-right:10px;}
.order-form .choice .radio input {float:left;}

.order-form textarea {background:#e8e8e8;  border:none; color:#469ae1; line-height:18px; height:80px; font-size:14px; letter-spacing:-1px; width:100%; text-indent:5px; padding:10px 0;
-webkit-box-shadow:inset 1px 1px 1px #b9b9b9; -webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none;}
.order-form textarea:focus {color:#333;} 

.order .agree {}
.order .agree li {margin-bottom:5px;}
.order .agree li a {margin-right:5px;}
.order .agree .inner_btn {font-size:1.1em; letter-spacing:-1px;}

.order ul.tel {position:relative;display:block;width:100%;margin:0;padding:0;clear:both;}
.order ul.tel li {float:left;display:block;margin:0 10px 0 0;width:25%;}

.order_tt2 { height:20px;font-size:14px; font-weight:bold; color:#333; letter-spacing:-1px; padding-bottom:5px; border-bottom:2px solid #4f4f4f;}
.order_tt2 b {color:#469ae1;}

#fcontroler {position:absolute;width:0;top:30%;left:100%;background:#fff;border:1px solid #555;z-index:99999;}
#fcontrolerIn {display:none;}
#fcontrolerBtn{position:fixed;width:35px;margin-left:-36px;}
#fcontrolerOpen,#fcontrolerClose,#fcontrolerReload{width:35px;text-align:center;border-radius:10px 0px 0px 10px;
-webkit-border-radius:10px 0px 0px 10px;-moz-border-radius:10px 0px 0px 10px; padding:10px 0;cursor:pointer;margin-bottom:1px;}
#fcontrolerOpen,#fcontrolerClose{background:#000;color:#fff;}
#fcontrolerReload{background:darkblue;color:#fff;}

#fcontrolerClose{display:none;}

.memo-box{clear:both;width:100%;border:1px solid #aaa;}
.memo-box > span {display:block;padding:10px;}


.step_btn{margin-top:40px;text-align:center;padding-bottom:20px;}
.step_back_btn{margin-top:20px;text-align:right;}

/* 비밀번호 입력폼 */
.pw_title {text-align:center;font-size:2em;font-weight:700;line-height:120%;}
.pw_title img {width:100%}

.pw_form {margin:10px 0 10px 0;}
.pw_form li {background:#e8e8e8; position:relative; overflow:hidden; margin-bottom:5px;
-webkit-box-shadow:inset 1px 1px 1px #b9b9b9;}
.pw_form .none_input li:first-child {margin-top:20px}
.pw_form .none_input li:last-child {margin-top:5px}

.pw_form input {background:transparent; border:none; width:100%; line-height:15px; height:30px; font-size:16px; color:#bfbfbf; display:block; text-indent:10px;
-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none;}
.pw_form input:focus {color:#333;}

.guide_tx {overflow:hidden; margin-top:5px;}
.guide_tx li {font-size:14px!important; letter-spacing:-1px; line-height:14px; padding-bottom:3px}
.guide_tx li:last-child {padding:0}





/* 공지사항 list */
.notice_list {overflow:hidden;}
.notice_list li {border-bottom:1px solid #eee; letter-spacing:-1px; font-size:1.1em; line-height:18px;}
/*.notice_list li:last-child {border-bottom:none}*/
.notice_list li a {display:block; padding:10px 0px; position:relative; padding-right:105px;}
.notice_list .title {display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%;}
.notice_list .ic_arrow {background-position:-145px -30px; width:7px; height:15px; position:absolute; top:50%; right:0; margin:-5px 10px 0 0;}
.notice_list .date {font-size:1em; color:#ccc; position:absolute; right:0; top:50%; margin:-10px 30px 0 0;}
.notice_list .icon_num {display:inline-block; background:#b1b1b1; padding:0 5px; color:#fff; border:1px solid #a4a4a4; height:20px; line-height:20px; font-size:11px; margin-right:5px; -webkit-border-radius:3px;}

/* 공지사항 view */
.board_view {overflow:hidden}

.board_view ul {border:1px solid #e1e1e1;}
.board_view li {font-size:12px; border-bottom:1px solid #e1e1e1}
.board_view li:last child {border-bottom:none}
.board_view .title {font-size:14px; color:#333; letter-spacing:-1px; font-weight:bold; padding:10px; text-align:center; line-height:16px;}

.board_view .info {font-size:11px;}
.board_view .info b {color:#000;}

.board_view .opt {display:inline-block; height:100%; width:50px; background:#eeeeee; border-right:1px solid #e1e1e1; padding:3px 10px; margin-right:5px;}

.board_view .conts {font-size:13px; padding:15px; line-height:16px}
.board_view .conts img {width:100%}


/* 프로모션 */
.promotion_list {overflow:hidden;}
.promotion_list li {border-bottom:1px solid #eee; letter-spacing:-1px; font-size:1.1em; line-height:18px;}
/*.promotion_list li:last-child {border-bottom:none}*/
.promotion_list li a {display:block; padding:10px 0px; position:relative; padding-right:105px;}
.promotion_list .title {display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%;}
.promotion_list .ic_arrow {background-position:-145px -30px; width:7px; height:15px; position:absolute; top:50%; right:0; margin:-7px 10px 0 0;}
.promotion_list .date {font-size:1em; color:#ccc; position:absolute; right:0; top:50%; margin:-10px 25px 0 0;}
.promotion_list .icon_num {display:inline-block; background:#b1b1b1; padding:0 5px; color:#fff; border:1px solid #a4a4a4; height:20px; line-height:20px; font-size:11px; margin-right:5px; -webkit-border-radius:3px;}

/* 프로모션 view */
.promotion_view {overflow:hidden}

.promotion_view ul {border:1px solid #e1e1e1;margin:0;padding:0;}
.promotion_view li {font-size:1em; border-bottom:1px solid #e1e1e1;}
.promotion_view li:last child {border-bottom:none}
.promotion_view .title {font-size:1.2em; color:#333; letter-spacing:-1px; font-weight:bold; padding:10px; text-align:center; line-height:16px;}

.promotion_view .info {font-size:1em;}
.promotion_view .info b {color:#000;}

.promotion_view .opt {display:inline-block; height:100%; width:50px; background:#eeeeee; border-right:1px solid #e1e1e1; padding:3px 10px; margin-right:5px;}

.promotion_view .conts {font-size:1.1em; padding:0px; line-height:16px}
.promotion_view .conts img {width:100%}


/* 자주묻는질문 */
.faq_list {overflow:hidden;}

.faq_list li {border-bottom:1px solid #eee; letter-spacing:-1px; font-size:14px; line-height:18px;}
.faq_list li:last-child {border-bottom:none;}
.faq_list li a {display:block; padding:10px 15px; position:relative; padding-right:60px;}

.faq_list .title {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; display:inline-block; padding-left:20px;}
.faq_list .open .title {color:#000;}

.faq_list .close .ic_arrow {background-position:-200px 0; width:15px; height:8px; position:absolute; top:50%; right:0; margin:-2px 10px 0 0;}
.faq_list .open .ic_arrow {background-position:-200px -10px; width:15px; height:8px; position:absolute; top:50%; right:0; margin:-2px 10px 0 0;}

.faq_list .date {font-size:11px; color:#ccc; position:absolute; right:0; top:50%; margin:-7px 30px 0 0;}

.faq_list .view_conts {background:#e1e1e1; padding:20px 15px;-webkit-box-shadow:inset 0 1px 2px #999999;}

.faq_list .icon_q {top:50%; left:10px; margin-top:-10px; position:absolute; display:inline-block; background:#ff6500; padding:0 5px; color:#fff; border:1px solid #ff6500; height:20px; line-height:20px; 
font-size:12px; font-weight:bold; -webkit-border-radius:30px;}

.faq_list .icon_a {display:inline-block; background:#009fda; padding:0 7px; color:#fff; border:1px solid #009fda; height:20px; line-height:20px; font-size:12px; font-weight:bold; margin-right:5px;
-webkit-border-radius:30px;}

.faq_list .title_view {color:#333; display:block; margin-bottom:10px; font-size:14px;}



/* 회사소개 */
.sub_vsual {text-align:center;}
.sub_vsual img {float:left; width:100%; margin-bottom:15px;}


/* 오시는 길 */
.map {text-align:center;}
.map img {float:left; width:100%; margin-bottom:15px;}

 
/* 이용약관 */
.privacy {font-size:12px; line-height:15px;}
.privacy b {font-size:15px; color:#333; letter-spacing:-1px;}





/* 푸터 --------------------------------------------------------------------- */

#footer {overflow:hidden;} 

#footer .menu {overflow:hidden; margin:0 auto; background:#d8d8d8; height:40px; text-align:center; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#d8d8d8), to(#ddd))}
#footer .menu a { height:36px; line-height:36px; color:#222; font-size:13px; letter-spacing:-1px; padding:0 5px}
#footer .menu .divi {display:inline-block; width:1px; height:10px; background:#999;}

#footer .copyright {overflow:hidden; background:#122c47; text-align:center; padding:15px 0;}

#footer .copyright .info {font-size:11px; color:#c9c9c9; letter-spacing:-1px; line-height:14px}
#footer .copyright .info b {color:#ffd800; font-weight:normal}

#footer .copyright .foot_btn {margin-top:15px;}
#footer .copyright .foot_btn a {display:inline-block; background:#fff; color:#5f5f5f; padding:5px 9px; font-size:12px; margin:0 2px; -webkit-border-radius:3px; -webkit-box-shadow: 1px 1px 1px #282727;}


/* <공통> 상태텍스트아이콘 (컬러추가해서사용가능) @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@-------------------------------*/
.shop_state_pack .badge-stat {display:inline-block; font-weight:normal; font-size:1em; color:#fff !important;  padding:3px 10px 3px 10px  !important;}

.shop_state_pack .red {background:#ff365c!important;}
.shop_state_pack .orange {background:#ff8a00!important;}
.shop_state_pack .green {background:#86ae00!important;}
.shop_state_pack .sky {background:#00a7bc!important;}
.shop_state_pack .blue {background:#0058b4!important;}
.shop_state_pack .purple {background:#8000ec!important;}
.shop_state_pack .gray {background:#474747!important;}
.shop_state_pack .lightgray {background:#aaaaaa!important;}
.shop_state_pack .darkblue {background:#114263 !important;}
.shop_state_pack .lightorange {background:#feaa2d !important;}
.shop_state_pack .lightmint {background:#41bae9 !important;}

.shop_state_pack .darksky_line {background:#2fa1d7 !important;border-bottom:3px solid #176498}
.shop_state_pack .blue_line {background:#0058b4!important;border-bottom:3px solid #8bb1c8;}
.shop_state_pack .darkblue_line {background:#17649a !important;border-bottom:3px solid #8bb1c8;}
.shop_state_pack .lightmint_line {background:#41bae9 !important;border-bottom:3px solid #8bb1c8;}
.shop_state_pack .gray_line {background:#898989!important; border-bottom:3px solid #212121;}
.shop_state_pack .orange_line {background:#ff8a00!important; border-bottom:3px solid #e10000;}
.shop_state_pack .sky_line {background:#00a7bc!important;border-bottom:3px solid #8bb1c8;}


/* <공통> 게시판 카테고리 뱃지 색상 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@-------------------------------*/
.board_cate_pack .badge-cate 
{
	display:inline-block; font-weight:normal; font-size:1em; color:#fff !important;  padding:5px 20px 5px 20px  !important;
 	border-radius:10px 10px 10px 10px ;-moz-border-radius:10px 10px 10px 10px ;-webkit-border-radius:10px 10px 10px 10px ;
 }
 
.board_cate_pack .red {background:#ff365c!important;}
.board_cate_pack .orange {background:#ff7b05!important;}
.board_cate_pack .green {background:#86ae00!important;}
.board_cate_pack .sky {background:#00a7bc!important;}
.board_cate_pack .blue {background:#0058b4!important;}
.board_cate_pack .purple {background:#8000ec!important;}
.board_cate_pack .gray {background:#474747!important;}
.board_cate_pack .lightgray {background:#aaaaaa!important;}
.board_cate_pack .darkblue {background:#114263 !important;}
.board_cate_pack .lightorange {background:#ffb506 !important;}
.board_cate_pack .lightmint {background:#41bae9 !important;}

/* 서브 탭 */
/* 탭 */
.tab_area {clear:both;position:ralative; width:100%;height:40px; background:url(../images/tab_bg_line.gif) 0 100% repeat-x;}
.tab {display:block;position:relative; padding:0; margin:0;width:100%;}
.tab li {float:left;width:35%;height:31px;overflow:hidden;text-align:center; background:#ddd;padding:0.55em 0px 0px 0px; color:#3a2000;margin-right:5px;
border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;
border-radius:10px 10px 0px 0px ;-moz-border-radius:10px 10px 0px 0px ;-webkit-border-radius:10px 10px 0px 0px ;
font-weight:500;font-size:1.2em;}
.tab li.active {color:#3a2000; background:#fff;border-bottom:0;font-weight:600;}


/* 기타 --------------------------------------------------------------------- */

.alarm_txt {color:#e10000;font-weight:500;padding:0px 0;}
.normal_txt {color:#333;font-weight:500;padding:0px 0;}
.info_txt {font-weight:500;padding:4px 0;}

.badge-box{display:inline-block;padding:4px 25px;color:#fff;}


.disnone {display:none;}

/* 로딩 */
#blackmask {position:absolute;  left:0;  top:0;  z-index:9000;  background-color:#333;  display:none;}
#loadingSign {position:absolute; left:-1000px; top:-1000px; width:130px; height:130px; z-index:9001;background:url(../images/loading_gears.gif) #fff 50% 50% no-repeat;display:none;}

/*폰트 색상*/
.fred{color:red !important;}
.fblue{color:blue !important;}
.fsky{color:#0B8FD7 !important;}
.fore{color:#fe8707 !important;}
.fwh{color:#ffffff !important;}
.fwhite{color:#ffffff !important;}
.fnavy{color:#1971ad !important;}

/*폰트 크기*/
.f11{font-size:1.1em !important;}
.f12{font-size:1.2em !important;}
.f13{font-size:1.3em !important;}
.f14{font-size:1.4em !important;}
.f15{font-size:1.5em !important;}


/* 즉시출고 게시판 목록  ----------------------------------------- */
.board_release_list { display:inline-block;clear:both;width:100%;margin:0;padding:0; background:#fff;overflow-x:hidden;}
.board_release_list li {float:left; display:inline-block; width:99%;margin:0px 0px 20px 0;border:1px solid #dadada;}
.board_release_list li span.release_thumb {display:inline-block;width:100%;height:auto; overflow:hidden;}
.board_release_list li span.release_thumb img  {width:100%;}

.board_release_list li span.release_title {display:block;float:left;width:100%;overflow:hidden;text-overflow:ellipsis;text-align:left;font-size:1.1em;font-weight:600;padding:10px 5px 0px 5px;}
.board_release_list li span.release_date {display:block;float:right;font-size:1em;font-weight:600;text-align:right;padding:0px 5px 5px 5px;}
.board_release_list li div.release_btn {clear:both;margin:0 auto;width:100%;padding:5px 0px;text-align:center !important;}
.board_release_list li div.release_btn a{margin: 0 auto;}


/* 라이트박스 메세지 */
#lightbox_message {
	position:absolute;
	display:none;
	z-index:100000;
	background:red; 
	width:97%;
	margin:0 auto;
	padding:15px 5px 15px 5px;
	overflow:hidden; 
	-moz-box-shadow: 1px 2px 25px #000000; 
	-webkit-box-shadow: 1px 2px 25px #000000; 
	box-shadow: 1px 2px 25px #000000;
	font-size:1em;
	color:#fff;
	text-align:center;

}

/* 화면 가림 */
#formmask {position:absolute;  left:0;  top:0;  z-index:9000;  background-color:#fff;  display:none;}
#dimmerf{position:absolute; width:100%;top:15%;text-align:center;color:red;font-size:1.5em;font-weight:700;line-height:140%; display:none; z-index:9001;}
#clearif{position:absolute; width:100%;top:15%;text-align:center;color:red;font-size:1.5em;font-weight:700;line-height:140%; display:none; z-index:9001;}
#reloadif{position:absolute; width:100%;top:15%;text-align:center;color:red;font-size:1.5em;font-weight:700;line-height:140%; display:none; z-index:9001;}
#save_as_form{position:absolute; width:90%;margin:0 auto;top:-200px;text-align:center;line-height:140%;z-index:9001;border:2px solid #999;border-radius:5px;background:#ffffff; display:none;font-size:16px;}
#save_as_form p{margin:20px 0 ;}

/* 이전 신청 내역 미리 보기 */
#pastmask {position:absolute; width:100%;height:100%;  left:0;  top:0;   background-color:#fff;  display:none;z-index:9999;}
#pastcontent {position:absolute; width:96%;height:auto;margin:5% 2% 0 2%;   background-color:#fff;  display:none;z-index:10000;border:1px solid #ddd;}
#pastcontent .pastmask-more{position:relative;width:98%;margin:10px auto 0 auto;text-align:right;font-size:1.2em;}
#pastcontent .pastmask-title{position:relative;width:98%;margin:50px auto 0 auto;text-align:center;color:red;font-size:1.025rem;font-weight:500;line-height:140%;}
#pastcontent .pastmask-content{position:relative;width:95%;margin:0 auto;padding:30px 0 50px 0; text-align:center;}


.text-right{text-align:right;}
.text-center{text-align:center;}
.text-left{text-align:left;}

/* 파일 첨부 */
.filebox {display:flex; justify-content:space-between; width:100%;}

.filebox input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}

.filebox label {
  display: inline-block;
  width:80px;
  padding: .5em .75em;
  color: #ff0000;
  text-align:center;
  font-size: inherit;
  font-weight: 500;
  line-height: normal;
  vertical-align: middle;
  background-color: #fdfdfd;
  cursor: pointer;
  border: 2px solid #ff0000;
  border-bottom-color: #bb0000;
  border-radius: .25em;
}

/* named upload */
.filebox .upload-name {
  display: inline-block;
  width:calc(100% - 90px);
  padding: .5em .75em;  /* label의 패딩값과 일치 */
  font-size: inherit;
  font-family: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #f5f5f5;
  border: 2px solid #ff0000;
  border-bottom-color: #bb0000;
  border-radius: .25em;
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}