@charset "utf-8";

/*학과소개************************************************************/
.major_title_eng{color:#6d6d6d;font-size:24px;text-align:center;}
.major_period{text-align:center;margin-top:30px;}
.major_period span{display:inline-block;padding:5px 20px;color:#222;font-size:16px;border:1px solid #DDD;border-radius:30px;}
.major_intro{margin-top:120px;display:flex;justify-content:space-between;align-items:flex-start;}
.major_intro > div{width:100%;}
.major_intro .wrap_txt{}
.major_intro .wrap_txt p{}
.major_intro .wrap_txt .p_1{color:#222;font-size:36px;font-family:'Noto Medium';position:relative;text-align:center;line-height:1.15;}
.major_intro .wrap_txt .p_1 span{display:inline-block;padding:15px 45px;}
.major_intro .wrap_txt .p_1:before,
.major_intro .wrap_txt .p_1:after{content:"";display:inline-block;width:32px;height:32px;position:absolute;}
.major_intro .wrap_txt .p_1:before{background:url(/sites/style_guide/images/templet_depart/quote_a.png) no-repeat center;top:0;left:0;}
.major_intro .wrap_txt .p_1:after{background:url(/sites/style_guide/images/templet_depart/quote_b.png) no-repeat center;bottom:0;right:0;}
.major_intro .wrap_txt .p_2{margin-top:50px;line-height:1.7;}
.major_intro .wrap_pic{padding:0 0 40px 40px;position:relative;text-align:right;margin-left:50px;}
.major_intro .wrap_pic img{display:inline-block;position:relative;}
.major_intro .wrap_pic:before{content:"";display:block;width:calc(100% - 40px);height:calc(100% - 40px);position:absolute;bottom:0;left:0;background:url(/sites/style_guide/images/common/pattern_11.png);}
@media all and (max-width:1024px){
	.major_intro{margin-top:60px;flex-wrap:wrap;}
	.major_intro .wrap_txt .p_1{font-size:30px;}
	.major_intro .wrap_txt .p_2{margin-top:30px;line-height:1.5;text-align:center;}
	.major_intro .wrap_pic{padding:0 0 30px 0;text-align:center;margin-left:0;margin-top:50px;}
	.major_intro .wrap_pic:before{width:100%;height:calc(100% - 30px);}
	.major_intro .wrap_pic img{width:calc(100% - 60px);}
}
@media all and (max-width:768px){
	.major_intro .wrap_txt .p_1{font-size:25px;}
	.major_intro .wrap_pic{padding:0 0 15px 0;}
	.major_intro .wrap_pic:before{height:calc(100% - 15px);}
	.major_intro .wrap_pic img{width:calc(100% - 30px);}
}
@media all and (max-width:480px){
	.major_title_eng{text-align:left;word-break: keep-all;}
	.major_intro .wrap_txt .p_2{text-align:left;}
}
.major_detail{background:url(/sites/depart_1/images/sub/major_intro_bg_1.jpg) no-repeat center;background-size:cover;padding:150px 0;}
.major_detail .wrap_item{display:flex;flex-direction:row;position:relative;}
.major_detail dl{text-align:center;width:100%;padding:20px;}
.major_detail dl dt{font-size:26px;font-family:'Noto Medium';color:#FFF;}
.major_detail dl dt img{}
.major_detail dl dt span{display:block;margin-top:25px;}
.major_detail dl dd{font-size:20px;color:#b9babc;margin-top:25px;word-break: keep-all;}
.major_detail .wrap_item:before,
.major_detail .wrap_item:after{content:"";display:block;width:20%;border:1px dashed rgba(255,255,255,0.5);position:absolute;top:35px;;}
.major_detail .wrap_item:before{left:23%;}
.major_detail .wrap_item:after{right:23%;}
@media all and (max-width:1024px){
	.major_detail{padding:100px 0;}
}
@media all and (max-width:768px){
	.major_detail{padding:50px 0;}
	.major_detail .wrap_item{flex-direction:column;}
	.major_detail dl dt{font-size:20px;}
	.major_detail dl dt span{margin-top:15px;}
	.major_detail dl dd{font-size:17px;margin-top:15px;}
	.major_detail .wrap_item:before,
	.major_detail .wrap_item:after{display:none;}
	.major_detail .item_2{border-top:1px dashed rgba(255,255,255,0.5);border-bottom:1px dashed rgba(255,255,255,0.5);margin:20px 0;padding:40px 0;}
}



/*공통************************************************************/
.sub ._fnctWrap,
.wrap_top .container,
.wrap_header .container,
.wrap_sub_visual .container,
.wrap_page_func .container,
.wrap_site_link .container,
footer .container,
.wrapper1400{max-width:1550px;margin: 0 auto;box-sizing:border-box;}
@media all and (max-width:1550px){
	.wrap_top > .container,
	.wrap_header .container,
	.wrap_sub_visual .container,
	.wrap_page_func .container,
	.wrap_site_link .container{max-width:100%;}
	.sub ._fnctWrap,
	footer .container,
	.wrapper1400{max-width:96%;}
	._globalNavi{max-width:100% !important;}
}


/*탑헤더감싸기************************************************************/
header{position:fixed;top:0;left:0;width:100%;z-index:10;}
@media all and (max-width:1024px){
  body.activemNav .wrap_header{z-index:10;}
}


/*탑************************************************************/
.wrap_top{overflow:hidden;border-bottom:1px solid rgba(255,255,255,0.3);background:rgba(255,255,255,0.2);height:35px;}
.wrap_top > .container{display:flex;justify-content:space-between;}
.wrap_top .unb_a ul,
.wrap_top .unb_b ul,
.wrap_top .unb_b ul li{display:flex;align-items:center;}
.wrap_top .unb_a ul li > a,
.wrap_top .unb_b ul li > a{display:block;color:#FFF;font-size:13px;}
.wrap_top .unb_a ul li > a{padding:8px 15px;}
.wrap_top .unb_a ul li > a.btnBg1{background:#002870;}
.wrap_top .unb_a ul li > a.btnBg2{background:#0599d9;}
.wrap_top .unb_a ul li > a.btnBg3{background:#2abbd3;}
.wrap_top .unb_b ul li{margin-left:15px;}
.wrap_top .unb_b ul li > a{padding:8px 0;}
.wrap_top .unb_b ul li.gotoPc:before,
.wrap_top .unb_b ul li.sign:before{content:"";display:block;width:24px;height:34px;}
.wrap_top .unb_b ul li.gotoPc:before{background-image:url(/sites/style_guide/images/templet_depart/icon_pc.png);background-repeat:no-repeat;background-position:center;}
.wrap_top .unb_b ul li.sign:before{background-image:url(/sites/style_guide/images/templet_depart/icon_login.png);background-repeat:no-repeat;background-position:center;}
@media all and (max-width:1550px){
	.wrap_top .unb_b{padding-right:15px;}
}
@media all and (max-width:768px){
	.wrap_top{background:rgba(0,0,0,0.7);}
	.wrap_top .unb_a{width:60%;}
	.wrap_top .unb_b{width:40%;padding-right:0;}
	.wrap_top .unb_a ul li{width:33.333333%;text-align:center;}
	.wrap_top .unb_b ul li{width:50%;margin-left:0;}
	.wrap_top .unb_a ul li,
	.wrap_top .unb_b ul li{border-left:1px solid rgba(255,255,255,0.3);}
	.wrap_top .unb_a ul li > a,
	.wrap_top .unb_b ul li > a{margin:0 auto;text-align:center;padding:8px 0;}
	.wrap_top .unb_b ul li.gotoPc:before,
	.wrap_top .unb_b ul li.sign:before{display:none;}
	.wrap_top .unb_a ul li > a.btnBg1,
	.wrap_top .unb_a ul li > a.btnBg2,
	.wrap_top .unb_a ul li > a.btnBg3{background:none;}
	.wrap_top .unb_a.orga{width:66.6666%;}
	.wrap_top .unb_a.orga ul li{width:50%;}
	.wrap_top .unb_b.orga{width:33.3333%;}
	.wrap_top .unb_b.orga ul li{width:100%;}
	.wrap_top .unb_b.orga ul li.gotoPc{display:none;}
}
/*
@media all and (max-width:480px){
	.wrap_top .unb_b ul li{margin-left:0;}
	.wrap_top .unb_b ul li.gotoPc:before,
	.wrap_top .unb_b ul li.sign:before{width:30px;}
	.wrap_top .unb_b ul li span{display:none;}
}
*/

/*헤더************************************************************/
.wrap_header{border-bottom:1px solid rgba(0,0,0,0.3);background:rgba(0,0,0,0.2);}
.wrap_header .container{display:flex;justify-content:space-between;align-items:center; height: 85px;}
.wrap_header .wrap_search .container{display:block;height:auto;}

.wrap_header .container > div{box-sizing:border-box;}
.wrap_header .head_logo{}
.wrap_header .head_navi{}
.wrap_header .head_util{}
/*로고*/
.wrap_header .head_logo a{display:flex;align-items:center;flex-wrap:wrap;}
.wrap_header .head_logo a img{margin-right:-30px;}
.wrap_header .head_logo a img.logo_w{}
.wrap_header .head_logo a img.logo_b{display:none;}
.wrap_header .head_logo a span{font-size:20px;color:#FFF;padding-left:10px;margin-left:30px;}
/*유틸*/
.wrap_header .head_util ul{display:flex;justify-content:flex-end;}
.wrap_header .head_util ul button{display:block;width:85px;height:85px;color:#FFF;padding-top:40px;}
.wrap_header .head_util .btn_search{background:url(/sites/style_guide/images/templet_depart/gnb_icon_search.png) no-repeat center 20px;background-color:#0079f4;}
.wrap_header .head_util .btn_menu{background:url(/sites/style_guide/images/templet_depart/gnb_icon_menu.png) no-repeat center 20px;background-color:#0049cf;}
.wrap_header .head_util .btn_mgnb{display:none;}
/*검색*/
.wrap_search{display:none;background:#0079f4;width:100%;padding:30px 0;position:fixed;top:0;left:0;z-index:2;}
.wrap_search .container{max-width:1550px;margin:0 auto;position:relative;}
.wrap_search h3{text-align:left;font-size:24px;padding-bottom:20px;font-family:'Noto Regular';color:#FFF;}
.wrap_search .container div{position:relative;}
.wrap_search .container div input{display:inline-block;height:70px;border:0;}
.wrap_search .container div input[type=text]{width:100%;background:#FFF;text-indent:10px;font-size:18px;}
.wrap_search .container div input[type=submit]{text-indent:-9999px;position:absolute;right:0;top:0;width:70px;background:#FFF url(../../images/common/gnb_icon_search_blue.png) no-repeat center;}
.wrap_search dl{display:flex;justify-content:flex-start;color:#FFF;margin-top:20px;}
.wrap_search dl dt{font-size:16px;font-family:'Noto Regular';margin-right:20px;}
.wrap_search dl dd{font-size:15px;text-align:left;}
.wrap_search dl dd span{border:1px solid rgba(255,255,255,0.5);padding:1px 10px;border-radius:30px;margin-right:5px;}
.wrap_search button{text-indent:-9999px;position:absolute;top:-4px;right:0;width:40px !important;height:40px !important;background:url(/sites/style_guide/images/common/x_4_w.png) no-repeat center;}
@media all and (min-width:1281px){
	.wrap_header .head_logo{width:470px;}
	.wrap_header .head_navi{display:flex;justify-content:flex-end;width:calc(100% - 640px);}
	.wrap_header .head_util{width:170px;}
}
@media all and (min-width:1281px) and (max-width:1400px){
	.wrap_header .head_logo{width:310px;}
	.wrap_header .head_navi{width:calc(100% - 480px);}
}
@media all and (max-width:1550px){
  .wrap_search .container{max-width:96%;}
  .wrap_header .head_logo{padding:0 15px;}
}
@media all and (max-width:1280px){
  .wrap_header .head_util{display:flex;justify-content:flex-end;}
  .wrap_header .head_util .btn_menu{display:none;}
  .wrap_header .head_util .btn_search{background-position:center;}
  .wrap_header .head_util ul button{padding-top:0;}
  .wrap_header .head_util .openSearch{text-indent:-9999px;}
  .wrap_header .head_util .btn_mgnb{display:block;width:85px;text-indent:-9999px;background:#000 url(/sites/style_guide/images/common/icon_mNav.png) no-repeat center;}
  .wrap_search .container div input{height:50px;}
}
@media all and (max-width:768px){
  .wrap_header .head_logo a span{font-size:18px;}
  .wrap_header .container{height:70px;}
  .wrap_header .head_util ul button{width:70px;height:70px;}
  .wrap_header .head_util .btn_mgnb{width:70px;height:70px;background-size:65px !important;}
  .wrap_search{padding:15px;}
  .wrap_search h3{font-size:20px;padding-bottom:10px;}
  .wrap_search .container div input{height:40px;}
  .wrap_search .container div input[type=submit]{width:40px;}
  .wrap_search dl dt{font-size:15px;}
  .wrap_search dl dd span{border:0;padding:2px 0;}
  .wrap_search button{top:-10px;}
}


/*GNB************************************************************/
/*새창*/
.wrap_header .head_navi nav .a_2.new_win:after,
.wrap_header .head_navi nav .a_3.new_win:after{content:"";display:inline-block;width:15px;height:15px;vertical-align:0;margin-left:2px;background:url(/sites/style_guide/images/common/aLink_3_b.png) no-repeat center;filter:alpha(opacity=50);opacity:0.5;}
.wrap_header .head_navi nav .gnb_sideA,
.wrap_header .head_navi nav .gnb_sideB,
.wrap_header .head_navi nav .navGab{display:none;}
/*DESKTOP*/
@media all and (min-width:1281px){
	.wrap_header .head_navi nav{width:100%;}
	.wrap_header .head_navi,
	.wrap_header .head_navi nav,
	.wrap_header .head_navi nav .div_1,
	.wrap_header .head_navi nav .ul_1,
	.wrap_header .head_navi nav .li_1,
	.wrap_header .head_navi nav .a_1{height:100%;}

	.wrap_header .head_navi{}
	.wrap_header .head_navi .unb_mobile,
	.wrap_header .head_navi .btn_mgnb_close{display:none;}
	.wrap_header .head_navi nav{height:100%;}
	.wrap_header .head_navi nav .div_1{height:100%;}
	.wrap_header .head_navi nav .ul_1{display:flex;justify-content:flex-end;}
	.wrap_header .head_navi nav .li_1{width:100%;position:relative;}
	.wrap_header .head_navi nav .a_1{display:flex;justify-content:center;align-items:center;text-align:center;padding:0;box-sizing: border-box;color:#FFF;/*font-size:20px;*/font-family:'Noto Medium';position:relative;line-height:1.1;}
	.wrap_header .head_navi nav .a_1:before{content:"";display:block;width:15px;height:3px;background:#FFF;position:absolute;left:calc(50% - 7.5px);top:0;transform:scale(0);}
	.wrap_header .head_navi nav .a_1._active:before{transform:scale(1);}

	.wrap_header .head_navi nav .div_2{display:none;width:100%;position:absolute;background:rgba(0,40,112,0.8);}
	.wrap_header .head_navi nav .ul_2{}
	.wrap_header .head_navi nav .li_2{}
	.wrap_header .head_navi nav .a_2{display:block;color:#FFF;font-size:15px;font-family:'Noto Regular';padding:8px;text-align:center;border-bottom:1px dotted transparent;}
	.wrap_header .head_navi nav .a_2._active{background:rgba(0,0,0,0.8);}

	.wrap_header .head_navi nav .ul_1 .li_1:last-child{display:none;}

}
/*MOBILE*/
@media all and (max-width:1280px){
	.wrap_header .head_navi .unb_mobile{display:block;}
	.wrap_header .head_navi{display:none;position:fixed;right:0;top:0;width:100%;height:100%;overflow-y:auto;}
	.wrap_header .head_navi.on{display:block;}
	.wrap_header .head_navi:before{content:"";display:block;background:rgba(0,0,0,0.5);position:fixed;right:0;top:0;width:100%;height:100%;}
	.wrap_header .head_navi nav{margin-left:50%;margin-top:80px;position:relative;background:#FFF;padding-bottom:200px;}
	.wrap_header .head_navi nav:before{content:"";display:block;background:#DDD url(/sites/style_guide/images/common/logo_shadow2.png) no-repeat center 98%;background-size:150px;position:fixed;right:0;top:0;width:50%;height:100%;}
	.wrap_header .head_navi nav li{position:relative;}
	.wrap_header .head_navi nav a{display:block;font-family:'Noto Medium';border-top:1px solid rgba(255,255,255,0.5);position:relative;color:#666;}
	.wrap_header .head_navi nav .div_1{box-shadow:0px -10px 35px #888;position:relative;}
	.wrap_header .head_navi nav .div_2,
	.wrap_header .head_navi nav .div_3{display:none;}
	.wrap_header .head_navi nav .ul_3{border-top:1px solid #DDD;}
	.wrap_header .head_navi nav .li_1{border-bottom:1px solid #cecece;}
	.wrap_header .head_navi nav .li_2{border-bottom:1px solid #DDD;}
	.wrap_header .head_navi nav .li_3{border-bottom:1px solid #DDD;}
	.wrap_header .head_navi nav .li_1:last-child .a_1{border-bottom:1px solid rgba(255,255,255,0.5);}
	.wrap_header .head_navi nav .li_2:last-child,
	.wrap_header .head_navi nav .li_3:last-child{border:0;}
	.wrap_header .head_navi nav .a_1{font-size:18px;font-family:'Noto Bold';padding:12px 10px 12px 20px;background:#DDD;color:#222;}
	.wrap_header .head_navi nav .a_2{font-size:16px;padding:10px 10px 10px 40px;background:#EEE;}
	.wrap_header .head_navi nav .a_3{font-size:16px;padding:10px 10px 10px 55px;background:#f7f7f7;}

	.wrap_header .head_navi nav .li_1.have:after,
	.wrap_header .head_navi nav .li_1.haveOpen:after{content:"";display:block;width:20px;height:20px;position:absolute;right:20px;top:15px;border:1px solid #222;border-radius:100%;background:url(/sites/style_guide/images/common/arrow_14_b.png) no-repeat center;}
	.wrap_header .head_navi nav .li_1.have:after{transform:rotate(90deg);}
	.wrap_header .head_navi nav .li_1.haveOpen:after{transform:rotate(-90deg);}
	.wrap_header .head_navi nav .li_2.have:after,
	.wrap_header .head_navi nav .li_2.haveOpen:after{content:"";display:block;width:10px;height:10px;position:absolute;right:25px;top:17px;}
	.wrap_header .head_navi nav .li_2.have:after{background:url(/sites/style_guide/images/common/plus_1_b.png) no-repeat center;}
	.wrap_header .head_navi nav .li_2.haveOpen:after{background:url(/sites/style_guide/images/common/minus_1_b.png) no-repeat center;}
	.wrap_header .head_navi nav .a_3:before{content:"";display:block;position:absolute;width:10px;height:10px;left:40px;top:17px;background:url(/sites/style_guide/images/common/arrow_1_b.png) no-repeat center;}

	.wrap_header .head_navi nav .a_2._active{background:#c9d7e4;}
	.wrap_header .head_navi nav .a_3._active{background:#d9e3ed;}

	.wrap_header .head_navi .btn_mgnb_close{position:fixed;right:0;top:0;width:50%;height:80px;background:#0065b3 url(/sites/style_guide/images/common/emblem_fly.png) no-repeat 92%;background-size:250px;}
	.wrap_header .head_navi .btn_mgnb_close button{display:inline-block;text-indent:-9999px;width:80px;height:100%;background:url(/sites/style_guide/images/common/x_4_w.png) no-repeat center;}
}
@media all and (max-width:768px){
	.wrap_header .head_navi nav{margin-left:25%;}
	.wrap_header .head_navi nav:before,
	.wrap_header .head_navi .btn_mgnb_close{width:75%;}
}


/*주요사이트바로가기************************************************************/
.wrap_site_link{background:#222;text-align:center;position:relative;}
.wrap_site_link .open_site{display:inline-block;padding:15px;color:#FFF;}
.wrap_site_link .open_site:after{content:"";display:inline-block;width:8px;height:13px;vertical-align:-1px;margin-left:10px;transform:rotate(-90deg);background:url(/sites/style_guide/images/common/arrow_2_w.png) no-repeat center;transform:rotate(90deg);}
.wrap_site_link .open_site.active:after{transform:rotate(-90deg);transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
.wrap_site_link .site_list{display:none;padding:35px 0;background:#393d46;}
.wrap_site_link .site_list .container{max-width:1550px;margin: 0 auto;display:flex;justify-content:space-between;}
.wrap_site_link .site_list .container .item{width:33.33%;margin:0 2%;text-align:left;}
.wrap_site_link .site_list .container .item h4{color:#FFF;font-family:'Noto Regular';font-size:16px;border:1px solid rgba(255,255,255,0.5);padding:10px 0 10px 10px;margin-bottom:10px;}
.wrap_site_link .site_list .container .item div{color:#FFF;font-family:'Noto Regular';font-size:15px;background:rgba(0,0,0,0.3);padding:7px 10px;margin:10px 0 5px 0;}
.wrap_site_link .site_list .container .item a{display:inline-block;color:#FFF;font-size:15px;position:relative;padding-left:12px;}
.wrap_site_link .site_list .container .item a:before{content:"";display:block;width:3px;height:3px;background:#d7d8da;position:absolute;left:0;top:9px;}
.wrap_site_link .site_list .container .item a:after{content:"";display:block;width:0;height:1px;background:#d7d8da;margin-top:2px;}
.wrap_site_link .site_list .container .item > ul{max-height:280px;overflow-y:auto;display:flex;flex-wrap:wrap;justify-content:flex-start;}
.wrap_site_link .site_list .container ._fst > ul > li{width:100%;}
.wrap_site_link .site_list .container ._snd > ul > li,
.wrap_site_link .site_list .container ._last > ul > li{width:50%;padding:0 2%;}
@media all and (max-width:1550px){
  .wrap_site_link .site_list .container{max-width:100%;}
}
@media all and (max-width:1024px){
  .wrap_site_link .site_list .container{flex-wrap:wrap;max-width:96%;}
  .wrap_site_link .site_list .container .item h4{font-size:15px;}
  .wrap_site_link .site_list .container .item a{font-size:14px;}
  .wrap_site_link .site_list .container .item{width:100%;margin:0 0 4% 0;}
  .wrap_site_link .site_list .container .item > ul{max-height:150px;}
  .wrap_site_link .site_list .container .item > ul > li{width:19% !important;padding:0 0.5%;}
}
@media all and (max-width:768px){
  .wrap_site_link .open_site{padding:12px;font-size:14px;}
  .wrap_site_link .site_list .container .item > ul > li{width:32.33% !important;}
}
@media all and (max-width:420px){
  .wrap_site_link .site_list .container .item > ul > li{width:49% !important;}
}
@media all and (max-width:320px){
  .wrap_site_link .site_list .container .item > ul > li{width:100% !important;padding:0;}
}


/*풋터************************************************************/
footer{background:#242b41;padding:30px 0 60px 0;position:relative;}
footer .container{display:flex;flex-wrap:wrap;justify-content:space-between;}
footer .foot_logo{width:250px;}
footer .foot_address{width:calc(100% - 450px);}
footer .foot_link{width:200px;}
/*로고*/
footer .foot_logo img{max-width:100%;}
/*주소*/
footer .foot_address{font-size:15px;color:rgba(255,255,255,0.6);}
footer .foot_address address span{padding:0 10px;}
footer .foot_address p{padding-top:5px;}
footer .foot_address a{color:rgba(255,255,255,0.6);}
/*링크*/
footer .foot_link{overflow:hidden;}
/*FNB*/
footer .fnb{text-align:right;font-size:0;}
footer .fnb a{display:inline-block;color:rgba(255,255,255,0.8);font-size:14px;padding-right:10px;}
footer .fnb a:last-child{padding-right:0;}
footer .fnb a.private {font-weight: bolder;color: #FFF !important;}
footer .fnb a:after{content:"";display:inline-block;width:1px;height:8px;background:rgba(255,255,255,0.5);margin-left:10px;vertical-align:1px;}
footer .fnb a:last-child:after{display:none;}
/*SNS*/
footer .foot_sns{margin-top:10px;float:right;}
footer .foot_sns a{display:inline-block;width:37px;height:36px;text-indent:-9999px;margin-left:5px;background-color:#525252 !important;border-radius:100%;}
footer .foot_sns .faceBook{background:url(/sites/style_guide/images/templet_depart/sns_facebook.png) no-repeat center;background-size:7px;}
footer .foot_sns .yTube{background:url(/sites/style_guide/images/templet_depart/sns_ytube.png) no-repeat center;background-size:15px;}
footer .foot_sns .kakao{background:url(/sites/style_guide/images/templet_depart/sns_kakao.png) no-repeat center;background-size:15px;}
footer .foot_sns .instagram{background:url(/sites/style_guide/images/templet_depart/sns_insta.png) no-repeat center;background-size:15px;}
footer .foot_sns .naverBlog{background:url(/sites/style_guide/images/templet_depart/sns_blog.png) no-repeat center;background-size:10px;}
@media all and (max-width:1280px){
  footer .foot_logo,
  footer .foot_address,
  footer .foot_link{width:100%;text-align:center;}
  footer .foot_logo img{max-width:250px;}
  footer .foot_address{margin:20px 0;}
  footer .fnb{text-align:center;width:80%;margin: 0 auto;}
  footer .foot_sns{float:none;margin-top:20px;}
}
@media all and (max-width:768px){
  footer .foot_logo img{max-width:180px;}
  footer .foot_address{font-size:13px;}
  footer .foot_address address span,
  footer .foot_address p span{display:block;}
  footer .fnb a{display:inline-block;vertical-align:top;padding:6px;width:50%;border:1px solid #898989;}
  footer .fnb a:after{display:none;}
  footer .fnb a:nth-child(even){margin-left:-1px;}
  footer .fnb a:nth-child(n+3){margin-top:-1px;}
}
@media all and (max-width:320px){
  footer .foot_logo img{max-width:70%;}
  footer .fnb a{width:100%;}
  footer .fnb a:nth-child(even){margin-left:0;}
  footer .fnb a:nth-child(n+2){margin-top:-1px;}
}

/*고탑***********************************************************/
.goTop a{display:block;text-indent:-9999px;color:#FFF;text-align:center;background:#888 url(/sites/style_guide/images/common/arrow_5_w.png) no-repeat center;transform:rotate(-90deg);width:50px;height:50px;border-radius:100%;position:fixed;bottom:20px;right:20px;filter:alpha(opacity=50);opacity:0.5;}
@media all and (max-width:768px) {
  .goTop a{width:35px;height:35px;}
}

/*서브비주얼************************************************************/
.wrap_sub_visual{position:fixed;top:0;left:0;width:100%;height:400px;}
.wrap_sub_visual:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;/*background-image:url(../../images/sub/sub_visual_1.jpg);*/background-position:center;background-repeat:no-repeat;background-size:cover;z-index:-1;}
.wrap_sub_visual a{font-size:18px;color:#FFF;font-family:'Noto Medium';position:absolute;top:calc(50% - 0px);}
.wrap_sub_visual a.prev{left:30px;}
.wrap_sub_visual a.next{right:30px;}
.wrap_sub_visual a.prev:before,
.wrap_sub_visual a.next:after{content:"";display:inline-block;width:60px;height:60px;background:rgba(255,255,255,0.15) url(/sites/style_guide/images/common/arrow_4_w.png) no-repeat center;border:1px solid rgba(255,255,255,0.5);border-radius:100%;vertical-align:-22px;}
.wrap_sub_visual a.prev:before{transform:rotate(180deg);margin-right:15px;}
.wrap_sub_visual a.next:after{margin-left:15px;}
.wrap_sub_visual .container{margin-top:175px;}
.wrap_sub_visual .container .visual_intro{text-align:center;color:#FFF;}
.wrap_sub_visual .container .visual_intro strong{display:inline-block;font-size:42px;font-family:'Noto Medium';border-bottom:6px solid #0170fa;padding-bottom:5px;margin-bottom:15px;}
.wrap_sub_visual .container .visual_intro span{display:block;font-size:18px;}
@media all and (min-width:2001px){
  .wrap_sub_visual{background-size:cover;}
}
@media all and (max-width:1024px) {
  .wrap_sub_visual{height:360px;}
  .wrap_sub_visual:before{background-size:1750px;}
  .wrap_sub_visual a{display:none !important;}
  .wrap_sub_visual .container{margin-top:155px;}
  .wrap_sub_visual .container .visual_intro strong{font-size:32px;}
  .wrap_sub_visual .container .visual_intro span{font-size:16px;}
}
@media all and (max-width:768px) {
  .wrap_sub_visual{height:345px;}
  .wrap_sub_visual:before{background-size:1650px;}
  .wrap_sub_visual .container .visual_intro strong{font-size:22px;}
  .wrap_sub_visual .container .visual_intro span{font-size:14px;}
}
/*서브비주얼*/
.eQ02 .wrap_sub_visual:before{background-image:url(/sites/style_guide/images/sub/sub_visual_2.jpg);}
.eQ03 .wrap_sub_visual:before{background-image:url(/sites/style_guide/images/sub/sub_visual_3.jpg);}
.eQ04 .wrap_sub_visual:before{background-image:url(/sites/style_guide/images/sub/sub_visual_4.jpg);}
.eQ05 .wrap_sub_visual:before{background-image:url(/sites/style_guide/images/sub/sub_visual_5.jpg);}
.eQ06 .wrap_sub_visual:before{background-image:url(/sites/style_guide/images/sub/sub_visual_6.jpg);}
.eQ07 .wrap_sub_visual:before{background-image:url(/sites/style_guide/images/sub/sub_visual_7.jpg);}
.eQ08 .wrap_sub_visual:before{background-image:url(/sites/style_guide/images/sub/sub_visual_8.jpg);}
.eQ09 .wrap_sub_visual:before{background-image:url(/sites/style_guide/images/sub/sub_visual_9.jpg);}
.eQ10 .wrap_sub_visual:before{background-image:url(/sites/style_guide/images/sub/sub_visual_10.jpg);}
.eQ11 .wrap_sub_visual:before{background-image:url(/sites/style_guide/images/sub/sub_visual_11.jpg);}
.eQ12 .wrap_sub_visual:before{background-image:url(/sites/style_guide/images/sub/sub_visual_12.jpg);}
.eQ13 .wrap_sub_visual:before{background-image:url(/sites/style_guide/images/sub/sub_visual_13.jpg);}
.eQ14 .wrap_sub_visual:before{background-image:url(/sites/style_guide/images/sub/sub_visual_14.jpg);}
.eQ15 .wrap_sub_visual:before{background-image:url(/sites/style_guide/images/sub/sub_visual_15.jpg);}
.eQ16 .wrap_sub_visual:before{background-image:url(/sites/style_guide/images/sub/sub_visual_16.jpg);}
.eQ17 .wrap_sub_visual:before{background-image:url(/sites/style_guide/images/sub/sub_visual_17.jpg);}
.eQ18 .wrap_sub_visual:before{background-image:url(/sites/style_guide/images/sub/sub_visual_18.jpg);}
.eQ19 .wrap_sub_visual:before{background-image:url(/sites/style_guide/images/sub/sub_visual_19.jpg);}
.eQ20 .wrap_sub_visual:before{background-image:url(/sites/style_guide/images/sub/sub_visual_20.jpg);}
/*애니메이션*/
.wrap_sub_visual:before{animation-name:subVisual;animation-duration:5s;animation-fill-mode:forwards;}
@keyframes subVisual{
  0%{transform:scale(1);filter:blur(100px);filter:grayscale(1);}
  100%{transform:scale(1.05);filter:blur(0px);filter:grayscale(0);}
}


/*서브기능************************************************************/
.wrap_page_func{position:absolute;top:340px;left:0;width:100%;}
.wrap_page_func:before{content:"";width:100%;position:absolute;left:0;bottom:0;background:rgba(2,41,104,0.7);}
.wrap_page_func .container{display:flex;justify-content:space-between;align-items:center;position:relative;}
/*공통*/
.wrap_page_func .sub_navi > ul > li.home a,
.wrap_page_func .sub_util > ul > li > button{width:60px;text-indent:-9999px;}
.wrap_page_func:before,
.wrap_page_func .sub_navi > ul > li > a,
.wrap_page_func .sub_navi > ul > li > button,
.wrap_page_func .sub_util > ul > li > button{display:block;height:60px;}
/*서브내비*/
.wrap_page_func .sub_navi{}
.wrap_page_func .sub_navi > ul{display:flex;justify-content:flex-start;}
.wrap_page_func .sub_navi > ul > li{position:relative;}
.wrap_page_func .sub_navi > ul > li.home a{text-indent:-9999px;background:#0079f4 url(/sites/style_guide/images/templet_depart/sub_navi_home.png) no-repeat center;}
.wrap_page_func .sub_navi > ul > li > button{text-align:left;font-size:18px;color:#FFF;padding-left:20px;border-right:1px solid rgba(255,255,255,0.3);}
.wrap_page_func .sub_navi > ul > li#pagetitle1 > button{min-width:200px;}
.wrap_page_func .sub_navi > ul > li#pagetitle2 > button{min-width:240px;}
.wrap_page_func .sub_navi > ul > li#pagetitle3 > button{min-width:280px;}
.wrap_page_func .sub_navi > ul > li:before{content:"";display:block;width:8px;height:13px;background:url(/sites/style_guide/images/common/arrow_2_w.png) no-repeat center;position:absolute;top:calc(50% - 6.5px);right:20px;transform:rotate(90deg);}
.wrap_page_func .sub_navi > ul > li.home:before{display:none;}
/*서브내비목록*/
.wrap_page_func .sub_navi > ul > li ul{display:none;position:absolute;width:100%;left:0;top:60px;z-index:3;max-height:315px;overflow-y:auto;box-shadow: 0 2px 10px #888;}
.wrap_page_func .sub_navi > ul > li ul li{}
.wrap_page_func .sub_navi > ul > li ul li a{display:block;font-size:15px;background:rgba(255,255,255,1);padding:10px;font-family:'Noto Regular';border-bottom:1px solid #EEE;}
/*서브유틸*/
.wrap_page_func .sub_util{}
.wrap_page_func .sub_util > ul{display:flex;justify-content:flex-end;}
.wrap_page_func .sub_util > ul > li{position:relative;}
.wrap_page_func .sub_util > ul > li > button{filter:alpha(opacity=50);opacity:0.5;}
button.sub_favo{background:url(/sites/style_guide/images/templet_depart/sub_util_favo.png) no-repeat center;}
button.sub_share{background:url(/sites/style_guide/images/templet_depart/sub_util_share.png) no-repeat center;}
button.sub_print{background:url(/sites/style_guide/images/templet_depart/sub_util_print.png) no-repeat center;}
/*즐겨찾기*/
.box_sub_favo{display:none;position:absolute;right:0;top:0;overflow:hidden;border:1px solid #3e454c;width:250px;background:#FFF;z-index:1;}
.box_sub_favo  > strong {display:block;font-family:'Noto Medium';font-size:16px;padding:10px 20px;background:#005bad;color:#FFF;}
.box_sub_favo ul{padding:15px;}
.box_sub_favo ul li {padding:0 0 5px 0;font-size:14px;}
.box_sub_favo ul li a span {display:none;}
.box_sub_favo .close{text-indent:-9999px;position:absolute;right:0;top:0;width:43px;height:43px;background:url(/sites/style_guide/images/common/x_1_w.png) no-repeat center;}
.box_sub_favo .del{width:17px;height:17px;margin:0 0 0 10px;background:url(/sites/style_guide/images/common/x_1_b.png) no-repeat center;text-indent:-9999px;}
.box_sub_favo .control{text-align:center; padding:15px 0;}
.box_sub_favo .control button{display:inline-block; display:inline-block; padding:5px 20px;color:#FFF;font-size:12px;border-radius:40px;}
.box_sub_favo .control button.add{background:#0067c3;}
.box_sub_favo .control button.reset{background:#707070;}
/*공유하기*/
.box_sub_share{display:none;position:absolute;right:0;top:0;width:60px;border:1px solid #000;background:#FFF;z-index:1;}
.box_sub_share .close{width:100%;height:50px;text-indent:-9999px;background:#52575c url(/sites/style_guide/images/common/x_1_w.png) no-repeat center;}
.box_sub_share ul{}
.box_sub_share ul button{display:block;width:100%;height:50px;text-indent:-9999px;background-size:50% !important;}
.box_sub_share .fb{background:#3a5897 url(/sites/style_guide/images/common/icon_facebook.png) no-repeat center center;}
.box_sub_share .tw{background:#5faade url(/sites/style_guide/images/common/icon_twitter.png) no-repeat center center;}
.box_sub_share .pin{background:#e60c1d url(/sites/style_guide/images/common/icon_pin.png) no-repeat center center;}
.box_sub_share .kakao{background:#ffe503 url(/sites/style_guide/images/common/icon_kakao.png) no-repeat center center;}
.box_sub_share .addr{background:#FFF url(/sites/style_guide/images/common/icon_url.png) no-repeat center center;background-size:75% !important;}
.box_sub_share .insta{background:#bf0761 url(/sites/style_guide/images/common/icon_insta.png) no-repeat center center;}

@media all and (max-width:1024px) {
  .wrap_page_func{top:300px;}
  .wrap_page_func .sub_navi{width:calc(100% - 60px);}
  .wrap_page_func .sub_navi > ul > li{display:none;}
  .wrap_page_func .sub_navi > ul > li.home,
  .wrap_page_func .sub_navi > ul > li:last-child{display:block;}
  .wrap_page_func .sub_util > ul > li > button{filter:alpha(opacity=100);opacity:1;}
  .wrap_page_func .sub_util > ul > li > button.sub_favo,
  .wrap_page_func .sub_util > ul > li > button.sub_print{display:none;}
}
@media all and (max-width:768px) {
  .wrap_page_func .sub_navi{width:calc(100% - 45px);}
  .wrap_page_func .sub_navi > ul > li.home a,
  .wrap_page_func .sub_util > ul > li > button{width:45px;}
  .wrap_page_func:before,
  .wrap_page_func .sub_navi > ul > li > a,
  .wrap_page_func .sub_navi > ul > li > button,
  .wrap_page_func .sub_util > ul > li > button{height:45px;}
  .wrap_page_func .sub_navi > ul > li.home a{background-size:17px;}
  .wrap_page_func .sub_navi > ul > li:last-child{width:100%;}
  .wrap_page_func .sub_navi > ul > li > button{font-size:15px;padding-left:10px;border-right:0;min-width:100% !important;}
  .wrap_page_func .sub_navi > ul > li ul{top:45px;}
}
@media all and (max-width:320px) {
  .wrap_page_func:before,
  .wrap_page_func .container{display:none;}
}


/*컨텐츠************************************************************/
body.sub{padding-top:400px;}
.wrap_contents{}
.wrap_contents > .container{background:#FFF;position:relative;}
@media all and (max-width:1024px) {
  body.sub{padding-top:360px;}
}
@media all and (max-width:768px) {
  body.sub{padding-top:345px;}
  .wrap_contents > .container{}
}


/*타이틀************************************************************/
.page_title{text-align:center;padding:60px 0;}
.page_title h1{display:inline-block;font-size:36px;font-family:'Noto Medium';position:relative;}
.page_title h1:before{content:"";display:block;height:35px;background:url(/sites/style_guide/images/templet_depart/bul_h1.png) center top no-repeat;}
@media all and (max-width:1024px) {
  .page_title h1{font-size:30px;padding-bottom:15px;}
}
@media all and (max-width:768px) {
  .page_title{padding:30px 0;}
  .page_title h1{font-size:25px;padding-bottom:10px;}
}


/*페이지메뉴************************************************************/
.page_nav_1,
.page_nav_2{max-width:1550px;margin: 0 auto;}
.page_nav_1{padding-top:60px;}
.page_nav_1 nav{}
.page_nav_1 nav .menuSubTitleUI{display:none;}
.page_nav_1 nav .sub_div{}
.page_nav_1 nav .sub_div ul{display:flex;align-items:center;justify-content:center;}
.page_nav_1 nav .sub_div ul li{border:1px solid #DDD;margin-left:-1px;}
.page_nav_1 nav .sub_div ul li a{display:flex;justify-content:center;text-align:center;line-height:1.1;font-size:16px;font-family:'Noto Regular';padding:15px 30px;}
.page_nav_1 nav .sub_div ul li:first-child{border-top-left-radius:30px 30px;border-bottom-left-radius:30px 30px;}
.page_nav_1 nav .sub_div ul li:last-child{border-top-right-radius:30px 30px;border-bottom-right-radius:30px 30px;}
.page_nav_1 nav .sub_div ul li._active{border-color:transparent;}
.page_nav_1 nav .sub_div ul li._active{background:url(/sites/style_guide/images/common/pattern_4.png) center !important;}
.page_nav_1 nav .sub_div ul li._active a{color:#FFF;}

.page_nav_2 nav{}
.page_nav_2 nav .tab_div{margin-top:15px;}
.page_nav_2 nav .tab_div ul{display:flex;align-items:center;justify-content:center;}
.page_nav_2 nav .tab_div ul li{display:flex;align-items:center;}
/*
.page_nav_2 nav .tab_div ul li:after{content:"";display:inline-block;width:2px;height:12px;background:#CCC;}
.page_nav_2 nav .tab_div ul li:last-child:after{display:none;}
*/
.page_nav_2 nav .tab_div ul li a{display:flex;justify-content:center;line-height:1.1;font-size:16px;font-family:'Noto Regular';padding:10px 0;border-bottom:3px solid transparent;margin:0 10px;position:relative;}
.page_nav_2 nav .tab_div ul li a._active{border-bottom-color:#000;color:#000;font-family:'Noto Medium';}
.page_nav_2 nav .tab_div ul li a:before{content:"";display:block;width:5px;height:5px;border-radius:5px;background:#CCC;position:absolute;left:0;top:4px;}
.page_nav_2 nav .tab_div ul li a._active:before{background:#000;}
@media all and (max-width:1550px) {
	.page_nav_1,
	.page_nav_2{max-width:96%;}
}
@media all and (max-width:1024px) {
	.page_nav_1 nav .sub_div ul{flex-wrap:wrap;justify-content:flex-start;align-items:normal;}
	.page_nav_1 nav .sub_div ul li{width:25%;margin-top:-1px;}
	.page_nav_1 nav .sub_div ul li a{font-size:15px;padding:15px;justify-content:flex-start;}
	.page_nav_1 nav .sub_div ul li:first-child,
	.page_nav_1 nav .sub_div ul li:last-child{border-radius:0;}
	.page_nav_2 nav .tab_div ul{flex-wrap:wrap;justify-content:flex-start;align-items:normal;}
	.page_nav_2 nav .tab_div ul li{width:25%;}
	.page_nav_2 nav .tab_div ul li a{font-size:14px;justify-content:flex-start;}
	.page_nav_2 nav .tab_div ul li a._active{border-bottom:2px solid #000;}
}
@media all and (max-width:768px) {
	.page_nav_1{padding-top:20px;}
	.page_nav_1 nav .sub_div ul li{width:50%;}
	.page_nav_1 nav .sub_div ul li a{padding:15px 10px;}
	.page_nav_2 nav .tab_div ul li{width:33.333%;}
}


/*스크롤시************************************************************/
.fix header{z-index:10;}
.fix .wrap_header{position:fixed;top:0;left:0;width:100%;border:0;background:#FFF;box-shadow:0 0 5px #888;}
.fix .wrap_header .head_logo a img.logo_w{display:none;}
.fix .wrap_header .head_logo a img.logo_b{display:block;}
.fix .wrap_header .head_logo a span{color:#222;}

.fix .wrap_top .unb_a ul li.btn_search > button,
.fix .wrap_top .unb_a ul li.btn_user > button{top:0;z-index:1;}

.fix .wrap_header .head_util .btn_mgnb{background:url(/sites/style_guide/images/common/icon_mNav_b.png) no-repeat center;}

.fix .wrap_header .head_navi nav .div_2{top:85px;}
.fix .wrap_header .head_navi nav .a_1{color:#58585a;}
.fix .wrap_header .head_navi nav .a_1._active:before{background:#000;}

@media all and (max-width:1024px) {
  .fix .wrap_top .unb_a ul li.btn_search{top:0;z-index:1;}
  .fix .wrap_top .unb_a ul li.btn_search > button{background:url(../../images/common/gnb_icon_search_blue.png) no-repeat center;}
}


/*HOVER효과************************************************************/
@media all and (min-width:1281px) {
	.wrap_header .head_util ul li:hover{background-color:#2e475d;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}

	.wrap_header .head_navi nav .a_1:hover:before{transform:scale(1);}
	.fix .wrap_header .head_navi nav .a_1:hover:before{background:#000;}
	.wrap_header .head_navi nav .a_2:hover{border-bottom-color:rgba(255,255,255,0.5);}

	.wrap_sub_visual a.prev:hover:before,
	.wrap_sub_visual a.next:hover:after{background-color:rgba(0,0,0,0.1);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}

	.wrap_page_func .sub_navi > ul > li.home a:hover{background-color:rgba(0,0,0,0.1);}
	.wrap_page_func .sub_navi > ul > li:hover{background:rgba(0,0,0,0.4);transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);}
	.wrap_page_func .sub_navi > ul > li:hover:before{transform:rotate(0deg);transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);z-index:1;}
	.wrap_page_func .sub_navi > ul > li ul li a:hover{background:rgba(0,0,0,0.8);color:#FFF;}

	.wrap_page_func .sub_util > ul > li > button:hover{filter:alpha(opacity=100);opacity:1;}

	.page_nav_1 nav .sub_div ul li:hover{border-color:transparent;background:url(/sites/style_guide/images/common/pattern_0.png) center !important;}
	.page_nav_1 nav .sub_div ul li a:hover{color:#FFF;}
	.page_nav_2 nav .tab_div ul li a:hover{border-bottom-color:#CCC;}

	.wrap_site_link .site_list .container .item a:hover:after{width:100%;transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);}
	footer .foot_link a:hover{color:rgba(255,255,255,1);}
	footer .foot_sns a:hover{background-color:#000 !important;}

	.goTop a:hover{filter:alpha(opacity=100);opacity:1;}
}
