.myeongjo{font-family: 'Nanum Myeongjo', serif;}
#container{margin-top:111px;}
	#visual{width:100%; height:200px;}
		.v_s1{background:#fff url("../img/s1_back.jpg") no-repeat center; background-size:cover;}
		.v_s2{background:#fff url("../img/s2_back.jpg") no-repeat center; background-size:cover;}
		.v_s3{background:#fff url("../img/s3_back.jpg") no-repeat center; background-size:cover;}
		.v_s4{background:#fff url("../img/s4_back.jpg") no-repeat center; background-size:cover;}
		.v_s5{background:#fff url("../img/s5_back.jpg") no-repeat center; background-size:cover;}
		.v_s6{background:#fff url("../img/s6_back.jpg") no-repeat center; background-size:cover;}


	h3{text-align:center; font-size:35px; font-weight:100;}
	#visual h3{color:#fff; font-size:18px; padding:50px 0;}
		#visual h3 span{font-size:40px; display:block; color:#fff; font-weight:600;}


/* sub_nav */
	.s_nav{width:100%; line-height:50px; height:50px; background-color:#fff; border-bottom:1px solid #ccc;}
		.s_nav .area div{position:relative; box-sizing:border-box;}
		.s_nav .area div a{display:block; padding:0 5%; width:90%;}

		.s_nav .s_n1{width:5%; float:left; text-align:center; border-left:1px solid #ccc; border-right:1px solid #ccc;}
			.s_nav .s_n1 img{padding:9px 0;}
		.s_nav .s_n2{width:20%; float:left; border-right:1px solid #ccc;}
		.s_nav .s_n3{width:20%; float:left; border-right:1px solid #ccc;}
		.s_nav p{position:absolute; background-color:#fff; z-index:1; width:100%; border:1px solid #ccc; box-sizing:border-box; display:none;}
		.s_nav p a{display:block; width:100%;}
			.s_nav p a:hover,.s_nav p a:focus{background-color:#2f3996; color:#fff;}
			.s_nav a span{float:right; font-size:10px;}

	section{width:100%; overflow:hidden;}
	.area{width:1200px; margin:0 auto;}
	.padding{padding:100px 0 180px;}


/* s1_1 */
.back_gray{background-color:#f5f5f5;}
.s_title{width:100%; text-align:center; padding:80px 0;}
.s_title h3{font-weight:500;}

.s1_banner{background:#fff url("../img/s1_1.jpg") no-repeat center; background-size:cover; height:400px;}
	.b_text{width:50%; margin-left:50%; padding:100px 0;}
	.b_text span{color:#fff; display:block;}
	.b_text span.big{font-size:35px; line-height:1.5em; margin:20px 0;}

.s1_box{position:relative;}
.s1_box p{padding:3%; box-sizing:border-box; position:absolute; right:0; top:50%; margin-top:-250px; background-color:rgba(255,255,255,0.8); line-height:2em;}


/* s1_2 */
	.history{background:#fff url("../img/s1_back2.jpg") no-repeat center; background-size:cover;}

	.s1_2{position:relative; padding-bottom:250px;}
		.s1_2 .line{width:1px; height:2850px; background-color:#2f3996; margin-left:50%;}


		.s1_2_ul{position:absolute; top:0; width:100%;}

		.s1_2_ul p.big{border:1px solid #2f3996; background-color:#fff; text-align:center; line-height:1em; width:150px; height:150px; border-radius:100px; margin:0 auto 50px; color:#2f3996; padding-top:45px; box-sizing:border-box; font-size:20px;}

		.s1_2_ul ul{margin-bottom:80px;}

		.s1_2_ul ul li{margin-bottom:20px; position:relative;}
		.s1_2_ul ul li strong{font-size:18px; display:block;}
		.s1_2_ul ul li span{margin-top:10px; display:block; line-height:1.8em;}

		.s1_2_ul ul li p{overflow:hidden; position:absolute; margin-top:5px;}
		.s1_2_ul ul li p .bar{width:30px; background-color:#2f3996; height:1px; margin-top:7px;}
		.s1_2_ul ul li p .circle{width:10px; height:10px; border:3px solid #2f3996; border-radius:10px; background-color:#fff; margin:0;}


		.s1_2_table1 li:nth-child(even){text-align:right; width:46%;}
		.s1_2_table1 li:nth-child(even) p{right:-10%;}
		.s1_2_table1 li:nth-child(even) p span{float:left;}

		.s1_2_table1 li:nth-child(odd){width:46%; margin-left:54%;}
		.s1_2_table1 li:nth-child(odd) p{left:-10%;}
		.s1_2_table1 li:nth-child(odd) p span{float:right;}

		.s1_2_table2 li:nth-child(even){width:46%; margin-left:54%;}
		.s1_2_table2 li:nth-child(even) p{left:-10%;}
		.s1_2_table2 li:nth-child(even) p span{float:right;}

		.s1_2_table2 li:nth-child(odd){width:46%; text-align:right;}
		.s1_2_table2 li:nth-child(odd) p{right:-10%;}
		.s1_2_table2 li:nth-child(odd) p span{float:left;}

		.s1_2_table3 li:nth-child(even){width:46%; margin-left:54%;}
		.s1_2_table3 li:nth-child(even) p{left:-10%;}
		.s1_2_table3 li:nth-child(even) p span{float:right;}

		.s1_2_table3 li:nth-child(odd){width:46%; text-align:right;}
		.s1_2_table3 li:nth-child(odd) p{right:-10%;}
		.s1_2_table3 li:nth-child(odd) p span{float:left;}


/* s1_3 */
	.s1_3 ul li{width:100%; margin-bottom:80px; overflow:hidden;}
	.s1_3 ul li h4{font-size:20px;}
	.s1_3 ul li p.color{margin:20px 0 0;}
	.s1_3 ul li hr{border:none; border-top:1px solid #ccc; margin:20px 0;}
	.s1_3 ul li .img{width:30%; float:left;}
	.s1_3 ul li .text{width:70%; float:left;}
		.s1_3 ul li .text p{float:left; width:80%; font-size:14px; line-height:2em;}
		.s1_3 ul li:first-child .text p{width:40%;}
		.s1_3 ul li .text p.title{width:20%; font-size:20px;}
		.s1_3 ul li .text p.title:before{content:""; display:block; width:3px; height:20px; background-color:#2f3996; float:left; margin-top:10px; margin-right:10px;}

	.p_bottom{padding-bottom:80px;}


/* s1_4 */
	.s1_4_btn{width:100%; text-align:center; overflow:hidden; display:flex; justify-content:center; margin-bottom:80px;}
		.s1_4_btn a{width:250px; height:70px; display:inline-block; float:left; line-height:70px; border-radius:100px; border:1px solid #ccc; background-color:#fff; margin:0 10px;}

		.s1_4_btn a.btnThis{background-color:#2f3996; color:#fff;}
		.s1_4_btn a:hover,.s1_4_btn a:focus{background-color:#2f3996; color:#fff; transition:all .5s;}

	.table{width:100%; border-collapse:collapse; border-top:2px solid #2f3996; margin-bottom:50px;}

	.table tr{border-bottom:1px solid #ccc;}
		.table tr th{border-right:1px solid #ccc; width:20%; padding:1%; font-weight:normal;}
		.table tr td{padding:1%;}

	.map{margin-bottom:80px;}



/* s2 */
	.s2_btn{text-align:right;}
		.s2_btn a{margin:0 5px;}
		.s2_btn a:hover,.s2_btn a:focus{color:#2f3996;}

	.s2{padding-bottom:100px;}
	.s2 li{padding-top:100px;}

	.s2 li .title{width:48%; font-size:30px; font-weight:bold; border-bottom:1px solid #ccc;}
	.s2 li .title .color{font-size:60px; font-weight:bold; margin-right:10px;}

	.s2_box{overflow:hidden; margin-top:50px;}
		.s2_box .img{float:left; width:48%; margin-right:4%;}
			.s2_box .img img{width:100%; border:1px solid #ccc; box-sizing:border-box;}
		.s2_box .text{float:left; width:48%;}
			.s2_box .text strong{font-size:20px; margin-bottom:15px; display:block;}
			.s2_box .text .text1{line-height:1.8em; margin-bottom:15px;}
			.s2_box .text .text2 p{overflow:hidden; line-height:1.8em; margin-bottom:10px;}
				.s2_box .text .text2 p span{float:left; display:block; width:25%; font-weight:bold;}
				.s2_box .text .text2 p span.color{float:none; display:inline; margin-right:5px;}
				.s2_box .text .text2 p span.tt{width:75%; font-weight:normal;;}

	.s2 li:nth-child(even) .title{margin-left:50%; text-align:right;}
	.s2 li:nth-child(even) .title .color{margin:0; margin-left:10px;}
	.s2 li:nth-child(even) .img{margin:0; margin-left:4%;}



/* s3_1 */
	.table a:hover,.table a:focus{text-decoration:underline;}
	.table1 tr th{border-right:none;}
	.table1 tr th,.table1 tr td{width:10%; text-align:center;}
	.table1 tr td{width:10%; text-align:center;}
	.table1 tr th.title,.table1 tr td.title{width:60%;}
	.table1 tr td.title{text-align:left; position:relative;}
	.table1 tr td.title a{position:absolute; top:0; left:0; line-height:50px; display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

	.numArea{text-align:center; margin-bottom:100px;}
		.numArea a{width:40px; height:40px; line-height:40px; margin:0 5px; border:1px solid #ccc; display:inline-block;}
		.numArea a.numThis{background-color:#2f3996; color:#fff;}
		.numArea a:hover,.numArea a:focus{background-color:#2f3996; color:#fff; transition:all .5s;}

/* s3_1_d */
.table2{margin-bottom:10px;}
	.table2 tr th{text-align:left; font-weight:bold; border:none;}
	.table2 td span.sub{display:block; width:100%; text-align:right; font-size:14px;}
	.table2 td span.text{width:100%; height:350px; overflow-y:scroll; display:block; line-height:1.8em; margin-top:20px;}

	.btnArea{overflow:hidden; margin-bottom:100px;}
	.btnArea p.left{float:left;}
		.btnArea p a,.btnArea p input{width:200px; height:40px; line-height:40px; border:1px solid #ccc; background-color:#fff; display:inline-block; margin-right:10px; text-align:center; font-size:16px;}
		.btnArea p a.color_btn,.btnArea p input.color_btn{background-color:#2f3996; color:#fff; margin:0; margin-left:10px;}
	.btnArea p.right{float:right;}

	.btnArea p a:hover,.btnArea p a:focus,.btnArea p input:hover,.btnArea p input:focus{background-color:#2f3996; color:#fff; transition:all .5s;}
	.btnArea p a.color_btn:hover,.btnArea p a.color_btn:focus,.btnArea p input.color_btn:hover,.btnArea p input.color_btn:focus{background-color:#fff; color:#333; transition:all .5s;}


/* s3_2 */
.s3_2 ul{margin-bottom:50px; overflow:hidden;}
	.s3_2 ul li{width:32.5%; margin-right:1%; margin-bottom:1%; border:1px solid #ccc; position:relative; float:left;}
	.s3_2 ul li:nth-child(3n){margin-right:0;}
	.s3_2 ul li .img{width:100%; height:270px; overflow:hidden;}
		.s3_2 ul li .img img{width:100%;}
	.s3_2 ul li .text{width:100%; padding:5%; box-sizing:border-box;}
		.s3_2 ul li .text strong{display:block; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
		.s3_2 ul li .text span{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.s3_2 ul li a{position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.7); width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
	.s3_2 ul li a img{width:50px; height:50px;}

/* s4_d */
	.date_sub{text-align:right; margin-bottom:20px;}

/* s5_1 */
.tapArea{width:100%; overflow:hidden; border:1px solid #ccc; border-right:0; margin-bottom:30px;}
	.tapArea li a{
		padding: 11% 2%;
    float: left;
    width: 100%;
    text-align: center;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    cursor: pointer;}

		.prev_view{    font-size: 30px;
    color: #333;
    position: absolute;
    left: 0;
    top: -49%;
    cursor: pointer;
	}
		.next_view{    font-size: 30px;
    color: #333;
    position: absolute;
    right: 0;
    top: -49%;
    cursor: pointer;
	}

	a.tapThis{background-color:#2f3996; color:#fff;}
	.tapArea li a:hover,.tapArea li a:focus{background-color:#2f3996; color:#fff; transition:all .5s;}

	.table3 tr th{border-right:0; text-align:left;}
	.table3 tr .big{font-size:20px; display:block; font-weight:700;}
	.table3 tr{line-height:2em;}
	.table3 tr th, .table3 tr td{padding:2% 1%;}

	.none{text-align:center; padding:10%;}


/* s5_2_2 */
	.table1 img{vertical-align:middle; margin-right:5px;}
	.pop{width:400px; height:200px; border:1px solid #ccc; box-shadow:2px 2px 2px rgba(0,0,0,0.3); position:fixed; top:50%; left:50%; margin-top:-100px; margin-left:-200px; padding:2% 4%; box-sizing:border-box; z-index:5; background-color:#fff; display:none;}
		.pop .title{font-size:20px; text-align:center;}
			.pop .title span{position:absolute; right:3%; top:3%; cursor:pointer; font-size:25px;}
			.pop p{text-align:center; margin-bottom:10px;}
			.pop input[type="password"]{width:100%; border:1px solid #ccc; padding:1%; box-sizing:border-box; height:40px;}
			.pop input[type="submit"]{width:200px; height:40px; line-height:40px; margin:0 auto; background-color:#2f3996; color:#fff; border:none; border:1px solid #ccc;}
			.pop input[type="submit"]:hover,.pop input[type="submit"]:focus{background-color:#fff; color:#333; transition:all .5s;}

/* s5_2_2_d */
	.sub input{width:100px;}
	.table textarea.text{width:100%; height:350px; overflow-y:scroll; margin-top:10px; border:1px solid #ccc; padding:1%; box-sizing:border-box; line-height:1.8em; font-size:16px;}
	.table  .title input{width:100%; height:40px; padding:1%; border:1px solid #ccc; box-sizing:border-box;}


/* s6 */
.s_title .sub{margin-top:20px;}
.s6{width:100%; border:1px solid #ccc; padding:5%; box-sizing:border-box; overflow:hidden;}
	.s6 div.left{width:49%; float:left; margin-right:2%;}
	.s6 div.right{width:49%; float:right;}

	.s6 div div{margin-bottom:30px;}
	.s6 h4{font-weight:500; font-size:20px; margin-bottom:15px;}
	.s6 p{margin-bottom:10px;}
		.s6 p input,.s6 p select,.s6 p textarea{width:100%; padding:1.5%; box-sizing:border-box; border:1px solid #ccc; background-color:#f5f5f5;}
	.s6 p textarea{height:290px;}

	.s6 p input[type="checkbox"]{width:15px;}
	.s6 p input[type="button"]{margin-top:27px; background-color:#2f3996; color:#fff; border:1px solid #ccc;}

	.s6 p.agree span{float:right; font-size:14px; cursor:pointer;}

	.s6 p input[type="submit"]:hover,.s6 p input[type="submit"]:focus{background-color:#fff; color:#333; transition:all .5s;}


/* privacy */
	.privacy{background-color:#fff; width:700px; position:fixed; left:50%; top:50%; margin-left:-350px; margin-top:-250px; padding:2%; font-size:14px; line-height:2em; letter-spacing:-0.5px; border:1px solid #ccc; box-sizing:border-box; box-shadow:2px 2px 2px rgba(0,0,0,0.3); display:none;}

	.privacy .title{font-size:20px; text-align:center; margin-bottom:20px;}
		.privacy .title span{position:absolute; right:3%; top:3%; cursor:pointer; font-size:25px;}

	.privacy .text{height:300px; overflow-y:scroll;}
	.privacy p.btn{text-align:center; margin-top:30px;}
	.privacy input{width:200px; height:40px; line-height:40px; background-color:#2f3996; color:#fff; border:none; border:1px solid #ccc;}
	.privacy input:hover,.privacy input:focus{background-color:#fff; color:#333; transition:all .5s;}





.color{color:#2f3996;}
.red{color:#ec4843;}
.color1{color:#0071bb;}
.color2{color:#30ece9;}

.m_none{margin:0;}
.m_top{margin-top:100px;}
.m_b_none{margin-bottom:0;}
.m_t_none{margin-top:0;}