@charset "UTF-8"; 

.m_bgset:after,
.m_bgset .inner:after {content:''; display:block; visibility:hidden; clear:both;}
.m_fix {overflow:hidden !important;}
.mc_box {position:relative; float:left;}


/********************************
 section01
 *******************************/
.m_bgset01 {padding:80px 0; background:url(../images/main/main_img.jpg) center center no-repeat; background-size:cover;}
.m_copy {margin-bottom:10px; text-align:center; color:#003C58; font-family:'GSK'; font-size:1.8rem;}

/*검색*/
.m_search {text-align:center;}
.m_search:after {content:''; display:block; visibility:hidden; clear:both;}
.search_box {display:inline-block; position:relative; width:65%;}
.search_box  fieldset { border:1px solid #fff; border-radius:6px;}
.search_box input {font-size:1.5rem; color:#333;}
.search_box .srch_txt {position:relative; display:inline-block; float:left; width:90%;}
.search_box .srch_txt input {padding:0 10px; width:100%; height:60px; line-height:60px; border-top-left-radius:5px; border-bottom-left-radius:5px; border:none;}
.search_box .srch_txt input::-webkit-input-placeholder {padding-left:5%; color: #00628f; font-family:'GSK'; text-align:center; font-size:1.7rem;}
.search_box .btn_sch {position:relative; display:inline-block; float:left; width:10%; height:60px; line-height:1; background-color:#0074a9; border-top-right-radius:5px; border-bottom-right-radius:5px;}
.search_box .btn_sch:after {content:''; display:inline-block; position:absolute; left:50%; top:50%; margin-left:-12px; margin-top:-12px; width:24px; height:24px; background:url(../images/icon_search.png) 0 0 no-repeat;}

.sllist_box {margin:20px auto 0; width:66%; text-align:center;}
.sllist_box:after {content:''; display:block; visibility:hidden; clear:both;}
.sllist_box .sl_tit {display:inline-block; float:left; padding-right:20px; color:#003C58; font-family:'GSK'; font-size:1.8rem; line-height:40px;}
.sllist_box .sl_lbox {display:inline-block; float:left; padding-right:20px;}
.sllist_box .sl_lbox select.sl_list {padding:2px 20px 0 15px; width:200px; height:40px; line-height:40px; border:1px solid #fff; background-color:#008689; color:#fff;  font-family:'GSK';}
.sllist_box .sl_lbox select.sl_list option {padding:3px;}

/*아이콘*/
.m_iconbox {display:block; position:relative; margin:60px auto 0; width:82%;}
.m_iconbox:after {content:''; display:block; visibility:hidden; clear:both;}
.icon_list {overflow:hidden;}
.icon_list ul {margin:-1px 0 0 -1px;}
.icon_list ul:after {content:''; display:block; visibility:hidden; clear:both;}
.icon_list li {display:inline-block; float:left; width:12.5%; padding:1px 0 0 1px; text-align:center;}
.icon_list li i {display:block; margin:0 auto; width:60px; height:60px; background-position:center center; background-size:auto; background-position:center center; background-repeat:no-repeat;}
.icon_list li i.icon01 {background-image:url(../images/main/micon01.png);}
.icon_list li i.icon02 {background-image:url(../images/main/micon02.png);}
.icon_list li i.icon03 {background-image:url(../images/main/micon03.png);}
.icon_list li i.icon04 {background-image:url(../images/main/micon04.png);}
.icon_list li i.icon05 {background-image:url(../images/main/micon05.png);}
.icon_list li i.icon06 {background-image:url(../images/main/micon06.png);}
.icon_list li i.icon07 {background-image:url(../images/main/micon07.png);}
.icon_list li i.icon08 {background-image:url(../images/main/micon08.png);}
.icon_list li i.icon09 {background-image:url(../images/main/micon09.png);}
.icon_list li i.icon10 {background-image:url(../images/main/micon10.png);}
.icon_list li i.icon11 {background-image:url(../images/main/micon11.png);}
.icon_list li i.icon12 {background-image:url(../images/main/micon12.png);}
.icon_list li i.icon13 {background-image:url(../images/main/micon13.png);}
.icon_list li i.icon14 {background-image:url(../images/main/micon14.png);}
.icon_list li i.icon15 {background-image:url(../images/main/micon15.png);}
.icon_list li i.icon16 {background-image:url(../images/main/micon16.png);}

.icon_list li a {display:block; padding:20px 10px 10px; font-family:'GSK'; font-size:1.6rem; color:#121212; background-color:#fff;}
.icon_list li:first-child a {border-top-left-radius:15px;}
.icon_list li:nth-child(8) a {border-top-right-radius:15px;}
.icon_list li:nth-child(9) a {border-bottom-left-radius:15px;}
.icon_list li:last-child a {border-bottom-right-radius:15px;}
.icon_list li a .icon_tit {display:block; margin-top:5px;}



/* media query */
@media screen and (max-width:1230px) {
	.search_box {width:70%;}
}
@media screen and (max-width:1200px) {
	.search_box {width:78%;}
}
@media screen and (max-width:1024px) {
	.m_copy {padding:0 20px;}
	.search_box {padding:0 20px; width:100%;}
	.sllist_box {padding-left:20%; width:100%;}
	
	.m_iconbox {padding:0 20px; width:100%;}
}
@media screen and (max-width:920px) {
	.search_box .srch_txt input {height:50px; line-height:50px;}
	.search_box .btn_sch {height:50px;}
  	.sllist_box {padding-left:15%}
	
	.m_iconbox {margin:40px auto 0;}
	.icon_list li i {width:40px; height:40px; background-size:90% auto; transition:all 0.2s ease;}
}
@media screen and (max-width:767px) {
	.m_bgset01 {padding:50px 0;}
	.search_box .srch_txt input {height:40px; line-height:40px;}
	.search_box .btn_sch {height:40px;}
	.search_box .srch_txt input::-webkit-input-placeholder {padding-left:0; font-size:1.5rem;}
	.sllist_box {padding-left:0;}
	
	.icon_list li {width:25%;}
	.icon_list li:nth-child(4) a {border-top-right-radius:15px;}
	.icon_list li:nth-child(8) a {border-top-right-radius:0;}
	.icon_list li:nth-child(9) a {border-bottom-left-radius:0;}
	.icon_list li:nth-child(13) a {border-bottom-left-radius:15px;}
	.icon_list li i {background-size:70% auto;}
	.icon_list li a {padding:10px 10px 5px; font-size:1.5rem;}
}
@media screen and (max-width:640px) {
	.m_copy {padding:0 15px;}
	.search_box {display:block; padding:0 15px;}
	.sllist_box {margin-top:10px; text-align:left;}
	.sllist_box .sl_tit {display:block; float:none;}
	.sllist_box .sl_lbox {display:block; float:none; padding-right:0; padding-bottom:10px;}
	.sllist_box .sl_lbox select.sl_list {width:100%;}
	
	.m_iconbox {margin:20px auto 0;}
}
@media screen and (max-width:480px) {
	.search_box .srch_txt {width:85%;}
	.search_box .btn_sch {width:15%;}
	.search_box .srch_txt input::-webkit-input-placeholder {text-align:left; font-size:1.3rem;}
	
	
	.icon_list li a {padding:5px; font-size:1.4rem;}
}


/********************************
 section02
 *******************************/
.m_bgset02 {padding:30px 0; background-color:#f6faff;}

.mcon_list {display:block; margin-left:-20px;}
.mcon_list:after {content:''; display:block; visibility:hidden; clear:both;}
.mcon_list .mcon {display:inline-block; float:left; width:33.3333%; padding:0 0 20px 20px;}


.mcon .mcicon_box {display:block; height:275px; border:1px solid #ddd; border-radius:15px; background-color:#fff;}
.mclist1 {}
.mclist1 .mcicon_box a {position:relative; display:block; padding:26px 20px; text-decoration:none;}
.mcicon {}
.mcicon.list_first {border-bottom:1px solid #ddd;}
.mcicon i {position:absolute; left:20px; top:20px; width:100px; height:100px; background-image:url(../images/main/main_ir.png); background-repeat:no-repeat; background-size:auto; background-position:center center;}
.mcicon i.mcic01 {background-image:url(../images/main/mcic01.png);}
.mcicon i.mcic02 {background-image:url(../images/main/mcic02.png);}
.mcicon i.mcic03 {background-image:url(../images/main/mcic03.png);}
.mcicon i.mcic04 {background-image:url(../images/main/mcic04.png);}

.mcicon .mcic_tbox {padding:3px 0 5px 120px;}
.mcic_tbox .mcictit {font-family:'GSK'; color:#121212; font-size:2.0rem;}
.mcic_tbox .mcictxt {overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom:0; text-overflow:ellipsis; white-space:normal;}

.mclist2 {}
.mclist2 .pp_tit {position:relative; margin-bottom:0; padding:20px 25px 15px; font-size:2.0rem; font-family:'GSK'; color:#121212; border-bottom:1px solid #ddd;}
.mclist2 .pp_tit:before {content:''; position:absolute; left:25px; top:50%; margin-top:-17px; width:35px; height:35px; background:url(../images/main/main_ir.png) -304px 0 no-repeat;}
.mclist2 .pp_tit span {padding-left:40px;}
.mclist2 .pp_list {padding:15px 25px 20px;}
.mclist2 .pp_list ul {display:block;}
.mclist2 .pp_list li {overflow:hidden; position:relative; padding:5px 0; font-family:'GSK'; white-space:nowrap; text-overflow:ellipsis;}
.mclist2 .pp_list li a i {position:absolute; left:0; top:3px; width:25px; height:25px; border-radius:50%; background-color:#175f5a; color:#fff; text-align:center; line-height:28px; font-size:1.4rem; font-style:normal;}
.mclist2 .pp_list li a span{padding-left:30px; color:#333;}


.mclist3 {}
.mclist3 .quick_list {display:block;}
.mclist3 .quick_list:after {content:''; display:block; visibility:hidden; clear:both;}
.quick_list ul {display:block;}
.quick_list ul:after {content:''; display:block; visibility:hidden; clear:both;}
.quick_list li {position:relative; display:inline-block; float:left; width:50%; font-family:'GSK'; font-size:1.6rem; border-bottom:1px solid #ddd;}
.quick_list li:nth-child(odd) {border-right:1px solid #ddd;}
.quick_list li:nth-child(3) {border-bottom:none;}
.quick_list li:nth-child(4) {border-bottom:none;}
.quick_list li a {display:block; padding:19px 20px 17px; color:#121212; text-decoration:none;}
.quick_list li a i {position:relative; display:block; margin:0 auto; width:50px; height:50px; background-image:url(../images/main/main_ir.png); background-repeat:no-repeat; background-size:auto;}
.quick_list li a i.scicon01 {background-position:0 0;}
.quick_list li a i.scicon02 {background-position:-51px 0;}
.quick_list li a i.scicon03 {background-position:-102px 0;}
.quick_list li a i.scicon04 {background-position:-153px 0;}
.quick_list li a i.scicon05 {background-position:-204px 0;}
.quick_list li a i.scicon06 {background-position:-255px 0;}

.quick_list li a p {margin-bottom:0; min-height:50px; line-height:50px; text-align:center;}
.quick_list li a p.lh_tit {line-height:1.1; padding-top:10px;}
.quick_list li a p.lh_tit2 {line-height:50px;}
.quick_list li a p span.linebk2 {display:block;}

.quick_list li:hover a i,
.quick_list li:active a i,
.quick_list li:focus a i {animation: tong 0.5s ease alternate;}

@keyframes tong {
	0% {transform:translate(0, -3px)}
	100% {transform:translate(0, 2px)}
}

.mclist5 {}
.mclist5 .shortcut_list1 {display:block; border-bottom:1px solid #ddd;}
.mclist5 .shortcut_list1 a {position:relative; display:block; padding:36px 20px 28px; font-family:'GSK'; color:#121212; font-size:2.4rem; background:#ebedfc; border-top-left-radius:14px; border-top-right-radius:14px; text-decoration:none;}
.mclist5 .shortcut_list1 a:before {content:''; position:absolute; right:20px; bottom:0; width:148px; height:121px; background:url(../images/main/m_ai01.jpg) 0 0 no-repeat;}
.mclist5 .shortcut_list1 a p {display:inline-block; margin-bottom:0; line-height:35px;}
.mclist5 .shortcut_list1 a span.color01 {color:#fff; background-color:#5655b4; /*padding:4px 2px 0;*/padding:0 2px;}
.mclist5 .shortcut_list1 a span.linebk2 {display:block; text-align:center;}

.mclist5 .shortcut_list2 {}
.mclist5 .shortcut_list2:after {content:''; display:block; visibility:hidden; clear:both;}
.mclist5 .shortcut_list2 ul {display:block;}
.mclist5 .shortcut_list2 li {display:inline-block; float:left; width:50%; text-align:center;}
.mclist5 .shortcut_list2 li.map1 {border-right:1px solid #ddd;}
.mclist5 .shortcut_list2 li a {position:relative; display:block; padding:25px 20px 20px; height:135px; font-family:'GSK'; color:#121212; font-size:1.6rem; box-sizing:border-box;}
.mclist5 .shortcut_list2 li.map1 a {background-color:#f5fffb; border-bottom-left-radius:14px;}
.mclist5 .shortcut_list2 li.map2 a {background-color:#fffaf2; border-bottom-right-radius:14px;}
.mclist5 .shortcut_list2 a span.color02 {color:#fff; background-color:#17764a; padding:3px 3px 0;}
.mclist5 .shortcut_list2 a span.color03 {color:#fff; background-color:#855d2b; padding:3px 3px 0;}
.mclist5 .shortcut_list2 li.map1 a:before {content:''; position:absolute; left:50%; margin-left:-82px; bottom:0; width:165px; height:85px; background:url(../images/main/m_ai02.png) 0 0 no-repeat;}
.mclist5 .shortcut_list2 li.map2 a:before {content:''; position:absolute; left:50%; margin-left:-82px; bottom:0; width:165px; height:85px; background:url(../images/main/m_ai03.png) 0 0 no-repeat;}


.mclist6 {}
.mclist6 .allim_box {display:block; position:relative; padding:10px 15px 41px;}
.allim_list {}
.allim_list ul {}
.allim_list ul:after {content:''; display:block; visibility:hidden; clear:both;}
.allim_list li {text-align:center;}
.allim_list li a {display:inline-block; width:100%;}
.allim_list li img {width:100%; height:220px;}

.ctrl_box {position:relative; margin-top:5px; z-index:30;}
.ctrl_box > dl {}
.ctrl_box > dl dd {position:absolute; right:0; color:#fff;}
.ctrl_box > dl dd.ctrl_cont {left:0; right:unset; margin-left:0;}
.ctrl_box > dl dd.ctrl_01 {right:60px;}
.ctrl_box > dl dd.ctrl_02 {right:30px;}
.ctrl_box > dl dd.ctrl_03 {right:0;}
.ctrl_box > dl dd.ctrl_cont span,
.ctrl_box > dl dd a {position:relative; display:block; width:25px; height:25px; box-sizing:border-box; background-color:#4c4d4f; border-radius:50%;}
.ctrl_box > dl dd.ctrl_cont span {border-radius:20px;}
.ctrl_box > dl dd a:before {content:''; position:absolute; left:50%; top:50%; margin-top:-6px; margin-left:-4px; width:8px; height:12px; background-image:url(../images/main/main_ir.png); background-repeat:no-repeat;}
.ctrl_box > dl dd a.ctrl_prev:before {background-position:-306px -36px;}
.ctrl_box > dl dd a.ctrl_stop:before {background-position:-315px -36px;}
.ctrl_box > dl dd a.ctrl_play:before {background-position:-324px -36px;}
.ctrl_box > dl dd a.ctrl_next:before {background-position:-333px -36px;}
.ctrl_box > dl dd.ctrl_cont span {padding:0 10px; line-height:25px; width:auto;}
.ctrl_box > dl dd.ctrl_cont span strong {font-weight:400; color:#ffe400;}


/* media query */
@media screen and (max-width:1240px) {
	.m_bgset02 {padding:30px 20px;}
}
@media screen and (max-width:1200px) {
	.mclist1 .mcicon_box a {padding:28px 15px;}
	.mcicon i {left:15px;}
	.mcic_tbox .mcictit {font-size:1.8rem;}
	
	.quick_list li a {padding:19px 10px 17px;}
	
	.mclist5 .shortcut_list2 li.map1 a:before,
	.mclist5 .shortcut_list2 li.map2 a:before {margin-left: -55px; width:150px; height:62px; background-size:80% auto;}
}
@media screen and (max-width:1050px) {
	.mclist5 .shortcut_list2 li a {padding:15px 20px 68px;}
  	.mclist5 .shortcut_list2 a span.color02 {display:block;}
    .mclist5 .shortcut_list2 a span.color03 {display:block;}
	
}
@media screen and (max-width:1024px) {
	.mcon_list .mcon {width:50%;}
		
	.mclist5 .shortcut_list2 li.map1 a:before,
	.mclist5 .shortcut_list2 li.map2 a:before {margin-left:-82px; width:165px; height:85px; background-size:auto;}
	.mclist5 .shortcut_list2 li a {padding:15px 20px 93px;}
  	.mclist5 .shortcut_list2 a span.color02 {display:inline-block;}
    .mclist5 .shortcut_list2 a span.color03 {display:inline-block;}
  
}
@media screen and (max-width:876px) {
  	.mcon .mcicon_box {height:277px;}
}
@media screen and (max-width:860px) {	
	.mclist5 .shortcut_list1 a {padding:36px 20px 34px; font-size:2.0rem;}
}

@media screen and (max-width:767px) {
  	.mcon .mcicon_box {height:279px;}
	.mcon_list {margin-left:-10px;}
	.mcon_list .mcon {padding:0 0 10px 10px;}
	
	.mcicon i {width:80px; height:80px; background-size:80% auto;}
	.mcicon .mcic_tbox {padding:3px 0 5px 95px;}
	
	
	.quick_list li a {padding: 21px 10px 17px;}
	.quick_list li a p.sc_tbox {font-size:1.5rem;}
	
	.mclist5 .shortcut_list1 a {font-size:2.0rem;}
	.mclist5 .shortcut_list1 a:before {right:10px; width:120px; height:100px; background-size:90% auto;}
  	.mclist5 .shortcut_list2 li a {padding:15px 20px 96px;}
	.mclist5 .shortcut_list2 li.map1 a:before,
	.mclist5 .shortcut_list2 li.map2 a:before {margin-left: -55px; width:150px; height:62px; background-size:80% auto;}
}
@media screen and (max-width:712px) {
  	.mclist5 .shortcut_list2 li a {padding:15px 20px 71px;}
	.mclist5 .shortcut_list2 a span.color02,
  	.mclist5 .shortcut_list2 a span.color03 {display:block;}
}
@media screen and (max-width:696px) {
  	.mclist5 .shortcut_list2 li a {padding:15px 20px 68px;}
  	.mclist5 .shortcut_list2 a span.color02 {display: block;}
    .mclist5 .shortcut_list2 a span.color03 {display:block;}
}
@media screen and (max-width:663px) {
	.quick_list li a {padding: 24px 7px 18px;}
	.quick_list li a p.sc_tbox {font-size:1.4rem;}
}

@media screen and (max-width:640px) {
	.m_bgset02 {padding:20px 10px;}
	.mcon_list {margin-left:0;}
	.mcon_list .mcon {padding:0 0 10px 0; width:100%;}
	
  	.mclist1 .mcicon_box a {padding:20px 15px;}
  	.mcicon i {top:13px;}
	.mcon .mcicon_box {height:inherit;}
	.mcic_tbox .mcictit {font-size:1.7rem;}
	
	.mclist2 .pp_tit {font-size:1.7rem;}
	
	.quick_list li a p.sc_tbox {font-size:1.5rem;}

  	.mclist5 .shortcut_list1 a:before {bottom:-10px;}
  	.mclist5 .shortcut_list1 a span.linebk2 {display:inline-block; margin-left:5px;}
  	.mclist5 .shortcut_list2 a span.color02 {display:inline-block;}
    .mclist5 .shortcut_list2 a span.color03 {display:inline-block;}
	
}
@media screen and (max-width:480px) {
}
@media screen and (max-width:380px) {
  	.mclist5 .shortcut_list1 a {padding:25px 20px 25px;}
  	.mclist5 .shortcut_list1 a:before {bottom:10px;}
  	.mclist5 .shortcut_list1 a span.linebk2 {display:block; margin-left:0;}
}