#skipnavi a { display: block; position: absolute; top: 0px; left: -202px; width: 200px; height: 40px; padding: 0; border: 1px solid #dcdcdc; color: #555; font-size: 15px; background: #fff; text-align: center; line-height: 40px; font-weight: 700; z-index: 10000; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
#skipnavi a:focus { top: 0; left: 0; }

@media print {*{-webkit-print-color-adjust: exact !important}}

.fclear::after{content: "";clear: both;display: block;}
.inner{width: 1360px;margin: 0 auto;}
.mo_view{display: none!important;}

.tal{text-align: left!important;}
.tac{text-align: center!important;}
.tar{text-align: right!important;}

.flr{float: right;}

.fw100{font-weight: 100;}
.fw300{font-weight: 300;}
.fw400{font-weight: 400;}
.fw700{font-weight: 700;}
.fwe900{font-weight: 900;}

.db{display: block;}

.pointer{cursor: pointer;}

.mt0{margin-top: 0px!important;}
.mt10{margin-top: 10px!important;}
.mt20{margin-top: 20px!important;}
.mt30{margin-top: 30px!important;}
.mt40{margin-top: 40px!important;}
.mt50{margin-top: 50px!important;}
.mb0{margin-bottom: 0px!important;}
.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb50{margin-bottom: 50px!important;}
.ml0{margin-left: 0!important;}
.ml5{margin-left: 5px!important;}
.ml10{margin-left: 10px!important;}
.ml20{margin-left: 20px!important;}
.ml30{margin-left: 30px!important;}
.ml40{margin-left: 40px!important;}
.ml50{margin-left: 50px!important;}

.color_red{color: #ed3b3b!important;}
.color_yellow{color: #F0CE5B!important;}
.color_green{color: #22B24C!important;}
.color_blue{color: #1E66BE!important;}
.color_orange{color: #f66108!important;}
.color_purple{color: #9566ce!important;}

.color_o{color: #f66108!important;; font-weight: bold!important;;}
.color_b{color: #1E66BE!important;; font-weight: bold!important;;}

.board_bg_navy{background: #294e8d!important;color: #ffffff!important;}
.board_bg_blue{background: #3b6bbd!important;color: #ffffff!important;}
.bg_blue{background: #1D83CA!important;color: #ffffff!important;}
.bg_gray{background: #909bb3!important;color: #ffffff!important;}
.bg_green{color: #ffffff!important;background: #22B14E!important;}
.bg_black{color: #ffffff!important;background: #494949!important;} 
.bg_navy{color: #ffffff!important;background: #4564a1!important;}
.bg_orange{color: #ffffff!important;background: #DF5C14!important;}
.bg_purple{background: #9566ce!important;color: #ffffff!important;}
.bg_sky{background: #F1F6F8!important;}
.dwl_btn{text-align: left;font-size: 13px;background: #939393 url(../images/sub/dwl_icon.png)no-repeat;background-position: calc(100% - 12px);color: #fff;display: inline-block;box-sizing: border-box;padding: 5px 30px 5px 12px;}
.attach{text-align: left;font-size: 13px;background: #EFF0F1 url(../images/sub/attach_icon.png)no-repeat;background-position: 8px;color: #6d6d6d;display: inline-block;box-sizing: border-box;padding: 4px 10px 4px 30px;border: 1px solid #d7d7d7;}

/*
.com1{position: relative;font-size: 22px;padding-left: 20px;font-weight: 700;margin-top: 50px;margin-bottom: 15px;}
.com1::before{content: "";position: absolute;background: url(../images/sub/text1.png);width: 11px;height: 20px;left: 0;top: 8px;background-size: 100%!important;}
.com2{position: relative;font-size: 17px;padding-left: 25px;font-weight: 500;margin-left: 20px;margin-top: 20px;margin-bottom: 10px;}
.com2::before{content: "";position: absolute;background: url(../images/sub/text2.png)no-repeat;width: 17px;height: 18px;left: 0;top: 5px;background-size: 100%;}
.com3{position: relative;padding-left: 12px;margin-left: 49px;color: #4B4B4B;margin-bottom: 4px;}
.com3::before{content: "";width: 5px;height: 5px;position: absolute;left: 0;top: 10px;background: #56518B;}
 */
.com3.dot_none{padding-left: 0;}
.com3.dot_none::before{display: none;}
.com3.dot_g::before{background: #4AAF58;}
.normal{font-size: 17px;font-weight: 500;margin-top: 20px;margin-bottom: 10px;}

.com_cir li{padding-left: 10px;position: relative;}
.com_cir li::before{position: absolute;content: "";width: 4px;height: 4px;border-radius: 10px;background: #888888;left: 0;top: 10px;}
.com_cir_b{padding-left: 10px;position: relative;margin-left: 49px;line-height: 1.6;font-weight: 400;}
.com_cir_b::before{position: absolute;content: "";width: 2px;height: 2px;border-radius: 10px;background: #000;left: 0;top: 12px;}

ul.left_cir li{margin-bottom: 10px;}
ul.left_cir p{position: relative;padding-left: 12px;display: inline-block;width: 147px;font-weight: 700;vertical-align: top;}
/* ul.left_cir p::before{content: "";width: 2.5px;height: 2.5px;border-radius: 50px;position: absolute;left: 0;top: 11px;background: #000;} */
ul.left_cir span{display: inline-block;width: calc(100% - 195px);}


/*=======================================================
  u-tab
=========================================================*/
.u-tab01{margin-bottom:55px;position:relative; z-index:922;text-align:center;}
.u-tab01 ul{overflow:hidden;position:relative; }

.u-tab01 ul:after{position:absolute;left:0; top:0; width:100%;box-sizing:border-box;height:100%;border:1px solid #b7b7b7;  display:block; content:"";z-index:1;background:#f7f8f9;}
.u-tab01 ul:before{position:Absolute; right:0; top:0; width:1px; height:100%; display:block; content:"";z-index:1; background:#b7b7b7;}
.u-tab01 li{float:left;  position:relative; z-index:2}
.u-tab01 li:before{width:1px;height:100%; background:#b7b7b7; right:0; top:0; display:block; content:"";z-index:3; position:absolute;}
.u-tab01 li a{position:relative;text-align:center;box-sizing:border-box; display:block; font-weight:400; letter-spacing:-0.03em; font-size:18px; letter-spacing:-0.03em; line-height:78px;height:78px; color:#696969 ;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:0 9px; cursor:pointer;}
.u-tab01 li a:before{position:absolute;left:0; bottom:0; width:100%;z-index:-1;box-sizing:border-box;height:1px ;background:#b7b7b7;display:block; content:"";}
.u-tab01 li.active, .u-tab01 li.active:hover {z-index:6}
.u-tab01 li.active {z-index:48}
.u-tab01 li.active a{color:#fff;font-weight:500;background:#6d8c03;}

.u-tab01 .c05 li{width:20%}
.u-tab01 .c04 li{width:25%}
.u-tab01 .c04 li:nth-child(n+5){}

.u-tab01 .c03 li{width:33.33333333333%}
.u-tab01 .c02 li{width:50%}
	@media only screen and (max-width:1400px){
		.u-tab01{margin-bottom:40px;}
		.u-tab01 li a{font-size:18px; line-height:70px;height:70px;}
	}
	@media only screen and (max-width:1200px){
		.u-tab01 li a{font-size:17px; line-height:64px;height:64px;}
	}
	@media only screen and (max-width:999px){
		.u-tab01{margin-bottom:30px;}
		.u-tab01 li a{font-size:16px;line-height:57px;height:57px;}

		.u-tab01 .c05 li{width:50%}
		.u-tab01 .c04 li{width:50%}
		.u-tab01 .c03 li{width:50%}
	}
	@media only screen and (max-width:680px){
		.u-tab01 li a{font-size:15px;line-height:51px;height:51px;}
	}
	@media only screen and (max-width:480px){
		.u-tab01 li a{font-size:14px;line-height:45px;height:45px;}
	}
	@media only screen and (max-width:380px){
		.u-tab01 li a{line-height:40px;height:40px; font-size:13px;}
	}

.u-tab02{margin-bottom:55px;position:relative; z-index:922;text-align:center;}
.u-tab02 ul{overflow:hidden;position:relative; }

.u-tab02 ul:after{position:absolute;left:0; top:0; width:100%;box-sizing:border-box;height:100%;  display:block; content:"";z-index:1;background:#f7f8f9;border:1px solid #b7b7b7;}
.u-tab02 li{float:left;  position:relative; z-index:2}
.u-tab02 li:before{width:1px;height:100%; background:#b7b7b7; left:0; top:0; display:block; content:"";z-index:3; position:absolute;}
.u-tab02 li a{position:relative;text-align:center;box-sizing:border-box; display:block; font-weight:400; letter-spacing:-0.03em; font-size:18px; letter-spacing:-0.03em; line-height:78px;height:78px; color:#696969 ; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  padding:0 9px;}
.u-tab02 li a:before{position:absolute;left:0; bottom:0; width:100%;z-index:-1;box-sizing:border-box;height:1px ;background:#b7b7b7;display:block; content:"";}
.u-tab02 li.active, .u-tab02 li.active:hover {z-index:6}
.u-tab02 li.active {z-index:48}
.u-tab02 li.active a{color:#252525;font-weight:500;background:#fff;}
.u-tab02 li.active a:after{width:calc(100% + 1px);height:2px; background:#252525; display:block; content:"";position:Absolute; left:0; top:0; z-index:12;}
.u-tab02 li:last-child.active:after{width:1px;height:100%; background:#b7b7b7; right:0; top:0; display:block; content:"";z-index:3; position:absolute;}
.u-tab02 li:last-child:after{width:1px;height:100%; background:#b7b7b7; right:-1px; top:0; display:block; content:"";z-index:3; position:absolute;}

.u-tab02 .c05 li{width:20%}
.u-tab02 .c04 li{width:25%}
.u-tab02 .c04 li:nth-child(n+5){border-top:1px solid #b7b7b7}

.u-tab02 .c03 li{width:33.33333333333%}
.u-tab02 .c02 li{width:50%}
	@media only screen and (max-width:1400px){
		.u-tab02{margin-bottom:40px;}
		.u-tab02 li a{font-size:18px; line-height:70px;height:70px;}
	}
	@media only screen and (max-width:1200px){
		.u-tab02 li a{font-size:17px; line-height:64px;height:64px;}
	}
	@media only screen and (max-width:999px){
		.u-tab02{margin-bottom:30px;}
		.u-tab02 li a{font-size:16px;line-height:57px;height:57px;}

		.u-tab02 .c05 li{width:50%}
		.u-tab02 .c04 li{width:50%}
		.u-tab02 .c03 li{width:50%}
		
		.u-tab02 li a span:before{width:100%;height:1px; background:#b7b7b7; left:0; bottom:0; display:block; content:"";z-index:55; position:absolute;}
		.u-tab02 li:nth-child(even).active span:after{width:1px;height:100%; background:#b7b7b7; right:0; top:0; display:block; content:"";z-index:3; position:absolute;}
	}
	@media only screen and (max-width:680px){
		.u-tab02 li a{font-size:15px;line-height:51px;height:51px;}
	}
	@media only screen and (max-width:480px){
		.u-tab02 li a{font-size:14px;line-height:45px;height:45px;}
	}
	@media only screen and (max-width:380px){
		.u-tab02 li a{line-height:40px;height:40px; font-size:13px;}
	}

/* ======================================================
   .u-tit
=========================================================*/
.u-tit01{position:relative;padding-left:22px;color:#252525;font-size:30px; font-weight:500; letter-spacing:-0.04em; line-height:1.2em;margin-bottom:20px;}
.u-tit01:before{width:20px;height:100%; position:absolute ;left:0; top:0;background:url(../images/sub/u-tit01.png) no-repeat left center; display:block; content:"";}

.u-tit02{position:relative;padding-left:22px;color:#252525;font-size:24px; font-weight:500; letter-spacing:-0.04em; line-height:1.2em;margin-bottom:20px;}
.u-tit02:before{width:20px;height:100%; position:absolute ;left:0; top:0;background:url(../images/sub/u-tit02.png) no-repeat left center; display:block; content:"";}

.u-tit03{position:relative;padding-left:27px;color:#6d8c03;font-size:20px; font-weight:500; letter-spacing:-0.04em; line-height:1.2em;margin-bottom:15px;}
.u-tit03:before{width:25px;height:100%; position:absolute ;left:0; top:0;background:url(../images/sub/u-tit03.png) no-repeat center center; display:block; content:"";}
	@media only screen and (max-width:1200px){
		.u-tit01{font-size:27px;}
		.u-tit02{font-size:21px;}
		.u-tit03{font-size:18px;}
	}
	@media only screen and (max-width:999px){
		.u-tit01{font-size:25px; padding-left:18px;}
		.u-tit01:before{background-size:8px auto;}
		.u-tit02{font-size:18px; padding-left:18px;}
		.u-tit02:before{background-size:8px auto;}
		.u-tit03{font-size:16px;padding-left:22px;}
		.u-tit03:before{background-size:6px auto;}
	}
	@media only screen and (max-width:680px){
		.u-tit01{font-size:22px;}
	}
	@media only screen and (max-width:480px){
		
	}


/*=======================================================
	공통사용
=========================================================*/
/* 테이블 */
.tbl-type01{border-top:2px solid #252525;}
.tbl-type01 th{padding:20px 10px;background:#f7f8f9; text-align:center; font-size:18px ;font-weight:500; color:#252525; letter-spacing:-0.03em; line-height:1.2em;border-bottom:1px solid #b7b7b7;border-left:1px solid #b7b7b7}
/* .tbl-type01 thead tr th:first-child{border-left:none;} */
.tbl-type01 tbody tr th:last-child {border-right: none;}
.tbl-type01 tbody td{padding:20px 10px;text-align:center; font-size:16px ;font-weight:300; color:#252525; letter-spacing:-0.03em; line-height:1.2em; border-bottom:1px solid #b7b7b7;border-left:1px solid #b7b7b7;border-right:1px solid #b7b7b7}
.tbl-type01 tbody tr td:first-child,
.tbl-type01 tbody tr th:first-child{border-left:none;}
.tbl-type01 tbody tr td:last-child {border-right: none;}
.tbl-type01 .more-btn{display:inline-block;vertical-align:top; width:118px; line-height:28px; border:1px solid #252525;border-radius:30px; font-size:16px; color:#252525; box-sizing:border-box; padding:0 17px; letter-spacing:-0.02em; font-weight:400;}
.tbl-type01 .more-btn span{display:inline-block;vertical-align:top; padding-right:24px;background:url(../images/sub/use-arrow.png) no-repeat right center;}
.tbl-type01 .more-btn:hover{background:#252525; color:#fff;}
.tbl-type01 .more-btn:hover span{background:url(../images/sub/use-arrowo.png) no-repeat right center;}
	@media only screen and (max-width:1400px){
		.tbl-type01 thead th{font-size:17px; padding:17px 5px;}
		.tbl-type01 tbody td,
		.tbl-type01 tbody th{padding:17px 5px; font-size:15px;}

		.tbl-type01 .more-btn{width:105px; font-size:15px; padding:0 12px;}
	}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.tbl-type01 thead th{font-size:16px; padding:15px 5px;}
		.tbl-type01 tbody td, 
		.tbl-type01 tbody th{padding:15px 5px; font-size:14px;}

		.tbl-type01 .more-btn{width:95px; font-size:14px; padding:0 10px;}
		.tbl-type01 .more-btn span{background-size:10px auto !important; padding-right:20px;}
	}
	@media only screen and (max-width:680px){
		.tbl-type01 thead th{font-size:15px; padding:10px 5px;}
		.tbl-type01 tbody td,
		.tbl-type01 tbody th{padding:10px 5px; font-size:13px;}

		.tbl-type01 .more-btn{width:85px; font-size:13px; padding:0 10px;}
		.tbl-type01 .more-btn span{background-size:10px auto !important; padding-right:15px;}
	}
	@media only screen and (max-width:480px){
		
	}

/* 바로가기 버튼 */
.link-btn{display:inline-block;vertical-align:top; min-width:118px; line-height:28px; border:1px solid #252525;border-radius:30px; font-size:16px; color:#252525; box-sizing:border-box; padding:0 17px; letter-spacing:-0.02em; font-weight:400;}
.link-btn span{display:inline-block;vertical-align:top; padding-right:24px;background:url(../images/sub/use-arrow.png) no-repeat right center;}
.link-btn:hover{background:#252525; color:#fff;}
.link-btn:hover span{background:url(../images/sub/use-arrowo.png) no-repeat right center;}
	@media only screen and (max-width:1200px){
	
	}
	@media only screen and (max-width:999px){
		.link-btn{width:95px; font-size:14px; padding:0 10px;}
		.link-btn span{background-size:10px auto !important; padding-right:20px;}
	}
	@media only screen and (max-width:680px){
		.link-btn{width:85px; font-size:13px; padding:0 10px;}
		.link-btn span{background-size:10px auto !important; padding-right:15px;}
	}
	@media only screen and (max-width:480px){
		
	}
	
/* 다운로드 버튼 */
.down-btn{display:inline-block;vertical-align:top; min-width:118px; line-height:28px; border:1px solid #1968cb;border-radius:30px; font-size:16px; color:#1968cb; box-sizing:border-box; padding:0 17px; letter-spacing:-0.02em; font-weight:400;}
.down-btn span{display:inline-block;vertical-align:top; padding-right:24px;background:url(../images/sub/bg_down_off.png) no-repeat right center;}
.down-btn:hover{background:#1968cb; color:#fff;}
.down-btn:hover span{background:url(../images/sub/bg_down_on.png) no-repeat right center;}
	@media only screen and (max-width:1200px){
	
	}
	@media only screen and (max-width:999px){
		.link-btn{width:95px; font-size:14px; padding:0 10px;}
		.link-btn span{background-size:10px auto !important; padding-right:20px;}
	}
	@media only screen and (max-width:680px){
		.link-btn{width:85px; font-size:13px; padding:0 10px;}
		.link-btn span{background-size:10px auto !important; padding-right:15px;}
	}
	@media only screen and (max-width:480px){
		
	}

/* 리스트 공통 */
ul[class^='lst-type']{padding:0 15px; text-align:left;}
ul[class^='lst-type'] li{position:relative; padding-left:12px; font-size:16px; font-weight:400; color:#252525; letter-spacing:-0.03em; line-height:1.2em;}
ul[class^='lst-type'] li:nth-child(n+2){margin-top:10px;}
ul[class^='lst-type'] li.lst-inner{}
ul[class^='lst-type'] li.lst-inner ul[class^='lst-type']{margin-top: 10px; padding-left:0;}
ul[class^='lst-type'] li.lst-inner ul[class^='lst-type'] li{font-weight:300;}
table ul[class^='lst-type'] li{font-weight:300;}
	@media only screen and (max-width:1400px){
		
	}
	@media only screen and (max-width:1200px){
		ul[class^='lst-type'] li{font-size:15px;}
	}
	@media only screen and (max-width:999px){
		ul[class^='lst-type']{padding:0 10px}
		ul[class^='lst-type'] li{font-size:14px;}
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		
	}

/* 리스트 - 네모점 */
.lst-type-squ > li:before{width:4px;height:4px; background:#252525; position:Absolute; left:0; top:9px; display:block; content:""}
	@media only screen and (max-width:1400px){
		
	}
	@media only screen and (max-width:1200px){
		.lst-type-squ > li:before{top:6px;}
	}
	@media only screen and (max-width:999px){
		.lst-type-squ > li:before{top:7px;}
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		
	}

/* 리스트 - 세모 */
.lst-type-tri > li:before{position:absolute; left:0; top:6px; display:block; content:"▶"; font-weight:400; color:#252525; font-size:9px; line-height:1em;}
	@media only screen and (max-width:1400px){
		
	}
	@media only screen and (max-width:1200px){
		.lst-type-tri > li:before{top:5px;}
	}
	@media only screen and (max-width:999px){
	
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		
	}

/* 리스트 - 선 */
.lst-type-lin > li:before{width:5px;height:1px; position:Absolute; left:0; top:8px; background:#252525;display:block; content:""}
	@media only screen and (max-width:1400px){
		
	}
	@media only screen and (max-width:1200px){
	
	}
	@media only screen and (max-width:999px){
		.lst-type-lin > li:nth-child(n+2){margin-top:7px;}
		.lst-type-lin > li:before{top:7px}
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		
	}
	
/* 리스트 - 점없음 */
ul.lst-type-non > li{padding-left:0;}
	@media only screen and (max-width:1400px){
		
	}
	@media only screen and (max-width:1200px){
	
	}
	@media only screen and (max-width:999px){
		.lst-type-non > li:nth-child(n+2){margin-top:7px;}
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		
	}

.bottom_btn{text-align: center;margin: 20px 0px;}
.bottom_btn button{width: 180px;color: #ffffff;font-size: 16px;font-weight: 400;padding: 11px 0;margin-right: 5px;text-align: center;display: inline-block;}
.bottom_btn a{width: 180px;color: #ffffff;font-weight: 400;padding: 6px 0;margin-right: 5px;text-align: center;display: inline-block;}
@media(max-width:800px){
    .bottom_btn button,.bottom_btn a{width:100px}
}

.fileWrap button{color: #ffffff;background: #494949;padding: 4px 15px}
	

.com_table{text-align: center;margin-top: 20px;border-top: 2px solid #B1B1B1;position: relative;}
.com_table th{background: #EFEFEF;/* border-right: 1px solid #cfcfcf; */padding: 12px 5px;border-bottom: 1px solid #e0e0e0;font-weight: 700;}
.com_table td{border-bottom: 1px solid #e0e0e0;padding: 12px 5px;}
.com_table td.tal{padding-left: 15px;padding-right: 15px;}
.com_table.td_left td{text-align: left;padding: 10px;}
.com_table select, .com_table input{padding: 4px 10px;}
.com_table tr th:last-child{border-right:0;}
.com_table tr td:last-child{border-right:0;}
.com_table tbody tr:last-child th{border-bottom: 1px solid #B1B1B1;}
.com_table tr:last-child td{border-bottom: 1px solid #B1B1B1;}
.com_table .basic{font-size:inherit;font-weight: 100;padding: 0;}
.com_table .backslash {background:#eceded url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="lightgray" /></svg>');padding: 7px 29px;}
.com_table .backslash { text-align: left; }
.com_table .backslash div {text-align: right;font-weight: 400;}

/* ======================================================
   .table_shape
=========================================================*/
.table_shape{border-top: 1px solid #B1B1B1;background: #F4F4F4;}
.table_shape li::after{content: "";display: block;clear: both;}
.table_shape li{border-bottom: 1px solid #E3E2E2;}
.table_shape .th_shape{float: left;width: 20%;text-align: center;font-weight: 700;padding: 15px 5px; box-sizing: border-box;}
.table_shape .td_shape{float: left;width: 80%;background: #ffffff;padding: 15px 5px; min-height: 51px; box-sizing: border-box;}
.table_shape li.two .td_shape{width: 30%;}
.table_shape input[type=text] {padding: 2px 10px; height: 31px; border: 1px solid #d9d6d5; box-sizing: border-box; font-size: 15px; color: #787878; }
.table_shape select {padding: 3.5px 10px; height: 31px; border: 1px solid #d9d6d5; box-sizing: border-box; line-height: 33px; font-size: 15px; color: #787878; background: #fff url("/resources/images/time/common/form_select1.png") no-repeat 100% 50%; }
.table_shape textarea { width:100%; padding: 2px 10px; vertical-align: top;height: 70px; border: 1px solid #d9d6d5; box-sizing: border-box; font-size: 15px; color: #787878; }
	@media(max-width:500px){
	    .table_shape .th_shape{width: 100%;text-align: left;padding:10px;padding-left: 10px;border-bottom: 1px solid #E3E2E2;}
	    .table_shape .td_shape{width: 100%;}
	    .table_shape li.two .td_shape{width: 100%;}
	    .table_shape .amount p{width: 100%;}
	    .table_shape .name input{width: 100%;}
	    .table_shape input[type=text] {width: 100%;}
	    .table_shape select {width: 100%;}
	    .table_shape .phone input{width: calc((100% - 17px) / 3);}
	    .table_shape .person select{width: 100%;}
	    .table_shape .check span{display: block ;margin-top: 5px;}
	    .table_shape .lodging select{float: left;width: 49.5%;}
	    .table_shape .lodging select:nth-of-type(1){margin-right: 1%;}
	}


table[class^=comp-tbl] { table-layout: fixed; }
table[class^=comp-tbl][class*=_datatype] { border-top: 2px solid #1665bd; border-bottom: 1px solid #7a7a7a; margin: 10px 0;}
table[class^=comp-tbl][class*=_datatype] thead td{border-top: 1px solid #d9d6d5; padding: 0 5px;}
table[class^=comp-tbl][class*=_datatype] th { background: #f4f7f9; text-align: center; font-size: 16px; font-weight: bold; height: 50px; border-top: 1px solid #d9d6d5; border-left: 1px solid #d9d6d5; color: #4b4b4b; }
table[class^=comp-tbl][class*=_datatype] thead th[rowspan] { border-right: 1px solid #d9d6d5; }
table[class^=comp-tbl][class*=_datatype] thead th:first-child { border-left: 0; }
table[class^=comp-tbl][class*=_datatype] thead tr:first-child th { border-top: 0; }
table[class^=comp-tbl][class*=_datatype] tbody tr th:first-child { border-right: 1px solid #d9d6d5; }
table[class^=comp-tbl][class*=_datatype].td_pd5 tbody td {padding: 5px;}
table[class^=comp-tbl][class*=_datatype] td { height: 50px; padding: 10px 10px; border-top: 1px solid #d9d6d5; border-left: 1px solid #d9d6d5; font-size: 15px; color: #787878; text-align: left; box-sizing: border-box; border-right: 1px solid #d9d6d5}
table[class^=comp-tbl][class*=_datatype] tbody th { height: 50px; font-weight: bold; color: #4b4b4b; text-align: center; background: #f4f7f9; border-top: 1px solid #d9d6d5; border-right: 1px solid #d9d6d5;}
table[class^=comp-tbl][class*=_datatype] tbody th.left-line { border-left: 1px solid #d9d6d5; }
table[class^=comp-tbl][class*=_datatype] tbody tr>:first-child { border-left: 0; border-right: 1px solid #d9d6d5;}
table[class^=comp-tbl][class*=_datatype] tbody tr>:last-child{ border-right: 0;}
table[class^=comp-tbl][class*=_datatype] tbody tr:first-child td { border-top: 1px solid #7a7a7a; }
table[class^=comp-tbl][class*=_datatype] tbody tr:first-child th { border-top: 1px solid #7a7a7a; }
	@media only screen and (max-width:539px){
		table[class^=comp-tbl][class*=_datatype] th { font-size: 14px; }
		table[class^=comp-tbl][class*=_datatype] td { font-size: 14px; }
	}

*[class^=comm-btn][class*=_type2]{display:inline-block;width:100px;height:35px;line-height:33px;vertical-align:middle;text-align:center;font-size:15px;border:1px solid #d9d6d5;color:#787878;box-sizing:border-box;background:#f4f7f9;}
input[class^=comp-input] { width: 100%; padding: 0 10px; height: 42px; border: 1px solid #d9d6d5; box-sizing: border-box; font-size: 15px; color: #787878; }
select[class^=comp-select] { width: 100%; padding: 0 10px; height: 42px; border: 1px solid #d9d6d5; box-sizing: border-box; line-height: 33px; font-size: 15px; color: #787878; /* background: #fff url("/resources/images/time/common/form_select1.png") no-repeat 100% 50%; */ }

.search-word > input {width: 100%; padding: 0 10px; height: 34px; border: 1px solid #d9d6d5; box-sizing: border-box; font-size: 15px; color: #787878;}

.adress input[class^=comp-input]:first-of-type {width: 58%;}
.adress input[class^=comp-input]:nth-of-type(2){width:100%;margin-top:0.5rem}
.adress input[class^=comp-input]:nth-of-type(3){width:100%;margin-top:0.5rem}
.phone input[class^=comp-input], .phone select, .email input[class^=comp-input], .email select {width: 30%}

.checkbox1>div{position: relative;}
[class^=checkbox] input{width: 19px;height: 19px;position: absolute;top: 7px;left: 1px;}
[class^=checkbox] label {position: relative;padding-left: 25px;}
[class^=checkbox] label::before{background: url(../images/sub/chk_icon.png)no-repeat;content: "";display: inline-block;width: 21px;height: 21px;position: absolute;left: 0;top: 3px;}
[class^=checkbox] input:checked+label:before{background: url(../images/sub/chk_icon_o.png)no-repeat; content: "";display: inline-block;width: 21px;height: 21px;position: absolute;}

.radio1{position: relative;}
.radio1.inline{display: inline-block; margin-left: 7px;}
[class^=radio] input{width: 15px;height: 15px;position: absolute;bottom: 4px;}
[class^=radio] label {position: relative;padding-left: 25px;}
[class^=radio] label::before{background: url(../images/radio_icon.png)no-repeat;content: "";display: inline-block;width: 15px;height: 15px;position: absolute;left: 0;bottom: 4px;}
[class^=radio] input:checked+label:before{background: url(../images/radio_icon_o.png)no-repeat; content: "";display: inline-block;width: 15px;height: 15px;position: absolute;background-position: right;}


.com_tab,.gray_bd_box{margin-bottom: 35px;border: 9px solid #EEEEEE;padding: 15px;position: relative;}
.com_tab:before,.gray_bd_box:before{content:"";width: calc(100% + 16px);height: calc(100% + 16px);left: -9px;top: -9px;border: 1px solid #dedede;position:absolute;}
.com_tab.tab2 li{width:50%;}
.com_tab li{float: left;cursor: pointer;text-align: center;border-right: 1px solid #d7d7d7;box-sizing: border-box;padding: 7px 0;font-weight: 400;transition: background 0.3s;color: rgba(9,9,9,0.3);position: relative;z-index: 5;}
.com_tab li:last-child{border-right:0;}
.com_tab li.active{background: #8EA1D7;color:#fff;font-weight: 300;}
.tabpanel_wrap .tabpanel {height: 0;overflow: hidden;}
.tabpanel_wrap .tabpanel.active {height: auto;}
.search_ic_bt{background: #4C4C4C url(../images/sub/search_btn.png) no-repeat;color: #fff;padding: 7px 10px;padding-left: 35px;background-position: 10px;}
.bk_btn{background: #4C4C4C;padding:7px 10px;color:#fff;}

@media(max-width:1370px){
    .inner{width:100%;padding:0 10px;}
}
@media(max-width:1024px){
    .h_pop{padding-bottom:20px;height: 500px;overflow: scroll;}
    .com3::before{top:7px;}
}
@media(max-width:800px){
    .mo_view{display: block!important;}
    .pc_view{display: none!important;}
    .com1{margin-top:50px;font-size: 18px;padding-left: 15px;margin-bottom: 5px;}
    .com1::before{height: 15px;width: 8px;top: 7px;}
    .com2{font-size:15px;padding-left: 24px;}
    .com2::before{width: 15px;height: 16px;background-size:100%;top: 3px;}
    .normal{font-size:15px;}
}
@media(max-width:700px){
    .com_tab li{width:calc(100% / 3)!important;}
    .com_tab:before{width: calc(100% + 10px);height: calc(100% + 10px);left: -6px;top: -6px;}
    .com_tab li:nth-of-type(3n){border-right:0;}
    .com_tab li:nth-of-type(5){border-right:1px solid #d7d7d7;}
    .com_tab li:nth-of-type(n+4){margin-top:8px}
    .com_tab{border: 5px solid #EEEEEE;padding: 8px;}
}

@media(max-width:600px){
    .com1{margin-top:30px;}
}
@media(max-width:400px){
    .com_tab li{width:50%!important;}
    .com_tab li:nth-of-type(3n){border-right:1px solid #d7d7d7;}
    .com_tab li:nth-of-type(2n){border-right:0;}
    .com_tab li:nth-of-type(n+3){margin-top:8px}
}

/*에러페이지*/
#error_wrap {width:750px; text-align:center; border:1px solid #cccccc; margin:0 auto; padding:50px 40px;}
#error_wrap .error_type {font-size:50px; color:#158ccd;}
#error_wrap .error_text h1 {font-size:30px; color:#000000; padding-top:20px; text-align:center;}
#error_wrap .error_text .error_text1,
#error_wrap .error_text .error_text2 {font-size:18px; color:#000000; padding-top:20px; padding-bottom:20px;}
#error_wrap .error_text .error_text3 {font-size:23px; color:#000000; padding-bottom:20px;}
#error_wrap button {height:50px; line-height:50px; width:150px; font-size:20px; font-weight:600; background:#636363; border:0; color:#ffffff;}
#error_wrap button.btn1 {background:#158ccd;}

@media(max-width:720px) {
	#error_wrap {width:400px;}
	#error_wrap .error_type {font-size:30px;}
	#error_wrap .error_text .error_text1,
	#error_wrap .error_text .error_text2 {font-size:15px;}
	#error_wrap .error_text .error_text3 {font-size:17px;}
	#error_wrap button {height:40px; line-height:40px; width:120px; font-size:17px;}
}