@charset "utf-8";
#skipnavigation a {position:absolute;left:-3000%;}
#skipnavigation a:focus {display:block;left:0;top:0;z-index:10000000000;width:100%;height:30px;line-height:30px;background:#00356f;color:#fff;text-align:center;}


div#noticetab1 ul li a span strong {color:#fff !important}

/* 모바일메뉴 화면고정 */
/* #header h1 .menu.on{background: #062f6e url(/usr/images/suwon/close3.png) no-repeat right 10px top 10px} */
body {width:100%;overflow-x:hidden}
body.on {position: relative}
body.on:after {content: '';display: block;width: 100%;height:800px;background: #fff;position: absolute;top: 0;z-index: 1;border-bottom:2px solid rgb(6, 47, 110)}

#wrap{ }
#main_wrap{width: 100%;position: absolute;/* background:url(/usr/images/ipsi/mainvisual_img01.png) no-repeat center; */z-index: 9999999999999;}
#header h1 a.login{font-size: 15px;padding-left: 25px; color: #fff; font-weight: 400; background: url(/usr/images/ipsi/login.png) no-repeat left center; position: absolute; right:75px; top: 10px;}
#header h1 a.sh { position: absolute; right: 40px; top: 13px;}
#header h1 .menu { position: absolute; right: 0; top: 13px;background: url(/usr/images/ipsi/menu.png) no-repeat;width: 19px;height: 17px;border: 0;font-size: 0;}

#header{width:100%; /* border-bottom: 1px solid #fff; */position: relative;z-index:2}
#header .header_inner{ /*border-bottom: 1px solid #fff;*/ padding: 16px 0; box-sizing: border-box; height: 80px; box-sizing: border-box;}
#header h1{width: 1200px; margin: 0 auto; position: relative; vertical-align: middle; box-sizing:border-box}
#header h1 a{display:inline-block; vertical-align: middle;}
#header h1 a.main_home{font-size: 15px;padding-left: 25px; color: #fff; font-weight: 400; background: url(/usr/images/ipsi/mainhome_icon.png) no-repeat left center;position: absolute; top: 15px;left:0;}
#header h1 a.logo{ position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
#header h1 a.logo img{vertical-align:middle;}
.gnb_wrap{width:100%; height:52px; position:relative;z-index: 999999999; background-color: /*#254371*/  rgba(37, 67, 113, 0.9);}
.gnb_bg{width:100%; background:#fff; height:400px; display: none}
.gnb_wrap .gnb{width:1200px; margin:0 auto; position:relative;}
	
.gnb_wrap .gnb.on .dep2_ul{display: block;}
.gnb_wrap .gnb > li{font-size:18px; float:left; width: 14.3%; text-align: center;}
.gnb_wrap .gnb > li:last-child{width: 14.2%;}
.gnb_wrap .gnb .dep1_title{color:#fff; line-height:52px; font-weight:bold;}
.gnb_wrap .gnb > li > ul.dep2_ul{padding: 10px 0; display: none; background-color: #fff; height: 305px; width: 100%;}
	
.hd_pc .gnb_wrap .gnb .dep1_li:hover .dep2_ul ,.hd_pc .gnb_wrap .gnb .dep1_li:active .dep2_ul {display: block;}

.gnb_wrap .gnb > li > ul.dep2_ul li a{font-weight: 300; line-height: 38px; color: #333; font-size: 16px;}
.gnb_wrap .gnb.on .gnbmenu_wrap{display:block;} 
.gnb_wrap .gnb li .gnbmenu_wrap{display:none; width:100%; position:absolute; top:54px; left:0; margin:0 auto; background:#fff; z-index:20; border-bottom:1px solid #aaa;}
.gnb_wrap .gnb li .gnbmenu_wrap .title{position:absolute; width:265px; bottom:0; top:0; box-sizing:border-box; padding-left:30px; background:#f4b221 url(/usr/images/ipsi/bg_gnbtitle.png) no-repeat right bottom;}
.gnb_wrap .gnb li .gnbmenu_wrap .title .en{margin-top:60px; color:#062f6e; font-size:13px; letter-spacing:3px;}
.gnb_wrap .gnb li .gnbmenu_wrap .title{color:#fff; font-size:38px;}

.gnb_wrap .gnb li .gnbmenu_wrap .dep2_ul{float:left; padding:10px 0 0 40px; margin-bottom:20px; box-sizing:border-box; overflow:hidden; margin-left:256px;position: absolute; z-index: 10px;}
.gnb_wrap .gnb li .gnbmenu_wrap .dep2_ul_li{float:left; width:180px; margin-right:40px; text-align:left; padding:0;}
.gnb_wrap .gnb li .gnbmenu_wrap .dep2_ul li a{display:block; font-size:17px; color:#062f6e; line-height:40px;  font-weight:normal; border-bottom:1px solid #aaa;}
.gnb_wrap .gnb li .gnbmenu_wrap .dep2_ul li .depth3{overflow:hidden;  border-bottom:1px solid #aaa; padding:8px 0;}
.gnb_wrap .gnb li .gnbmenu_wrap .dep2_ul li .depth3 li{text-align:left; padding:0; float:none;}
.gnb_wrap .gnb li .gnbmenu_wrap .dep2_ul li .depth3 li a{color:#666; font-size:13px; line-height:25px; border-bottom:none;}
#header.active .header_inner{background: rgba(6, 47, 110, 0.7)}
#header.active .gnb_wrap{background: #fff; border-bottom: 1px solid #aaaaaa;}
#header.active .gnb_wrap .gnb > li a {color: #333}
#header.active .gnb_wrap .gnb > li > ul.dep2_ul {border-top: 1px solid #aaaaaa;}
#header.active.hd_pc .gnb_wrap .gnb > li > a:hover { border-bottom: 3px solid #f4b221; padding-bottom:11px;}
#header.active.hd_pc  .gnb_wrap .gnb > li > ul.dep2_ul a:hover {color: #f4b221;}
.tnb_wrap{position:absolute; top:0; left:50%; margin-left:518px;}
.tnb_wrap .tnb {float:right;}
.tnb_wrap .tnb button{width:40px; height:54px; text-indent:-9999px; cursor:pointer; border:none; }
.tnb_wrap .tnb .btn_sch{display:none; background:url(/usr/images/ipsi/icon_tnbsch.png) no-repeat center; }
.tnb_wrap .tnb .sch_wrap{float:left;}
.tnb_wrap .tnb .sch_wrap .sch_form{display:none; position:Absolute; top:70px; right:50%; margin-right:350px; z-index:10;}
.tnb_wrap .tnb .sch_wrap .sch_form form{}
.tnb_wrap .tnb .sch_wrap .sch_form form fieldset{}
.tnb_wrap .tnb .sch_wrap .sch_form form fieldset span{display:inline-block; border:2px solid #062f6e; width:400px; height:46px;}
.tnb_wrap .tnb .sch_wrap .sch_form form fieldset span input{width:400px; border:none; height:46px;}
.tnb_wrap .tnb .sch_wrap .sch_form form fieldset button{z-index:10; position:absolute; right:0; top:0; width:40px; height:48px; text-indent:-9999px; background:#062f6e url(/usr/images/ipsi/icon_tnbsch.png) no-repeat center;}


.tnb_wrap .tnb .btn_sitemap{background:url(/usr/images/ipsi/icon_tnbsitemap.png) no-repeat center; }
.tnb_wrap .language{display:none; background:#0e2a4a url(/usr/images/ipsi/btn_langarrow.png) no-repeat 90px center; width:106px; line-height:32px; height:32px; position:absolute; right:-106px; color:#fff; margin-top:12px; z-index:10; text-indent:10px;}
.tnb_wrap .language .title{cursor:pointer;}
.tnb_wrap .language .list{background:#0e2a4a; display:none;}
.tnb_wrap .language .list li{}
.tnb_wrap .language .list li a{color:#fff;}



.main_con_inner {width: 1200px;position: absolute;bottom: 50%;left: 50%;transform: translateX(-50%);margin-bottom: -235px;}
.main_con_inner::after{content: ""; clear: both; content: "";}


.main_con_inner_wrap #adiga_link{ position: absolute; width:200px; height :122px;  top: 200px; right: 50px;z-index:9999}
.main_con_inner_wrap #adiga_link img{width:100%;}
.main_con_inner_wrap #banner { position: absolute; width:200px; height :122px;  top: 200px; right: 260px;border:1px solid #42679e;z-index:9999}
.main_con_inner_wrap #banner img{width:100%;}


.main_con_inner_wrap {background: url(/usr/images/ipsi/mainvisual_img01.png) no-repeat center;width: 100%;height: 660px;position:relative;}

.main_con_inner .main_notice{background-color: rgba(0, 0, 0, 0.5);width: 48%; float: left;}
.main_con_inner .main_notice .notice_tab{color: #fff;position:relative;}
.main_con_inner .main_notice .notice_tab .noticetab_li{ padding: 0 20px; box-sizing: border-box;}
.main_con_inner .main_notice .notice_tab .noticetab_li h3{line-height: 45px;font-size:18px}
.main_con_inner .main_notice .notice_tab .noticetab_li .list_more{position: absolute; top: 13px; right: 20px;cursor:pointer;color:#fff;font-size:13px}
.main_con_inner .main_notice .notice_tab .noticetab_li .list_more:hover {color:#fff;}
.main_con_inner .main_notice .list_wrap{border-top: 1px solid #fff; font-size: 14px; line-height:2; padding: 10px 0px; box-sizing: border-box;}
.main_con_inner .main_notice .list_wrap li:hover a{color: #fff; text-decoration: underline;}

.main_con_inner .main_notice .list_wrap a::after{content: ""; display: block; clear: both;}
.main_con_inner .main_notice .list_wrap .title{float: left;}
.main_con_inner .main_notice .list_wrap .date{float: right;}


/* 주요 서비스 */
.section_campus{position: fixed;width: 100px;margin:0 auto; bottom:5%; right: 10px; z-index: 50000000000000; background-color: #fff;border: 1px solid #dcdcdc;}
.service_wrap{width: 100%; position: relative;}
.service_wrap::after{display: block; clear: both; content: "";}
.service_wrap .tit{background-color: #faa916; color: #fff; text-align: center; line-height: 70px; font-size: 18px; float: left; width: 24%;height: 70px;}
.service_wrap .service_tab_menu{/* float: none; */ width: 100%;box-sizing: border-box;}
.service_wrap .service_tab_menu li:first-child{}
.service_wrap .service_tab_menu li{text-align: center;width: 100%;border-bottom: 1px dotted #dcdcdc}
.service_wrap .service_tab_menu li a{font-size: 12px;display: block;width: 100%; /* height: 85px; */  line-height: 1.2;padding: 5px;box-sizing: border-box;}
.service_wrap .service_tab_menu li span {display: block;width: 50px;height: 50px;margin: auto;}
.service_wrap .service_tab_menu li.icon01 span{background: url(/usr/images/ipsi/service_icon01.png) no-repeat center  center;}
.service_wrap .service_tab_menu li.icon02 span{background: url(/usr/images/ipsi/service_icon02.png) no-repeat center  center;background-size: 22px;}
.service_wrap .service_tab_menu li.icon03 span{background: url(/usr/images/ipsi/service_icon03.png) no-repeat center  center;background-size: 22px;}
.service_wrap .service_tab_menu li.icon04 span{background: url(/usr/images/ipsi/service_icon04.png) no-repeat center  center;background-size: 22px;}
.service_wrap .service_tab_menu li.icon05 span{background: url(/usr/images/ipsi/service_icon05.png) no-repeat center  center;background-size: 22px;}
.service_wrap .service_tab_menu li.icon06 span{background: url(/usr/images/ipsi/service_icon07.png) no-repeat center  center;background-size: 25px;}
.service_wrap .service_tab_menu li.icon01:hover a{  text-decoration: underline;}
.service_wrap .service_tab_menu li.icon02:hover a{  text-decoration: underline;}
.service_wrap .service_tab_menu li.icon03:hover a{  text-decoration: underline;}
.service_wrap .service_tab_menu li.icon04:hover a{  text-decoration: underline;}
.service_wrap .service_tab_menu li.icon05:hover a{  text-decoration: underline;}
.service_wrap .service_tab_menu li.icon06:hover a{  text-decoration: underline;}

        
.service_wrap .top_bt {height: 40px;width: 100%;background: #ddd;display: block;padding-top: 8px !important;font-size: 16px !important;}

.service_wrap .quick_fold {background: rgba(6, 47, 110, 0.9);width: 100%;display: block;height: 40px;color: #fff;display:none;}
.service_wrap .quick_fold  span {background: url(/usr/images/quickmenu_arrow.png) no-repeat center center;width: 30px;height: 100%;background-size: 10px;display: block;text-indent: -9999px;margin: auto;transform: rotate(0deg)}
        




.quick_wrap{float: right; width: 48%; position: relative;}
.quick_wrap .quick_menu_wrap{width: 100%; margin: 0 auto;}
.quick_wrap .quick_menu_wrap li{ float: left; width:23.5%; text-align: center; margin-right: 2%; border: 1px solid #fff; box-sizing: border-box;padding:6px; border-radius: 8px;  background-color: rgba(0, 0, 0, 0.5);}
.quick_wrap .quick_menu_wrap li:last-child{margin-right: 0;}

.quick_wrap .quick_tab_menu li a{color: #fff; display:block;}


/*퀵수정함*/
.quick_wrap .quick_view{overflow: hidden;clear: both;float: left; width: 100%;}
.quick_tab_menu li.active,.quick_tab_menu li:hover { background-color: rgba(255, 255, 255, 0.62);}
.quick_tab_menu li.active,.quick_tab_menu li {position:relative;}
.quick_tab_menu li.active:after ,.quick_tab_menu li:hover:after {content: '';position: absolute;border-top: 10px solid rgba(255, 255, 255, 0.62); border-right: 5px solid transparent;border-left: 5px solid transparent;bottom: -10px;left: 50%;transform: translateX(-50%);}

.quick_tab_menu li.active a,.quick_tab_menu li:hover a{font-weight: 600;color:#333}
.quick_tab_menu li:hover a{font-weight: 600;}


ul.quick_tab_menu {margin-bottom:23px}
ul.quick_tab_menu::after {content:'';display:block;clear:both}




.quick_wrap .quick_view .quick_icon_list{ text-align: center;}
.quick_wrap .quick_view .quick_icon_list::after{content: ""; clear: both; display: block;}

.quick_wrap .quick_view .quick_icon_list li{width: 23.5%; height: 145px; margin-right: 2%; float: left;}
.quick_wrap .quick_view .quick_icon_list li:last-child{margin-right: 0;}


.quick_wrap .quick_view .quick_icon_list li.icon01{background: #062f6e url(/usr/images/ipsi/icon_quick01.png) no-repeat top 26px center;}

.quick_wrap .quick_view .quick_icon_list li.icon02{background: #f4b221 url(/usr/images/ipsi/icon_quick02.png) no-repeat top 26px center;}
.quick_wrap .quick_view .quick_icon_list li.icon03{background: #0080b8 url(/usr/images/ipsi/icon_quick03.png) no-repeat top 26px center;}
.quick_wrap .quick_view .quick_icon_list li.icon04{background: #062f6e url(/usr/images/ipsi/icon_quick04.png) no-repeat top 26px center;}

.quick_wrap .quick_view .quick_icon_list li a{color: #fff; display: block; width: 100%; height: 100%;  padding-top: 100px; box-sizing: border-box;}

.quick_wrap .bottom_quick{background-color: #fff; position: absolute; bottom: 0; right: 0; width: 100%;display:none}
.quick_wrap .bottom_quick ul::after{content: ""; clear: both; display: block;}
.quick_wrap .bottom_quick ul li{float: left; width: 20%; text-align: center;}
.quick_wrap .bottom_quick ul li a{display: block; width: 100%; height: 100%; padding: 15px 0; box-sizing: border-box; margin: 15px 0; border-right: 1px solid #aaa;}

.main_cont3 {background: url(/usr/images/ipsi/cont3-bg.png)center top no-repeat;width: 100%;height: 380px;text-align: center; background-size: cover;}
.main_cont3 .cont3_inner { width:  1200px; margin: 0 auto;}
.main_cont3 .cont3_inner:after {content: '';display: block;clear: both;}
.main_cont3 .cont3_inner h4 {font-size: 28px;font-weight: 500;color: #fff;padding: 23px 0;}
.main_cont3 .cont3_inner h4 span {color: #f4b221;}	
.main_cont3 .cont3_inner .infobox ul li {display: inline-block;border: 1px solid #fff;width: 219px;margin-right: 20px;padding: 10px 0;font-size: 17px;margin-bottom: 20px;}
.main_cont3 .cont3_inner .infobox ul li a {color: #fff; }
.main_cont3 .cont3_inner .infobox ul li:nth-child(5), .main_cont3 .cont3_inner .infobox ul li:nth-child(10) {margin-right: 0;}



/*퀵리스트*/        
.quick_list{ }
.quick_list_wrap {width:1300px;margin:50px auto;}
.quick_list_wrap h4 {font-size: 25px;color: #062f6e;margin-bottom: 15px;text-align:center;text-transform:uppercase}
.quick_list ul{border: 1px solid #eee;background: #f9f9f9;padding:15px 0;}
.quick_list ul li:first-child{width:13.6%;}
.quick_list ul li{width:10.5%; display: inline-block;font-size: 16px;padding: 5px; box-sizing: border-box;}
.quick_list ul li:last-child{margin-right: 0;}
.quick_list ul li a{display: block}    
.quick_list ul li a p {font-size: 14px;text-align: center;margin-top: 15px;color: #555;font-weight: bold}
.quick_list ul li span {display: block;width: 70px;height: 70px;border-radius: 50%;margin: auto; border: 1px solid #dcdcdc;}
.quick_list ul li .quick_list_icon_01{background: url(/usr/images/ipsi/quicklist_01.png) no-repeat center #fff;background-size:38px}
.quick_list ul li .quick_list_icon_02{background: url(/usr/images/ipsi/quicklist_02.png) no-repeat center #fff;background-size:30px;}
.quick_list ul li .quick_list_icon_03{background: url(/usr/images/ipsi/quicklist_03.png) no-repeat center #fff;background-size:38px;}
.quick_list ul li .quick_list_icon_04{background: url(/usr/images/ipsi/quicklist_04.png) no-repeat center #fff;background-size:38px;}
.quick_list ul li .quick_list_icon_05{background: url(/usr/images/ipsi/quicklist_05.png) no-repeat center #fff;background-size:30px;}
.quick_list ul li .quick_list_icon_06{background: url(/usr/images/ipsi/quicklist_06.png) no-repeat center #fff;background-size:30px;}
.quick_list ul li .quick_list_icon_07{background: url(/usr/images/ipsi/quicklist_07.png) no-repeat center #fff;background-size:38px;}
.quick_list ul li .quick_list_icon_08{background: url(/usr/images/ipsi/quicklist_08.png) no-repeat center #fff;background-size:30px;}
.quick_list ul li .quick_list_icon_09{background: url(/usr/images/ipsi/quicklist_09.png) no-repeat center #fff;background-size:38px;}
.quick_list ul li .quick_list_icon_10{background: url(/usr/images/ipsi/quicklist_10.png) no-repeat center #fff;background-size:30px;}
.quick_list ul li:hover p{text-decoration: underline;}



.main_cont3 .cont3_inner .callbox {width: 1200px;height: 90px;background-color: #1d2738;box-sizing:border-box;padding:0 35px;}
.main_cont3 .cont3_inner .callbox ul li {float: left; color: #fff; }
.main_cont3 .cont3_inner .callbox:after{content: ""; clear: both; display: block;}
.main_cont3 .cont3_inner .callbox ul .callbox_tit {}
.main_cont3 .cont3_inner .callbox ul .callbox_callno {font-size: 34px;padding-left: 50px;padding-top: 14px;padding-right: 60px;}
.main_cont3 .cont3_inner .callbox ul .callbox_inner {
    background-color: #3c434d;
    width: 212px;
    height:50px;
    margin-top: 20px;
    font-size: 20px;
    float: right;
    line-height: 50px;
    }
.main_cont3 .cont3_inner .callbox ul .margin {margin-right: 30px;}
.main_cont3 .cont3_inner .callbox ul li a {color: #fff;}
.footer {width: 1200px; margin: 0 auto;box-sizing:border-box;padding:30px 0}
.footer::after {content: '';display: block;clear: both;}
.f_txt .f_menu li {float: left; margin-right: 10px;}
.f_txt .f_menu li:after {content: '';display: inline-block;width: 1px;height: 13px;background: #555;padding-top: -2px;margin-left: 10px;}
.f_txt .f_menu li:last-child:after {display: none}
.f_txt .f_menu::after{content: ""; clear: both; display: block;}
.f_txt .f_info li {color: #999999; font-size: 14px;}
.footer .flogo  {float: left;width: 17%;}
.footer .flogo img{width: 100%;}
.footer .f_txt {float: left; margin-left: 5%;width: 70%;}
.f_wrap { background-color: #eeeeee; width: 100%;}
.f_wrap::after {content: '';display: block;clear: both;}




/*추가*/
.main_con_inner .main_title {width: 100%;margin-bottom: 70px;} 
.main_con_inner .main_title h1{color: #fff;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);font-weight: normal;font-size: 48px;text-transform: uppercase;letter-spacing: -0.8px;} 
.main_con_inner .main_title span{display: block;font-size: 30px;}
.header_inner .gnb.on .dep2_ul{display:block;} 

#main_wrap .main_title {position: absolute;width: 100%;top: 25%;} 
#main_wrap .main_title h1{color: #fff;text-align: center;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);font-weight: normal;font-size: 48px;text-transform: uppercase;letter-spacing: -0.8px;} 
#main_wrap .main_title span{display: block;font-size: 30px;}









/*cmc에서 추가*/
.list_wrap ul li a {color:#fff}


/*pc*/
@media(max-width:1200px){
/*header*/    
#header {width:100%}
.gnb_wrap .gnb {width:100%}
#header h1 {width:100%;box-sizing: border-box}
#header h1 .menu {right:10px}
#header h1 a.main_home {left:10px}
/*quick*/
.main_con_inner {width: 100%;}   
.main_con_inner .main_notice {width: 40%}
.quick_wrap {width: 55%;}
/*cont3*/
.main_cont3 .cont3_inner {width: 100%;height:inherit }
.main_cont3 .cont3_inner h4 {font-size: 26px;padding-top: 50px;}
.callbox h4 {padding-top: 0 !important;}
 .main_cont3    .infobox {height: 100%;margin: 0;}
.main_cont3 .cont3_inner .infobox ul li {width: 30%;margin-right: 0;margin-bottom: 5px;}
.main_cont3 .cont3_inner .callbox {width: 100%;height:auto;box-sizing: border-box;padding: 30px;}
.callbox .h4 {padding: 0;}
.main_cont3 {height: auto;}
.callbox_tit {font-size: 22px;}
.main_cont3 .cont3_inner .callbox ul .callbox_callno {padding-top: 0px;font-size: 25px;}
.callbox {height: auto;}
.callbox ul li {box-sizing: border-box;width: 48%;margin-right: 2%; height: 60px;}
.main_cont3 .cont3_inner .callbox ul .callbox_inner {width: 48%;margin-right: 2%;width: 100% !important;margin-right: 0 !important;margin-top:15px}    
/*footer*/
.footer {width: 100%;}
.footer .flogo img {width: 100%;display: block;}
.footer .f_txt {}

  /*퀵리스트*/
        .quick_list_wrap {width: 100%;}
        .quick_list ul li:first-child, .quick_list ul li {width: 24%;margin-bottom: 1%}
/*주요서비스*/
            .section_campus {display: none}

.main_con_inner_wrap #adiga_link,.main_con_inner_wrap #banner {display:none;}
}

/* Mobile & Tablet */
@media (max-width:1079px){
/*타이틀*/
.main_con_inner .main_title {display:none}
.gnb_wrap .gnb .dep1_title {color:#333}

/*header*/
.gnb_wrap {margin-left:0 !important;}
#header {background: rgb(6, 47, 110);height: 80px;width: 100%;position:relative;top:0;z-index: 999}
#header .hd_top {border-bottom: 0;padding: 0;height: auto;}
#header h1 a.login {display: none;}
#header h1 a.main_home {display: none}
#header h1 a.logo{ left: 10px; transform: translateX(0);top: 5px;height: 35px;box-sizing: border-box; padding: 0;} 
#header h1 a.logo img {width: 150px;}    
#main_wrap .main_title h1 {display: none}
.gnb_wrap .gnb {width: 100%;}
#header .gnb_wrap {display: none;width: 100%;background: #fff;}
#header .gnb_wrap.on{display:block;}
#header h1 {width: 100%}

#header .gnb_wrap .gnb .dep_01{float:none;line-height:30px;text-align:center;}
.gnb_wrap .gnb > li,.gnb_wrap .gnb > li:last-child {width: 100%;background-color: #fff;}
.gnb_wrap .gnb > li {text-align: left;box-sizing: border-box;}
.gnb_wrap .gnb > li a{font-size:15px;color: #333;}
.gnb_wrap .dep1_title {padding:0  10px ;border-bottom: 1px solid #eee;display: block;background: url(/usr/images/ipsi/arrow_bottom.png) right 10px center no-repeat;width: 100%;box-sizing: border-box;}
.gnb_wrap .dep1_title.on {background: url(/usr/images/ipsi/arrow_bottom_on.png) right 10px center no-repeat;}
#header .gnb_wrap .gnb .dep_01.on .dep_02{display:block;}

/*dep2*/
#header  .gnb_wrap .gnb .dep_02 li a{padding-bottom:13px;}
.gnb_wrap .gnb > li > ul.dep2_ul    {display: none;height: auto;background: #f5f5f5;padding: 0;}
.gnb_wrap .gnb > li > ul.dep2_ul.on    {display: block}
.gnb_wrap .gnb > li > ul.dep2_ul li:hover,.gnb_wrap .gnb > li > ul.dep2_ul li:active {background: #f4b221}
.gnb_wrap .gnb > li > ul.dep2_ul   {box-sizing: border-box}
.gnb_wrap .gnb > li > ul.dep2_ul li {width: 100%;display: block;}
.gnb_wrap .gnb > li > ul.dep2_ul li a{font-size: 14px;box-sizing: border-box;padding-left: 10px;display: block;}
   



/*main_cont_inner*/
.main_con_inner {width: 100%;}
.main_con_inner .main_notice{width: 90%;margin: auto;float: none;}
.quick_wrap {width: 90%;float: none;margin: auto;}
.quick_wrap .quick_menu_wrap {width: 100%;margin: auto;}
#main_wrap .main_title h1 {display: none}
.quick_tab_menu {margin-top: 30px;}
.quick_tab_menu:after {clear: both;content: '';display: block;}
.quick_wrap .quick_menu_wrap li {width: 23.5%;margin-right: 2%;height: 40px;line-height: 40px;padding:0}
    
/*footer*/
.footer {width: 100%;padding: 10px;box-sizing: border-box;}
.footer .flogo img {width: 130px;display: block;margin: 5px auto;}
.footer .flogo {float: none;width: 100%;padding-top: 0;}
.footer .f_txt {float: none;width: 100%;margin-left: 0;box-sizing: border-box;margin-top: 15px;}
.footer .f_menu {font-size: 14px;margin-bottom: 10px;}
.f_txt .f_info li {font-size: 12px;}
    

    
}

/* Tablet */
@media (min-width:768px) and (max-width:1079px){
.main_con_inner_wrap {
    height: 650px;
}
.main_con_inner{
    margin-bottom: -255px;
}
}
@media (max-width:767px){
.main_con_inner_wrap {}
.main_con_inner{
    margin-bottom: 0;
    bottom: 25px;
}

ul.gnb:last-child:hover,ul.gnb:last-child:active {background:#fff}
.gnb_wrap .gnb {margin-top:0 !important}
/*quick*/
.quick_wrap .quick_view .quick_icon_list li.icon01,.quick_wrap .quick_view .quick_icon_list li.icon02,.quick_wrap .quick_view .quick_icon_list li.icon03,.quick_wrap .quick_view .quick_icon_list li.icon04 {background-size: 30px;background-position:center  20px}
.quick_icon_list li.icon02 {}
.quick_wrap .quick_view .quick_icon_list li a {padding-top: 60px;font-size: 13px;}
.quick_wrap .quick_view .quick_icon_list li {height: 95px;}
.main_con_inner .main_notice .list_wrap .title{width: 70%;}
.main_con_inner .main_notice .list_wrap .date{color: rgba(255, 255, 255, 0.71)}
.list_wrap li {margin-bottom: 15px;line-height: 1.5}
.bottom_quick {display: none;}    
/*main_cont3*/
.main_cont3 .cont3_inner .infobox ul li {width: 48%;}
.main_cont3  {height: auto}
.main_cont3 .cont3_inner h4 {font-size: 26px;padding-top: 0}
.main_cont3 .cont3_inner .callbox ul .callbox_callno {font-size: 18px; padding:0px;}
.callbox_tit, .callbox_callno {float: none !important;width: 100% !important}
.main_cont3 .cont3_inner .callbox ul .callbox_tit {padding-left: 0;height: 35px;}
.main_cont3 .cont3_inner .callbox ul .callbox_inner {margin-top: 0}
.main_cont3 .cont3_inner .callbox ul li a {font-size: 14px;}
.main_cont3 .infobox {padding: 20px;}
.main_cont3 .cont3_inner .infobox ul li a {font-size: 16px;}

/*퀵리스트*/
        .quick_list ul li:first-child, .quick_list ul li {width: 32%;margin-bottom: 1%}
}

@media (max-width:767px) and (min-width:510px){
.main_con_inner_wrap {
    height: 560px;
}
.main_con_inner{
    /* bottom: 25px; */
}


/*quick*/
.quick_wrap .quick_view .quick_icon_list li.icon01,.quick_wrap .quick_view .quick_icon_list li.icon02,.quick_wrap .quick_view .quick_icon_list li.icon03,.quick_wrap .quick_view .quick_icon_list li.icon04 {background-size: 30px;background-position:center  20px}
.quick_icon_list li.icon02 {}
.quick_wrap .quick_view .quick_icon_list li a {padding-top: 60px;font-size: 13px;}
.quick_wrap .quick_view .quick_icon_list li {height: 95px;}
.main_con_inner .main_notice .list_wrap .title{width: 70%;}
.main_con_inner .main_notice .list_wrap .date{color: rgba(255, 255, 255, 0.71)}
.list_wrap li {margin-bottom: 15px;line-height: 1.5}
.bottom_quick {}
    
/*main_cont3*/
.main_cont3 .cont3_inner .infobox ul li {width: 48%;}
.main_cont3  {height: auto}
.main_cont3 .cont3_inner h4 {font-size: 26px;padding-top: 0}
.quick_list_wrap h4 {font-size:22px}
.main_cont3 .cont3_inner .callbox ul .callbox_callno {font-size: 20px;}
.callbox_tit, .callbox_callno {float: none !important; width: 100% !important}
.main_cont3 .cont3_inner .callbox ul .callbox_tit {padding-left: 0;height: 35px;}
.main_cont3 .cont3_inner .callbox ul li a {font-size: 14px;}
.bottom_quick {display: none;}
.main_cont3 .infobox {padding: 20px;}
   
.main_cont3 .cont3_inner .callbox ul .callbox_inner {margin-top: 0;float:none;margin:auto} 
    
/*footer*/
.f_txt .f_menu{overflow: hidden;}
.f_txt .f_menu::after{content: "";display: block;clear: both}
.f_txt .f_menu li {width: 33%;margin-right: 0;font-size: 11px;text-align: center;}
.f_txt .f_menu li:after {margin-left: 1%;}

.quick_wrap .quick_menu_wrap li {line-height:15px;padding:10px}

}

@media (max-width:509px){
.main_con_inner_wrap {
    height: 630px;
}
.main_con_inner{
    bottom: 10px;
}


/*quick*/
.quick_wrap .quick_menu_wrap {width: 100%;}
.list_wrap li {font-size: 12px;}
 .quick_wrap .quick_menu_wrap li a {font-size: 12px;}
 .quick_wrap .quick_view .quick_icon_list li {width: 48%;margin-bottom: 2%;}
.quick_wrap .quick_view .quick_icon_list li a {font-size: 12px;letter-spacing: -1px}
.quick_wrap .quick_menu_wrap li {line-height:15px;padding:10px}
  

.main_cont3 .cont3_inner .callbox ul .callbox_inner {margin-top: 0;float:none;margin:auto}  
/*footer*/
.f_txt .f_menu{overflow: hidden;}
.f_txt .f_menu::after{content: "";display: block;clear: both}
.f_txt .f_menu li {width: 33%;margin-right: 0;font-size: 11px;text-align: center;}
.f_txt .f_menu li:after {margin-left: 1%;display: none}
    

}