@charset 'utf-8';
/*btn 오버 효과*/
/* .btn-over{color:#3f0b9f; border-bottom:2px solid #3f0b9f; box-sizing: border-box; transition: background 0.5s, color 0.5s; -webkit-transition: background 0.5s, color 0.5s,}
.btn-over:hover{ background:#3f0b9f;color:#fff;} */
.btn-over{color: #3f0b9f; border-bottom:2px solid #3f0b9f; display: inline-block; text-decoration: none; transition: color 0.25s ease-in-out; transform: translateZ(0);}
.btn-over::after {content: ""; background-color: #3f0b9f; width:100%; height: 100%; position: absolute; bottom: 0; left: 0; transform: scaleY(0); transform-origin: 0 100%;
transition: all 0.25s ease-in-out; z-index: -1; }
.btn-over:hover{color:#fff;}
.btn-over:hover::after { transform: scaleY(1); }

.btn-over.bk{color:#333 !important; border-bottom:2px solid #333 !important; box-sizing: border-box;}
.btn-over.bk:hover{color:#fff !important;}
.btn-over.bk::after {background-color: #333;}

.btn-over.purple-type1{color:#a184ff !important; border-bottom:1px solid #a184ff !important; box-sizing: border-box;}
.btn-over.purple-type1:hover{color:#fff !important;}
.btn-over.purple-type1::after {background-color: #a184ff;}

.btn-over.white{color:#ffffff !important; border-bottom:1px solid #ffffff !important;  box-sizing: border-box;}
.btn-over.white:hover{color:#a184ff !important;}
.btn-over.white::after {background-color: #ffffff;}

/*checkbox*/
.checkbox {display: inline-block; position: relative;  font-size: 0;color:#666; vertical-align: top;}
.checkbox input[type="checkbox"], .checkbox input[type="radio"] {
	position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    box-sizing: border-box;
}
.checkbox label{
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
	line-height:15px;
}
.check-type1 label i{}
.check-type1 label .check-image{display:inline-block; width:16px;height:16px; background-image: url(../images/common/ico/ico_chk_type1_unchecked.png);
background-repeat: no-repeat; cursor: pointer; vertical-align:middle; background-size:16px; margin-right:5px}
.check-type1 label span{word-break: break-all; vertical-align: middle; color:#fff;}
.check-type1 input[type="checkbox"]:checked ~ label i {background-image: url(../images/common/ico/ico_chk_type1_checked.png);}

a.ckbox-label {display: inline-block;color: #666;font-size: 18px;line-height: 17px;padding-left: 30px;
vertical-align: top;background: url('../images/common/ico/ico_chk_type1_unchecked.png') no-repeat left center; background-size:16px;}
a.ckbox-label.on {background: url('../images/common/ico/ico_chk_type1_checked.png') no-repeat left center; background-size:16px;}
a.ckbox-label.ckbox-label-2{font-size: 16px; padding-left:20px;}
a.ckbox-label.ckbox-label-3{font-size: 17px; color:#222; font-family:'notokr-medium'; line-height:40px; }

a.ckbox-label2 {display: inline-block;color: #666;font-size: 18px;line-height: 17px;padding-left: 30px;
vertical-align: top;background: url('../images/common/ico/ico_chk_type1_unchecked.png') no-repeat left center; background-size:16px;}
a.ckbox-label2.on {background: url('../images/common/ico/ico_chk_type1_checked.png') no-repeat left center; background-size:16px;}
a.ckbox-label2.ckbox-label-2{font-size: 16px; padding-left:20px;}
a.ckbox-label2.ckbox-label-3{font-size: 17px; color:#222; font-family:'notokr-medium'; line-height:40px; }

a.radio-label {display: inline-block;color: #666;font-size: 16px;line-height:18px;padding-left: 30px;
vertical-align: top;background: url('../images/common/ico/ico_chk_type2_unchecked.png') no-repeat left top; background-size:18px;}
a.radio-label.on {background: url('../images/common/ico/ico_chk_type2_checked.png') no-repeat left top;background-size:18px;}

a.radio-label-2 {display: inline-block;color: #666;font-size:18px;line-height:20px;padding-left: 30px;
vertical-align: top;background: url('../images/common/ico/ico_chk_type3_unchecked.png') no-repeat left top; background-size:20px;}
a.radio-label-2.on {background: url('../images/common/ico/ico_chk_type3_checked.png') no-repeat left top;background-size:20px;}
.all-check-box{padding:0 15px; border:1px solid #202020; background:#fff;}

/*txt color*/
.red-txt-type1{color:#970119 !important}
.red-txt-type2{color:#b50938 !important}
.red-txt-type3{color:#ff0000 !important}
.gray-txt-type1{color:#777}
.purple-txt-type1{color:#3f0b9f !important;}
.black-txt-type1{color:#444444}
.black-txt-type2{color:#222}
.blue-txt-type1{color:#3f89dd }
.blue-txt-type2{color:#148bb5 }
.blue-txt-type3{color:#0000ff }

/*에러문구*/
.cor_02{color:#3f0b9f !important}
.cor_01{color:#970119 !important}
.c_blue{color: #3f0b9f !important}
.c_red{color: #970119 !important}
.form-error{color: #970119 !important}


.font-b{font-family:'notokr-medium';}
.font-other-size{font-size:18px;}

/*tab style*/
.page-tab-type1{clear:both; padding-top:50px;}
.tab-type1{/*border-bottom:1px solid #ddd*/}
.tab-type1 ul li{float:left; margin-right:3px;}
.tab-type1 ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.tab-type1 ul li > a{display:block; padding:20px 40px; color:#555555; font-size:25px; font-family: 'NanumSquare'; border-bottom:4px solid #aaaaaa; box-sizing: border-box}
.tab-type1 ul li > a.on{color:#000; font-weight:700; border-bottom: 4px solid #000}

.tab-type2{display:block;}
.tab-type2 > ul{display:block;}

.tab-type3{margin:40px 0 35px 0}
.tab-type3 ul li{float:left; width:20%;}
.tab-type3 ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.tab-type3 ul li > a{display:block; padding:18px 0; color:#666; font-size:18px; text-align:center; box-sizing: border-box; background:#f8f8f8; position: relative;}
.tab-type3 ul li > a:after{width:1px; height:20px; position:absolute; right:0; top:22px; content:""; background:#cccccc}
.tab-type3 ul li:last-child > a:after{display:none}
.tab-type3 ul li > a.on{color:#000; padding:17px 0;  font-family:'notokr-medium';}

/*label-list*/
.label-list{}
.label-type{display:inline-block; min-width:60px; padding:5px 15px; color:#fff; text-align:center;box-sizing: border-box}
.label-type.red{background: #b50938;}
.label-type.black{background: #000;}
.label-type.red-2{border:1px solid #b50938; color:#b50938 }
.label-type.black-2{border:1px solid #444; color:#444}
.label-type.black-3{border:1px solid #222; color:#222}
.label-type.purple{border:1px solid #3f0b9f; color:#3f0b9f}
.label-type.purple-2{background:#3f0b9f; color:#fff}
.label-type.blue{background:#148bb5; color:#fff}
.label-type.light-purple{background:#9f0b93; color:#fff}
.label-type.b{font-family:'notokr-medium';}
.label-type.line{padding:4px 15px}
.label-type.gray{background:#8c8c8c; color:#fff}
.label-type.red2{background:#b50938; color:#fff}

/*table*/
.tbl-type1{width:100%; border-top:1px solid #000000; border-bottom:1px solid #cccccc}
.tbl-type1 thead th{padding:12px 0; font-weight:normal; border-bottom:1px solid #ccc; color:#202020;}
.tbl-type1 thead th .small{font-size:14px}
.tbl-type1 tbody td{padding:13px 5px; border-bottom:1px solid #efefef; text-align:center; }
.tbl-type1 tbody tr:last-child td{border-bottom:0}

.tbl-type2{width:100%; border-top:1px solid #000000;}
.tbl-type2 thead th{padding:15px 0; font-weight:normal; border-bottom:1px solid #ccc; color:#202020; position: relative}
.tbl-type2 thead th:before{width:1px; height:16px; position: absolute; top:50%; right:0; margin-top:-8px; content:""; background: #ccc;}
.tbl-type2 thead th:last-child:before{display: none}
.tbl-type2 tbody td{padding:15px 5px; border-bottom:1px solid #ccc; text-align:center; /*font-family:'notokr-DemiLight';*/}

.tbl-type4{width:100%; border-top:1px solid #000000; border-bottom:1px solid #ccc}
.tbl-type4 tbody th{padding:14px 0 14px 20px; color:#202020; text-align:left; font-weight: normal; vertical-align: top; border-bottom:1px solid #efefef}
.tbl-type4 tbody td{padding:14px 0 14px 0; border-bottom:1px solid #efefef}

.tbl-type6{width:100%; border-top:1px solid #000000; border-bottom: solid 1px #cccccc; border-collapse: collapse; text-align: center;}
.tbl-type6 thead th{ padding: 22px 0; font-family:'notokr-regular'; font-weight:normal; font-size: 16px; color: #202020; background: #f8f8f8; border-bottom: solid 1px #cccccc}
.tbl-type6 thead th.left-br{border-top: solid 1px #dddddd; border-left: solid 1px #dddddd;}
.tbl-type6 tbody td{border-bottom: solid 1px #efefef; border-left: solid 1px #efefef; font-family:'notokr-DemiLight'; font-size: 16px; padding: 22px 0; color: #666666}
.tbl-type6 tbody td:first-child{border-left: 0;}
.tbl-type6>tbody>tr:last-child>td{border-bottom: 0;}
.tbl-type6 tbody td.str{font-family:'notokr-regular';font-size: 18px; color: #444444}
.tbl-type6 tbody td.l{padding-left:20px;}
.tbl-type6>tbody>tr>td.line{border-bottom:1px solid #ccc}

.tbl-type7{width:100%; border-top:1px solid #000000; border-bottom: solid 1px #cccccc; border-collapse: collapse; text-align: center;border-top: solid 2px #000000}
.tbl-type7 tbody th{font-size: 28px; font-family:'notokr-regular'; font-weight: normal; color: #202020; padding: 22px 0; background: #f8f8f8; border-bottom: solid 1px #efefef}
.tbl-type7 tbody td{font-size: 26px; font-family:'notokr-DemiLight'; font-weight: normal; color: #666666; padding: 22px 0;border-bottom: solid 1px #efefef}
.tbl-type7>tbody>tr:last-child>th{border-bottom: 0;}
.tbl-type7>tbody>tr>td.red-txt-type1.line{border-bottom: 0;}


/*input type table*/
.tbl-type3{width:100%; border-top:1px solid #000000; border-bottom:1px solid #ccc}
.tbl-type3 thead th{padding:15px 0; font-weight:normal; font-size:18px; border-bottom:1px solid #ccc;font-family:'notokr-medium'; color:#202020; position: relative}
.tbl-type3 > tbody > tr > th{padding:5px 0 5px 25px; line-height:40px; color:#222; text-align:left; font-weight: normal; vertical-align: top}
.tbl-type3 > tbody > tr > td{padding:5px 0 5px 0; line-height:40px;}
.tbl-type3 > tbody > tr:first-child > td{padding-top:20px;}
.tbl-type3 > tbody > tr:first-child > th{padding-top:20px;}
.tbl-type3 > tbody > tr:last-child > td{padding-bottom:20px;}
.tbl-type3 > tbody > tr:last-child > th{padding-bottom:20px;}
.tbl-type3 > tbody > tr > th span{position: relative; display:inline-block;}
.tbl-type3 > tbody > tr > th .imark:before{position: absolute; top:3px; left:-15px; color:#b50938; font-size:20px; content:"*"}
.tbl-type3.input-table1 tbody tr > th{width:185px; box-sizing: border-box}
.tbl-type3.input-table1 tbody tr > td{width: calc(100% - 185px)}

.tbl-type3.input-table2{border-top:2px solid #000000; background-color:#f8f8f8}
.tbl-type3.input-table2 > tbody > tr > th{width:200px; box-sizing: border-box}
.tbl-type3.input-table2 > tbody > tr > td{width: calc(100% - 200px); padding:5px 40px 5px 20px; box-sizing:border-box;}

.input-table3{}
.input-table-area{max-width:685px; margin:0 auto;}
.input-table3.type1{width:100%;}
.input-table3.type1  > tbody > tr > th{width:230px;}
.input-table3.type2  > tbody > tr > th{width:230px;}
.input-table3 > tbody > tr > th{color:#202020; font-size:18px; font-family:'notokr-medium'; font-weight:normal; text-align:right; box-sizing: border-box; position: relative;}
.input-table3 > tbody > tr > th.lg{font-size:24px;}
.input-table3 > tbody > tr > th.top{vertical-align:top; padding-top:15px;}
.input-table3 > tbody > tr > td{width: calc(100% - 230px); padding:10px 0 10px 30px; box-sizing:border-box;}
.input-table3 > tbody > tr > th .imark{padding-right:10px; color: #b50938; font-size: 20px;}

/*btn*/
.btn{display:inline-block;}
/*btn over type 안에 bg가 차는 형태*/
.btn-lg{padding:12px 2px; font-size:26px; font-family: 'NanumSquare'; font-weight:800;}
.btn-lg2{padding:12px 2px; font-size:36px; font-family: 'NanumSquare'; font-weight:800;}
.btn-middle{padding:7px 2px; font-size:18px; font-family: 'NanumSquare'; font-weight:800;}
.btn-middle2{padding:7px 25px; font-size:17px; font-family:'notokr-medium'; }
.btn-middle.btn-over{border-bottom:1px solid #3f0b9f;}
.btn-area.r{text-align:right}

/*btn 보더만 있는 경우*/
.btn-m-line{display:inline-block; min-width:90px; padding:9px 15px; text-align:center;box-sizing: border-box}
.btn-m-line.bk{color:#222; border:1px solid #000}
.btn-m-line.bk2{color:#222; border:1px solid #202020; font-size:17px; font-family:'notokr-medium';}

/*depth tit type*/
.depth-tit-header{position: relative;}
.depth-tit-header.next{margin-bottom:20px;}
.depth-tit-header > span{position: absolute; top:5px; right:0; font-family: 'notokr-DemiLight'; }
h3.depth-tit-1{color:#202020; font-size:24px; font-family:'notokr-medium'; font-weight:normal;}
h4.depth-tit-2{color:#202020; font-size:20px; font-family:'notokr-medium'; font-weight:normal; position: relative}
h4.depth-tit-2.imark{margin-left:10px;}
h4.depth-tit-2.imark:before{position: absolute; top:3px; left:-15px; color:#b50938; font-size:20px; content:"*"}
h4.depth-tit-2.next{margin-bottom:20px}
h3.depth-tit-3{color:#202020; font-size:32px; font-family:'notokr-medium'; font-weight:normal;}
h3.depth-tit-3 > span{font-size:24px;}
h3.depth-tit-4{color:#222; font-size:26px; font-family:'notokr-medium'; font-weight:normal;}

/*input type*/
select{
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
appearance:none;
}
select::-ms-expand {display:none}
.select-box-type{
padding:0 40px 0 10px;
background: url(../images/common/ico/ico_sm_black_open.png) no-repeat 98% center;
height: 46px;
-webkit-appearance: none;
-moz-appearance: none;
margin: 0;
border-radius:2px; font-size:18px; color:#666;font-family: 'notokr-DemiLight'; vertical-align: middle; border:2px solid #ddd}

.select-box-type2{padding:0 40px 0 10px;
background: url(../images/common/ico/ico_sm_black_open.png) no-repeat 90% center;
height: 26px; font-family: 'notokr-regular';
-webkit-appearance: none;
-moz-appearance: none;
margin: 0; font-size:18px; color:#444444;vertical-align: middle; border:0; border-right:1px solid #ddd}

.select-box-type3{padding:0 40px 0 10px;
background:#f5f5f5 url(../images/common/ico/ico_sm_black_open.png) no-repeat 95% center;
height: 40px; font-family: 'notokr-regular';
-webkit-appearance: none;
-moz-appearance: none;
margin: 0; font-size:16px; color:#666;vertical-align: middle; border:0; border-radius: 3px;}

.select-box-type4{background:#fff url(../images/common/ico/ico_sm_black_open.png) no-repeat 95% center; border:1px solid #ddd !important}

.select-box-type5{padding:0 40px 0 10px;
background:#fff url(../images/common/ico/ico_sm_black_open.png) no-repeat 95% center;
height: 40px; font-family: 'notokr-regular';
-webkit-appearance: none;
-moz-appearance: none;
margin: 0; font-size:16px; color:#666; vertical-align: middle; border:1px solid #ddd !important}


.inpt{height: 40px; line-height:40px; border: 1px solid #ddd; box-sizing: border-box; border-radius: 3px !important;}
.inpt2{height: 40px; line-height:40px; box-sizing: border-box; background: #f5f5f5; border-radius: 3px !important; border:0}
.inpt2.type2{height:46px; line-height:46px;}
.inpt3{height:60px; line-height:60px; border: 1px solid #ddd; box-sizing: border-box; border-radius: 3px !important;}

/*size type*/
.sFull {width:100% !important}
.size50 {width:50% !important}
.size70 {width:70% !important}

/*파일 첨부*/
.filebox label {display: inline-block; width:124px; vertical-align: middle; text-align: center;background-color: #ffffff; font-family:'notokr-medium';
color: #202020; border: 1px solid #202020; box-sizing: border-box;}
.filebox label.on {background-color: #3f0b9f; color: #ffffff;}
.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 button{border:0;  background: transparent; color:#666; font-size:16px; outline: none; font-family: 'notokr-regular';}

.input-list2{}
.input-list2 > li{position: relative; padding-left:20px; margin-bottom:10px;}
.input-list2 > li:last-child{margin-bottom:0}
.input-list2 > li:before{position: absolute; top:10px; left:0; width:3px; height:3px; content: ""; background: #000;}

/*list*/
.list-type1{}
.list-type1 > li{position: relative; padding-left:12px; margin-bottom:10px; line-height:26px;}
.list-type1 > li:last-child{margin-bottom:0}
.list-type1 > li:before{position: absolute; top:10px; left:0; width:2px; height:2px; content: ""; background: #202020;}

@media all and (min-width:992px) and (max-width:1390px){
.depth-tit-header > span{font-size:1.17vw; font-family: 'notokr-regular'; }

.tbl-type3.input-table1 tbody th{width:120px; box-sizing: border-box;padding-left:10px; font-size:15px;}
.tbl-type3.input-table1 tbody td{width: calc(100% - 120px)}


}

 /*************************************************모바일&태블릿*************************************************/
@media all and (max-width:991px){
/*tab style*/
.tab-type1 ul li > a{padding:20px 40px; font-size:34px;}
.tab-type2 > ul{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}

.tab-type3{margin:50px 0 80px 0}
.tab-type3 ul li{float:left; width:50%; margin-bottom:4px}
.tab-type3 ul li > a{padding:24px 0 25px 0; font-size:28px;}
.tab-type3 ul li > a:after{width:1px; height:30px; position:absolute; right:0; top:22px; content:""; background:#cccccc}
.tab-type3 ul li:nth-child(2n+0) > a:after{display:none}
.tab-type3 ul li > a.on{color:#000; padding:24px 0;  font-family:'notokr-medium';}


/*label-list*/
.label-type{min-width:140px; padding:7px 22px; font-size:26px;}

/*btn*/
.btn-lg{padding: 0 0 20px 0;  font-size:46px;}
.btn-lg2{padding: 0 0 20px 0;; font-size:46px;}
.btn-middle{padding:7px 2px; font-size:26px; }

/*btn 보더만 있는 경우*/
.btn-m-line{min-width:98px; font-size:28px; padding:19px 15px;}
.btn-m-line.bk2{font-size:28px;}

/*input type*/
.select-box-type{
padding:0 70px 0 10px;
background: url(../images/common/ico/ico_lg_black_close.png) no-repeat 97% center;
height: 80px; font-size:24px;}
.inpt{height: 60px; line-height:60px;}
.inpt2{height: 60px; line-height:60px;}
.inpt4{height:80px !important; line-height:80px;}
.inpt2.type2{height:80px; line-height:80px;}

.select-box-type3{padding:0 70px 0 10px;
background:#f5f5f5 url(../images/common/ico/ico_sm_black_open.png) no-repeat 95% center;
height: 60px;
margin: 0; font-size:26px;}

.select-box-type4{background:#fff url(../images/common/ico/ico_sm_black_open.png) no-repeat 95% center;}

.select-box-type5{padding:0 70px 0 10px;
background:#fff url(../images/common/ico/ico_sm_black_open.png) no-repeat 95% center;
height: 60px;
margin: 0; font-size:26px;}

/*size*/
.m-sFull{width:100% !important;}

/*depth tit type*/
h3.depth-tit-1{font-size:36px;}
.depth-tit-header > span{font-size:24px; }
h4.depth-tit-2{font-size:30px;}
h4.depth-tit-2.imark{margin-left:10px;}
h4.depth-tit-2.imark:before{position: absolute; top:3px; left:-15px; color:#b50938; font-size:30px; content:"*"}
h4.depth-tit-2.next{margin-bottom:20px}
h3.depth-tit-4{font-size:38px;}
h3.depth-tit-3{font-size:46px;}
h3.depth-tit-3 > span{font-size:36px;}

/*list*/
.list-type1 > li{margin-bottom:20px; font-size:26px; line-height:38px;}
.list-type1 > li:before{position: absolute; top:15px; left:0; width:4px; height:4px; content: ""; background: #202020;}

/*table*/
.tbl-type2 thead th{padding:22px 0;font-size:26px;}
.tbl-type2 thead th:before{width:1px; height:26px; position: absolute; top:50%; right:0; margin-top:-13px; content:""; background: #ccc;}
.tbl-type2 tbody td{padding:22px 5px;font-size:26px;}

/*input type table*/
.tbl-type3 thead th{padding:20px 0; font-size:28px;}
.tbl-type3 > tbody > tr > th{padding:10px 0 10px 30px; font-size:26px; line-height:60px;}
.tbl-type3 > tbody > tr > th.line{line-height:38px}
.tbl-type3 > tbody > tr > td{padding:10px 0 10px 0; line-height:60px; font-size:26px; }
.tbl-type3 > tbody > tr:first-child > td{padding-top:30px}
.tbl-type3 > tbody > tr:first-child > th{padding-top:30px}
.tbl-type3 > tbody > tr:last-child > td{padding-bottom:30px}
.tbl-type3 > tbody > tr:last-child > th{padding-bottom:30px}
.tbl-type3 tbody th .imark:before{position: absolute; top:3px; left:-15px; color:#b50938; font-size:20px; content:"*"}
.tbl-type3.input-table1 tbody th{width:230px;}
.tbl-type3.input-table1 tbody td{width: calc(100% - 230px)}

.tbl-type4 tbody th{padding:21px 0 21px 20px;font-size:26px;}
.tbl-type4 tbody td{padding:21px 0 21px 0;font-size:26px;}

.tbl-type3.input-table2 > tbody > tr > th{width:155px;}
.tbl-type3.input-table2 > tbody > tr > td{width: calc(100% - 155px); padding:10px 40px 10px 10px;}

.input-table3{}
.input-table-area{width:100%; max-width:100% !important}
.input-table3.type1  > tbody > tr > th, .input-table3.type2  > tbody > tr > th{width:170px;}
.input-table3.type2  > tbody > tr > th > .br{display:block;}
.input-table3 > tbody > tr > th{font-size:28px;}
.input-table3 > tbody > tr > th.lg{font-size:38px; width:220px;}
.input-table3 > tbody > tr > th.top{vertical-align:top; padding-top:30px;}
.input-table3 > tbody > tr > td{padding:30px 0 30px 30px; }


/*파일 첨부*/
.filebox label {width:170px; font-size:26px;}
.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 button{font-size:26px;}

/*ckbox*/
a.ckbox-label {font-size: 26px;line-height: 30px;padding-left:50px; background: url('../images/common/ico/ico_chk_type1_unchecked.png') no-repeat left center; background-size:30px;}
a.ckbox-label.on {background: url('../images/common/ico/ico_chk_type1_checked.png') no-repeat left center; background-size:30px;}
a.radio-label {font-size: 26px;line-height:30px;padding-left: 50px; background: url('../images/common/ico/ico_chk_type2_unchecked.png') no-repeat left top; background-size:30px;}
a.radio-label.on {background: url('../images/common/ico/ico_chk_type2_checked.png') no-repeat left top;background-size:30px;}
a.ckbox-label.ckbox-label-2{padding-left:50px;}
a.radio-label-2 {font-size: 26px; line-height:30px; padding-left: 50px;
vertical-align: top;background: url('../images/common/ico/ico_chk_type3_unchecked.png') no-repeat left top; background-size:30px;}
a.radio-label-2.on {background: url('../images/common/ico/ico_chk_type3_checked.png') no-repeat left top;background-size:30px;}

a.ckbox-label.ckbox-label-3{font-size:32px; line-height:80px;}

.input-list2 > li{ padding-left:30px; margin-bottom:20px; font-size:26px}
.input-list2 > li:before{position: absolute; top:15px; left:0; width:5px; height:5px; content: ""; background: #000;}


.font-other-size{font-size:28px;}
}



/*************************************************태블릿*************************************************/
@media all and (min-width:768px) and (max-width:991px){


}
/*************************************************모바일*************************************************/
@media all and (max-width:767px){
/*tab style*/
.page-tab-type1{padding-top:25px;}
.tab-type1 ul li > a{padding:10px 20px; font-size:17px;}
.tab-type3{margin:25px 0 40px 0}
.tab-type3 ul li{margin-bottom:2px}
.tab-type3 ul li > a{padding:12px 0; font-size:14px;}
.tab-type3 ul li > a:after{width:1px; height:15px; position:absolute; right:0; top:14px; content:""; background:#cccccc}
.tab-type3 ul li > a.on{padding:12px 0;}

.tbl-type6 thead th{padding:12px 0; font-size:14px;}
.tbl-type6 tbody td{ font-size: 14px; padding: 12px 0;}
.tbl-type6 tbody td.l{padding-left:12px;}

/*label-list*/
.label-type{min-width:70px; padding:4px 11px; font-size:14px;}

/*btn*/
.btn-lg{padding: 0 0 10px 0;  font-size:23px;}
.btn-lg2{padding: 0 0 10px 0;; font-size:23px;}
.btn-middle{padding:5px 2px; font-size:14px; font-family:'notokr-medium'; font-weight:normal}

/*btn 보더만 있는 경우*/
.btn-m-line{min-width:49px; font-size:14px; padding:9px 8px;}
.btn-m-line.bk2{font-size:24px;}

/*input type*/
.select-box-type{padding:0 40px 0 10px; height: 40px; font-size:13px; border: 1px solid #ddd;
background: url(../images/common/ico/ico_lg_black_close.png) no-repeat 97% center; background-size:19px 11px;}
.inpt{height:30px; line-height:30px;}
.inpt2{height:30px; line-height:30px;}
.inpt3{height:40px; line-height:40px;}
.inpt4{height:40px !important; line-height:40px;}
.inpt2.type2{height:40px; line-height:40px;}
a.ckbox-label.ckbox-label-3{font-size:16px; line-height:40px;}
a.ckbox-label.ckbox-label-2{padding-left:25px}

.select-box-type3{padding:0 40px 0 10px; background:#f5f5f5 url(../images/common/ico/ico_sm_black_open.png) no-repeat 95% center; height:40px; font-size:14px;}
.select-box-type4{background:#fff url(../images/common/ico/ico_sm_black_open.png) no-repeat 95% center; height:30px;  padding:0 17px 0 10px}
.select-box-type5{padding:0 40px 0 10px; background:#fff url(../images/common/ico/ico_sm_black_open.png) no-repeat 95% center; height:40px; font-size:14px;}

/*depth tit type*/
h3.depth-tit-1{font-size:18px;}
.depth-tit-header > span{font-size:12px; font-family: 'notokr-regular';}
h4.depth-tit-2{font-size:16px;}
h3.depth-tit-3{font-size:23px}
h3.depth-tit-4{font-size:19px;}
h3.depth-tit-3{font-size:23px;}
h3.depth-tit-3 > span{font-size:18px;}

/*list*/
.list-type1 > li{margin-bottom:10px; font-size:14px; line-height:21px;}
.list-type1 > li:before{position: absolute; top:8px; left:0; width:2px; height:2px; content: ""; background: #202020;}


/*table*/
.tbl-type2 thead th{padding:11px 0;font-size:14px;}
.tbl-type2 thead th:before{width:1px; height:13px; position: absolute; top:50%; right:0; margin-top:-6.5px; content:""; background: #ccc;}
.tbl-type2 tbody td{padding:11px 3px;font-size:14px;}
.tbl-type4 tbody th{padding:11px 0 11px 1.2vw;font-size:14px;}
.tbl-type4 tbody td{padding:11px 0 11px 0;font-size:14px;}

.tbl-type7{border-top: solid 1px #000000}
.tbl-type7 tbody th{font-size: 14px;  padding: 11px 0;}
.tbl-type7 tbody td{font-size: 13px;  padding: 11px 0;}

/*input type table*/
.tbl-type3 > thead > tr > th{padding:10px 0; font-size:14px;}
.tbl-type3 > tbody > tr > th{padding:5px 0 5px 10px; font-size:14px; line-height:30px;}
.tbl-type3 > tbody > tr > td{padding:5px 0 5px 0; line-height:30px; font-size:14px; }
.tbl-type3 > tbody > tr:first-child > td{padding-top:15px}
.tbl-type3 > tbody > tr:first-child > th{padding-top:15px}
.tbl-type3 > tbody > tr:last-child > td{padding-bottom:15px}
.tbl-type3 > tbody > tr:last-child > th{padding-bottom:15px}
.tbl-type3 > tbody th .imark:before{position: absolute; top:3px; left:-9px; color:#b50938; font-size:14px; content:"*"}
.tbl-type3.input-table1 tbody th{width:90px;}
.tbl-type3.input-table1 tbody td{width: calc(100% - 90px)}

.tbl-type3.input-table2 > tbody > tr > th{width:80px;}
.tbl-type3.input-table2 > tbody > tr > td{width: calc(100% - 80px); padding:5px 20px 5px 5px;}
.tbl-type3 > tbody > tr > th.line{line-height:20px;}

.input-table3.type1  > tbody > tr > th, .input-table3.type2  > tbody > tr > th{width:85px;}
.input-table3 > tbody > tr > th{font-size:14px;}
.input-table3 > tbody > tr > th.lg{font-size:19px; width:110px;}
.input-table3 > tbody > tr > th.top{padding-top:15px;}
.input-table3 > tbody > tr > td{padding:10px 0 10px 15px; }

/*파일 첨부*/
.filebox label {width:85px; font-size:14px;}
.filebox button{font-size:14px;}

/*ckbox*/
a.ckbox-label {font-size:14px;line-height:15px;padding-left:25px; background: url('../images/common/ico/ico_chk_type1_unchecked.png') no-repeat left center;
background-size:15px;}
a.ckbox-label.on {background: url('../images/common/ico/ico_chk_type1_checked.png') no-repeat left center; background-size:15px;}
a.radio-label {font-size:14px;line-height:15px;padding-left: 25px; background: url('../images/common/ico/ico_chk_type2_unchecked.png') no-repeat left top;
background-size:15px;}
a.radio-label.on {background: url('../images/common/ico/ico_chk_type2_checked.png') no-repeat left top;background-size:15px;}

a.radio-label-2 {font-size:14px;line-height:15px;padding-left: 25px;
vertical-align: top;background: url('../images/common/ico/ico_chk_type3_unchecked.png') no-repeat left top; background-size:15px;}
a.radio-label-2.on {background: url('../images/common/ico/ico_chk_type3_checked.png') no-repeat left top;background-size:15px;}

.input-list2 > li{ padding-left:10px; margin-bottom:10px; font-size:14px}
.input-list2 > li:before{position: absolute; top:8px; left:0; width:2px; height:2px; content: ""; background: #000;}

.font-other-size{font-size:16px;}
}

@media all and (max-width:410px){
/*논문투고*/
.treatiseauthor .sort-table a.ckbox-label{font-size:12px; }
.treatiseauthor .sort-table .checkbox{width:75px; }
}