@charset "utf-8";

#cont_wrap {width:100%; margin:0 auto; font-family:'Noto Sans KR', MalgunGothic, '맑은 고딕', '돋움', Dotum, AppleGothic, Sans-serif, Arial;}
#cont_wrap button{outline:none;}

/* ------header------ */
#header .head_box .topLink ul .homeGo_sh a{background:#0381ed; display: block; font-size: 16px; line-height:16px; color: #ffffff; padding: 15px 50px 15px 35px; border-radius:100px;}
#header .head_box .topLink ul .homeGo_sh a::after{background:url('../img/pc/icon_external.png') left center no-repeat; position:absolute; top:50%; right:0; width:35px; height:20px;content:''; transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}

/* ------contents------ */
/*메인 비주얼*/
#cont_wrap .contents{width:100%; padding-top:120px;}
#cont_wrap .contents .cont_vis{width:100%; height:660px; position:relative; overflow:hidden;}
#cont_wrap .contents .cont_vis .img_box{z-index:1; position:absolute; top:0; height:100%; left:calc(50% + 10px); width:calc(50% + 10px); overflow:hidden;}
#cont_wrap .contents .cont_vis .img_box img{height:auto; width:100%;}
#cont_wrap .contents .cont_vis .center_box{z-index:2; position:absolute; top:0; height:100%; right:calc(50% - 200px); width:calc(50% + 200px); background:#0058a3; border-top-right-radius:100px;}
#cont_wrap .contents .cont_vis .bg_box{position:relative; height:100%;}
#cont_wrap .contents .cont_vis .bg_box span{position:absolute; bottom:0; left:0; width:100%; height:230px; background:#0961ab;}
#cont_wrap .contents .cont_vis .emb_box{position:absolute; left:-47px; top:120px; z-index:3; opacity:0.04;}
#cont_wrap .contents .cont_vis .vis_textbox{max-width:1420px; margin:0 auto; padding:120px 30px 0 30px; position:relative; z-index:5;}
#cont_wrap .contents .cont_vis .vis_textbox .slogan span{font-family: 'IM_Hyemin-Bold'; font-style:italic; font-weight:bold; font-size:26px; color:#68baff;}
#cont_wrap .contents .cont_vis .vis_textbox .slogan h1{margin-top:35px; font-family: 'DWImpactamin'; font-size:65px; line-height:80px; color:#ffffff;}
#cont_wrap .contents .cont_vis .vis_textbox .icon_list{font-size:0; text-align:left; padding-top:130px; margin-left:-30px;}
#cont_wrap .contents .cont_vis .vis_textbox .icon_list li{display:inline-block; vertical-align:top; text-align:center; /*width:180px;*/width:270px; text-align:center; padding-top:10px;}
#cont_wrap .contents .cont_vis .vis_textbox .icon_list li:hover{background:url('../img/pc/main/img_liOn.png') 30% 0 no-repeat;}
#cont_wrap .contents .cont_vis .vis_textbox .icon_list li img{margin:0 auto; display:block;}
#cont_wrap .contents .cont_vis .vis_textbox .icon_list li span{display:block; font-size:20px; font-weight:400; color:#ffffff; padding-top:23px;}

/*공지사항*/
#cont_wrap .contents .cont_notice{width:100%; background:#ecf0f6;}
#cont_wrap .contents .cont_notice .nt_wrap{/*max-width:1650px;*/max-width:1420px; margin:0 auto; font-size:0; text-align:left; padding:70px 30px;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox{width:360px; display:inline-block; vertical-align:top;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_title{font-size:55px; display:block; font-weight:500;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_text{font-size:20px; line-height:1.4; display:block; margin-top:45px;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button{font-size:0; text-align:left; margin-top:45px;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button button{display:inline-block; vertical-align:top; border:1px solid #cccccc; cursor:pointer; margin-right:5px;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button button:last-child{ margin-right:0;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .prev_btn{width:50px; height:50px; background:#ffffff url('../img/pc/main/img_btn_prev.png') center center no-repeat; text-indent:-9999px;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .prev_btn:hover{background:#0058a3 url('../img/pc/main/img_btn_prevOn.png') center center no-repeat; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .next_btn{width:50px; height:50px; background:#ffffff url('../img/pc/main/img_btn_next.png') center center no-repeat; text-indent:-9999px;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .next_btn:hover{background:#0058a3 url('../img/pc/main/img_btn_nextOn.png') center center no-repeat; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn{display:inline-block; vertical-align:top; border:1px solid #cccccc; cursor:pointer; box-sizing:border-box;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn:hover{}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a{display: block; font-size:0; padding:14px 20px 14px 20px; background:#fff; color:#333;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a:hover{background:#0058a3; color:#fff; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a em{font-size:20px; line-height:20px; display:inline-block; vertical-align:top;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a span{margin-left:12px; width:19px; height:20px; background:url(../img/pc/main/img_btn_more.png) 50% 50% no-repeat; display:inline-block; vertical-align:top;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a:hover span{background:url('../img/pc/main/img_btn_moreOn.png') 50% 50% no-repeat; display:inline-block; vertical-align:top; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}

#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox{width:calc(100% - 360px); display:inline-block; vertical-align:top; line-height:1.4;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul{font-size:0; text-align:left;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list{background:#ffffff; display:inline-block; vertical-align:top; width:395px; margin-right:50px; border-radius:10px;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list:last-child{margin-right:0;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list:hover{box-shadow: 2px 2px 30px rgba(9,97,171,0.2); -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list:hover a span{text-decoration : underline;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a{display:block; padding:50px 40px;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a span{display:block;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a .list_title{font-size:24px; font-weight:bold; word-break:keep-all; width:100%; height:66px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a .list_contents{font-size:20px; width:100%; height:60px; margin:25px 0; overflow:hidden; text-overflow:ellipsis; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a .list_date{font-size:18px; color:#888888;}

/*게시판*/
#cont_wrap .contents .cont_board{/*max-width:1650px;*/max-width:1420px; margin:0 auto; padding:70px 30px; line-height:1.4; font-size:0; text-align:left;}
#cont_wrap .contents .cont_board .board_box{width:48.5%; display:inline-block; vertical-align:top; border:1px solid #cccccc; box-sizing:border-box; background:#ffffff; padding:50px; *zoom:1;min-height:360px;}
#cont_wrap .contents .cont_board .rnd_box{margin-right:3%;}
#cont_wrap .contents .cont_board .board_box:after { content:""; clear:both; display:block; }
#cont_wrap .contents .cont_board .board_box .board_box_top{*zoom:1;}
#cont_wrap .contents .cont_board .board_box .board_box_top:after{ content:""; clear:both; display:block; }
#cont_wrap .contents .cont_board .board_box .board_title{font-weight:500; font-size:30px; line-height:50px;}
#cont_wrap .contents .cont_board .board_box .more_btn{float:right; border: 1px solid #cccccc; box-sizing: border-box;}
#cont_wrap .contents .cont_board .board_box .more_btn a{display: block; font-size:0; padding:15px 20px; background:#ffffff; color:#333333;}
#cont_wrap .contents .cont_board .board_box .more_btn a:hover{background:#0058a3; color:#ffffff; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
#cont_wrap .contents .cont_board .board_box .more_btn a em{font-size:20px; line-height:20px; display:inline-block; vertical-align:top;}
#cont_wrap .contents .cont_board .board_box .more_btn a span{margin-left:12px; width: 19px; height: 20px; background: url('../img/pc/main/img_btn_more.png') 50% 50% no-repeat; display: inline-block; vertical-align: top;}
#cont_wrap .contents .cont_board .board_box .more_btn a:hover span{background: url('../img/pc/main/img_btn_moreOn.png') 50% 50% no-repeat;}
#cont_wrap .contents .cont_board .board_box .board_list{margin-top:40px;}
#cont_wrap .contents .cont_board .board_box .board_list .li_textbox{font-size:22px;}
#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li{position:relative; line-height:40px; margin-bottom:15px; width:100%;}
#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li:nth-child(n + 4){display:none;}
#cont_wrap .contents .cont_board .board_box .board_list .li_textbox .li_new .ban_new{display:inline-block; vertical-align:top; background:#f63c8b; font-size:16px; line-height:40px; color:#ffffff; width:66px; text-align:center; margin-right:20px;}
#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li a{font-size:22px; color:#333; display:inline-block; vertical-align:top; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; max-width:calc(100% - 137px);}
#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li.li_new a{max-width:calc(100% - 223px);}
#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li .ban_date{font-size:20px; color:#818181; position:absolute; top:0; right:0; text-align:right; letter-spacing:0; width:137px; padding-right:10px;}

.cont_logoslide{padding:40px 30px; line-height:1.4; font-size:0; text-align:left; background:#f4f4f4;}
.cont_logoslide_inner{position:relative; max-width:1590px; padding-left:168px; margin:0 auto;}
.cont_logoslide .slide_button{position:absolute; top:50%; margin-top:-25px; left:0; font-size:0; text-align:left;}
.cont_logoslide .slide_button button{width:50px; height:50px; border:none; display:inline-block; vertical-align:top; cursor:pointer; text-indent:-9999px;}
.cont_logoslide .slide_button button.prev_btn{margin-right:4px; background:#fff url('../img/pc/main/img_btn_prev.png') 17px 50% no-repeat;}
.cont_logoslide .slide_button button.prev_btn:hover{background:#0058a3 url('../img/pc/main/img_btn_prevOn.png') 17px 50% no-repeat; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
.cont_logoslide .slide_button button.next_btn{background:#fff url('../img/pc/main/img_btn_next.png') 21px 50% no-repeat;}
.cont_logoslide .slide_button button.next_btn:hover{background:#0058a3 url('../img/pc/main/img_btn_nextOn.png') 21px 50% no-repeat; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
.cont_logoslide .logoslide_box{}

/*FOOTER*/
#footer{background:#0c1823 !important;}
#footer .footTop .footWrap_sh{padding:0 30px; max-width:1650px !important;}
#footer .footTop .footWrap .sh_ft_menu{padding:40px 0 !important;}
#footer .footTop .footWrap .sh_ft_menu li a{ display: block;font-size: 20px; color: #ffffff; line-height: 20px !important;}
#footer .footTop .footWrap .sh_ft_menu li {padding:0 25px 0 0 !important; margin-right:25px; border-right:1px solid #555e65; }
#footer .footTop .footWrap .sh_ft_menu li:last-child{margin-right:0 !important; padding-right:0 !important; border-right:0;}
#footer .footTop .footWrap .link_sh{margin:23px 0 !important;}
#footer .footTop .footWrap .link_sh .fFamily:first-child{margin-right:10px;}
#footer .footTop .footWrap .link_sh .fFamily button.open{width:220px; height:55px; font-size:18px; line-height:18px; color:#6a737b; border:1px solid #6a737b; text-align:left;}
#footer .footTop .footWrap .link_sh .fFamily button.open::after{border:0; background: url('../img/pc/main/icon_open.png') 17px 50% no-repeat; display:block; width:50px; height:50px; -webkit-transform: rotate(0deg); top: 6px; right: 0;}
#footer .footBottom_sh{position:relative; padding:60px 30px  !important; max-width: 1650px !important;}
#footer .footBottom address.addr{font-size:18px  !important; color:#555e65 !important; word-break:keep-all;}
#footer .footBottom .copy{font-size:18px; color:#555e65;}
#footer .footBottom_sh .ft_logo{position:absolute; top:50px; right:30px;}
#footer .botBtTop {z-index: 999 !important;}
/*
=========================================================================
반응형 레이아웃 css
=========================================================================
*/

@media all and (max-width:1920px){
	#cont_wrap .contents .cont_vis .img_box{width:100%;}
	#cont_wrap .contents .cont_vis .img_box img{height:100%; width:auto;}
	#footer .footTop .footWrap .link_sh .fFamily button.open::after{background: url('../img/pc/main/icon_open.png') 17px 50% no-repeat; top: 6px; right: -5px;}

}

@media all and (max-width:1600px){
	#footer .footTop_sh{padding:0 30px !important;}
	#footer .footTop .footWrap .link_sh .fFamily button.open{width:155px;}
	#footer .footTop .footWrap_sh{padding:0;}
}

@media all and (max-width:1200px){

	#header .head_box .btntop{top:30px !important;}
	#cont_wrap .contents .cont_vis{height:auto;}
	#cont_wrap .contents .cont_vis .img_box{position:relative; left:0; height:40vh;}
	#cont_wrap .contents .cont_vis .img_box img{height:auto; width:100%;}
	#cont_wrap .contents .cont_vis .center_box{display:none;}
	#cont_wrap .contents .cont_vis .emb_box{position:absolute; left:auto; top:auto; z-index:7; opacity:0.04; right:-47px; bottom:15%; height:40%;}
	#cont_wrap .contents .cont_vis .emb_box img{width:auto; height:100%;}
	#cont_wrap .contents .cont_vis .vis_textbox{padding:0; background:#0058a3; border-top-right-radius:80px; margin-top:-80px;}
	#cont_wrap .contents .cont_vis .vis_textbox .slogan{padding:80px 50px 60px 50px;}
	#cont_wrap .contents .cont_vis .vis_textbox .slogan img{width:60%;}
	#cont_wrap .contents .cont_vis .vis_textbox .icon_list{margin-left:0; padding:5% 0; background:#0961ab;}
	#cont_wrap .contents .cont_vis .vis_textbox .icon_list li{/*width:25%;*/width:calc(100% / 3);}
	#cont_wrap .contents .cont_vis .vis_textbox .icon_list li img{width:30%;}

	#cont_wrap .contents .cont_board .board_box{width:100%;min-height:200px;height:auto;}
	#cont_wrap .contents .cont_board .rnd_box{margin-right:0; margin-bottom:30px;}

	#footer .footTop_sh{border-bottom:1px solid rgba(255,255,255,0.2) !important;}
	#footer .footTop .footWrap .link_sh{margin: 0px 0 35px !important;}
	#footer .footTop .footWrap .link_sh .fFamily button.open{width:220px;}
}

@media all and (max-width:1024px){
	#cont_wrap .contents .cont_vis .vis_textbox .slogan img{width:80%;}
	#cont_wrap .contents .cont_vis .vis_textbox .icon_list li img {height:50%;  width:auto;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox{width:100%; position:relative; margin-bottom:30px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_title{font-size:30px; line-height:30px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_text{font-size:18px; margin-top:10px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_text br{display:none;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button{position:absolute; top:0; right:0; margin-top:0;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox{width:100%;}
	#footer .footBottom_sh .ft_logo{position:relative; top:0; left:0; margin:30px 0; }
}


@media all and (max-width:885px){
	#cont_wrap .contents .cont_vis .vis_textbox .slogan span{font-size: 22px;}
	#cont_wrap .contents .cont_vis .vis_textbox .slogan h1{margin-top: 25px; font-size: 50px; line-height: 65px;}
	#footer .footTop .footWrap .footMenu li{margin-bottom:10px;}
}

@media all and (max-width:640px){
	#cont_wrap .contents{ padding-top:60px;}
	#header .head_box .btntop{top:0px !important;}
	#cont_wrap .contents .cont_vis .img_box{height:32vh;}
	#cont_wrap .contents .cont_vis .vis_textbox .slogan{padding:40px 20px;}
	#cont_wrap .contents .cont_vis .vis_textbox .slogan span{font-size: 18px;}
	#cont_wrap .contents .cont_vis .vis_textbox .slogan h1{margin-top: 20px; font-size: 40px; line-height: 50px;}
	#cont_wrap .contents .cont_vis .vis_textbox .icon_list li img {height:50px;  width:auto;}
	#cont_wrap .contents .cont_vis .vis_textbox .icon_list{padding:5%;}
	#cont_wrap .contents .cont_vis .vis_textbox .icon_list li:hover{background:url('../img/mobile/main/img_liOn.png') 20% 0 no-repeat;}
	#cont_wrap .contents .cont_vis .vis_textbox .icon_list li span{font-size:14px; padding-top:10px; word-break:keep-all;}
	#cont_wrap .contents .cont_notice .nt_wrap{padding:60px 20px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_title{font-size:30px; line-height:30px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_text{font-size:16px; margin-top:15px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button{top:-6px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .prev_btn{width:40px; height:40px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .next_btn{width:40px; height:40px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a{padding:10px 20px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a em{font-size:15px; line-height:20px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a{padding:30px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a .list_title{font-size:18px; height:50px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a .list_contents{font-size: 16px; height: 45px; margin: 20px 0;}
	#cont_wrap .contents .cont_board{padding:60px 20px;}
	#cont_wrap .contents .cont_board .board_box{padding:30px;}
	#cont_wrap .contents .cont_board .board_box .board_title{line-height:40px;}
	#cont_wrap .contents .cont_board .board_box .more_btn a{padding:10px 20px;}
	#cont_wrap .contents .cont_board .board_box .more_btn a em{font-size:15px; line-height:20px;}
	#cont_wrap .contents .cont_board .board_box .board_list{margin-top:20px;}
	#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li{line-height:30px; margin-bottom:8px;}
	#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li a{font-size:16px; max-width: calc(100% - 109px);  line-height: 30px;}
	#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li .ban_date{font-size:15px; line-height: 30px;}
	#cont_wrap .contents .cont_board .board_box .board_list .li_textbox .li_new .ban_new{font-size:14px; margin-right:10px; line-height: 30px; width: 60px;}
	#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li.li_new a{max-width: calc(100% - 200px);  line-height: 30px;}
	#cont_wrap .contents .cont_logoslide{padding:20px 30px;}
	#cont_wrap .contents .cont_logoslide_inner{padding-left:130px;}

	#footer .footTop .footWrap .link_sh{width:100% !important; margin: 0px 0 30px !important;}
	#footer .footTop .footWrap .sh_ft_menu{text-align:left !important; padding: 40px 0 0 0 !important;}
	#footer .footTop .footWrap .sh_ft_menu li{padding-right:10px !important; margin-right:10px;}
	#footer .footTop .footWrap .link_sh .fFamily{width:47%;}
	#footer .footTop .footWrap .link_sh .fFamily:first-child{margin-right:3%;}
	#footer .footTop .footWrap .link_sh .fFamily button.open{width:100%;}
	#footer .footBottom_sh{padding:30px !important;}
	#footer .footBottom address.addr{font-size: 12px !important; margin-bottom:0 !important;}
	#footer .footBottom .copy{font-size:12px;}
}

@media all and (max-width:460px){
	#cont_wrap .contents .cont_vis .vis_textbox .slogan span{font-size: 15px;}
	#cont_wrap .contents .cont_vis .vis_textbox .slogan h1{margin-top: 15px; font-size: 35px; line-height: 45px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_title{font-size:24px; line-height:24px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button{top:-6px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .prev_btn{width:30px; height:30px; background: #ffffff url('../img/mobile/main/img_btn_prev.png') center center no-repeat;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .prev_btn:hover{background: #0058a3 url('../img/mobile/main/img_btn_prevOn.png') center center no-repeat;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .next_btn{width:30px; height:30px; background: #ffffff url('../img/mobile/main/img_btn_next.png') center center no-repeat;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .next_btn:hover{background: #0058a3 url('../img/mobile/main/img_btn_nextOn.png') center center no-repeat;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a{padding:5px 10px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a em{font-size:10px; line-height:20px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a span{margin-left:5px; background: url('../img/mobile/main/img_btn_more.png') 50% 50% no-repeat;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a:hover span{background: url('../img/mobile/main/img_btn_moreOn.png') 50% 50% no-repeat;}
	#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li{margin-bottom:10px;}
	#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li .ban_date{display:none;}
	#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li.li_new a{max-width: calc(100% - 76px);}
	#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li a{max-width:100%;}
	#cont_wrap .contents .cont_board .board_box .board_title{font-size:20px; line-height: 30px;}
	#cont_wrap .contents .cont_board .board_box .more_btn a{padding:5px 10px;}
	#cont_wrap .contents .cont_board .board_box .more_btn a em{font-size: 10px;  line-height: 20px;}
	#cont_wrap .contents .cont_board .board_box .more_btn a img{width:24px;  padding-top:3px;}
	#footer .footTop .footWrap .link_sh .fFamily button.open{font-size:15px !important; line-height:15px !important;}
}

@media all and (max-width:360px){
	#cont_wrap .contents .cont_vis .img_box{height:35vh;}
	#cont_wrap .contents .cont_vis .img_box img{margin-top:-30px;}
	#cont_wrap .contents .cont_vis .vis_textbox .slogan span{font-size: 13px;}
	#cont_wrap .contents .cont_vis .vis_textbox .slogan h1{font-size: 32px; line-height: 42px;}
	#cont_wrap .contents .cont_vis .vis_textbox .icon_list li img{height:40px;}
}

@media all and (max-width:320px){
	#cont_wrap .contents .cont_vis .vis_textbox .slogan span{font-size: 12px;}
	#cont_wrap .contents .cont_vis .vis_textbox .slogan h1{font-size: 30px; line-height: 40px;}
	#cont_wrap .contents .cont_notice .nt_wrap {padding: 40px 20px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_text{font-size:13px; margin-top:10px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button{top:-6px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .prev_btn{width:30px; height:30px; background: #ffffff url('../img/mobile/main/img_btn_prev.png') center center no-repeat;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .prev_btn:hover{background: #0058a3 url('../img/mobile/main/img_btn_prevOn.png') center center no-repeat;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .next_btn{width:30px; height:30px; background: #ffffff url('../img/mobile/main/img_btn_next.png') center center no-repeat;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .next_btn:hover{background: #0058a3 url('../img/mobile/main/img_btn_nextOn.png') center center no-repeat;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a{padding:5px 10px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a em{font-size:10px; line-height:20px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a span{margin-left:5px; background: url('../img/mobile/main/img_btn_more.png') 50% 50% no-repeat;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a:hover span{background: url('../img/mobile/main/img_btn_moreOn.png') 50% 50% no-repeat;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a{padding:25px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a .list_title{font-size:20px; height:52px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a .list_contents{font-size:16px; height:42px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a .list_date{font-size:16px; }
	#cont_wrap .contents .cont_board{padding:40px 20px;}
	#cont_wrap .contents .cont_board .board_box{padding:25px;}
	#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li{line-height:30px; margin-bottom:5px;}
	#cont_wrap .contents .cont_board .board_box .board_list .li_textbox .li_new .ban_new{font-size:13px; width:50px; line-height:30px;}
	#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li a{font-size:14px;  line-height:30px;}
	#footer .footTop .footWrap .link_sh .fFamily{width:100%;}
	#footer .footTop .footWrap .link_sh .fFamily:first-child{margin-right:0; margin-bottom:10px;}
}

@media all and (max-width:280px){
	#cont_wrap .contents .cont_vis .img_box{height:25vh;}
	#cont_wrap .contents .cont_vis .vis_textbox .slogan{padding:30px 20px;}
	#cont_wrap .contents .cont_vis .vis_textbox .slogan h1{font-size:26px; line-height:36px;}
}