/****** 공통 영역 ******/
/* 공통 클래스, 레이아웃 */


/* 체크박스 */
input[type="checkbox"] { /*display:none;*/ }
input[type="checkbox"] + label span { display:inline-block; width:18px; height:18px; margin:-2px 10px 0 0; vertical-align:middle; background:url('../images/common/ckbx.png') no-repeat; cursor:pointer; }
input[type="checkbox"]:checked + label span { background:url('../images/common/ckbx_ck.png') no-repeat; }
/* input focus */
input:focus { outline: 1px solid #3ec5ad }
/* input placeholder */
input::placeholder, textarea::placeholder { color: #aaa; }
/* 라디오박스 */
input[type="radio"] { display:none; }
input[type="radio"] + label { color:#f2f2f2; font-family: Arial, sans-serif; }
input[type="radio"] + label span { display:inline-block; width:20px; height:20px; margin:-1px auto; vertical-align:middle; background:url('../images/common/rdbx.png') no-repeat; cursor:pointer; }
input[type="radio"]:checked + label span { background:url('../images/common/rdbx_ck.png') no-repeat; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ background-color: #f9f9f9 !important; }


/****** 헤더 ******/
#wrapper { width: 100% }
#header { position: relative; z-index: 99; width: 100%; height: 110px; background: #fff; border-top: 5px solid #f37022; }
#header > .admin { width: 100%; max-width: 1200px; height: 50px; margin: auto; display: flex; justify-content: flex-end; align-items: center; padding-right: 32px;  }
#header > .admin > ul { display: flex;  }
#header > .admin > ul > li { color: #fff; padding: 0 5px; font-weight: 300; }
#header > .admin > ul > li > a { font-size: 15px; color: #fff; }
#header > .nav_container { width: 100%; max-width: 1200px; margin: auto; display: flex; justify-content: space-between; }
#header > .nav_container > .logo { position: relative;  }
#header > .nav_container > .logo > img { position: absolute; top: 9px; left: -8px; }
#header > .nav_container > .logo > img:hover { cursor: pointer; }
#header > .nav_container > .gnb { width: 65%; height: 100px; }
#header > .nav_container > .gnb > ul > li > p { font-size: 18px; color: #333; }
#header > .nav_container > .gnb > .menu { width: 100%; max-width: 830px; height: 110px; line-height: 110px;  display: flex; justify-content: space-around; align-items: center; flex-flow: row nowrap; }
#header > .nav_container > .gnb > .menu > li { width: 20%; text-align: center; }
#header > .nav_container > .gnb > .menu > li:hover { cursor: pointer }
#header > .nav_container > .gnb > .snb { display: none; position: absolute; z-index: 99; padding: 20px 0; width: 100%; top: 105px; left: 0; border-top: 1px solid #f37022; background: #fff }
#header > .nav_container > .gnb > .snb > div { width: 100%; max-width: 1200px; margin: auto; display: flex; justify-content: flex-end; }
#header > .nav_container > .gnb > .snb > div .menu { display: flex; width: 65%; max-width: 830px }
#header > .nav_container > .gnb > .snb > div .menu > ul { width: 20%; }
#header > .nav_container > .gnb > .snb > div .menu > ul > li { color: #333; text-align: center; padding: 5px; }
#header > .nav_container > .gnb > .snb > div .menu > ul > li:hover { cursor: pointer }
#header > .nav_container > .burger { display: flex; }
#header > .nav_container > .burger > .mobile_call { display: block; margin-right: 13px; }
#header > .nav_container > .burger { margin: 31px 25px 0 0; }
#header > .nav_container > .burger:hover { cursor: pointer; }
#header > .nav_container > .burger i { font-size: 35px; color: #354139; }
.bg_bk { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; background: rgba(0,0,0,0.5); display: none; }
.burger_menu {  position: fixed; top: 0; right: -250px; width: 250px; height: 100%; z-index: 100; background: #fff; }
.burger_menu > p { font-size: 23px; padding: 30px 20px; border-top: 5px solid #188e3c; border-bottom: 1px solid #ddd; background: #f5f5f5; }
.burger_menu > ul { }
.burger_menu > ul > li > p { border-bottom: 1px solid #ddd; padding: 13px 20px; }
.burger_menu > ul > li > ol { padding: 10px; background: #f5f5f5; border-bottom: 1px solid #ddd; display: none; }
.burger_menu > ul > li > ol > li { padding: 5px 0; padding: 0 10px; line-height: 30px; font-size: 14px; }
.burger_menu > ul li:hover { cursor: pointer; }

@media (min-width:100px){
		#header > .nav_container > .burger { display: none; }
}


/****** 서브 ASIDE ******/
.sub_title { width: 100%; height: 240px; background-position: center !important; background-repeat: no-repeat !important; background-size:  cover !important; display: flex; flex-flow: column nowrap; justify-content: center;  background: #333; }
.sub_title > h4 { border-bottom: 1px solid #ffffff; line-height: 31px; /*text-decoration: underline; */font-family: 'S-CoreDream-3Light'; position: absolute; left: 50%; font-size: 21px; letter-spacing: -1px; margin-left: -600px; color: #ffffff; }
.sub_title > h4 > span { font-size: 22px; letter-spacing: -1px; display: block; border-bottom: 1px solid #ffffff; width: 250px; color: #ffffff; }
.sub_header { width: 100%; max-width: 1200px; margin: 50px auto; display: flex; justify-content: space-between; flex-flow: row wrap; }
.sub_header > aside { width: 20%; min-width: 200px; max-width: 200px }
.sub_header > aside > dl { border: 1px solid #ddd; margin-bottom: 20px; }
.sub_header > aside > dl > dt { background: linear-gradient(90deg, #f37022, #f37022, #ffaf36, #ffaf36 ); width: 100%; height: 120px; font-size: 25px; font-family: 'S-CoreDream-4Regular'; line-height: 120px; text-align: center; color: #fff; }
.sub_header > aside > dl > dd { padding: 6px 20px; font-size: 16px; color: #555; letter-spacing: 0; border-bottom: 1px solid #ddd; }
.sub_header > aside > .head2 > dd { font-size: 14px; }
.sub_header > aside > dl > dd:last-child { border: none; }
.sub_header > aside > dl > dd:hover { cursor: pointer; }
.sub_header > aside > dl > dd > a { display: block; width: 100%; }
.sub_header > aside > dl > .active a { color: #f37022; }
.sub_header > aside > dl > dd > p { padding: 5px 20px; }
.sub_header > aside > dl > dd > ul { padding: 20px; width: 100%; background: #eaf4fe; display: none; }
.sub_header > aside > dl > dd > ul > li { font-size: 15.5px; line-height: 27px; }
.sub_header > aside > ul { border: 1px solid #ddd; border-top: 2px solid #f37022; margin-top: 35px; padding: 15px; }
.sub_header > aside > ul > li:nth-of-type(2) { margin: 15px 0 10px; }
.sub_header > aside > ul > li:nth-of-type(2) > p { font-size: 16px; letter-spacing: 0 }
.sub_header > aside > ul > li > h4 { font-family: 'S-CoreDream-4Regular'; font-size: 16px; color: #999; }
.sub_header > aside > ul > li > p { font-family: 'S-CoreDream-4Regular'; font-size: 23px; letter-spacing: -1px; }
.sub_header > aside > ul > li > p > h5 { font-size: 13px; }
.sub_header > aside > ul > li > p > h5 > b { color: #999; }
.sub_header > aside > ul > li:nth-of-type(3) > p { font-size: 17px; letter-spacing: 0 }
.sub_header > .sub_container { width: 79% }
.sub_header > .sub_container > .content_title > dt { display: none; }
.sub_header > .sub_container > .content_title > dd > span { padding: 0 5px; color: #555; }
.sub_header > .sub_container > .content_title > dd > span:first-child { padding: 0 5px 0 0; }
.sub_header > .sub_container > .content_title > dd > span:hover { cursor: pointer; }
.sub_header > .sub_container > .content_title > dd > i { color: #555; }


/******* 푸터 *******/
#footer { width: 100%; background: #f4f4f4; padding: 37px 0; }
#footer > #ft_wr { width: 100%; max-width: 1200px; margin: auto; word-break: keep-all; }
#footer > #ft_wr > .ft_text > .info { line-height: 31px; font-size: 16px; word-break: keep-all; font-family: 'S-CoreDream-4Regular'; color: #666; letter-spacing: -.3px; text-align: center;  }
#footer > #ft_wr > .ft_text > .copyright { font-size: 16px; font-family: 'S-CoreDream-4Regular'; color: #666; letter-spacing: -.1px; text-align: center; }
#footer > #ft_wr > .ft_text > .copyright > a { font-family: 'S-CoreDream-4Regular'; letter-spacing: -.6px; padding: 0 5px; }
#footer > #ft_wr > .ft_text > .copyright > .admin_btn { font-size: 13px; letter-spacing: .5px; border: 1px solid #333; padding: 2px 5px; }


@media (max-width: 1490px){
	body { width: 1490px; }
	.sub_title > h4 { position: relative; margin-left: 142px; left: 0; width: 363px; }
}