@charset"utf-8";

/*모집요강*/
/* .ipsi_topbox.pc,
.ie8_cuation{display:none;}

.ipsi_topbox + .basic_box #searchForm .basic_search{width:100%;}
.ipsi_topbox + .basic_box #searchForm .searchinput{width:98.5%;}
.ipsi_topbox + .basic_box #searchForm .searchinput select[name^="yearChasu"]{margin-right:3%;width:73%;}
.ipsi_topbox + .basic_box #searchForm .searchinput input[type="submit"]{padding:4px 2%;width:25%;max-width:65px;} */

a,storng,span,p{word-wrap: break-word;word-break: keep-all;}

.basic_box{display:block;position:relative;margin-bottom:0;padding:15px 7px;border:0;background:#fff}
.basic_box:before{display:block;position:absolute;left:-1px;bottom:-4px;width:100%;height:3px;background:none;content:''}
.basic_box:after{display:block;visibility:hidden;clear:both;content:''}
.basic_box *{vertical-align:middle}

.basic_search{display:block;float:none;position:relative;padding-left:0}
.basic_search .grap{display:block;position:relative;width:100%}
.basic_search .grap select{width:100%;height:42px;margin-bottom:5px;padding:0 0 0 8px;border:1px solid #ddd;line-height:36px}
.basic_search .searchinput{position:relative;width:100%;padding-right:50px;border:0}
.basic_search .searchinput select{width:94%;height:45px;margin-right:10px;padding-left:10px;border:1px solid #ddd;border-radius:5px}
.basic_search .searchinput input[type=submit]{position:absolute;top:0;right:0;width:40px;min-width:56px;height:45px;padding:0;border:none;border-radius:0;border-radius:5px;background:#45495b url(/images/common/search_ico.png) no-repeat 50%;text-indent:-9999em}
.basic_search .searchinput input[type=submit]:focus{outline:1px dotted #45495b}

@media only screen and (min-width:480px){
.basic_search .grap,.basic_search .searchinput{display:inline-block;width:auto}
.basic_search .grap select{width:auto;margin-bottom:0;font-size:13px}
.basic_search .searchinput input[type=text]{width:240px}
.basic_search .searchinput select{width:333px}
.basic_search{display:inline-block;float:right;padding-left:0}
}

#mozipMenu .wrapper{border-top:2px solid #5e5e5e;}
#mozipMenu .wrapper [class^="left_2th"] a,
#mozipMenu .wrapper [class^="left_3th"] a,
#mozipMenu .wrapper [class^="left_"] span,
#mozipMenu .wrapper [class^="left_"] strong{display:block;padding:12px 0 12px;border-bottom:1px solid #ddd;}

#mozipMenu .wrapper .left_1th > strong, #mozipMenu .wrapper .left_1th > a > strong{padding-left:10px;color:#304c9b;font-size:18px;font-weight:400;}



#mozipMenu .wrapper .left_2th > a,
#mozipMenu .wrapper .left_2th > span{padding-left:30px;background:#f4f4f4 url(/images/ipsi/prog/mozip_bul02.png) no-repeat 15px 23px;font-size:16px;}
#mozipMenu .wrapper .left_2th > a.on,
#mozipMenu .wrapper .left_2th > a:hover,
#mozipMenu .wrapper .left_2th > a:focus{color:#4d87d9;text-decoration:underline;}

#mozipMenu .wrapper .left_3th > a{padding-left:12px;font-size:14px;}
#mozipMenu .wrapper .left_3th > a:after{display:block;clear:both;content:'';}
#mozipMenu .wrapper .left_3th > a.on,
#mozipMenu .wrapper .left_3th > a:hover,
#mozipMenu .wrapper .left_3th > a:focus{text-decoration:underline;}
#mozipMenu .wrapper .left_3th > a span{display:block;float:left;padding:0;border-width:0;}
#mozipMenu .wrapper .left_3th > a .num{margin-right:5px;width:17px;height:17px;background:#304c9b;border-radius:10px;color:#fff;font-size:12px;line-height:19px;text-align:center;vertical-align:middle;}
#mozipMenu .wrapper .left_3th > a.on .num,
#mozipMenu .wrapper .left_3th > a:hover .num,
#mozipMenu .wrapper .left_3th > a:focus .num{background:#4d87d9;}

#mozipMenu .wrapper .left_3th > a .tit{width:80%;line-height:1.3;}

#mozipMenu .frameBox{display:none}
@media only screen and (min-width:640px){
.ipsi_topbox + .basic_box #searchForm .searchinput select[name^="yearChasu"]{width:83%;}
}

@media only screen and (min-width:1000px){
.ipsi_topbox.mo{display:none;}
.ipsi_topbox.pc{display:block;}

.ipsi_topbox + .basic_box #searchForm .searchinput{width:27%;}
.ipsi_topbox + .basic_box #searchForm .searchinput select[name^="yearChasu"]{width:70%;}

#mozipMenu{overflow:hidden;min-height:990px}
#mozipMenu:after{display:block;clear:both;content:'';}
#mozipMenu .wrapper{float:left;max-width:220px;width:100%;padding-right:0}

#mozipMenu .frameBox{display:block;float:right;width:720px;padding-right:5px;}
#mozipMenu .frameBox #pdf_file{display:block;width:100%;height:985px;}
}

@media only screen and (min-width:1200px){
#mozipMenu{min-height:1260px}
#mozipMenu .frameBox{width:900px;}
#mozipMenu .frameBox #pdf_file{height:1240px;}
}


@media (min-width:768px){
.pc {display:none}
}

@media (min-width: 1000px){
	.mo {display:none;}
	.pc {display:block;}
}