@charset "utf-8";
.skipToContent {position:absolute; top:0; left:0; overflow:hidden; display:block; width:0px; height:0px; line-height:0; font-size:0; text-indent:-9999px;}
.hidden {display:none;}

/*** desktop ***********************************************************************************************************************/
body {min-width:1200px;}
#wrapper {position:relative;}
#header {width:100%; height:150px; z-index:999;}

.header_down{position:fixed; top:0;left:0;z-index:1001;background-color:#fff;}

#header_content {position:relative; *zoom:1; width:1200px; height:162px; position:relative; margin:0 auto;}
#header_content .logo {position:absolute; top:23px; left:0; z-index:1000;}
#header_content .logo a{display:block;}

.homemenu {*zoom:1; width:100%;position:absolute; top:45px; left:0;z-index:1000;}
.homemenu .leftbox {*zoom:1;position:absolute; top:0; left:0;}
.homemenu .leftbox:after{content:"";display:block;clear:both;}
.homemenu .leftbox p{float:left;width:80px;height:30px;text-align:center;line-height:30px;border:1px solid #ddd;font-size:15px;}
.homemenu .leftbox p.date{color:#727272;}
.homemenu .leftbox p.num{color:#1273cd;font-weight:600;border-left:none;background-color:#f4f4f4;}

.homemenu .rightbox {*zoom:1;position:absolute; top:0; right:0;}
.homemenu .rightbox:after{content:"";display:block;clear:both;} 
.homemenu .rightbox .dropbox{float:left;width:130px;height:30px;margin:0 5px 0 0;}
.homemenu .rightbox .dropbox h4 {width:100%;height:100%; box-sizing:border-box;border:1px solid #ddd;font-size:13px; color:#999999; font-weight:400; padding:5px 5px 5px 8px;
	background:url('../images/gray_arrow.png') 90% center no-repeat;cursor:pointer;
	}
.homemenu .rightbox .dropbox h4:hover {color:#1237cd;}
.homemenu .rightbox .dropbox ul{border:1px solid #ddd;border-top:none;}
.homemenu .rightbox .dropbox ul li{width:100%;border-bottom:1px solid #ddd;}
.homemenu .rightbox .dropbox ul li:last-child{border-bottom:none;}
.homemenu .rightbox .dropbox ul li a{color:#999;font-size:12px;display:block;box-sizing:border-box; padding:5px 5px 5px 8px;background-color:#fff;}
.homemenu .rightbox .dropbox ul li a:hover, .homemenu .rightbox .dropbox ul li a:focus{background-color:#f4f4f4;color:#1273cd;}

.homemenu .rightbox .go_web{float:left;display:block; width:130px;height:30px;line-height:30px;  padding:0 0 0 8px;box-sizing:border-box;border:1px solid #ddd;
	font-size:13px;color:#999;background:url('../images/gray_home.png') 90% center no-repeat;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;


}
.homemenu .rightbox .go_web:hover, .homemenu .rightbox .go_web:focus{background-color:#f4f4f4;}

#gnb {position:relative; /*width:1200px; margin:0 auto; background:url('../images/gnb_bg.png') 0 0 repeat-x;*/ top:100px; height:51px; background:#f3f3f3;}
#gnb ul {display:block; width:1200px; margin:0 auto;}
#gnb ul:after {content:" "; display:block; clear:both;}
#gnb ul li {float:left; font-size:17px; line-height:50px;height:50px; letter-spacing:-0.04em; padding:0 50.8px; text-align:center; font-weight:600; }
#gnb ul li a {color:#20201f; display:block;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}

#gnb ul li a:hover, #gnb ul li a:focus { color:#1273cd;}


/** mobile_none **/
.mobile_top {display:none;}
.tops {display:none;}
#nav {display:none;}




/* main */
#container {width:100%;margin:0 auto;}
#content {}

/* .mainvisual {width:1200px; height:320px;margin:0 auto; background:url('../images/mainvisual.jpg') center center no-repeat;} */
/* 꽉찬 */
/* .mainvisual {
	width: 1200px;
    height: 320px;
    margin: 0 auto;
    background: url(../images/mainvisual.jpg) 5% center no-repeat;
    background-size: cover;
    background-color: #ddd;
} */
/* 얄쌍 위쪽 */
.mainvisual {
    width: 1200px;
    height: 204px;
    margin: 0 auto;
    background: url(../images/mainvisual.jpg) top center no-repeat;
    background-size: cover;
}

.mainvisual h3{font-family:'roboto';font-weight:400;color:#023268;font-size:65px; line-height:60px;padding:40px 0 0 50px;}
.mainvisual h3 span{display:block;color:#1273cd;font-size:75px;font-weight:600;}
.mainvisual h3:after{content:"";display:block;width:370px;height:1px; background-color:#023268;margin:20px 0 ;}
.mainvisual p{padding:0 0 0 50px;font-family:'roboto';color:#252c32;font-size:20px;line-height:28px;}
.mainvisual p span{display:block;color:#1c8cf4; font-size:30px;}

/* section1 */
.section1 {*zoom:1; width:1200px; margin:40px auto;}
.section1:after {content:""; display:block; clear:both;}
.section1 .important {width:49%; float:left; height:252px;}
.section1 .important h5 {background:#72970c; color:#fff; font-size:22px; font-weight:600; padding:5px 25px; box-sizing:border-box; border-radius:50px;}
.section1 .important ul {padding:0 20px;}
.section1 .important ul li {background:url('../images/yel_dot.png') 15px center no-repeat; line-height:32px; font-size:17px; font-weight:500; color:#666; padding:10px 15px 10px 35px; box-sizing:border-box; border-bottom:1px dotted #a5c942;}
.section1 .important ul li span {display:inline-block; color:#000; width:45%; font-weight:600;}
.section1 .sec1_icon {*zoom:1; width:49%; float:left; height:255px; margin:0 0 0 2%;} 
.section1 .sec1_icon:after {content:""; display:block; clear:both;}
.section1 .sec1_icon > div {float:left; width:50%; height:126px; background-image:url('../images/icon_bg.png'); background-position:center center;}
.section1 .sec1_icon > div a {display:block; font-size:22px; font-weight:600; width:100%; line-height:126px; text-align:center; color:#fff;}
.section1 .sec1_icon > div:first-child {background-color:#dd6582;}
.section1 .sec1_icon > div:nth-child(2) {background-color:#419387;}
.section1 .sec1_icon > div:nth-child(3) {background-color:#999;}
.section1 .sec1_icon > div:last-child {background-image:url('../images/icon_4.png');}

/*Quick Menu */
#quick_menu {position:fixed; bottom:50px; width:40px; left:50%; margin:0 0 0 810px;}
#quick_menu a {display:block;}

/* footer */
#footer {width:100%; clear:both; background:#353535;}
#footer_content {*zoom:1; margin:0 auto; width:1200px; padding:32px 0; position:relative;font-size:14px; line-height:23px; color:#808789;position:relative;}
#footer_content strong{display:block; font-size:15px; font-weight:900;}
#footer_content .go_link{position:absolute;top:40px; right:0;display:inline-block; padding:7px 45px 7px 20px; font-size:14px; line-height:14px; color:#333b3e; font-weight:900; 
	border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;letter-spacing:-0.03em;
	background:url('../images/foot_home.png') 88% center no-repeat #fff;
}
#footer_content .go_link:hover, #footer_content .go_link:focus{background-color:#f3f3f3;}



/* Sub layout */
.sub_top{width:1200px; margin: 0 auto 50px; padding:50px 0 40px; border-bottom:1px solid #ddd;position:relative;letter-spacing:-0.03em;}
.sub_top p{text-align:center;color:#1273cd; font-weight:600;font-size:20px;line-height:20px; margin:0 0 7px 0;}
.sub_top h2{font-size:40px;font-weight:900;color:#111111;text-align:center;}
.sub_top h2.long{font-size:35px;letter-spacing: -0.04em;}
.sub_top h2.long2{font-size:28px;line-height: 32px; width:65%;margin:0 auto; letter-spacing: -0.05em;}
.sub_top a.leftgnb{display:block;position:absolute;bottom:50px;left:0;font-size:17px;font-weight:500;line-height:40px;color:#999999;padding:0 0 0 59px;background:url('../images/leftgnb.png') 0 0 no-repeat;}
.sub_top a.rightgnb{display:block;position:absolute;bottom:50px;right:0;font-weight:500;font-size:17px;line-height:40px;color:#999999;padding:0 59px 0 0;background:url('../images/rightgnb.png') 99.5% 0 no-repeat;}
.sub_top a:hover, .sub_top a:focus{color:#1273cd;}
#con_area{width:1200px;margin:0 auto 300px ;}




/* 공통 css */
strong {font-weight:600;}

/* 01 */
.page01 p {font-size: 17px;line-height: 30px;margin:0 0 15px 0;text-align: justify;font-weight:500; color:#333;letter-spacing:-0.03em;}
.page01 p strong {display:block; font-weight:600; font-size:22px; color:#063783;}
.page01 p em {display:block; text-align:right; font-size:18px; font-weight:600;}

/* 02 */
.page02 h5 {margin:0 0 15px 0; font-size:24px; font-weight:800; color:#000; border-left:5px solid #053682; padding:0 0 0 15px;}
.page02 table {margin:0 0 40px 0; border-top:1px solid #053682;}
.page02 table th {padding:10px 15px; background:#f3f3f3; font-weight:600; font-size:18px; color:#111; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.page02 table td {padding:10px 15px; background:#ffffff; font-weight:500; font-size:17px; color:#333; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.page02 table td:last-child {border-right:none;}
.page02 table td ul {padding:0 0 0 20px;}
.page02 table td ul li {background:url('../images/brown_dot.png') 0 center no-repeat; font-size:17px; padding:0 0 0 15px;}
.page02 table td a {background:#053682; color:#fff; text-align:center; padding:5px 15px; margin:5px 0; display:inline-block; border-radius:50px; font-size:14px;}

/* 03 */
.page03 .page03_top h5 {font-size:24px; font-weight:800; color:#000; border-left:5px solid #053682; padding:0 0 0 15px;}
.page03 .page03_top ul {padding:20px 30px; box-sizing:border-box; margin:15px 0; background:#f4f4f4;}
.page03 .page03_top ul li {background:url('/images/main/dot_black.png') 0 center no-repeat; padding:0 0 0 10px; font-size:18px; line-height:32px; color:#333; font-weight:600;}

.page03 table {margin:0 0 40px 0; border-top:1px solid #053682;}
.page03 table td {padding:10px; font-weight:500; font-size:16px; color:#333; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
.page03 table td:first-child {background:#f8f8f8;}
.page03 table td:nth-child(2) {/* text-align:left; */ padding:10px 20px;}
.page03 table td:last-child {border-right:none;}





@media screen and (max-width:640px) {



	body {min-width:320px; }

	#container{width:100%; background:none; position:relative;}
	#header{ width:100%; height:90px; position:relative;padding:0;margin:0;}
	#header_content {padding:0 20px;width:auto;height:100%;}

	#header_content .logo{margin:0;top:40px; left:20px;}
	#header_content .logo a img{height:35px;}

	.header_down{position:fixed; top:0;left:0;z-index:1001;background-color:#fff;}

	.homemenu {top:0;}
	.homemenu .leftbox {top:5px; left:20px;}
	.homemenu .leftbox p{width:50px;height:20px;line-height:20px;font-size:11px;}

	.homemenu .rightbox {top:5px; right:20px;}
	.homemenu .rightbox .dropbox{width:100px;height:20px;margin:0 5px 0 0;}
	.homemenu .rightbox .dropbox h4 {font-size:11px;line-height:20px;padding:0px 5px 0 8px;}
	.homemenu .rightbox .dropbox ul li a{font-size:11px;}
	.homemenu .rightbox .go_web{ width:80px;height:20px;line-height:20px;  padding:0;font-size:11px;background:none;text-align:center;}

	#gnb {display:none;}

	/*Quick Menu */
	#quick_menu {bottom:50px; width:40px; left:auto;right:10px; margin:0;}


	/* nav */
	#top_right {display:block;float:right; margin:45px 0 0 0;}
	.allmenu { position:relative;}
	#menu-icon2{
	  position: relative;
	  width: 30px;
	  height: 20px;
	  transform: rotate(0deg);
	  transition: 0.5s ease-in-out;
	  cursor: pointer;
	}
	#menu-icon2 span{
	  display: block;
	  position: absolute;
	  height: 3px;
	  width: 100%;
	  background: #1273cd;
	  opacity: 1;
	  left: 0;
	  transform: rotate(0deg);
	  transition: 0.25s ease-in-out;
	}
	#menu-icon2 span.short {
		width:20px;
		left:10px;
	}
	#menu-icon2 span:nth-child(1){top: 0px;}
	#menu-icon2 span:nth-child(2){top: 8px;}
	#menu-icon2 span:nth-child(3){top: 17px;}
	#menu-icon2.open span:nth-child(1) {
	  top: 6px;
	  transform: rotate(-45deg);
	}
	#menu-icon2.open span:nth-child(2) {
	  opacity: 0;    /*클릭하면 중간선이 사라집니다.*/
	}
	#menu-icon2.open span:nth-child(3) {
	  top: 6px;
	  transform: rotate(-135deg);
	  width:30px;
	  left:0;
	}
	nav {position:absolute; top:90px; right:0; width:100%; text-align:left; z-index:1100;}
	#nav {display:block;}
	#nav li {position:relative; border-top:1px solid #ddd; background:#fff;}
	#nav li a {position:relative; color:#111; font-size:1em; font-weight:600; display:block; line-height:130%; padding:10px 20px 10px 20px;}

	
	/* main */

	.mainvisual {width:100%; height:220px;background-size:cover;background-position:35% center;}
	.mainvisual h3{font-size:30px; line-height:40px;padding:40px 0 0 30px;}
	.mainvisual h3 span{font-size:50px;}
	.mainvisual h3:after{width:60%;margin:10px 0 ;}
	.mainvisual p{padding:0 0 0 30px;font-size:16px;line-height:22px;}
	.mainvisual p span{font-size:25px;}


	/* section1 */
	.section1{width:auto; padding:20px 15px;}
	.section1 .newsbox{float:none; width:auto;height:auto; margin:0 0 20px 0;}
	.section1 .newsbox:first-child{ margin:0 0 20px 0;}
	.section1 .newsbox h3{font-size:18px;padding:20px  0 0 0;}
	.section1 .newsbox h3:before{width:6px;margin:0 15px 0 0;}
	.section1 .newsbox a.plus{position:absolute;top:25px; right:15px;}

	.section1 .newsbox .thumb{width:auto; height:auto; margin:15px;}
	.section1 .newsbox .thumb img{width:100%; height:auto;}
	.section1 .newsbox .title{width:auto; margin:15px; font-size:15px;line-height:28px;word-break:keep-all;}
	.section1 .newsbox .title span{font-size:13px;padding-top:13px; margin-top:13px;}

	/* footer */
	#footer_content {width:auto; padding:40px 15px;font-size:12px;word-break:keep-all;}
	#footer_content strong{font-size:13px;}
	#footer_content .go_link{position:static;padding:7px 40px 7px 10px; font-size:11px; line-height:11px;margin:15px 0 0 0 ;}
	#footer_content .go_link:hover, #footer_content .go_link:focus{background-color:#f3f3f3;}

    
    

    /* Sub layout */

    .sub_top{width:auto; margin: 0 auto 50px; padding:20px 0 40px; }
    .sub_top p{font-size:13px;line-height:13px;margin-bottom:10px;}
    .sub_top h2{font-size:20px;line-height: 30px;padding:0 30px;word-break:keep-all;}
    .sub_top h2.long{font-size:18px;line-height:25px;}
	.sub_top h2.long2 {font-size: 16px;line-height: 25px;width:auto;padding:0 20px; }
    .sub_top a.leftgnb{bottom:10px;left:15px;font-size:13px;line-height:20px;padding:0 0 0 30px;background-size:20px;}
    .sub_top a.rightgnb{bottom:10px;right:15px;font-size:13px;line-height:20px;padding:0 30px 0 0;background-size:20px;}
    
    #con_area{width:auto;padding:0 15px;margin:0 auto 100px;}



	/* 공통 css */
	p.normal{font-size: 13px; line-height:28px;word-break:break-all;}
	p.center img{max-width: 90%;}
	.clearbox .left {float:none;}
	.clearbox .right {float:none;}
	.clearbox  img{max-width:90%;}


    /*  컨텐츠   01 - 신년사 */
    .page01 p{font-size: 13px;line-height: 28px;}


    
}



@media screen and (max-width:320px) {


	#header_content .logo a img{height:30px;}

	.homemenu .leftbox {left:15px;}
	.homemenu .leftbox p{width:45px;}

	.homemenu .rightbox {right:15px;}
	.homemenu .rightbox .dropbox{margin:0 3px 0 0;}
	.homemenu .rightbox .dropbox h4 {font-size:10px;}
	.homemenu .rightbox .go_web{ width:75px;font-size:10px;}

}