@charset "utf-8";

/* 버튼스타일 1*/
.btn_st {overflow:hidden}
.btn_st a {display:inline-block; line-height:20px; padding:8px 15px; margin:1px; text-decoration:none; font-size:14px; font-family:'NotoM'; text-align:center; color:#fff; border-bottom:1px solid #343848; border-right:1px solid #343848; background:#45495b; border-radius:3px;}
.btn_st a:hover {text-decoration:underline;}
.btn_st a.blue {color:#fff; border-bottom:1px solid #1e5ebc; border-right:1px solid #1e5ebc; background:#2f71d2;}
.btn_st a.green {color:#fff; border-bottom:1px solid #3e9416; border-right:1px solid #3e9416; background:#52ae27;}
.btn_st a.red {background-color:#d9534f; border-color:#d9534f}

.btn_st a.line {padding:7px 15px 8px; color:#222; border:1px solid #9298af; background:#fff;}
.btn_st a.blue_l {padding:7px 15px 8px; color:#1e5ebc; border:1px solid #1e5ebc; background:#fff;}
.btn_st a.green_l {padding:7px 15px 8px; color:#42991a; border:1px solid #42991a; background:#fff;}

.btn_st a.mini {padding:2px 8px; font-family:"돋움",Dotum; font-size:12px; font-weight:bold; }
.wrap_btn{ background-color: #ffe500; width:60%; margin:0 auto;  padding: 0;
    border: 0;
    border-radius: 15px;}
.wrap_btn .btn_g {
    display: block;
    
    width:100%;
    height: 50px;
   
    font-size: 16px;
    
     font-family:'NotoM';
    color: #333;
    
    cursor:pointer;
    background:url('/images/web/ipsi/sub/ico_kach.png') no-repeat 20%; 
    margin-bottom:30px;
    font-weight: bold;
}
.wrap_btn .btn_g:hover{opacity:0.8;}

/*200908 이미지 */
.img_wrap{width:60%; margin: 0 auto; margin-bottom: 20px;}
.img_wrap img{width: 100%;}

/* 서브메뉴 */
#header .s_mn a{color:#333;}

/* 메뉴 */ /* 190708 추가 */
/* #header #nav #gnb {position:absolute; z-index:10; left:50%; margin-left:-385px; width:790px;}  */
#header #nav #gnb {position:absolute;z-index:10;left:50%;margin-left:-595px; /*width: 930px; 250120 주석*/} 
#header #nav #gnb ul {height:auto; float:left; } 
#header #nav #gnb > ul > li {position:relative; float:left; padding:0 20px; }
#header #nav #gnb ul li.menu6 ul {width:205px !important; } 
/* 서브메뉴css 추가 ************************/


/* content */
#sub_container_wrap {position:relative; padding-top:120px;}
.sub_content_wrap {position:relative; width:1200px; margin:0 auto 50px; overflow:hidden; min-height:700px} 
#sub_content{margin:0 0 0 290px; padding-bottom:50px;}
.subCntBody{position:relative; width:910px; float:right; padding:55px 0 0; overflow:hidden;}
/*.subCntBody.clearfix>div{overflow:hidden;}*/


/* 서브비주얼 */
.S_visual {position:relative; width:100%; height:300px; color:#fff; text-align:center; background:url('/images/web/pjipsi/sub/S_visual.png') no-repeat 50% 0%; -webkit-animation:animate_background 15s linear; -moz-animation:animate_background 15s linear; -o-animation:animate_background 15s linear; animation:animate_background 15s linear; background-size:cover; }/* 190730 */
.S_visual .slogan {padding:50px 0 0;}
.S_visual .slogan .txt1 {font-size:24px; font-family:'NotoR'; letter-spacing: -1px;  text-shadow:1px 2px 2px rgba(6,7,7,.77);}
.S_visual .slogan.txt1 span {font-family:'NotoM';}
.S_visual .slogan .txt2 {font-size:45px;  font-family:'NotoM'; letter-spacing: -1px; text-shadow:1px 2px 2px rgba(6,7,7,.77);}

/* 서브 검색 */
/* .search_wrap {position:absolute; left:50%; bottom:65px; width:400px; height:50px; z-index:77;margin-left: -200px;}
.S_search {width:100%; height:50px; background:url('/images/web/pjipsi/common/pt1.png') repeat; box-shadow:5px 5px 5px 3px rgba(0, 0, 0, 0.05);}
.S_search div {position:relative; height:50px; padding-right:50px; background:#fff; overflow:hidden;}
.S_search div label {display:none; width:25%; float:left; color:#fff; line-height:70px; font-size:25px; text-align:center; background:#266ed4;}
.S_search div input {display:inline-block; width:95%; height:50px; float:left; padding:0 0 0 5%; border:none; font-family:'notoR'; color:#666; line-height:50px; font-size:15px; background:url('/images/web/pjipsi/common/search_bg.png') no-repeat left center;}
.S_search div a.btn_search {position:absolute; top:0; right:0; width:50px; height:50px; text-indent:-999em; background:url('/images/web/pjipsi/common/btn_search_w.png') no-repeat right center #fff; } */

/* 서브 검색 */ /* 191021 추가 기존css삭제 */
.search {width:400px; height:50px; margin:20px auto; background:url('/images/web/pjipsi/common/pt1.png') repeat; box-shadow:5px 5px 5px 3px rgba(0, 0, 0, 0.05); }
.search div {position:relative; height:50px; padding-right:50px; background:#fff; overflow:hidden; }
.search div label {display:none; width:25%; float:left; color:#fff; line-height:70px; font-size:25px; text-align:center; background:#266ed4; }
.search div input {display:inline-block; width:95%; height:50px; float:left; padding:0 0 0 5%; border:none; font-family:'notoR'; color:#666; line-height:50px; font-size:15px; background:url('/images/web/pjipsi/common/search_bg.png') no-repeat left center; }
.search a.btn_search {position:absolute; top:0; right:0; width:50px; height:50px; text-indent:-999em; background:url('/images/web/pjipsi/common/btn_search_w.png') no-repeat right center #fff; }

/* 비주얼 애니메이션 */
@keyframes animate_background{
	0% {background-position:50% 0;}
	50% {background-position:50% 100%;}
	100% {background-position:50% 0.1%;}
}

/* 왼쪽메뉴 */
#menu {position:relative; float:left; width:230px; height:100%; font-family:'NotoR'; }
#menu h2 {height:34px; padding:43px 10px; font-family:'NotoM'; color:#fff; font-size:24px; line-height:34px; text-align:center; background:#266ed4;}
#menu .lnb > li:first-child {margin-top:5px;}
#menu .lnb > li.on .subLnb {display:block;} 
#menu .lnb > li > a {display:block; height:22px; padding:13px 10px 13px; font-size:16px; line-height:22px; font-family:'NotoM'; color:#333; border:1px solid #dedede; border-top:none; background:url("/images/web/pjipsi/sub/lnb_off.png") no-repeat right 50%;}
#menu .lnb > li > a.on {color:#0063af; background:url('/images/web/pjipsi/sub/lnb_off.png') no-repeat 19px 14px}
#menu .lnb > li.on > a, 
#menu .lnb > li > a:hover, 
#menu .lnb > li > a:focus, 
#menu .lnb > li > a:active {color:#fff; font-family:'NotoM'; text-decoration:none; border:1px solid #364152; border-top:none; background:url("/images/web/pjipsi/sub/lnb_on.png") no-repeat right 50% #434e5f; }
#menu .subLnb {display:none; padding:10px 0; border:1px solid #dedede; border-top:none; background:#f5f5f5;}
#menu .subLnb li a {display:block; color:#333; padding:7px 10px 7px 29px; font-size:15px;  font-family:'NotoR'; background:url('/images/web/pjipsi/sub/lnb_2off.png') no-repeat 19px 14px;}
#menu .subLnb li a:hover, 
#menu .subLnb li a:focus, 
#menu .subLnb li a:active, 
#menu .subLnb li.on a {color:#0063af; background:url('/images/web/pjipsi/sub/lnb_2on.png') no-repeat 19px 14px}

/* 새창 아이콘 181004 추가 */
#menu nav > .lnb > li > a[target='_blank']:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('../images/common/icon_new_WG.png') no-repeat; width:11px; height:11px; margin:-3px 0 0 8px;}
#menu nav > .lnb > li > a:hover[target='_blank']:after, #menu nav > .lnb > li.on > a[target='_blank']:after, #menu nav > .lnb > li.on > a:hover[target='_blank']:after {display:inline-block; vertical-align:middle; position:relative; content:''; background:url('../images/common/icon_new_WW2.png') no-repeat; width:11px; height:11px; margin:-3px 0 0 8px;}
#menu nav > .lnb > li > ul > li > a[target='_blank']:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('../images/common/icon_new_WG.png') no-repeat; width:11px; height:11px; margin:-4px 0 0 8px;}

/* sub 타이틀 */
#sub_content .title_area {position:relative; height:119px; border-bottom:1px solid #ddd;}
.title_area .pageTitle {padding-top:28px; line-height:1.4; font-size:26px; letter-spacing:-1px; color:#111}
.title_area .location {text-align:left; font-family:'NotoR'; margin:10px 0 0}
.title_area .location span, 
.title_area .location strong {padding-left:18px; background:url('/images/web/pjipsi/sub/bgLocation.png') no-repeat 6px center; font-size:14px; color:#666}
.title_area .location strong {color:#222;  font-family:'NotoM'; font-weight:normal}
.title_area .location a.home {color:#666;}

/* sns */ 
.snsBox { position:absolute; top:60px; right:0; text-align:right}
.snsBox button { display:inline-block; *display:inline; zoom:1; width:26px; height:26px; overflow:hidden; margin-left:3px; background:url("/images/web/pjipsi/sub/btnSns.gif") no-repeat 0 0}
.snsBox button > span {text-indent:-1140px; font-size:0; line-height:0}
.snsBox .btnPrint {width:40px; height:40px; background:url("/images/web/pjipsi/sub/btn_print.png") no-repeat 0 0}
.snsBox .btnShare{width:40px; height:40px; background:url("/images/web/pjipsi/sub/btn_sns.png") no-repeat 0 0}
.snsBox .btnKakao {width:40px; height:40px; background:url("/images/web/pjipsi/sub/ico_kako_ch.png") no-repeat 0 0; background-size: 40px;}
.snsBox .btnFbook { background-position:-29px 0; }
.snsBox .btnTwt { background-position:-58px 0; }
.snsBox .btnkaka { background-position:-87px 0; }
.snsBox .btnkaka_s { background-position:-116px 0; }
.snsBox .btnInstar{ background-position:-145px 0; }
.snsBox .sns_more{display:none; position:absolute; top:45px; right:0; width:130px; *width:145px; border:1px solid #bbb; border-radius:2px; padding:10px 10px 10px 7px; z-index:30; background-color:#fff}

/* 담당자 180928 수정 */
.respon_box {margin-top:20px; padding:15px 25px 15px; border:1px solid #c8d1db;}
.respon_box ul {padding-bottom:10px; overflow:hidden; border-bottom:1px dotted #c8d1db;}
.respon_box ul li {width:37.5%; float:left; color:#555;}
.respon_box ul li:first-child {width:25%;}
.respon_box ul li span {padding-left:15px; font-family:'NotoM'; color:#333; background:url("/images/web/pjipsi/sub/bu3.png") no-repeat left 8px; }

/* 만족도조사 180928 추가 */
.satisfaction {margin-top:20px;}
.satisfaction .question {padding:12px 25px; line-height:1.2; color:#fff; font-size:16px; background:#636870;}
.satisfaction .satisfaction_list {padding:0 25px 20px; font-size:14px;  border:1px solid #c8d1db; border-top:none;}
.satisfaction .satisfaction_list .input_radio {padding:15px 0; font-size:14px; vertical-align:middle;}
.satisfaction .satisfaction_list .input_radio span {margin-right:20px;}
.satisfaction .satisfaction_list .opinion {position:relative; padding:0 100px 0 70px;}
.satisfaction .satisfaction_list .opinion label {position:absolute; left:0; top:0; line-height:35px;}
.satisfaction .satisfaction_list .opinion .csnstInput {width:99%; height:33px; padding:0; line-height:33px; font-family:'NotoR'; border:1px solid #b2b7c7;}
.satisfaction .satisfaction_list .opinion .csnstSubmit {position:absolute; right:0; top:0; display:block; width:100px; height:35px; text-align:center; line-height:35px; font-family:'NotoM'; color:#fff; border:none; background:#454f5f;}

/*200722 학과안내 수정 */
.faqList{ border-top:2px solid #151515}
.faqList .list { width:100%; }
.faqList .list > dt { position:relative; }
.faqList .list > dt{background:url('/images/web/ipsi/sub/faq_plus.png') no-repeat left center; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}/*200724*/
.faqList .list > dt.open {background:url('/images/web/ipsi/sub/faq_minus.png') no-repeat left center;  transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}/*200724*/
/* .faqList .list > dt button {width:100%;display:block;border:1px solid #c8d1db; border-left:0; border-top:0;padding: 15px 0;text-align:left;line-height:28px;vertical-align:middle;font-size: 15px;color: #666;cursor:pointer;}200722 */
.faqList .list > dt button {width: calc(100% - 61px); display:block;border:1px solid #c8d1db;border-left:0;border-top:0;padding: 15px 0;text-align:left;line-height:28px;vertical-align:middle;font-size: 15px;color: #666;cursor:pointer;}/*200810 수정*/
.faqList .list > dt:hover{background-color:#fafbfb;}

.faqList .list > dt button .faq_Q {position:absolute; top:16px; left:15px; width:30px; height:30px; color:#fff; line-height:25px; text-align:center; margin:0 10px 0 0; border-radius:6px 0; background: #addbff; border: 1px solid #7fc7ff; }
.faqList .list > dt button .p_tit {position: relative;padding: 0 60px 0 40px;line-height: 29px;font-size:15px;font-family:"NotoR";}
/*.faqList .list > dt button .faq_question {display:inline-block; *display:inline;zoom:1;font-size:20px;color: #0071ca;position: absolute;left: 10px;top: -6px;} */
/*.faqList .list > dd {display:none;position:relative;border-bottom:1px solid #dfdfdf;background:#f9f9f9;}*/

/* .faqList .list .Box_wrap{ display:block; position:absolute;top:0px; float:right; right:0%;}200714 */
.faqList .list .Box_wrap{display:block;position:absolute;top:0px;float:right;right:0%;border-bottom: 1px solid #ddd;}/*200810 수정*/
.faqList .list .Box_wrap a{display:block; float:left;}
.faqList .list .Box_wrap a:last-child{border-right:1px solid #c8d1db;}

.faqList .list > dd{display:none;position:relative;border-bottom:1px solid #dfdfdf;background:#f9f9f9;margin: 0;padding:15px 0;}/*200714*/
.faqList .list > dd .faq_answer > span.faq_A {position:absolute; top:16px; left:15px; width:28px; height:28px; color:#fff; line-height:25px; text-align:center; margin:0 10px 0 0; border-radius:6px 0; background:#00a078}

.faq_img{display:block; max-width:95%; margin:0 auto;}

                        .flex_box {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
                        .flex_box li {width: 60%; text-align: center;}
                        .flex_box li:nth-of-type(2) {width: 38%; text-align: center;}
                        .flex_box li:nth-of-type(2) img{width: 30%;}
                        .flex_box li a {padding: 2rem 4rem !important; font-size: 1.5rem;}

@media screen and (max-width:1400px) {	

	/* 메뉴 */ 
	#header #nav #gnb {margin-left:-595px; } /* 250120 margin-left 값 조정*/

}


@media screen and (max-width:1019px) {	

	#sub_container_wrap,
	.sub_content_wrap,
	#sub_content,
	.subCntBody,
	.S_visua l{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

	
	/* top util */
	#header .toputil .top_mn .eng {background-image:none; background-color:#00378e;} 
	
	/* 상단 SNS 버튼 */
	.top_sns_btn ul li.t_sns_f {background:url('/images/web/pjipsi/common/top_sns_tm_f.png') no-repeat 50%;}
	
	/* content */
	#sub_container_wrap,
	.sub_content_wrap {width:100%}	
	#sub_container_wrap { padding-top:80px;}

	#sub_content{margin:0; width:100%; min-height:0; padding:0 10px 20px}

	/* sub 타이틀 */	
	#sub_content .title_area {height:auto; padding-bottom:15px;}
	.title_area .pageTitle {padding:15px 70px 0 0;}

	/* etc : sns*/ 
	.snsBox {top:20px}
	.snsBox .btnPrint {width:30px; height:30px; background-size:30px;}
	.snsBox .btnShare{width:30px; height:30px; background-size:30px;}
	
	.subCntBody{width:100%; float:none; padding:25px 0} 
	
	/* common */
	.img_auto { width:100%; height:auto}

	/* 왼쪽메뉴 */
	#menu {position:static; width:auto; float:none;} 

	#menu h2 {position:relative; width:100%; height:50px; line-height:26px; box-sizing:border-box; padding:12px 0 12px 20px; margin-bottom:0; color:#fff; cursor:pointer; font-size:17px; background:url("/images/web/pjipsi/sub/bgLnbDepth.png") no-repeat 95% 50% #434e5f;}
	#menu h2.on {background:url("/images/web/pjipsi/sub/bgLnbDepthOn.png") no-repeat 95% 50% #434e5f;}
	
    #menu nav{display:none}
    #menu nav{position:relative;border-bottom:2px solid #0a326c}
	
	#menu .lnb > li:first-child {margin:0;}
	#menu .lnb > li {margin:0;}
    #menu .lnb > li > a {padding:10px 10px 10px 20px; font-size:15px; border-top:none;}
    #menu .lnb > li.on >a,
	#menu .lnb > li > a:hover,
	#menu .lnb > li > a:focus,
	#menu .lnb > li > a:active {border:1px solid #194d96; border-top:none; background-color:#245ba9; color:#fff}
    #menu .subLnb{background-color:#fff}
    
    /* 서브페이지 검색 191021 추가 */	
	.search {display:none;}
	
	/* 모바일검색 *//* 191021 추가 */
	#header .search_btn{display:block;}
	#header .search_btn button{display:block; width:48px; height:48px; position: absolute; top:60px; left:2%; border:1px solid #ddd; overflow:hidden; text-indent: -10000%; background:#fff url('/images/web/pjipsi/common/com_common.png') no-repeat -254px  top;}
	#header .m_search{position:absolute; top:130px; left:0; width:100%; background:rgba(0,0,0,0.8);} 
	#header .m_search h2{text-indent:-10000%; width:1px; height:1px; overflow: hidden;}
	#header .m_search .search_wrap{margin:15px; position: relative;}
	#header .m_search .search_wrap input[type=search]{width:96%; height:60px; padding:0 2%; line-height:60px; border:0px;}
	#header .m_search .search_wrap a.btn_top_sear{position: absolute; right:0px; top:0px; width:60px; height:60px; overflow:hidden; text-indent: -10000%; background:#0058af url('/images/web/pjipsi/common/btn_search_m.png') no-repeat center;}
	#header .m_search .search_close button{position: absolute; left:2%; top:-70px; width:48px; height:48px; overflow:hidden; text-indent: -10000%; z-index:1000; border:1px solid #ddd; background:#fff url('/images/web/pjipsi/common/btn_close.png') no-repeat center;}
				
}

@media screen and (max-width:840px) {
	
	/*200818*/
	.wrap_btn .btn_g {background:url('/images/web/ipsi/sub/ico_kach.png') no-repeat 15%; }
 
}
 @media screen and (max-width:800px) {
                            .flex_box {flex-direction: column; justify-content: center;}
                            .flex_box li {width: 90%;}
                            .flex_box li a {padding: 1rem 3rem !important; font-size: 1.2rem;}
                            .flex_box li:nth-of-type(2) img{width: 60%;}
                            .flex_box li + li {margin-top: .5rem;}
                        }

@media screen and (max-width:760px) {

	/*200908 이미지 */
	.img_wrap{width:80%; }
	
	/*200818 */
	.wrap_btn{ width:80%;}	

}


@media screen and (max-width:640px) {

   	/*200908 이미지 */
    	.img_wrap{width:100%; }	
	
	/*200818 */
	.wrap_btn{ width:100%;}	

	/* 담당자 180928 수정 */
	.respon_box ul li {width:100%; float:none;}
	.respon_box ul li:first-child {width:100%;}

	/* 만족도조사 180928 추가 */
	.satisfaction .satisfaction_list .input_radio {overflow:hidden;}
	.satisfaction .satisfaction_list .input_radio span {display:block; width:50%; margin:2px 0; float:left;}
	.satisfaction .satisfaction_list .opinion {padding:5px 0 0 0; border-top:1px dotted #b2b7c7;}
	.satisfaction .satisfaction_list .opinion label {position:relative; left:auto; top:auto; font-size:18px; font-family:'NotoM'; line-height:40px;}
	.satisfaction .satisfaction_list .opinion .csnstSubmit {position:relative; right:auto; top:auto; display:block; width:100%; margin-top:2px;}


	
}

@media screen and (max-width:540px) {
	
	/*200818*/
	.wrap_btn .btn_g {background:url('') no-repeat 15%; }	

	/* 서브비주얼 */
	.S_visual {position:relative; width:100%; height:300px;}/* 190730 */
	.S_visual .slogan {padding:80px 0 0; }/* 190730 */
	.S_visual .slogan .txt1 {font-size:20px;}
	.S_visual .slogan .txt2 {font-size:30px; }

	/* 서브 검색 */
/* 	.search_wrap {position:absolute; left:50%; bottom:65px; width:250px; height:50px; margin-left: -125px;} */

	
	
	/* sub 타이틀 */	
	.title_area .pageTitle {padding:15px 70px 0 0; font-size:20px;}
	/* etc : sns*/ 
	.snsBox {top:15px}

	.subCntBody{padding:30px 0 40px}	
	
	#menu h2 {padding-right:60px; text-align:left;}
	
	
	

	
}

@media screen and (max-width:480px) {
	
	/*200722 */
	.faqList .list > dt button{width:calc(100% - 46px);}/*200810 추가 */
	.faqList .list > dt button{padding:7.5px 0;}
	.faqList .list > dt button .p_tit {padding: 0 60px 0 38px; font-size:13px; width:100%;}/*200810 추가 */

	.faqList .list .Box_wrap a{float:left; width:45px; }
	.faqList .list .Box_wrap a img{width:100%;height:100%;}

}

@media screen and (max-width :380px) {

	/*200722 */
	.faqList .list > dt button{width:calc(100% - 42px); border-right:0;}/*200810 추가 */
	.faqList .list > dt button{padding:5.5px 0;}

	.faqList .list .Box_wrap a{float:left; width:41px; }/*200810 수정*/
	.faqList .list .Box_wrap a img{width:100%;height:100%;}
	
}

@media screen and (max-width :360px) { /*200810 추가*/
	
	.faqList .list > dt button .p_tit {font-size:12px; width:100%;}

}