@charset "utf-8";


/* 공통 */
.float_r{float:right !important;}

/* 기본테이블 */
/*
.leftCell  {border-left: 0 !important}
.rightCell  {border-right: 0 !important}
.textalignL {text-align:left !important} 
*/



.basictable01 {width:100%;border-top:2px solid #64ac2e; }
.basictable01 th,
.basictable01 td {border:1px solid #d8d8d8; font-size:13px; }
.basictable01 th { line-height:18px; font-weight:600;background-color:#f0f8f9;padding:6px 0; border-bottom:1px solid #c2c2c2}
.basictable01 td { line-height:18px; text-align:center; padding:7px 5px;}

.basictable02 {width:100%;border-top:2px solid #64ac2e; }
.basictable02 th,
.basictable02 td {border:1px solid #d8d8d8; font-size:13px; }
.basictable02 th { line-height:18px; font-weight:600;background-color:#f0f8f9;padding:7px 5px; border-bottom:1px solid #c2c2c2}
.basictable02 td { line-height:18px; text-align:left; padding:7px 20px;}



/* table */
table.basictable03{text-align:center;border-top:2px solid #000;border-bottom:1px solid #b5b9c4;margin: 4px 0 15px 0;font-size:14px;background:#fff;width: 100%;}
table.basictable03 :before, table.basictable03 :after{display:none;}
table.basictable03 th,table.basictable03 td{border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2}
table.basictable03 th{background-color:#f8f8f8;font-size:1.5rem;color:#272727;padding:10px 5px;font-weight:600;line-height:2.5rem;letter-spacing:-.04em}
table.basictable03 td{color:#666;padding:11px 10px;font-size:1.5rem;line-height:2.5rem;}



.inputType01 {border:1px solid #c9c9c9;width:80px;height:20px}
.inputType02 {border:1px solid #c9c9c9;width:130px;height:20px}
.inputType03 {border:1px solid #c9c9c9;width:150px;height:20px}

.borbott {border-bottom:1px solid #bbbbbb !important}
.tdpointcolor {font-size:13px;color:#067aa5; font-weight:600}



/* 기본버튼 */
.sbtnbox {border:1px solid #c8c8c8; background-color:#f1f1f1;font-size:10px; color: #6c6c6c;padding:1px 5px;border-radius:2px;text-decoration:none}
.mbtnbox {border:1px solid #c8c8c8; background-color:#f1f1f1;font-size:11px; font-weight:600;color: #6c6c6c;padding:4px 8px;border-radius:2px;text-decoration:none}
.mmbtnbox {border:1px solid #c8c8c8; background-color:#f1f1f1;font-size:12px; font-weight:600;color: #6c6c6c;padding:7px 12px;border-radius:6px;text-decoration:none}
.bbtnbox {border:1px solid #c8c8c8; background-color:#f1f1f1;font-size:14px; font-weight:600;color: #6c6c6c;padding:10px 15px;border-radius:6px;text-decoration:none}

.qubbtnbox {border:1px solid #c8c8c8;background-color:#f1f1f1;font-size: 15px;font-weight:600;color: #6c6c6c;padding: 13px 15px;text-decoration:none;display: inline-block;margin-top: 16px;}

.roundbtnbox {border:1px solid #c8c8c8; background-color:#f1f1f1;font-size:12px; font-weight:600;color: #6c6c6c;padding:7px 12px;border-radius:20px;text-decoration:none}


.blue {background-color:#539fd9 !important; border:1px solid #408cc6; color: #ffffff !important  }
.orange {background-color:#ff6215 !important; border:1px solid #e06b03; color: #ffffff !important  }
.white {background-color:#ffffff !important; border:1px solid #c5c5c5; color: #d56500 !important  }
.green {background-color: #419b81 !important;border: 1px solid #307360;color: #ffffff !important}
.black {background-color:#717171 !important; border:1px solid #666666; color: #ffffff !important}
.printbt {position:absolute; right:0px; top:55px;}




/* 사이트맵 */
.wrap_sitemap {height:620px}
.wrap_h2box {float:left;margin-left:30px;margin-bottom:20px;width:190px; border:1px solid #cccccc;letter-spacing:-0.8px }
.wrap_h2box h4 {width:100%; border-bottom:3px solid #4bc90d; background-color:#f9f9f9;font-size:20px !important; font-weight:600 !important;text-align:center;padding:10px 0 !important; margin:0 !important}
.wrap_h2box .wrap_ul {width:100%;height:290px;background:url(/assets/tasan_t/images/contents/bg_stmap.jpg)}
.wrap_h2box ul.h3 { padding:15px 0 0 15px;}
.wrap_h2box ul.h3 li {background:url(/assets/tasan_t/images/contents/schbtn_deeplist.gif) 0 10px no-repeat; padding:3px 0 3px 12px;font-size:14px;font-weight:500;color:#666666 } 
.wrap_h2box ul.h4 li {background:url(/assets/tasan_t/images/contents/blitsite_h4.gif) 0 9px no-repeat; font-size:13px;padding:1px 0 2px 10px;}


/* table */
.table_type1 table{text-align:center;border-top:2px solid #000;border-bottom:1px solid #b5b9c4;margin: 4px 0 30px 0;font-size:14px;background:#fff}
.table_type1 th,.table_type1 td{border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2}
.table_type1 th{background-color:#f8f8f8;font-size:1.5rem;color:#272727;padding:10px 5px;font-weight:600;line-height:2.5rem;letter-spacing:-.04em}
.table_type1 td{color:#666;padding:11px 10px;font-size:1.5rem;line-height:2.5rem;}

.table_type2{border-top:2px solid #222;width:100%;overflow:hidden}
.table_type2 table{text-align:center;border-bottom:1px solid #b5b9c4;margin:0px 0 30px 0;font-size:1.6rem;background:#fff}
.table_type2 th,.table_type2 td{border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2}
.table_type2 th{background-color:#f8f8f8;font-size:1.5rem;color:#222;padding:10px 5px;font-weight:700;line-height:2.5rem;letter-spacing:-.04em}
.table_type2 tbody th{font-weight:500}
.table_type2 td{color:#666;padding:11px 20px;line-height:2.8rem;font-size:1.5rem; text-align:left}

.table_type3 table{text-align:center;border-top:2px solid #000;border-bottom:1px solid #b5b9c4;font-size:14px;background:#fff}
.table_type3 th,.table_type3 td{border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2}
.table_type3 th{background-color:#f8f8f8;font-size:1.5rem;color:#272727;padding:10px 5px;font-weight:600;line-height:2.5rem;letter-spacing:-.04em}
.table_type3 td{color:#666;padding:11px 10px;font-size:1.5rem;line-height:2.5rem;vertical-align:top}

.table_type_botwrap{margin-top:10px}
.table_type_bot{border-top:2px solid #00807b;width:100%;overflow:hidden}
.table_type_bot table{text-align:center;border-bottom:1px solid #b5b9c4;font-size:1.6rem;background:#fff}
.table_type_bot th,.table_type_bot td{border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2}
.table_type_bot th{background-color:#f8f8f8;font-size:1.5rem;color:#222;padding:12px 5px;font-weight:700;line-height:2.5rem;letter-spacing:-.04em}
.table_type_bot td{color:#666;padding:11px 10px;line-height:2.5rem;font-size:1.5rem}

/* ConStyle */
.conTxt { line-height:20px; margin-bottom:30px; padding:18px 24px 20px; border:1px solid #dadada; font-size:12px; font-weight:400; color:#666666 }
.conStyle {}
.conStyle h4 {
	
    float: left;
    width: 100%;
    position: relative;
    font-size: 2.3rem;
    line-height: 3.4rem;
    padding-top: 7px;
    font-weight: 700;
    color: #000;
    letter-spacing: -.07rem;
    margin: 25px 0;
    padding-left: 50px;
    }
.conStyle h4:before{content: "";display: block;width:34px;border-top:3px solid #419b81;padding-top:15px; left:0;  position:absolute;  top:21px; margin: 0 auto;text-align: center;}
.conStyle h5 { padding:0 0 10px 0px; font-size:14px; color:#323232;font-weight:600 }
.conStyle p.txt{padding-left:15px;position:relative;margin-bottom:0px;font-size: 16px;line-height:2.6rem;color:#666;position:relative;display: inline-block;width: 100%;}
.conStyle p.txt:before{content:'';display:block;position:absolute;left:5px;top:11px;width:3px;height:3px;background-color:#666}

.conStyle .tbold {font-weight:600;color:#666666}
.conStyle .boxicon {background:url(/assets/basic/images/common/blit_gbox.gif) 6px 8px no-repeat;padding-left:21px !important}
.conStyle ul.default {padding: 10px 15px;display: inline-block;width: 100%;}
.conStyle ul.default li {font-size: 16px;padding: 0 0 7px 17px;background:url(/assets/basic/images/common/bol_list.gif) left 7px no-repeat;position:relative;  line-height:24px;}
.conStyle ul.default li:before{content:'';display:block;position:absolute;left:5px;top:10px;width: 7px;height: 1px;background-color:#666}


.conStyle ol.default2 { padding:0 0 12px 36px;}
.conStyle ol.default2 li { font-size:13px;padding:0 0 8px 0px; list-style:decimal !important}
.conStyle .scoment {padding-left:13px;color:#db503e;font-size:15px}



.sub_4dmenu{margin: 0 auto;width: 100%; box-sizing: border-box;margin-bottom: 40px; }
.sub_4dmenu ul{display: flex; width: 100%; justify-content: center; overflow:hidden;text-align:center;margin:0 auto;padding-top:1px;margin-left:1px; flex-wrap: wrap;}
.sub_4dmenu ul li{display:inline-block; flex: 0 1 auto; width: calc(100% / 5);}
.sub_4dmenu ul li a{position:relative;display:inline-block;width:100%;height:60px;margin:-1px 0 0px 0;line-height:58px;font-size:18px;color:#666;letter-spacing:-1px;border:1px solid #E6E4F1; border-left:0 !important; box-sizing:border-box}
.sub_4dmenu ul li a.blank:before{content:'';position:absolute;right: 30px;top: 23px;height:12px;background:url(/pages/cnc/img/main/icon_blank_wh.png) right -12px no-repeat;padding-right:24px}
.sub_4dmenu ul li a.blank:hover:before{background-position: right top;}
.sub_4dmenu ul li:nth-child(1) a{border-left:1px solid #ddd !important;}
.sub_4dmenu ul li:nth-child(6n) a{border-left:1px solid #ddd !important;}
.sub_4dmenu ul li a:hover,.sub_4dmenu ul li a.on{background:#383A4A;color:#fff;font-weight:500}


.tip_type1{font-size:16px;color:#389d01;font-weight:500;position:relative;margin-top:10px;padding:0 0 20px 22px;display:inline-block;line-height:22px}
.tip_type1:before{content:'';position:absolute;top:5px;left:0;display:block;background:url(/assets/basic/images/contents/tip_type1_icon.png) left top no-repeat;width:16px;height:16px}
.tip_type2{font-size:16px;color:#e42727;font-weight:500;position:relative;margin-top:10px;padding:0 0 20px 22px;display:inline-block;line-height:22px}
.tip_type2:before{content:'';position:absolute;top: 4px;left:0;display:block;background:url(/assets/basic/images/contents/tip_type2_icon.png) left top no-repeat;width:16px;height:16px}


/****** Mobile ******/
@media screen and (max-width:690px){

/* #contents_wrap .h3_butt:first-child{margin-top:0} */
/* 마우스스크롤 */
.scroll-howto-s{display:none}

/* table */
.table_type1{overflow:hidden;overflow-x:scroll !important;width:100%}
.table_type1:before{display:block;margin-bottom:10px; content:"모바일환경에서는 좌우로 스크롤하여 보실 수 있습니다.";font-weight:500;color:#d80b8c;font-size:1.3rem}
.table_type1 table{min-width:650px}


.table_type3{overflow:hidden;overflow-x:scroll !important;width:100%}
.table_type3:before{display:block;margin-bottom:10px; content:"모바일환경에서는 좌우로 스크롤하여 보실 수 있습니다.";font-weight:500;color:#d80b8c;font-size:1.3rem}
.table_type3 table{min-width:650px}

.table_type_botwrap{overflow:hidden;overflow-x:scroll !important;width:100%}
.table_type_botwrap .table_type_bot{min-width:650px}


.sub_4dmenu ul li{display:inline-block; flex: 0 1 auto; width: calc(100% / 2);}
.sub_4dmenu ul li:nth-child(3) a {border-left: 1px solid #ddd !important;}

}


/****** -------------------------- Tablet Device -------------------------- ******/
@media screen and (min-width:691px) and (max-width:899px) {

/* table */
.table_type1{overflow:hidden;overflow-x:scroll !important;width:100%}
.table_type1:before{display:block;margin-bottom:10px; content:"모바일환경에서는 좌우로 스크롤하여 보실 수 있습니다.";font-weight:500;color:#d80b8c;font-size:1.3rem}
.table_type1 table{min-width:650px}

.sub_4dmenu ul li{display:inline-block; flex: 0 1 auto; width: calc(100% / 3);}

}