@charset "utf-8";

#all_wrap{width:100%;min-width:1200px;position: relative;/* background: #edeff5; */}

footer{text-align:center;width:100%;color: #777;letter-spacing: 0;padding: 10px;font-size: 13px;border-top: 1px solid #dadada;}

/* 레이아웃 */
#con_w{width:100%;max-width:1400px;margin:0 auto;overflow:hidden;margin-top: 40px;margin-bottom: 50px;position: relative;}
#con_w #con_l{width: 15%;/* min-width: 207px; */float:left;/* height: 100%; */overflow: auto;/* position: fixed; */top: 113px;z-index: 1;}
.con_l_w{width:100%;/* border-right: 1px solid #ddd; */height: 100%;padding-right: 20px;min-height: 700px;}
.con_l_w h2{font-size: 20px;padding: 17px 0 17px;/* height: 100px; *//* background: #f5f5f5; *//* border-radius: 10px; */text-align: center;/* line-height: 80px; */border-bottom: 2px solid #5a3124;border-top: 1px dotted #bcbcbc;}
.con_l_w h2 span{width:30px;height:30px;display: inline-block;background: #31343e;border-radius: 50%;margin-right: 5px;vertical-align: text-top;}
.con_l_w h2 span img{text-align:center;margin-top: 0;}
.con_l_w .menu_l{margin-top: 15px;}
.con_l_w .menu_l > li > a{font-size: 16px;padding: 6px 20px;display: block;}
.con_l_w .menu_l > li > a.on, .con_l_w .menu_l > li > a:hover{background-color: #527bff;border-radius: 6px;/* border-left: 5px solid #f15929; *//* border: 2px dotted #f15929; */color: #ffffff;font-weight: bold;}
.con_l_w .menu_l > li .menu_sub2{width:100%;margin-top:5px;padding-bottom: 10px;border-bottom: 1px solid #ddd;}
.con_l_w .menu_l > li .menu_sub2 li{padding:3px 20px;}
.con_l_w .menu_l > li .menu_sub2 li a.on, .con_l_w .menu_l > li .menu_sub2 li a:hover{color:#3d60c3; font-weight:bold;}

#con_w #con_r{width: 83%;float:right;position: relative;}
.con_r_w{width:100%;overflow:hidden;/* height:100%; */min-height: 700px;background: #f7f8fb;padding: 25px;border-radius: 10px;}
.top_tit{width:100%;overflow:hidden;margin-bottom:15px;}
.top_tit h1{font-size:22px;font-weight:bold;color:#222;display: inline-block;}
.top_tit p{font-size:15px;color: #888;display: inline-block;margin-left: 20px;float: right;margin-top: 10px;}
.top_tit p i{margin: 0 7px;color: #a8a8a8;font-size: 11px;}


/* 공통 */
input{border:1px solid #ddd;height: 35px;border-radius: 3px;padding:0 10px;margin: 1px 0;}
input.in10{width:10%;}
input.in20{width:20%;}
input.in30{width:30%;}
input.in40{width:40%;}
input.in50{width:50%;}
input.in60{width:60%;}
input.in70{width:70%;}
input.in80{width:80%;}
input.in90{width:90%;}
input.in100{width:100%;}
input.in1_1{width: 49.7%;float:left;margin-right: 0.6%;}
input.in1_2{width: 49.7%;float: left;}
input.in2_1{width: 24%;float: left;margin-right: 0.6%;}
input.in2_2{width: 15%;}
input.in3_1{width: 30%;float:left;}
span.in3_2{width: 5%;float:left;display: inline-block;text-align: center;line-height: 35px;}
input.in4_1{width: 70% !important;float: left;margin-right: 0.6%;}
label.in4_2{width: 15% !important;float:left;}
input.in5_1{width: 70% !important;float: left;margin-right: 0.6%;}
label.in5_2{width: 29.4% !important;float:left;}


select{border:1px solid #ddd;height: 35px;border-radius: 3px; padding:0 5px;}
select.se10{width:10%;}
select.se20{width:20%;}
select.se30{width:30%;}
select.se40{width:40%;}
select.se50{width:50%;}
select.se60{width:60%;}
select.se70{width:70%;}
select.se80{width:80%;}
select.se90{width:90%;}
select.se100{width:100%;}
select.se1_1{width:45%;float:left;}
span.se1_2{width:10%;float:left; text-align:center;line-height: 35px;}

textarea{border:1px solid #ddd;height: 35px;border-radius: 3px; padding:10px;}
textarea.te1{width:100%; height:100px;margin:10px 0;}
textarea.te2{width:100%; height:200px;margin:10px 0;}
textarea.te3{width:100%; height:300px;margin:10px 0;}

table button.tb_btn{height:35px; text-align:center; border-radius:3px;margin-left:-3px;}
table button.tb_btn10{width:10%;}
table button.tb_btn20{width:20%;}
table button.tb_btn30{width:30%;}
table button.tb_btn40{width:40%;}

.ml3{margin-left:3px;}

label{margin-right:10px; color:#333}

.mt30{margin-top:30px;}

[type="radio"], span {vertical-align: middle;}
[type="radio"] {appearance: none; border: max(1px, 0.1em) solid gray; border-radius: 50%; width: 17px; height: 17px; padding: 0; transition: border 0.2s ease-in-out;margin-top: 3px;}
[type="radio"]:checked {border: 0.4em solid #1b2d67;}
[type="radio"]:focus-visible { outline-offset: max(2px, 0.1em); outline: max(2px, 0.1em) dotted tomato;}
[type="radio"]:hover {box-shadow: 0 0 0 max(2px, 0.2em) lightgray; cursor: pointer;}
[type="radio"]:hover + span {cursor: pointer;}
[type="radio"]:disabled {background-color: lightgray; box-shadow: none; opacity: 0.7; cursor: not-allowed;}
[type="radio"]:disabled + span { opacity: 0.7; cursor: not-allowed;}

[type="checkbox"], span {vertical-align: middle;}
[type="checkbox"] {appearance: none;border: max(1px, 0.1em) solid #999;border-radius: 4px;width: 17px;height: 17px;padding: 0;transition: border 0.2s ease-in-out;margin-top: 3px;}
[type="checkbox"]:checked {background-color: #1b2d67;border: 1px solid #1b2d67;}
[type="checkbox"]:focus-visible { outline-offset: max(2px, 0.1em); outline: max(2px, 0.1em) dotted tomato;}
[type="checkbox"]:hover {box-shadow: 0 0 0 max(2px, 0.2em) lightgray; cursor: pointer;}
[type="checkbox"]:hover + span {cursor: pointer;}
[type="checkbox"]:disabled {background-color: lightgray; box-shadow: none; opacity: 0.7; cursor: not-allowed;}
[type="checkbox"]:disabled + span { opacity: 0.7; cursor: not-allowed;}

/* Global CSS */
fieldset {display: flex; justify-content: center; border: none; margin: 0; padding: 40px 20px;}
*, *::before, *::after {box-sizing: border-box;}

@media only screen and (max-width: 1440px){
	header .head_w, #con_w{width:auto;padding-left:20px;padding-right:20px;min-width: 1200px;}
}

@media only screen and (max-width: 1250px){
   #con_w #con_r{width:82%;}
   
}

.contents-top {
    width: 100%;
}

.contents-top .t1 {
    padding-left: 10px;
    font-weight: 600;
    font-size: 14px;
}

.contents-top .t2 {
    padding-left: 10px;
    color: #8c8c8c;
    margin-top: 3px;
    font-size: 14px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.more {
    color: #8c8c8c;
    vertical-align: top;
}