@charset "utf-8";
/* yeosi_unny 스타일시트 */

.c1 { color:#08aaf7;}
.c2 { color:#003857;}
.c3 { color:#767000;}
.c4 { color:#fa2828;}/*메인레드*/
.d_none { display:none;}



/*공통마진*/
.pt10 {padding-top:10px;}   .pb10 {padding-bottom:10px}    .mt10{margin-top:10px;}     .mb10{margin-bottom:10px;}
.pt20 {padding-top:20px;}   .pb20 {padding-bottom:20px}    .mt20{margin-top:20px;}     .mb20{margin-bottom:20px;}
.pt30 {padding-top:30px;}   .pb30 {padding-bottom:30px}    .mt30{margin-top:30px;}     .mb30{margin-bottom:30px;}
.pt40 {padding-top:40px;}   .pb40 {padding-bottom:40px}    .mt40{margin-top:40px;}     .mb40{margin-bottom:40px;}
.pt50 {padding-top:50px;}   .pb50 {padding-bottom:50px}    .mt50{margin-top:50px;}     .mb50{margin-bottom:50px;}
.pt60 {padding-top:60px;}   .pb60 {padding-bottom:60px}    .mt60{margin-top:60px;}     .mb60{margin-bottom:60px;}
.pt70 {padding-top:70px;}   .pb70 {padding-bottom:70px}    .mt70{margin-top:70px;}     .mb70{margin-bottom:70px;}
.pt80 {padding-top:80px;}   .pb80 {padding-bottom:80px}    .mt80{margin-top:80px;}     .mb80{margin-bottom:80px;}
.pt90 {padding-top:90px;}   .pb90 {padding-bottom:90px}    .mt90{margin-top:90px;}     .mb90{margin-bottom:90px;}
.pt100 {padding-top:100px;}   .pb100 {padding-bottom:100px}    .mt100{margin-top:100px;}     .mb100{margin-bottom:100px;}

.mt15 {margin-top:15px;} .mb15 {margin-bottom:15px;}
.mt5 {margin-top:15px;} .mb5 {margin-bottom:5px;}

/*서브 고정탭*/
.s_tab_area { width:192px; float:left;}

.s_menu { width:164px;}
.s_menu ul li {width:100%; padding-left:30px; background:#a1a1a1; border-bottom:1px solid #fff;}
.s_menu ul li a { display:block; width:100%; padding:10px 0; color:#fff;}
.s_menu ul li:hover { background:#fa2828;}

.st_cs { padding:20px 0;  width: 192px; border:1px solid #ddd; border-top:none; }
.st_title { margin-bottom:15px;}
.st_tel { margin-bottom:15px;}
.st_txt1, .st_txt2 { font-size:15px; color:#555;}
.st_txt1 { margin-bottom:10px; line-height:145%;}

.st_bank { padding:20px 0;  width: 192px; border:1px solid #ddd; border-top:none; }
.st_bt { font-size:15px; line-height:145%;}

.st_bt1 { margin-bottom:10px;}

/*서브공통*/
.s_area { min-height:1000px;}
.s_cont { float:right;  width:880px;}
.b_t, #sod_v table { border-top:2px solid #fa2828;}


/*회사소개*/
.s_title { font-size:27px; width:100%; text-align:center; border-bottom:1px solid #ddd;font-weight: 500;
padding:70px 0 10px;     letter-spacing: -0.5px;}

.s11 { background:url(/img/s11_2.jpg) no-repeat 750px;    font-size: 18px; line-height:150%;
    letter-spacing: -0.5px;}
.s11_box { font-size:18px; letter-spacing:-0.5px;  line-height:150%; overflow:hidden;}

.s11_box ul { overflow:hidden; margin:10px 0;}
.s11_box ul li { float:left; width:24.25%; margin-left:1%;background:#eaeaea;
      padding:70px 0;text-align:center; font-size:17px;}
.s11_box ul li:first-child { margin-left:0;}
.s11_box ul li img { margin-bottom:15px;}

/*오시는길*/
 .tabs { margin-top:50px;}
 
.tabs:after {
  content: "";
  display: table;
  clear: both;
}
.tabs input[type=radio] {
  display: none;
}
.tabs label {
  display: block;
  float: left;
  width: 300px;
  background-color: #fff;
  text-align: center;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: background-color 150ms ease-in-out;
  transition: background-color 150ms ease-in-out;
  border: 1px solid #ddd;
  padding:15px 0;
}
.tabs label:hover {
  background-color: white;
}
.tabs [id^="tab"]:checked + label {
  background: #fa2828;
  color: #fff;
}
 
.tab-content {
  display: none;
  float: left;
  width: 100%; margin-top: 50px;
}
 
#tab1:checked ~ #tab-content1,
#tab2:checked ~ #tab-content2, 
#tab3:checked ~ #tab-content3 {
  display: block;
}
 
.other-content {
  color: white;
}

.tab1 { margin-right:10px; margin-left: 245px;}
.map { width:99%; height:500px; border:1px solid #ddd;}

.map_txt { font-size:18px; margin:20px 0 0;}
.map_txt ul li {overflow:hidden; margin-bottom:10px; }
.mp_t1 { background:url(/img/map_ico.jpg) no-repeat left; padding-left:23px; float:left; width:8%;}
.mp_t2 { width:50%; float:left; line-height: 150%}

.map_btn { overflow:hidden; margin-top:15px;}
.map_btn ul li { float:left; width:150px; text-align:center; }
.map_btn ul li a { display:block; width:100%; padding:10px 0; color:#fff;}

.map_btn ul li:nth-child(1) { background:#3fbd00; margin-right:5px;}
.map_btn ul li:nth-child(2) { background:#069ee4;}


/*주문가이드 공통*/
.cs2 { margin-top:50px;background:url(/img/cs2_bg.jpg) no-repeat right;     padding: 45px 0;}
.cs2_txt1 {     font-size:50px;
    letter-spacing: -2px;
    line-height: 110%;
    font-weight: 300;}
.cs2_txt2 {     color: #666; font-size:20px; margin:25px 0 45px; letter-spacing: -1px; line-height: 140%}
.cs2_box ul li { width:400px; font-size:19px; background:#f1f1f1; padding:15px 20px; letter-spacing: -0.5px; margin-bottom:3px;}
.cs2_box ul li:last-child { margin-bottom:0;}
.cs2_box ul li img { margin-right:15px;}


/*주문가이드버튼*/
.cs_btn { overflow:hidden; margin:50px 0 30px; }
.cs_btn ul li { float:left; width:19.8%; 
            border-top:1px solid #ddd; border-bottom:1px solid #ddd; 
             border-left:1px solid #ddd; font-size:18px; text-align:center;}
.cs_btn ul li:last-child {  border-right:1px solid #ddd;}

.cs_btn ul li a { display:block; width:100%; padding:10px 0;}
.cs_ov a { background:#0dacf7; color:#fff;}
 
.s17_area .tab1 { margin-right:0; margin-left:0;}
.s17_area .tabs label { width:49.5%;}
 
 
 
  
 /*주문순서*/
 .cs21_box ul li { background:#f1f1f1; overflow:hidden; padding:25px 0;}
 .cs21_b1 { float:left; width:20%;text-align:center; }
 .cs21_b2 { float:left; width:70%;}
 .cs21_t1 { font-size:20px; font-weight:500; color:#154f79; margin-bottom:3px;}
 .cs21_t2 { line-height: 145%;}
 .cs21_ar { text-align:center; margin:15px 0;}


/*마감방법*/
.cs22_box { overflow:hidden;}
.cs22_box ul li {overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:55px;}
.cs22_img { width:33.3%; text-align:left; float:left;}
.cs22_txt {  float:left;}
.cs22_t1 { font-size:23px; font-weight:500; letter-spacing:-0.7px;}
.cs22_t2 { font-size:16px; line-height:145%;}
.cs22_t2 .fw500 { margin: 5px 0; font-size:18px;
    line-height: 135%;}
.cs22_t4 { font-size:16px !important;}
     
/*단가표*/
.cs2_cont .f15 { line-height:145%; color:#444;}
.cs23_top_txt { font-size:25px; letter-spacing:-1px; }
.cs23_title { font-size:23px; background:url(/img/cs23_ico.jpg) no-repeat left; font-weight: 500;
    letter-spacing: -1px; 
    padding: 5px 0 3px 37px;}


.cs23_title2 { font-size:18px; font-weight:500; margin-bottom:7px; letter-spacing:-0.5px;}

.cs23_table table {    border-spacing: 0px;
    border-collapse: collapse;}

.cs23_table table th, .cs23_table table td { border:1px solid #ddd;}
    
.cs23_table table th
{  font-weight:400; background:#999; color:#fff; padding:7px 0;text-align:center;  }
.cs23_table table td {padding:10px 0;text-align:center; font-size:15px;}

.cs23_tb1 table td:first-child { background:#f1f1f1;}
.cs23_tb1 table th:last-child { color:#f2fd5f;}
.cs23_tb1 table td:last-child { color:rgb(255, 73, 0); font-weight: 500;}

.cs23_area, .cs23_area2 { overflow:hidden;}
.cs23_area .cs23_table { float:left; width:49.5%;}
.mr1 { margin-right:1%;}
.mr2 { margin-right:1.5%;}

.cs23_area2 .cs23_table { float:left; width:32.3%;}
.cs23_txt { font-size:15px; letter-spacing:-0.5px;}

.cs22_btn { float:right; }
.cs22_btn a {     width: 250px;
    display: block;
    color: #fff;
    background: #fa2828;
    text-align: center;
    padding: 15px 0;}



/*고객센터안내*/
.s16 { background:url(/img/s16_1.jpg) no-repeat right 30px; margin:85px 0 0;}
.s16_t1 { font-size:48px; font-weight:300; letter-spacing:-4px; line-height:130%;}
.s16_t1 .fw500 { color:#0093b3;}
.s16_t2 { font-size:20px; letter-spacing:-0.5px; margin:15px 0 40px;}

.s16_tel { background:url(/img/s16_ico1.jpg) no-repeat left 5px; padding-left:80px;}
.s16_tel ul li:nth-child(2) { margin:20px 0 7px; font-size:20px;}
.s16_tel ul li:nth-child(2) img { margin-top:-6px;}

.s16_bank { font-size:18px; margin:35px 0 75px; line-height:160%;
      background:url(/img/s16_ico2.jpg) no-repeat left 5px; padding-left:80px;}
.s16_bank img { margin-bottom:10px;}


.s16_box ul li {float:left; width:16%;  margin-right:0.5%; text-align:center; }
.s16_box ul li a {width:100%; display:block; padding:120px 0 55px;}
.s16_box ul li a:hover { color:#0093b3;}

.s16_box ul li:nth-child(1) { background:url(/img/s16_box1.png) no-repeat center 53px; background-color:#f1f1f1;}
.s16_box ul li:nth-child(2) { background:url(/img/s16_box2.png) no-repeat center 53px; background-color:#f1f1f1;}
.s16_box ul li:nth-child(3) { background:url(/img/s16_box3.png) no-repeat center 53px; background-color:#f1f1f1;}
.s16_box ul li:nth-child(4) { background:url(/img/s16_box4.png) no-repeat center 53px; background-color:#f1f1f1;}
.s16_box ul li:nth-child(5) { background:url(/img/s16_box5.png) no-repeat center 53px; background-color:#f1f1f1;}
.s16_box ul li:nth-child(6) { background:url(/img/s16_box6.png) no-repeat center 53px; background-color:#f1f1f1;}

.s16_box ul li:nth-child(1):hover { background:url(/img/s16_boxov1.png) no-repeat center 53px; background-color:#effcff;}
.s16_box ul li:nth-child(2):hover { background:url(/img/s16_boxov2.png) no-repeat center 53px; background-color:#effcff;}
.s16_box ul li:nth-child(3):hover { background:url(/img/s16_boxov3.png) no-repeat center 53px; background-color:#effcff;}
.s16_box ul li:nth-child(4):hover { background:url(/img/s16_boxov4.png) no-repeat center 53px; background-color:#effcff;}
.s16_box ul li:nth-child(5):hover { background:url(/img/s16_boxov5.png) no-repeat center 53px; background-color:#effcff;}
.s16_box ul li:nth-child(6):hover { background:url(/img/s16_boxov6.png) no-repeat center 53px; background-color:#effcff;}

.s16_bank .c2 { font-size:15px; line-height:140%; }


/*게시판탭*/
.bbs_tab {text-align:center; overflow:hidden; margin:30px 0;}
.bbs_tab ul { display:inline-block;}
.bbs_tab ul li { float:left;  padding:0 15px; border-left:1px solid #999;}
.bbs_tab ul li a { display:block; width:100%;}
.bbs_tab ul li:first-child { border-left:0;} 

.bt_ov a { color:#fa2828; font-weight:500;}


/*개인결제*/
#display_pay_button .btn_submit { font-family: 'Noto Sans KR';
    padding: 0;
    height: 35px;
    width: 100px;
    font-size: 15px;
    line-height: 36px;}


/*샘플이미지*/
.s17_1 { background:url(/img/is_bg1.jpg) no-repeat top right; padding-top:50px;}
.s17_t1 { font-size: 55px;
    font-weight: 300;
    color: #222;
    line-height: 127%;
    letter-spacing: -2.5px;}
    
.s17_t1  img { margin-bottom:10px;}
.s17_t2 { font-size:23px; letter-spacing:-0.7px; color:#222;}
.bar1 { width:50px; height:2px; background:#222; margin:40px 0 30px;}


.s17_area .sf_title { font-size:27px; color:#222; letter-spacing:-0.7px; font-weight:500; margin:100px 0 30px; }

.s17_2 ul li {     padding-left: 70px;
    font-size: 20px;
    letter-spacing: -0.5px;}
.s17_2 ul li img { margin-top:20px;}
.s17_2 ul li:nth-child(1) { background:url(/img/is_n1.jpg) no-repeat left 3px; margin-bottom:50px;}
.s17_2 ul li:nth-child(2) { background:url(/img/is_n2.jpg) no-repeat left 3px;}

.s17_btn {overflow:hidden; margin-top:40px;}
.s17_btn ul li {float:left;}
.s17_btn ul li:first-child {margin-right:15px;}


/*주문하기상단*/
.info_box { overflow:hidden; padding:65px 45px; border:1px solid #ddd; border-top:2px solid #fa2828;
    background:url(/img/info_bg1.jpg) no-repeat right top; margin-bottom: 60px;}
.info_txt1 { font-size:35px; letter-spacing:-2px;}
.it1 { font-size: 50px; margin-right: 12px;
    color: #6dc900;}
.it2  { font-size: 50px; margin-right: 12px;
    color: #04b0e2;}
.info_point { background:url(/img/point_dot.jpg) no-repeat center top; }
.info_txt2 { font-size:20px; letter-spacing:-1px;     padding:10px 0 15px; font-weight:300;
    border-bottom: 1px solid #999; margin-bottom:45px;}

.info_cont {overflow:hidden;}
.info_c1 { float:left; font-size:18px;    font-size: 18px;
    letter-spacing: -0.5px;}
.info_c2 { float:right;}
.info_c1 ul li {overflow:hidden; width:645px;background:url(/img/dot_line.jpg) repeat-x bottom; padding:10px 0; letter-spacing:-0.7px;}
.info_c1 ul li:first-child { background:none;padding:0 0 10px;  color:#0088b4;}
.info_c1 ul li:first-child .i_img { width:25px;}
.info_c1 ul li:last-child { padding:10px 0 0; background:none; }
.i_img { width:40px; float:left;}

.info_c2 ul li {border:1px solid #ddd;  text-align:center; width:300px; height:112px;}
.info_c2 ul li:first-child { margin-bottom:10px; background:url(/img/ingo_btn1.gif) no-repeat center;}
.info_c2 ul li:last-child { background:url(/img/ingo_btn2.jpg) no-repeat center;}
.info_c2 ul li a { display:block; width:100%; height:100%;}



.info_c2 ul li:hover { border:1px solid #fa2828;}
.info_c2 ul li:first-child:hover { background:url(/img/ingo_btn1_ov.jpg) no-repeat center;}
.info_c2 ul li:last-child:hover { background:url(/img/ingo_btn2_ov.jpg) no-repeat center;}

.i_txt { float:left;}


/*시안확인 상단*/
.info_box2 { overflow:hidden; padding:65px 45px; border:1px solid #ddd; border-top:2px solid #fa2828;
    background:url(/img/info_bg2.jpg) no-repeat right -19px;}

.info_c3 { float:left; font-size:18px;    font-size: 18px;
    letter-spacing: -0.5px;}
.info_c3 ul li {overflow:hidden; width:645px;background:url(/img/dot_line.jpg) repeat-x bottom; padding:10px 0; letter-spacing:-0.7px;}
.info_c3 ul li:last-child { background:none; padding:10px 0 0; color:#0088b4;}
.info_c3 ul li:first-child { padding:0 0 10px;}
.i_img { width:40px; float:left;}
.info_c3 ul li:nth-child(2) .it3, .info_c3 ul li:nth-child(4) .it3 { color:#666;}
.it3 { font-size:16px; letter-spacing:-0.5px;}


.info_c4 { float:right;}
.info_c4 ul li {border:1px solid #ddd;  text-align:center; width:300px; height:108px;}
.info_c4 ul li:nth-child(1) { margin-bottom:10px; background:url(/img/ingo_btn6.gif) no-repeat center;}
.info_c4 ul li:nth-child(2) { margin-bottom:10px; background:url(/img/ingo_btn3.jpg) no-repeat center;}
.info_c4 ul li:nth-child(3) { background:url(/img/ingo_btn4.jpg) no-repeat center;}
.info_c4 ul li a { display:block; width:100%; height:100%;}

.info_c4 ul li:hover {border:1px solid #fa2828;}
.info_c4 ul li:nth-child(1):hover { background:url(/img/ingo_btn6_ov.jpg) no-repeat center;}
.info_c4 ul li:nth-child(2):hover { background:url(/img/ingo_btn3_ov.jpg) no-repeat center;}
.info_c4 ul li:nth-child(3):hover { background:url(/img/ingo_btn4_ov.jpg) no-repeat center;}

/*주문하기 마우스오버*/
#wr_7_wrap td label:hover .wr_mv { display:block; }

.wr_7_1 .wr_mv {background:url(/img/wr_order_ar.png) no-repeat 60px top;}
.wr_7_2 .wr_mv {background:url(/img/wr_order_ar.png) no-repeat 175px top;}
.wr_7_3 .wr_mv {background:url(/img/wr_order_ar.png) no-repeat 325px top;}
.wr_7_4 .wr_mv {background:url(/img/wr_order_ar.png) no-repeat 395px top;}
.wr_7_5 .wr_mv {background:url(/img/wr_order_ar.png) no-repeat 480px top;}
.wr_7_6 .wr_mv {background:url(/img/wr_order_ar.png) no-repeat 565px top;}
.wr_7_7 .wr_mv {background:url(/img/wr_order_ar.png) no-repeat 690px top;}
.wr_7_8 .wr_mv {background:url(/img/wr_order_ar.png) no-repeat 250px top;}


.wr_mv {  width: 932px; margin-top: 5px; display:none; 
    position: absolute; }
.wr_mv_area {background:url(/img/wr_order_bg.jpg);    margin-top: 19px; overflow:hidden; padding:10px 0;}
.wr_mv_img { float:left;    width: 300px;
    text-align: center;}
.wr_mv_txt { float:left;width: 550px;     margin-top: 20px;}
.wrm_t1 { color:#33ffe9; font-size: 23px;
    letter-spacing: -1px;
    font-weight: 500;}
.wrm_t2 { color:#fff; font-weight: 500; margin: 7px 0 7px;
    font-size: 17px;}
.wrm_t3 { color:rgba(255, 255, 255, 0.78); font-weight:300;     font-size: 17px; line-height: 150%;
    letter-spacing: -0.3px;}
.wrm_t4 { color:rgba(249, 255, 71, 0.81); font-size: 17px;     margin: 7px 0;}


/*주문조회*/
.or_view_list { overflow:hidden; background:#f1f1f1; padding:40px 60px;}
.or_view_list ul li { float:left; background:url(/img/or_view_ar.png) no-repeat right 51px; padding-right:50px; margin-right:40px;}
.or_view_list ul li:last-child { background:none; padding-right:0; margin-right:0;}
.or_view_list ul li img { opacity: 0.5; filter: alpha(opacity=50); }

.oqv_btn {    width: 300px !important;
    padding: 2px 0 !important;
    font-weight: 400 !important;
    text-align: center;
    background:#777 !important;}
.dvr_link {    background: #666;
    color: #fff !important;
    padding: 2px 7px;
    font-size: 14px;
    margin-left: 5px;}