@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap');

.clear:after { 
    content:""; 
    display:block; 
    clear:both;
}
* { margin:0; padding:0; outline:none; }
body { line-height:1; font-size:14px; font-weight:400; color:#000; font-family: 'Noto Sans KR', sans-serif; word-wrap: break-word; word-break: keep-all; }
h1, h2, h3, h4, h5, h6 { margin:0; font-family: 'Noto Sans KR', sans-serif; line-height:1;  }
ul, ol { list-style:none; margin:0;  padding: 0;}
a { outline:0; text-decoration:none; }
a:focus { outline:none; }
img { border:none; outline:none; }
p { margin:0; padding:0; word-break: keep-all;  }

/* 1400»çÀÌÁî */
.at-container { max-width: 1200px; }

@media (max-width:1250px) {
	.at-row {margin-left: 0px; margin-right: 0px; }
}



:root {
	--font-size30: min(8.57vw, 30px);
	--font-size25: min(7.14vw, 25px);
	--font-size20: min(5.71vw, 20px);
	--font-size18: min(5.14vw, 18px);
	--font-size16: min(4.57vw, 16px);
	
}




/*---------------------------------------------------- Çìµå¼¼Æà -----------------------------------------------------------------------*/

.header_wrap { background:#fff; position:absolute; left:0; width:100%; z-index:2000; }

.header_wrap .col-md-12 {padding-right: 0; padding-left: 0;}

@media (max-width:768px) {
	.header_wrap .col-md-12 {padding-right: 15px; padding-left: 15px;}
}

#header { 
-ms-display:flex; -ms-justify-content:space-between; -ms-align-items:center;
display:flex; justify-content:space-between; align-items:center;
}


/* menu */
/*---------------------------------------- outer ---------------------------------------------*/
#h_menu  { 
-ms-display:flex; -ms-align-items:center;
display:flex; align-items:center; 
}
#h_menu .outer { 
-ms-display:flex;
display:flex;
}
#h_menu .outer > li { position:relative; } 
#h_menu .outer > li > a {
display:block; text-align:center; height: 90px; padding:35px 20px; transition:color 0.4s; color: #333; position: relative; font-weight:500; 
}
#h_menu .outer > li > a > .text1 {
	font-size:20px; margin-bottom: 6px;
}
#h_menu .outer > li > a > .text2 {
	font-size:12px; 
}
/*---------------------------------------- //outer ---------------------------------------------*/


/*---------------------------------------- inner ---------------------------------------------*/
#h_menu .outer > li > .inner {
position:absolute; left:0; width:180px; z-index:1;
border-top:5px solid #0171a3;  background:#fff; padding:10px 0; display:none;
}
#h_menu .outer > li > .inner > li > a  { display:block; transition:all 0.4s; padding:10px 20px; font-size:14px; font-weight: 500; color: #313131; }
/*---------------------------------------- //inner ---------------------------------------------*/


/* hover */
#h_menu .outer > li:hover > a { color: #0171a3; }
#h_menu .outer > li:hover > .inner { display:block; } 
#h_menu .outer > li > .inner > li > a:hover { background:rgba(0,0,0,.1); } 

/* ÆäÀÌÁö ¹× °Ô½ÃÆÇ À̵¿Çϸé ÇØ´ç ¸Þ´º ½ºÅ¸ÀÏ */
#h_menu .outer > li > a.on { color: #0171a3; } 

/* scrollÇßÀ»¶§ ÇØ´õºÎºÐ È¿°ú */
.header_wrap.scroll { position:fixed; top:0; box-shadow: 0px 2px 15px rgb(0 0 0 / 10%); } 








@media (max-width:991px) {
	.header_wrap #header { padding:15px 0; height: 67px; }

	/* ·Î°í */
	.header_wrap #header .logo a { display: block; max-width: 250px; }

	/* ¸ð¹ÙÀÏ ¿­±â ¹öÆ° */
	.header_wrap .mob_btn { font-size:25px; cursor:pointer; color:#000;}
	.header_wrap .mob_btn.on { position: fixed; right: 30px; z-index: 10000; color: #fff; }	

	/* menu */
	.menu_box { 
	background-color:rgba(0,0,0,0.5); width: 100%; height: 100%; visibility:hidden; opacity:0;
	position: fixed; left:0; top: 0; z-index:9999; transition:all 0.4s;
	}
	#h_menu {
	position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);
	background: #fff; width: 95%; height: 88%; overflow-x: hidden; overflow-y:auto; border-radius:10px;
	flex-direction:column; align-items:initial;
	}	

	/*---------------------------------------- outer ---------------------------------------------*/
	#h_menu .outer { flex-wrap:wrap; padding:15px 0; border-top:1px solid rgba(255,255,255,.1); width: 100%; }
	#h_menu .outer > li { width:100%; }
	#h_menu .outer > li > a { 
	padding:12px 15px; color:#000; text-align:left; height:auto; line-height:1; border-bottom: 1px solid #dadada;
	pointer-events:none;
	}
	#h_menu .outer > li > a > .text1 { font-size:14px; }
	#h_menu .outer > li > a > .text2 { font-size:11px; }
	#h_menu .outer > li > a > .text2 > span { display: inline; }
	#h_menu .outer > li > a:after {
	content:'\f107'; position:absolute; right:15px; top:15px; font-family:fontAwesome; transition:0.4s;
	}
	/*---------------------------------------- //outer ---------------------------------------------*/

	/*---------------------------------------- inner ---------------------------------------------*/
	#h_menu .outer > li > .inner { 
	position:static; width:100%; padding:0; background:#f6f6f6; border-top:none; box-shadow:none
	}
	#h_menu .outer > li > .inner > li { padding-left: 20px; }
	#h_menu .outer > li > .inner > li:last-child > a { border-bottom:none; }
	#h_menu .outer > li > .inner > li > a { padding:10px 20px; font-size: 14px; text-align:left; color:#000; }
	/*---------------------------------------- //inner ---------------------------------------------*/

	
	/* hover */
	#h_menu .outer > li:hover > a { color:#0171a3; }
	#h_menu .outer > li:hover > a:after { transform:rotate(180deg); }
	#h_menu .outer > li:hover .inner { display:none; } /* ¸ð¹ÙÀÏÀ϶§ inner ³ª¿À°Ô ÇÏ´Â ÈĹö È¿°ú X */
	#h_menu .outer > li > .inner > li > a:hover { background:#f6f6f6; } 

	/* ÆäÀÌÁö ¹× °Ô½ÃÆÇ À̵¿Çϸé ÇØ´ç ¸Þ´º ½ºÅ¸ÀÏ */
	#h_menu .outer > li > a.on { color:#0171a3 }

	/* ¸ð¹ÙÀϸ޴º¹Ú½º º¸ÀÌ°Ô Çϴ Ŭ·¡½º */
	.menu_box.inactive { visibility:visible; opacity:1; } 

	/* ¸ð¹ÙÀÏ¿¡¼­ outer li Ŭ¸¯ÇßÀ»¶§ inner ³ª¿À´Â È¿°ú */
	#h_menu .outer > li.on .inner { display:block; }

	/* scrollÇßÀ»¶§ ÇØ´õºÎºÐ È¿°ú */
	.header_wrap.scroll .mob_btn { color:#000;}
	.header_wrap.scroll .mob_btn.on { color:#fff;}
}

@media (max-width:580px) {
	.header_wrap .mob_btn.on { color: #000; transform:translateY(37px); }	
	.header_wrap.scroll .mob_btn.on { color:#000;}
}


/*---------------------------------------------------- Çìµå¼¼Æà ³¡ -----------------------------------------------------------------------*/









/*--------------------------------------------------- À妽º¼¼Æà ----------------------------------------------------------------------------*/





.ikst_frame1 {padding-top: 100px;}
.ikst_frame1 .frame1_box1 {margin: 0 auto; line-height: 40px; text-align:center; padding-bottom: 20px;}
.ikst_frame1 .frame1_box1 .span1 {vertical-align: middle; padding-right: 20px; max-width: 46px;}
.ikst_frame1 .frame1_box1 .span2 {font-size: 40px; font-weight: 600; vertical-align: middle;}

.ikst_frame1 .frame1_box2 {margin: 0 auto; line-height: 1.6; text-align:center; padding-bottom: 60px;}
.ikst_frame1 .frame1_box2 span {font-size: 25px; color:#666;}

.ikst_frame1 .frame1_box3 {width:100%; max-width:1200px; margin: 0 auto; text-align:center; padding-bottom: 30px; display: flex; flex-flow: row wrap;}
.ikst_frame1 .frame1_box3 .box3_item {flex-basis:20%;}
.ikst_frame1 .frame1_box3 .box3_item .item_box {padding-bottom: 30px;}
.ikst_frame1 .frame1_box3 .box3_item .item_box .text1 {padding-bottom: 15px;}
.ikst_frame1 .frame1_box3 .box3_item .item_box .text2 {color: #17309d; font-size: 20px; font-weight: 600; padding-bottom: 15px;}
.ikst_frame1 .frame1_box3 .box3_item .item_box .text3 {color: #333; font-size:15px; padding-bottom: 15px; line-height: 1.4;}

.ikst_frame1 .frame1_box4 {margin: 0 auto; line-height: 1.6; text-align:center; padding-bottom: 30px;}
.ikst_frame1 .frame1_box4 .box4_btn {font-size: 16px; color:#fff; width: 190px; background: #0a91cd; margin: 0 auto; padding: 10px; transition:0.6s;}
.ikst_frame1 .frame1_box4 .box4_btn a {width: 190px;}
.ikst_frame1 .frame1_box4 .box4_btn:hover {background: #025174; transition:0.6s;}

@media (max-width:991px) {
.ikst_frame1 .frame1_box1 .span2 {font-size: 30px;}
.ikst_frame1 .frame1_box2 span {font-size:20px;}
.ikst_frame1 .frame1_box3 .box3_item {flex-basis:100%; display: block;}
}







.ikst_frame2 {padding-bottom: 100px;}

.ikst_frame2 .tabmenu {margin: 0 auto; width: 100%;}
.ikst_frame2 .big_tab {width: 100%; background: #0a91cd;}
.ikst_frame2 .big_tab ul{overflow: hidden; width:72%; margin: 0 auto;}
.ikst_frame2 .big_tab ul li{width: 20%; box-sizing: border-box; float: left; list-style-type: none; border: 0px solid #ccc; text-align: center; line-height:58px; background: #0a91cd;}
.ikst_frame2 .big_tab ul li a {color:#fff; font-size: 20px;}
.ikst_frame2 .big_tab ul li.activeClass{font-size: 20px; background: #036590; border:0px;  list-style-type: none; line-height:60px;}
.ikst_frame2 .sm_select {display: none;}
.ikst_frame2 .sm_select select {width:100%; height: 40px; margin: 0 auto;}

.ikst_frame2 .tab-contents {width:72%; margin: 0 auto; padding-top:90px;}

.ikst_frame2 .tab1_img_box {line-height:1.6; padding-bottom: 30px;}
.ikst_frame2 .tab1_text_box {line-height:1.6;}
.ikst_frame2 .tab1_text_box .text1 {font-size: 30px; color:#00a0e9; padding-bottom: 25px;}
.ikst_frame2 .tab1_text_box .text2 {font-size: 30px; color: #333; padding-bottom: 15px;}
.ikst_frame2 .tab1_text_box .text3 {font-size: 20px; color: #333; padding-bottom: 15px;}
.ikst_frame2 .tab1_text_box .text4 {font-size: 18px; color: #626262; padding-bottom: 15px; line-height: 30px; vertical-align: middle;}
.ikst_frame2 .tab1_text_box .text4 i {font-size: 10px; color: #17309d; vertical-align: middle;}


@media (max-width:1440px){
	.ikst_frame2 .big_tab ul{width:80%;}
	.ikst_frame2 .tab-contents {width:80%;}
 }

@media (max-width:1260px){
	.ikst_frame2 .big_tab ul{width:100%;}
	.ikst_frame2 .tab-contents {width:100%;}
 }

@media (max-width:991px){
	.ikst_frame2 .big_tab ul{width:100%;}
	.ikst_frame2 .tab-contents {width:90%; padding-top:30px;}
 }


@media (max-width:768px){
      .ikst_frame2 .sm_select {display: block; width:96%; margin: 0 auto; padding-left:2%;}
      .ikst_frame2 .big_tab{display: none;}
 }







/* section1 */
.index > .section1 { margin-bottom: 90px; }

/* section1 title */
.index > .section1 .titleBox { padding: 70px 15px; text-align: center; background: #f9f9f9; }
.index > .section1 .titleBox > .sub { font-size: 30px; font-weight: 300; color: #333; line-height: 1.3; margin-bottom: 10px; }
.index > .section1 .titleBox > .title { text-transform: uppercase; font-size: 18px; font-weight: 700; line-height: 1.4; color: #062554; }

/* section1 itemBox */
.index > .section1 .itemBox {
-ms-display:flex; -ms-flex-wrap:wrap;
display:flex; flex-wrap:wrap;
}
.index > .section1 .itemBox > li { width: 50%; }
.index > .section1 .itemBox > li > a { display: block; padding: 90px 80px; position: relative; overflow: hidden; color: #fff; max-height: 289px; }
.index > .section1 .itemBox > li > a:before,
.index > .section1 .itemBox > li > a:after {
content: ''; position: absolute;
}
.index > .section1 .itemBox > li > a:after { 
left: -80%; top: -400%; width: 0; height: 0; background: #0171a3; z-index: -3; opacity: 0; transition:0.6s ease-in-out; border-radius:50%
}
.index > .section1 .itemBox > li > a:before {
left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-size:cover; background-repeat: no-repeat; z-index: -2;
}

.index > .section1 .itemBox > li:nth-child(1) > a:before { background-image: url(img/section1_itemBg_01.jpg); }
.index > .section1 .itemBox > li:nth-child(2) > a:before { background-image: url(img/section1_itemBg_02.jpg); }
.index > .section1 .itemBox > li:nth-child(3) > a:before { background-image: url(img/section1_itemBg_03.jpg); }
.index > .section1 .itemBox > li:nth-child(4) > a:before { background-image: url(img/section1_itemBg_04.jpg); }
.index > .section1 .itemBox > li:nth-child(1) > a:after { background: #393d60; }
.index > .section1 .itemBox > li:nth-child(2) > a:after { background: #ff0000; }
.index > .section1 .itemBox > li:nth-child(3) > a:after { background: #0171a3; }
.index > .section1 .itemBox > li:nth-child(4) > a:after { background: #000080; }

.index .section1_textBox > p { font-family: 'Do Hyeon', sans-serif;  }
.index .section1_textBox > .text1 { font-size: 45px; text-transform: uppercase; }
.index .section1_textBox > .text2 { font-size: 30px; margin-bottom: 10px; }
.index .section1_textBox > .more { font-size: 22px; }
.index .section1_textBox > .more > i { margin-left: 7px; transform:translateY(1px); }

/* hover */
.index > .section1 .itemBox > li > a:hover:after { opacity: 1; z-index: -1; width: 2000px; height: 2000px; }

@media (max-width:1200px) {
	.index .section1_textBox > .text1 { font-size: 34px; }
	.index .section1_textBox > .text2 { font-size: 22px; }
	.index .section1_textBox > .more { font-size: 16px; }
}

@media (max-width:850px) {
	.index > .section1 .titleBox { padding: 50px 15px; }
	.index > .section1 { margin-bottom: 70px; }
	.index > .section1 .itemBox > li { width: 100%; }
}

@media (max-width:768px) {
	.index > .section1 .titleBox > .sub { font-size: 26px; }
	.index > .section1 .titleBox > .title { font-size: 15px; }
}







/* section2 */
.index > .section2 { margin-bottom: 120px; }
.index > .section2 .itemBox {
-ms-display:flex; -ms-flex-wrap:wrap; align-items:center;
display:flex; flex-wrap:wrap; align-items:center;
}
.index > .section2 .itemBox > li { width: 50%; padding: 0 15px; }

/* section2 notice */
.index > .section2 .itemBox > li .titleBox { 
-ms-display:flex; -ms-justify-content:space-between;
display:flex; justify-content:space-between;
border-bottom: 1px solid #d2d2d2;
}
.index > .section2 .itemBox > li .title { 
font-family: 'Do Hyeon', sans-serif; font-size: 40px; color: #9d8f41; position: relative; text-transform: uppercase;
}
.index > .section2 .itemBox > li .titleBox > .more1 { background: #9d8f41; align-self:flex-end; }
.index > .section2 .itemBox > li .titleBox > .more1 > a { 
display: block; width: 48px; height: 48px; text-align: center; line-height: 45px; color: #fff; font-size: 40px; transition:0.4s;
}
.index > .section2 .itemBox > li .titleBox > .more1 > a:hover { font-size: 35px; }

/* section2 itemInner */
.index .section2Item_innerBox {
-ms-display:flex; -ms-flex-wrap:wrap;
display:flex; flex-wrap:wrap;
}
.index .section2Item_innerBox > li { width: calc( 50% - 15px ); margin-right: 30px; }
.index .section2Item_innerBox > li:last-child { margin-right: 0; }
.index .section2Item_innerBox > li > a { 
padding: 90px 20px; position: relative; overflow: hidden; color: #fff; max-height: 241px; 
-ms-display: flex; -ms-justify-content:center; -ms-align-items:center;
display: flex; justify-content:center; align-items:center;
}
.index .section2Item_innerBox > li > a:before,
.index .section2Item_innerBox > li > a:after {
content: ''; position: absolute;
}
.index .section2Item_innerBox > li > a:after { 
left: -80%; top: -100%; width: 0; height: 0; background: #0171a3; z-index: -3; opacity: 0; transition:0.6s ease-in-out; border-radius:50%
}
.index .section2Item_innerBox > li > a:before {
left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-size:cover; background-repeat: no-repeat; z-index: -2;
}

.index .section2Item_innerBox > li:nth-child(1) > a:before { background-color:#fd5f32; }
.index .section2Item_innerBox > li:nth-child(2) > a:before { background-color:#5ab2b3; }

.index .section2Item_innerBox > li > a .textBox > p { font-family: 'Do Hyeon', sans-serif; text-align: center; }
.index .section2Item_innerBox > li > a .textBox > .text1 { font-size: 30px;  }
.index .section2Item_innerBox > li > a .textBox > .more { font-size: 50px; text-transform: uppercase; margin-bottom: 10px; }

/* hover */
.index .section2Item_innerBox > li > a:hover:after { opacity: 1; z-index: -1; width: 1000px; height: 1000px;  }

@media (max-width:991px) {
	.index > .section2 { margin-bottom: 80px; }
	.index > .section2 .itemBox > li { width: 100%; padding:0; margin-bottom: 40px; }
	.index > .section2 .itemBox > li:last-child { margin-bottom: 0; }
}
@media (max-width:450px) {
	.index .section2Item_innerBox > li { width:100%; margin-right: 0; margin-bottom: 10px; }
}


/* section3 */
.index > .section3 { margin-bottom: 60px;}

/* section3 title */
.index > .section3 .titleBox { margin-bottom: 50px; text-align: center;  }
.index > .section3 .titleBox > .title { font-size: 45px; color: #9d8f41; font-family: 'Do Hyeon', sans-serif; }
.index > .section3 .titleBox > .sub { font-family: 'Impact'; font-size: 25px; color: #a7a7a7; line-height: 1.4; text-transform: uppercase; }





/*--------------------------------------------------- À妽º¼¼Æà ³¡ ----------------------------------------------------------------------------*/






/*--------------------------------------------------- ǪÅͼ¼Æà ----------------------------------------------------------------------------*/

/* footer_box*/
footer { background: #036590; padding: 30px 0 50px; }


footer .info_box { margin-bottom:15px;}

footer .info_box .info { 
-ms-display:flex; -ms-flex-wrap:wrap; 
display:flex; flex-wrap:wrap; 
justify-content: center;
text-align: center;
}
footer .info > .item > a { display:block; color:#fff; font-size:13px; font-weight:500; line-height:1.8; margin-right:15px; position: relative;  }
footer .info > .item > a:after { content:'|'; position:absolute; right:-8px; top:50%; transform:translateY(-55%); }
footer .info > .item:last-child > a:after { display: none; }



footer .contents {
-ms-display:flex; -ms-flex-wrap:wrap; 
display:flex; flex-wrap:wrap; 
}

footer .contents > li:nth-child(1) { width: 20%;  align-self:center;}

footer .item2 > div { line-height: 1.6; font-size: 14px; color: #fff; font-weight: 300; }
footer .item2 > div a { color: inherit;}
footer .item2 > .text > span { position: relative; margin-right:10px; font-weight: inherit;  }
footer .item2 > .text > span:after { content:'|'; position:absolute; right:-8px; top:50%; transform:translateY(-55%); }
footer .item2 > .text > span:last-child:after { display: none; }
footer .item2 > .copy { text-transform: uppercase; font-weight: inherit; }




@media (max-width:1200px) {
footer .contents > li:nth-child(1) a { display: block; width: 100%; max-width: 170px; margin-bottom: 20px; }
footer .contents > li:nth-child(1) a > img { width: inherit; }
}
@media (max-width:991px) {
footer .contents > li:nth-child(1) { width: 100%; }
}

@media (max-width:768px) {
footer .info_box .info { text-align: left; }
footer .info > .item { width: 100%; }
footer .info > .item > a { margin: 0; }
footer .info > .item > a:after { display: none; }
footer .contents > li { width: 100%; }
footer .item2 > .text > span { display:block; margin-right:0; }
footer .item2 > .text > span:after { display:none; }
}


/*--------------------------------------------------- ǪÅͼ¼Æà ³¡ ----------------------------------------------------------------------------*/









/*--------------------------------------------------- ¼­ºêÆäÀÌÁö¼¼Æà ----------------------------------------------------------------------------*/

/* ¼­ºêÆäÀÌÁö Æеù */
.tmt_sub_frame { padding:30px 0 50px; min-height: 450px; }

/* ¼­ºêÆäÀÌÁö ¸ð´Þ */
.tmt_sub_frame .modal-dialog { margin: 80px auto; }
@media (min-width: 768px){
	.tmt_sub_frame .modal-dialog {
		margin: 150px auto;
	}
}


/*--------------------------------------------------- ¼­ºêÆäÀÌÁö¼¼Æà ³¡ ----------------------------------------------------------------------------*/



/* °Ô½ÃÆÇ ¹× °Ô½ÃÆÇÇìµå µî ±âŸ ¹öÆ°µé ±âº»Ä÷¯ º¯°æ */
.btn.btn-color {border: 1px solid #0171a3; background-color: #0a91cd;}
.btn.active.btn-color, .btn.btn-color:hover, .btn.btn-color:focus, .btn.btn-color:active {background-color: #0171a3;}
.border-color, i.border-color, img.border-color {border-color: #0171a3;}