@charset "utf-8";
@import url('/Main/open_contents/section2023/css/accessible.css');

/* common */
body, input, button, select {font-family:'NotoSansKR' !important; color:#212121; font-size:17px; font-weight:400; letter-spacing:-0.8px; line-height:1.7;}
button, input[type="submit"] {border:0; background:none; cursor:pointer; border-radius:0;}
select {-moz-appearance:window; -webkit-appearance:none; background:url('/Main/Images/new/section/archive/common/select.png') no-repeat right center; cursor:pointer;}
select::-ms-expand {display:none;}
input[type="checkbox"],
input[type="radio"] {vertical-align:middle;}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:600; letter-spacing:-1.3px;}
img {max-width:100%;}
/*img {width:100%;}
.field_site_list img {max-width:auto; width:auto;}*/
.wrap {max-width:1200px; margin:0 auto;}
.no_scrolling {position:fixed; width:100%; height:100%;}
#skipBtn a {display:block; position:fixed; left:-9999px; top:-9999px; width:100%;}
#skipBtn a:focus, #skipBtn a:hover, #skipBtn a:active {position:fixed; left:0; top:0; padding:10px 0; background: #333; color:#fff; text-align:center; z-index:200;}
@media all and (max-width:1440px) {
	.wrap {max-width:96%;}
}
@media all and (max-width:599px) {
	body {font-size:0.95em;}
	.wrap {max-width:94%;}
}
@media all and (max-width:319px) {
	body {min-width:319px; overflow-x:scroll;}
}

/* °Ë»ö */

.bbsSrch input[type="text"], .bbsSrch select{display:inline-block; height:40px; padding:0 15px; background:#fff; border:1px solid #ddd; line-height:40px; border-radius:6px; /*vertical-align:top;*/ font-family:'NotoSansKR', sans-serif; font-size:16px; box-sizing:border-box;}
.bbsSrch input[type="submit"], .bbsSrch button, a.button {border:0; padding:0 15px;cursor:pointer; background:#686868;color:#fff; font-size:14px;height:40px;border-radius:6px; margin-left:2px; line-height:40px; -webkit-appearance: none;}
.bbsSrch input[type="text"]	 {margin-right:3px;}
.bbsSrch select::-ms-expand {display:none}
.bbsSrch select {appearance:none; -moz-appearance:window; -webkit-appearance:none; padding:0 40px 0 15px; background:#fff url('/Main/Images/new/ko/board/select_bg.gif') no-repeat 90% 50%; vertical-align:top; cursor:pointer; margin:0px 5px 0px 0;}
.bbsSrch {display:inline-flex;justify-content:center; padding:10px 2%; text-align:center; border-radius:6px;}
table ~ .bbsSrch {margin-top:30px;}
.bbsSrch .calendar_btn {margin:0 5px; width:20px; background:url('/Main/Images/new/ko/board/ico_bbs_date.png') no-repeat left center ;  text-indent:-9999px;}
.bbsSrch span {margin-left:10px; line-height:38px;}
.bbsSrch .calendar_btn ~ span {margin-left:0;}
.bbsSrch label {display:inline-block;}
@media all and (max-width:1200px){
	.bbsSrch input[type="text"], .bbsSrch select, .bbsSrch .button, .button  {margin:2px 0;}
}
@media all and (max-width:768px){
	.bbsSrch {font-size:14px;}
	.bbsSrch span {margin-left:0px;}
	.bbsSrch span.float_l {display:block; width:100%;}
	/*.bbsSrch .list_num span:first-child {display:block; clear:both;}*/
	.bbsSrch input[type="text"], .bbsSrch select, .bbsSrch .button, .button {font-size:14px;}
	.bbsSrch.archives {display:block;}
}
@media all and (max-width:480px){
	.bbsSrch .list_num span:first-child {display:block; clear:both;}
}

/* header */
#header {padding:46px 0 0 0; background:#f0f0f0;}
#header header {height:86px; background:#fff;}
#header header > .wrap {height:86px; position:relative;}
#header header h1 {display:table; position:absolute; top:0; left:0; height:86px;}
#header header h1 > a {display:table-cell; vertical-align:middle;}
#header header h1 > a img {display:block; width:100%; }
#header header h1 > a span {margin-left:18px; font-size:1.5em;}
#header .quick_link {position:absolute; width:100%; height:46px; left:0; top:-46px; line-height:46px;}
#header .quick_link nav ul li a {display:block; position:relative; font-size:0.87em;}
#header .quick_link nav .right {float:right;}
#header .quick_link nav .right li {float:left;}
#header .quick_link nav .right li.login {margin-top:-1px;}
#header .quick_link nav .right li.login a {margin-right:18px; padding-left:37px; font-weight:600;}
#header .quick_link nav .right li.login a:before {content:''; position:absolute; top:0; left:0; width:46px; height:100%; background:url('/Main/Images/new/section/archive/common/icon01.png') no-repeat 0 0;}
#header .quick_link nav .right li.sns a {width:46px; background:url('/Main/Images/new/section/archive/common/icon01.png') no-repeat; text-indent:-9999px;}
#header .quick_link nav .right li.sns.twitter a {background-color:#2ba9e0; background-position:-46px 0;}
#header .quick_link nav .right li.sns.facebook a {background-color:#455e99; background-position:-92px 0;}
#header .search {float:right;}
#header .search .field,
#header .search .search_wrap {float:left;}
#header .search .field {display:block; position:relative; font-size:12px; margin:12px 25px 0 0; padding-top:39px;}
#header .search .field:before {content:''; position:absolute; top:0; left:50%; width:46px; height:46px; margin-left:-23px; background:url('/Main/Images/new/section/archive/common/icon01.png') no-repeat -138px 0;}
#header .search .field_list ul {overflow:hidden;}
#header .search .field_list ul li {float:left; width:14.28%;}
#header .search .field_list ul li a {display:block; position:relative; margin:20px 0; padding-top:120px; text-align:center; font-weight:500;}
#header .search .field_list ul li a:before {content:''; position:absolute; top:0; left:50%; width:100px; height:100px; margin-left:-50px; background:#f4f4f4 url('/Main/Images/new/section/archive/main/icon05.png') no-repeat; border-radius:50%; transition:background .3s;}
#header .search .field_list ul li.link01 a:before {background-position:0 0;}
#header .search .field_list ul li.link02 a:before {background-position:-100px 0;}
#header .search .field_list ul li.link03 a:before {background-position:-200px 0;}
#header .search .field_list ul li.link04 a:before {background-position:-300px 0;}
#header .search .field_list ul li.link05 a:before {background-position:-400px 0;}
#header .search .field_list ul li.link06 a:before {background-position:-500px 0;}
#header .search .field_list ul li.link07 a:before {background-position:-600px 0;}
#header .search .field_list ul li.link08 a:before {background-position:0 -100px;}
#header .search .field_list ul li.link09 a:before {background-position:-100px -100px;}
#header .search .field_list ul li.link10 a:before {background-position:-200px -100px;}
#header .search .field_list ul li.link11 a:before {background-position:-300px -100px;}
#header .search .field_list ul li.link12 a:before {background-position:-400px -100px;}
#header .search .field_list ul li.link13 a:before {background-position:-500px -100px;}
#header .search .field_list ul li.link14 a:before {background-position:-600px -100px;}
#header .search .field_list ul li a:hover:before {background-color:#e6e6e6;}
#header .search .search_wrap {padding:20px 0;}
#header .search .search_wrap legend,
#header .search .search_wrap label {position:absolute; left:-9999px;}
#header .search .search_wrap #kwdStr {float:left; width:349px; height:46px; padding:0 10px; border:2px solid #15284f; border-right:0; border-radius:0; box-sizing:border-box;}
#header .search .search_wrap .sch_btn {display:block; float:left; width:46px; height:46px; background:#15284f url('/Main/Images/new/section/archive/common/icon01.png') no-repeat -184px 0; text-indent:-9999px;}
@media all and (min-width:1024px) {
	#header .search .search_wrap {display:block !important;}
}
@media all and (max-width:1023px) {
	#header {padding:0;}
	#header header {height:70px; position:relative;}
	#header header > .wrap {height:70px; position:static;}
	#header header h1 {height:70px; margin-left:2%;}
	#header header h1 > a:first-child {width:100px;}
	#header header h1 > a span {margin-left:16px; font-size:1.2em;}
	#header .quick_link {display:none;}
	#header .search {float:none;}
	#header .search .field {float:none; position:absolute; right:145px; top:11px; margin:0; padding:0; text-indent:-9999px;}
	#header .search .field_list ul li {width:33.333%;}
	#header .search .search_wrap {display:none; float:none; position:absolute; top:70px; width:100%; margin-left:-2%; background:#15284f; padding:25px 15px; z-index:100; text-align:center;}
	#header .search .sch_inp_box {position:relative;}
	#header .search .search_wrap #kwdStr {float:none; width:100%; border:0;}
	#header .search .search_wrap .sch_btn {float:none; position:absolute; right:0; top:50%; margin-top:-23px; background-position:-46px -46px; background-color:#fff;}
}
@media all and (max-width:599px) {
	#header header h1 {margin-left:3%;}
	#header header h1 > a:first-child {display:none;}
	#header header h1 > a span {margin-left:0;}
	#header .search .field_list ul li {width:50%;}
	#header .search .search_wrap {margin-left:-3%;}
}

/* navi */
#nav {position:relative; clear:both; background:#15284f}
#nav .m_nav,
#nav .m_sitemap,
#nav .m_search {display:none;}
#nav .pc_nav,
#nav .pc_sitemap {display:block;}
#nav > .wrap {overflow:hidden;}
#nav .pc_nav {float:left;}
#nav .pc_nav .dept1 {overflow:hidden; margin:0 0 0 -29px;}
#nav .pc_nav .dept1 > li {float:left; padding:0 30px; width:auto;}
#nav .pc_nav .dept1 > li > a {display:block; position:relative; padding:17px 0 19px; font-size:1.2em; color:#fff;}
#nav .pc_nav .dept1 > li > a:after {content:''; position:absolute; left:50%; bottom:0; width:0; height:4px; background:#526898; transition:all 0.5s;}
#nav .pc_nav .dept1 > li:hover > a:after {left:0; width:100%;}
#nav .pc_nav .naviWrap {display:none; position:absolute; top:68px; left:0; padding:20px 0 30px; background:#fff; width:100%; box-shadow:10px 10px 10px rgba(0,0,0,0.2); z-index:9999}
#nav .pc_nav .dept2 {overflow:hidden; margin:0;}
#nav .pc_nav .dept2 > li {float:left; width:17.6%; margin:10px 0 10px 3%; border-bottom:1px solid #d0d0d0;}
#nav .pc_nav .dept2 > li:nth-child(5n+1) {margin-left:0;}
#nav .pc_nav .dept2 > li:hover {border-color:#15284f}
#nav .pc_nav .dept2 > li > a {display:block; position:relative; padding:10px 20px; color:#212121; font-size:1em;}
#nav .pc_nav .dept2 > li > a:after {content:''; position:absolute; width:5px; height:10px; bottom:19px; right:20px; background:url('/Main/Images/new/section/archive/common/icon02.png') no-repeat;}
#nav .pc_nav .dept2 > li:hover {border-color:#15284f}
#nav .pc_nav .dept2 > li:hover > a:after {background-position:0 -10px;}
#nav .sitemap {float:right; margin-top:11px;}
#nav .sitemap > a {float:left; width:40px; height:40px; /*width:46px; height:46px;*/ background:url('/Main/Images/new/section/archive/common/icon01.png') no-repeat -230px 0; text-indent:-9999px;}
#nav .all_menu p {margin-bottom:44px; text-align:center; font-size:2em; font-weight:600; letter-spacing:-1px;}
#nav .all_menu ul li a {display:block;}
#nav .all_menu .dept1 {overflow:hidden;}
#nav .all_menu .dept1 > li {position:relative; float:left; width:25%;}
#nav .all_menu .dept1 > li:before {content:''; position:absolute; top:0; left:0; width:100%; height:50px; background:#15284f;}
#nav .all_menu .dept1 > li:nth-child(1):before {border-radius:10px 0 0 10px;}
#nav .all_menu .dept1 > li:nth-child(5):before {border-radius:0 10px 10px 0;}
#nav .all_menu .dept1 > li > a {position:relative; z-index:2; color:#fff; text-align:center; padding:12px 0;}
#nav .all_menu .dept1 > li > a:before {content:''; position:absolute; top:23px; right:0; width:4px; height:4px; border-radius:50%; background:#767c89;}
#nav .all_menu .dept1 > li:last-child > a:before {display:none;}
#nav .all_menu .dept2 {padding:20px 15px;}
#nav .all_menu .dept2 > li {position:relative; margin:10px 0; padding-left:30px;}
#nav .all_menu .dept2 > li:before {content:''; position:absolute; top:10px; left:15px; width:2px; height:5px; background:#bdbdbd;}
#nav .all_menu .dept2 > li:hover:before {background:#15284f;}
.mask {visibility:hidden; opacity:0; position:fixed; top:0; left:0; z-index:100; overflow-x:hidden; overflow-y:auto; width:100%; height:100%; max-height:100%; padding-top:132px; padding-bottom:100px; background:rgba(0,0,0,0.7); transition:all 0.3s;}
.mask > .wrap {position:relative; padding:50px 30px; background:#fff; border-radius:30px;}
.mask .close {position:absolute; top:-66px; right:10px; width:50px; height:50px; background:#fff; border-radius:50%; text-indent:-9999px;}
.mask .close:after {content:''; position:absolute; top:50%; left:50%; width:46px; height:49px; margin:-23px 0 0 -23px; background:url('/Main/Images/new/section/archive/common/icon01.png') no-repeat 0 -46px; text-indent:-9999px; transform:rotate(45deg); border-radius:50%;}
/*
@media all and (max-width:1440px) {
	#nav .pc_nav .dept1 {margin-left:-20px;}
	#nav .pc_nav .dept1 > li {padding-left:20px;}
	#nav .pc_nav .dept1 > li > a {padding:15px 0 17px; font-size:1em;}
}
*/
@media all and (max-width:1023px) {
	#nav .m_nav,
	#nav .m_sitemap,
	#nav .m_search {display:block;}
	#nav .pc_nav,
	#nav .pc_sitemap {display:none;}
	#nav .pc_nav .naviWrap {display:none !important;}
	#nav .m_nav .m_login {padding:20px;}
	#nav .m_nav .m_login a {display:inline-block; margin:0 3px 0 0; padding:7px 25px; color:#fff; border:1px solid rgba(255,255,255,0.2); border-radius:40px;}
	#nav .m_nav {overflow-x:hidden; overflow-y:auto; position:fixed; top:0; right:-80%; width:80%; padding-top:82px; max-width:300px; height:100%; background:#15284f; z-index:300; transition:right 0.85s cubic-bezier(0.43, 0.03, 0.21, 1);}
	#nav .m_nav .wrap {max-width:100%;}
	#nav .m_nav .dept1 > li > a {display:block; padding:13px 20px; color:#fff !important; font-weight:400; border-bottom:1px solid rgba(255,255,255,0.2); font-size:1em; transition:background 0.5s;}
	#nav .m_nav .dept1 > li > a.on {background:#061635; border-bottom:0; color:#fff !important;}
	#nav .m_nav .dept2 {display:none; padding:15px 0; background:#526898;}
	#nav .m_nav .dept2 > li > a {display:block; padding:7px 30px; background:#526898 url('/Main/Images/new/section/archive/common/m_more.png') no-repeat 90% center; color:rgba(255,255,255,0.8); font-size:0.95em;}
	#nav .m_nav .m_close {position:absolute; top:18px; right:7px; width:46px; height:46px; text-indent:-9999px;}
	#nav .m_nav .m_close:after {content:''; position:absolute; top:50%; left:50%; width:46px; height:46px; margin:-23px 0 0 -23px; background:url('/Main/Images/new/section/archive/common/icon01.png') no-repeat -184px -46px; text-indent:-9999px; transform:rotate(45deg); border-radius:50%;}
	#nav .m_navBg {visibility:hidden; opacity:0; position:fixed; width:100%; height:100%; top:0; left:0; background:#000; z-index:290; transition:all 0.85s cubic-bezier(0.43, 0.03, 0.21, 1);}
	#nav .sitemap {float:none; position:absolute; top:-53px; right:2%; margin-top:0;}
	#nav .sitemap .m_search {background-position:-230px -46px;}
	#nav .sitemap .m_sitemap {/*background-color:#15284f; background-position:-46px -92px;*/ background-position:0 -92px;}
	#nav .all_menu {display:none;}
	.mask > .wrap {padding:10px;}
}
@media all and (max-width:599px) {
	#nav .sitemap {right:3%;}
}

/* banner */
.section_ban {background:#15284f; height:60px; line-height:60px;}
.section_ban > div.wrap {overflow:hidden;}
.section_ban .ban_btn {overflow:hidden; float:left; margin-top:21px;}
.section_ban .ban_btn li {float:left;}
.section_ban .ban_btn li a {display:block; width:16px; height:16px; background:url('/Main/Images/new/section/archive/main/icon04.png') no-repeat; text-indent:-9999px;}
.section_ban .ban_btn li.ban_prev a {background-position:0 0;}
.section_ban .ban_btn li.ban_stop a {margin:0 20px; background-position:-16px 0;}
.section_ban .ban_btn li.ban_next a {background-position:-48px 0;}
.section_ban .banzone {float:right; overflow:hidden; width:90%;}
.section_ban .banzone div {float:left;}
.section_ban .banzone div a {position:relative; color:#fff; padding:16px 30px;}
.section_ban .banzone div a:before {content:''; position:absolute; top:50%; right:0; width:4px; height:4px; margin-top:-2px; background:#767c89; border-radius:50%;}
@media all and (max-width:1023px) {
    .section_ban {height:auto; line-height:inherit;}
    .section_ban .ban_btn {float:none;}
    .section_ban .banzone {float:none; width:100%; margin:16px 0 16px -30px;}
}

/* link */
.site_wrap {position:relative; width:100%; max-height:60px; background:#3b434f; z-index:90;}
.site_wrap:before {content:''; display:block; position:absolute; width:30%; height:100%; left:0; top:0; background:#323943;z-index:0}
.site_wrap .wrap {position:relative; z-index:1;}
.site_wrap .wrap > span {position:relative; color:#fff; width:15%; line-height:60px;}
.site_wrap .wrap > span,
.site_wrap .wrap > .site_area,
.site_wrap .wrap > .sns_area {display:inline-block;}
.site_wrap .wrap > .site_area {width:18%; /*position:relative;*/}
.site_wrap .wrap > .site_area button {position:relative; display:block; width:100%; height:60px; background:#3b434f; color:#fff; text-align:left; padding-left:30px;}
.site_wrap .wrap > .site_area button:before {content:''; display:block; position:absolute; top:15px; right:0; width:1px; height:30px; background-color:rgba(255,255,255,.1)}
.site_wrap .wrap > .site_area button:after {content:''; display:block; position:absolute; width:14px; height:8px; top:50%; margin-top:-4px; right:13%; background:url('/Main/Images/new/ko/layout/site_button.png');}
.site_wrap .wrap > .site_area button.on:after {transform:rotate(-180deg);}
.site_wrap .wrap > .site_area .lst {display:none; position:absolute; left:0; bottom:100%; width:100%; background:#fff; border:1px solid #3b434f; box-sizing:border-box; border-bottom:none;}
.site_wrap .wrap > .site_area .lst ul {height:280px; overflow-x:hidden; overflow-y:auto; padding:12px 25px 22px 25px;}
.site_wrap .wrap > .site_area .lst li {overflow:hidden; width:25%; float:left;}
.site_wrap .wrap > .site_area .lst li a {position:relative; display:inline-block; margin-bottom:5px; font-size:0.87em; padding-left:10px; box-sizing:border-box; padding-right:30px;}
.site_wrap .wrap > .site_area .lst li a[target="_blank"]:after {content:''; position: absolute; width:20px; height:20px; background:url('/Main/Images/new/ko/common/blank.png') no-repeat right 3px;}
.site_wrap .wrap > .site_area .lst li a:before {content:''; display:block; position:absolute; top:8px; left:0; width:3px; height:3px; background:#3b434f}
.site_wrap .wrap > .site_area p {height:60px; line-height:60px; background:#3b434f; color:#fff; padding-left:25px; font-size:1em; box-sizing:border-box;}
.site_wrap .wrap > .site_area .close {position:absolute; top:9px; right:13px; width:40px; height:40px; background:#3b434f url('/Main/Images/new/ko/layout/site_close.png') no-repeat center; text-indent:-9999px; cursor:pointer;}
.site_wrap .wrap > .sns_area {float:right; margin-top:10px;}
.site_wrap .wrap > .sns_area a {display:inline-block; width:40px; height:40px; text-indent:-99999px; position:relative;}
.site_wrap .wrap > .sns_area a:before {content:''; position:absolute; background-image:url('/Main/Images/new/ko/layout/footer_sns_area.png'); background-repeat:no-repeat; width:40px; height:40px; display:block;}
.site_wrap .wrap > .sns_area a.youtube:before {background-position:0 0;}
.site_wrap .wrap > .sns_area a.instagram:before {background-position:-40px 0;}
.site_wrap .wrap > .sns_area a.facebook:before {background-position:-80px 0;}
.site_wrap .wrap > .sns_area a.blog:before {background-position:-120px 0;}
.site_wrap .wrap > .sns_area a.twitter:before {background-position:-160px 0;}
.site_wrap .wrap > .sns_area a.kakaostory:before {background-position:-200px 0;}
@media all and (max-width:1720px){
    .site_wrap:before {display:none;}
    .site_wrap .wrap > span {display:none}
}
@media all and (max-width:1023px){
    .site_wrap {max-height:100%;}
	.site_wrap .wrap {max-width:100%;}
	.site_wrap .wrap > .site_area {float:left; width:33.333%;}
    .site_wrap .wrap > .site_area button:after {right:10%;}
    .site_wrap .wrap > .site_area:nth-of-type(3) button:before {display:none;}
    .site_wrap .wrap > .sns_area {clear:both; float:none; width:100%; display:block; text-align:center; border-top:1px solid rgba(255,255,255,.1); margin-top:0; padding:5px 0;}
    .site_wrap .wrap > .site_area .lst li {width:25%;}
    .site_wrap .wrap > .site_area .lst ul {height:350px}
}
@media all and (max-width:768px){
	.site_wrap .wrap > .site_area {position:relative; width:100%; border-bottom:rgba(255,255,255,.1)}
	.site_wrap .wrap > .site_area button:before {width:100%; height:1px; bottom:0; top:inherit;}
	.site_wrap .wrap {width:100% !important; margin:0 !important;}
	.site_wrap .wrap > .site_area button,
	.site_wrap .wrap > .site_area p {padding-left:3%; height:45px; line-height:45px;}
	.site_wrap .wrap > .site_area button {background-position:95% center;}
	.site_wrap .wrap > .site_area .close {width:30px; height:30px; background-size:100%; top:7px; right:2%;}
	.site_wrap .wrap > .site_area .lst {top:0; bottom:auto; z-index:10; border-bottom:1px solid #3b434f}
	.site_wrap .wrap > .sns_area  {border-top:none; height:45px; padding:0;}
	.site_wrap .wrap > .site_area:nth-of-type(3) button:before {display:block;}
	.site_wrap .wrap > .site_area button:after {right:15px;}
	.site_wrap .wrap > .site_area .lst li {width:100%;}
}

/* footer */
.link_wrap {border-bottom:1px solid #d5d5d5;}
.link_wrap a {position:relative; display:inline-block; padding-right:30px; margin-right:26px; font-size:1em; line-height:60px;}
.link_wrap a:after {content:''; position:absolute; top:28px; right:0; width:4px; height:4px; border-radius:50%; background:#ddd;}
.link_wrap a:hover {font-weight:500;}
.link_wrap a:first-child {color:#9a0e0e; font-weight:500;}
.link_wrap a:last-child:after {display:none;}
.copyright_wrap {overflow:hidden; padding:40px 0;}
.copyright_wrap .copyright {float:left;}
.copyright_wrap .copyright p {margin-bottom:7px;}
.copyright_wrap .copyright p span {display:inline-block; margin-right:20px;}
.copyright_wrap .copyright p span.happyCall {background:url('/Main/Images/new/ko/layout/happyCall.jpg') no-repeat left 5px; padding-left:30px;}
.copyright_wrap .copyright p span strong {font-weight:600 !important; padding-right:5px;}
.copyright_wrap .copyright p:nth-of-type(2) {margin-bottom:15px;}
.copyright_wrap .copyright p:last-child {font-size:0.87em; color:#737373; letter-spacing:0.1px;}
.copyright_wrap .mark {float:right; margin-top:9px;}
.copyright_wrap .mark a {display:inline-block; margin-left:30px;margin-right:5px;}
.copyright_wrap .mark a img {vertical-align: middle;}
@media all and (max-width:1023px){
	.copyright_wrap .mark {display:none;}
	.link_wrap .wrap {padding:16px 0 15px;}
	.link_wrap a {padding-right:20px; margin-right:15px; line-height:inherit; }
	.link_wrap a:after {top:10px;}
	.copyright_wrap {padding:20px 0;}
}

/* sub */
#snb {background:#ecf2ff;}
#snb nav {height:60px;}
#snb nav a {display:block;}
#snb .home {float:left; width:60px; padding:0; background:#dde6f9 url('/Main/Images/new/ko/sub/home.png') no-repeat center; text-indent:-9999px; line-height:60px;}
#snb nav .dept1 {float:left;}
#snb nav .dept1 > li {position:relative; float:left;}
#snb nav .dept1 > li > a {padding:0 100px 0 30px; border-right:1px solid #d5dff5; font-weight:500; background:#ecf2ff url('/Main/Images/new/section/archive/common/select.png') no-repeat 93% center; line-height:60px;}
#snb nav .dept1 > li.on > a {background-color:#cfdcf9;}
#snb nav .dept2 {display:none; position:absolute; top:60px; left:0; width:100%; padding:15px 30px; background:#fff; border:1px solid #cfdcf9; border-top:0; z-index:100;}
#snb nav .dept2 > li > a {padding:5px 0;}
#snb nav .dept2 > li > a:hover {text-decoration:underline; color:#15284f;}
#container.sub .wrap {padding:30px 0 50px 0;}
#container.sub .cont_title {position:relative; margin-bottom:20px; text-align:center;}
#container.sub .cont_title span {display:block; color:#808080; letter-spacing:0.8px; text-transform:uppercase; font-size:0.87em;}
#container.sub .cont_title h3 {margin-top:-5px; font-size:2.3em; font-weight:600;}
#container.sub .cont_title .print {display:block; position:absolute; bottom:0; right:0; width:46px; height:46px; background:url('/Main/Images/new/section/archive/common/icon01.png') no-repeat -184px -92px; text-indent:-9999px;}

@media all and (max-width:1023px){
	#snb .wrap {max-width:100%;}
	#snb nav {height:100%;}
	#snb nav:after {content:''; clear:both; display:block;}
	#snb .home {display:none;}
	#snb nav .dept1 {float:none; width:100%;}
	#snb nav .dept1 > li {width:50%;}
	#snb nav .dept1 > li > a {padding:0 20px; border-bottom:1px solid #d5dff5; line-height:45px;}
	#snb nav .dept1 > li:nth-child(even) a {border-right:0;}
	#snb nav .dept2 {padding:15px 20px; top:45px;}
	#container.sub .wrap {padding:40px 0 60px;}
	#container.sub .cont_title {margin-bottom:30px;}
	#container.sub .cont_title .print {display:none;}
	#container.sub .cont_title h3 {font-size:2em;}
}

.page_tab {margin-bottom:40px; text-align:center; overflow:hidden;}
.page_tab > ul {width:100%; border-bottom:1px solid #dedede; overflow:hidden;}
.page_tab > ul > li {float:left; width:24.25%; margin-left:1%; height:50px; font-size:1.05em; font-weight:600; line-height:50px; border-radius:10px 10px 0 0; background:#ecf2ff;}
.page_tab > ul > li:first-child {margin-left:0;}
.page_tab > ul > li.on {background:#15286f; color:#fff;}
.page_tab > ul > li.on a {color:#fff;}
@media all and (max-width:768px){
	.page_tab > ul > li {width:32.6666%;}
}

.cont_body {overflow:hidden;}
.cont_body h4 {position:relative; font-size:1.6em; margin:60px 0 20px; font-weight:500; letter-spacing:-0.05em; padding-top:20px;}
.cont_body h4::before,
.cont_body h4::after {content:''; display:block; width:11px; height:11px; position:absolute; top:0; left:0; background:#b9005d; border-radius:50%;}
.cont_body h4::before {left:15px; background:#01a1b1;}
.cont_body h4:first-child {margin-top:0;}
.cont_body h5 {font-size:1.3em; margin:40px 0 10px; color:#103e93; font-weight:600; letter-spacing:-0.05em;}

.caution {background:url('/Main/Images/new/ko/contents/caution.png') no-repeat left 4px; padding-left:30px;}


#footer_new {background:#f5f5f5;}
#footer_new > .wrap {position:relative; padding:30px 0;}
#footer_new > .wrap .logo {display:block; width:120px; height:32px; background:url('/Main/Images/new/ko2025/layout/logo1.png') no-repeat center/contain; text-indent:-9999px;}
#footer_new > .wrap .add {display:flex; margin-top:40px;}
#footer_new > .wrap .add li {width:33.333%; position:relative;}
#footer_new > .wrap .tit {display:block; margin-bottom:10px; font-weight:700;}
#footer_new > .wrap .tel {display:flex; align-items:center;}
#footer_new > .wrap .tel .number {display:block; margin-right:10px; font-size:26px; font-weight:800;}
#footer_new > .wrap .last {margin:10px 0 0 3px;}

#footer_new > .wrap .add.footer_section li {width:100%;}
#footer_new > .wrap .add.footer_section li * {display:inline-block;}
#footer_new > .wrap .add.footer_section li address {margin-right:10px;}
#footer_new > .wrap .add.footer_section li .tel .number {font-size:inherit;}
#footer_new > .wrap .add.footer_section li .tel .bold {margin:0 7px 0 0;}
#footer_new > .wrap .add.footer_section li .tel:last-child {display:block;}
#footer_new > .wrap .add.footer_section li .tel:last-child .bold {margin-left:0;}
#footer_new > .wrap .add.footer_section li .tel:last-child .number {font-weight:normal;}

#footer_new > .wrap .last .bold {display:inline-block; margin-right:7px; font-weight:700;}
#footer_new > .wrap .footer_bottom {display:flex; flex-wrap:wrap; margin-top:30px; padding:30px 0; border-top:1px solid #d2d2d2;}
#footer_new > .wrap .footer_bottom a {display:inline-block; margin:0 10px;}
#footer_new > .wrap .footer_bottom a.privacy {color:#1e4388; text-decoration:underline; font-weight:600; font-size:18px;}
#footer_new > .wrap small {display:inline-block; margin:7px 0 0 0; color:#7c7c7c; font-size:16px; letter-spacing:0.1px;}
@media all and (max-width:1440px){
	#footer_new > .wrap .add {flex-wrap:wrap; margin-top:20px;}
	#footer_new > .wrap .add li {width:50%; margin:20px 0; padding-right:40px;}
	#footer_new > .wrap .call > div {position:static;}
}
@media all and (max-width:1023px) {
	#footer_new > .wrap .add.footer_section .tit {margin-bottom:0;}
	#footer_new > .wrap .tel {display:block; flex-wrap:wrap;}
	#footer_new > .wrap .tel .number {font-size:23px;}
	#footer_new > .wrap .add.footer_section li .tel:last-child {margin-top:10px;}
	#footer_new > .wrap .add.footer_section li em {margin-bottom:10px;}
}
@media all and (max-width:768px) {
	#footer_new > .wrap .footer_bottom a.privacy {font-size:18px;}
}
@media all and (max-width:599px) {
	#footer_new > .wrap .add.footer_section .tit {display:block; margin-bottom:10px;}
	#footer_new > .wrap .add li {width:100%; padding-right:0;}
	#footer_new > .wrap .last {margin-left:0;}
	#footer_new > .wrap .footer_bottom {margin:-3px -7px;}
	#footer_new > .wrap .footer_bottom a {margin:3px 7px;}
}


#header_2019 .top_area {display:none;}