@charset "UTF-8";

@import url("font.css");

/* layout */
header{border-top:5px solid #003876;}
.sub-container{margin:0 auto 50px auto;width:100%;max-width:1240px;box-sizing:border-box;}
.sub-container:after{content:"";display:block;clear:both;}
.lnb{float:left;width:220px;}
.content-wrap{float:right;width:calc(100% - 4.83% - 220px);}
.display-b{display:block;}
.display-ib{display:inline-block;}
.float-l{float:left;}
.bor-none{border-right:none !important;}

/* common */
body{font-family:'Noto Sans KR',sans-serif;font-weight:300;font-size:16px;color:#666;}
a{color:#000;}
.hide{    display: block;
    position: absolute;
    top: -999999px;
    width: 0;
    height: 0;
    text-indent: -9999999px;}
.dt{display:table;width:100%;height:100%;}
.tc{display:table-cell;width:100%;height:100%;vertical-align:middle;}
.pc-hide{display:none;}
.con-box{margin:0 0 80px 0;}
.h4-tit01{padding:0 0 20px 0 ;font-size:24px;color:#333333;font-weight: 500;}
.btn-type01{color: #fff;background-color:#21daac;padding: 7px 30px;border-radius:4px;display: inline-block;}

.msg_touch_help{display:none;}

.con-box02{margin:0 0 30px 0;}
.h5-tit01{padding:0 0 20px 0;font-size:18px;color:#164c8a;}
.reference-txt{position:relative;margin:10px 0 0 0;padding:0 0 0 18px;font-size:13px;}
.reference-txt:after{content:"※";display:block;position:absolute;top:0;left:0;}
.ver-top{vertical-align:top;}
.content-info-txt{padding:22px;border:3px solid #21daac;font-size:26px;color:#21daac;text-align:center;}
.content-info-txt span{display:block;margin:0 0 14px 0;font-size:16px;color:#03a47c;}
.content-info-txt span:last-of-type{margin:0;}
.text-center{text-align:center;}
.float-r{float:right;}
.list-type01 > li{position:relative;padding:0 0 0 13px;}
.list-type01 > li:after{content:"";display:block;position:absolute;top:12px;left:0;width:5px;height:1px;background-color:#666;}
.list-type02 > li{position:relative;padding:0 0 0 17px;}
.list-type02 > li:after{content:"※";display:block;position:absolute;top:0;left:0;}
.list-type03 > li{margin:0 0 0 20px;list-style-type:decimal;}
.list-type04 > li{margin:0 0 0 20px;list-style-type:lower-roman;}
.list-type05 > li{position:relative;padding:0 0 0 15px;color:#999;}
.list-type05 > li:after{content:"";display:block;position:absolute;top:10px;left:0;width:5px;height:5px;background-color:#35c1bf;border-radius:5px;}
.plus-txt{position:relative;padding:0 0 0 11px;color:#21daac;}
.plus-txt:after{content:"";display:block;position:absolute;top:9px;left:0px;width:9px;height:9px;background:url(/_res/wchapel/img/common/ico_plus.gif) no-repeat 0 0;}
.txt-color999{color:#999;}
.txt-color666{color:#666;}
.txt-color333{color:#333;}
.txt-green{color:#21daac;}
.no-mg{margin:0;}
.no-pd{padding:0;}
.font-regular{font-weight:400;}
.font-size16{font-size:16px;}
.mg-t15{margin-top:15px !important;}
.mg-l15{margin-left:15px;}
.mg-b10{margin-bottom:10px;}
.pd-l20{padding-left:20px;}
.tab-ul02.lSi03 li{width:33.33%;}

.img-ready{border:1px solid #ccc;text-align:center;}
.img-ready img{max-width:100%;}
.img-box img{max-width:100%;}

/* header */
.top-header-wrap{margin:0 auto;padding:20px 0 23px;width:100%;max-width:1240px;box-sizing:border-box;}
.top-header-wrap:after{content:"";display:block;clear:both;}
.top-header-box{max-width: 1240px;margin: 0 auto;position: relative;}
.top-header-box:after{content:"";display:block;clear:both;}
.top-header-box h1 {padding: 0px 0 0 10px;float: left;}

.top-right-header-box{position:absolute;top:17px;right:0px;z-index:10;}
.top-right-header-box:after{content:"";display:block;clear:both;}
.top-right-header-box ul{padding:0 0 0 20px}
.top-right-header-box ul li{background: url(/_res/wchapel/img/common/bg-bar.png) no-repeat 100% 50%;padding: 0px 20px 0 0;float:left;margin:0 0 0 20px}
.top-right-header-box > ul > li:nth-of-type(4){background: url(/_res/wchapel/img/common/ico-earth.png) no-repeat 0 5px !important;padding:0 0px 0 20px;margin: 0 0 0 20px;position:relative;}
.top-right-header-box > ul > li:nth-of-type(1) a{background: url(/_res/wchapel/img/common/ico-home.png) no-repeat 0 50%;padding: 0px 0 0 20px;}
.top-right-header-box > ul > li:nth-of-type(2) a{background: url(/_res/wchapel/img/common/ico_login.gif) no-repeat 0 50%;padding: 0px 0 0 26px;}
.top-right-header-box > ul > li:nth-of-type(3) a{background: url(/_res/wchapel/img/common/ico-site.png) no-repeat 0 50%;padding: 0px 0 0 20px;}
.top-right-header-box > ul > li:nth-of-type(4) a{background: url(/_res/wchapel/img/common/btn_language_dw.png) no-repeat 100% 50%;padding:0 20px 0 2px;}
.top-right-header-box ul li a{color:#969696;font-size:12px;}
.top-right-header-box > ul > li:last-of-type{background:none;}

/*
.top-right-header-box .language-box{display:none;z-index: 999;width: 115px;height: auto;background-color: #fff;padding:6px 0 10px;position: absolute;top: 27px;left: 0px;border:1px solid #ececec;}
.top-right-header-box .language-box ul{padding:0;background:none;}
.top-right-header-box .language-box ul li{background:none;}
.top-right-header-box .language-box ul li a{color:#969696;background:none;}
.top-right-header-box .language-box ul li a:hover{text-decoration:underline;}
.top-right-header-box .btn-language.active{background: url(/_res/wchapel/img/common/btn_language_up.png) no-repeat 100% 50%;}
*/
.bottom-header-wrap{position:relative;width:100%;height:54px;border-top:1px solid #ececec;}
.bottom-header-box{position:relative;margin:0 auto;max-width:1240px;}
.gnb{width:100%;height: 54px;border-left: 1px solid #ececec;box-sizing:border-box;}
.gnb ul:after{content:"";display:block;clear:both;}
.gnb > ul {text-align:center;}
.gnb > ul > li{display: block;position: relative;padding: 16px 0 2px 0;height: 54px;float: left;width: 25%;box-sizing: border-box;border-right: 1px solid #ececec;}
.gnb > ul > li.active{background:url(/_res/wchapel/img/main/gnb_bg03.gif) repeat-x 0 0}
.gnb ul li a{display:block;font-size:16px;font-weight:400;color:#333;text-align:center;}
.gnb ul li a:hover{color:#1556a0;font-weight:700;}

.gnb ul li ul{height:126px;display:none;position:absolute;top:54px;left:0;right:0;z-index:30;padding:23px 0 0 0;border-right:1px solid #ececec}
.gnb ul li ul li{margin:0px 0 13px 0;width:100%;line-height:1;}
.gnb ul li ul li a{position: relative;display: block;margin:0 auto;font-size: 15px;color: #666;font-weight: 300;}
.gnb ul li ul li a.active{color:#1556a0;text-decoration:underline;font-weight:500; }
.gnb ul li ul li a:hover{color:#1556a0;text-decoration:underline;font-weight: 400;}

.gnb-bg{background:url(/_res/wchapel/img/main/gnb_bg02.gif) repeat-y 0 0;border-bottom: 1px solid #ececec;display:none;position:absolute;left:0px;top:54px;z-index:20;width:100%;height:148px;background-color:#fff;}
.gnb-txt{display:block;margin:0 auto;width:100%;max-width:1400px;}
.gnb-txt img{width:87%;}

.search-btn{position:absolute;top:0;right:20px;width:70px;height:64px;background:url(/_res/wchapel/img/common/btn_search.gif) no-repeat 0 0;}

.m-menu-btn{display:none;}

/*메인 비쥬얼*/
.main-visual-box{position:relative;z-index: 0;}
.main-visual-img-box{height:550px;}
.main-visual-img-box.vi01{background:url(/_res/wchapel/img/main/main_vi01.jpg) no-repeat center center;background-size: cover;}
.main-visual-img-box.vi02{background:url(/_res/wchapel/img/main/main_vi02.jpg) no-repeat center center;background-size: cover;}
.main-visual-img-box.vi03{background:url(/_res/wchapel/img/main/main_vi03.jpg) no-repeat center center;background-size: cover;}
.main-visual-img-box.vi04{background:url(/_res/wchapel/img/main/main_vi04.jpg) no-repeat center center;background-size: cover;}
.main-visual-txt-box{position:absolute;top:0;width:100%;height:100%;text-align:center;color:#fff;}
.main-visual-txt-box .txt01{color:/* #05366d */#fff;font-family:"Nanum Square",sans-serif;font-weight:700;font-size:55px;line-height: 1;}
.main-visual-txt-box .txt02{color:/* #05366d */#fff;margin:0 0 18px 0;font-family:'Noto Sans KR',sans-serif;font-weight:400;font-size:24px;}
.main-visual-box .control-wrap a{display:block;width:30px;height:57px;}
.main-visual-box .prev{float:left;background:url(/_res/wchapel/img/main/btn_prev01.png) no-repeat 0 0;}
.main-visual-box .next{float:right;background:url(/_res/wchapel/img/main/btn_next01.png) no-repeat 0 0;}
.main-visual-box .control-wrap{position:absolute;top:50%;left:0;right:0;z-index:10;margin:0 auto;width:100%;max-width:1300px;transform:translateY(-50%);}
.main-visual-box .control-wrap:after{content:"";display:block;clear:both;}
.main-visual-box .owl-carousel .owl-dots, .owl-carousel .owl-nav{display:none;}
.visual.tc{display:block;max-width: 1240px;margin: 0 auto;width: 100%;height: 100%;vertical-align: middle;position: relative;}    
.visual.tc p{position: absolute;top:101px;text-align: center;right:0px;}

/*상단링크*/
.main-content-box{width:100%;background-color:#164c8a;}
.main-content-box .top-lnk-box{margin:0 auto;position:relative;max-width:1240px;}
.main-content-box .top-lnk-box ul{padding:14px 0;text-align:center}
.main-content-box .top-lnk-box ul li{display:inline-block;width:22%;background-color:#05376c;padding:15px 0;margin:0 3% 0 0;}
.main-content-box .top-lnk-box ul li:nth-of-type(4){margin:0;}
.main-content-box .top-lnk-box ul li a{}
.main-content-box .top-lnk-box ul li a span{line-height:1;display:block;text-align:center}
.main-content-box .top-lnk-box ul li a span:nth-of-type(1){font-size:15px;color:#6a7c99;font-weight:400;}
.main-content-box .top-lnk-box ul li a span:nth-of-type(2){margin: 5px 0 0 0;color:#fff;font-size:22px;font-weight:400;}

/*미니보드*/
.main-board-wrap{width:100%;background-color:#f1f5fa;padding:48px 0;}
.main-board-wrap .main-board-box{max-width:1240px;margin:0 auto;position:relative;}
.main-board-wrap .main-board-box .mini-wrap{background-color:#fff;padding:30px;box-shadow: 0 0 5px 5px #ececec;margin:0 0 48px 0;}
.main-board-wrap .main-board-box .mini-wrap:last-of-type{margin:0;}
.mini-wrap:after{content:"";clear:both;display:block;}
.mini-wrap .mini-right-box{display: table;position: relative;height: 100%;width:15.6%;float: left;}
.mini-wrap .mini-right-box .ver-m{display: table-cell;vertical-align: middle;}

.mini-wrap .mini-right-box h3{padding: 0 0 15px 0;font-size: 20px;font-weight: 400;color: #fff;text-align: center;}
.mini-wrap .mini-right-box h3 span{display:block;}
.mini-wrap .mini-right-box h3 span.titm01{font-size:15px;font-weight:200;}
.mini-wrap .mini-right-box .btn-more{margin: 0 40px;padding: 5px 10px;background-color: #fff;color: #fccf31;display: block;text-align: center;}
.mini-wrap .mini-right-box.tit01{min-height:300px;background-color:#fccf31}
.mini-wrap .mini-right-box.tit02{min-height:220px;background-color:#164c8a}
.mini-wrap .mini-right-box.tit02 .btn-more{color:#164c8a}
.mini-wrap .mini-right-box.tit03{min-height:214px;background-color:#21daac}
.mini-wrap .mini-right-box.tit03 .btn-more{color:#21daac}

.mini-wrap .mini-left-box{position:relative;padding:0 50px 0 66px;width:83%;float:left;box-sizing:border-box;}

.mini-wrap .mini-left-box ul li{border:1px solid #ececec;}
.mini-wrap .mini-left-box ul li:nth-of-type(2){margin: 0 2.5%;}
.mini-wrap .mini-left-box ul li p img{width:100%;max-height:180px;}
.mini-wrap .mini-left-box ul li dl{padding:23px;}
.mini-wrap .mini-left-box ul li dl dt{padding: 0 0 23px 0;font-size: 16px;font-weight: 600;white-space: pre-line;word-wrap: normal;overflow: hidden;height: 24px;text-overflow: ellipsis;}
.mini-wrap .mini-left-box ul li dl dt a{color: #1d1d1d;}
.mini-wrap .mini-left-box ul li dl dd{font-size:14px;}
.mini-wrap .mini-left-box ul li dl dd.mini-arti{margin:10px 0 0 0;white-space: pre-line;word-wrap: normal;overflow: hidden;height: 84px;text-overflow: ellipsis;}
.mini-wrap .mini-left-box ul li dl dd:nth-of-type(2), .news-dl dd{color:#a0b7d6;padding:10px 0 0 0;}

.mini-board01 ul li{min-height:320px;}
.mini-wrap .mini-board01 ul li dl dd.mini-arti{margin:10px 0 70px 0;}
.mini-wrap .mini-board01 ul li dl dd:not(.mini-arti){position:absolute;bottom:20px;}

.mini-left-box .control-wrap{position:absolute;top:43%;left:0;width:100%;}
.mini-left-box .control-wrap a{display:block;position:absolute;z-index:10;width:40px;height:40px;}
.mini-left-box .prev{left:15px;background:url(/_res/wchapel/img/main/btn_miniboard_prev.gif) no-repeat 0 0;background-size:100%;}
.mini-left-box .next{right:0;background:url(/_res/wchapel/img/main/btn_miniboard_next.gif) no-repeat 0 0;background-size:100%;}

/*하단 링크*/
.lnk-wrap{width:100%;padding:50px 0;background-color:#fff;}
.main-banner01{margin:0 auto;max-width:1240px;position:relative;/* padding:0 0 50px 0; */overflow: hidden;}
.main-banner01 .quick-lnk{display:table;min-height:240px;width:31%;float:left;}
.main-banner01 .quick-lnk .ver-m{display:table-cell;vertical-align:middle;text-align:center;}
.main-banner01 .quick-lnk .ver-m a{display:block;padding:0 0 13px 0;font-weight:bold;font-size:30px;color:#fff}
.main-banner01 .quick-lnk .ver-m p{padding:17px 0 0 0;color:#fff;background:url(/_res/wchapel/img/main/bg_bar.png) no-repeat 50% 0;}
.main-banner01 .quick-lnk.box01{background:url(/_res/wchapel/img/main/bg_lnk01.gif) no-repeat 0 0;}
.main-banner01 .quick-lnk.box02{margin:0 3.5%;background:url(/_res/wchapel/img/main/bg_lnk01-02.gif) no-repeat 0 0;}
.main-banner01 .quick-lnk.box03{background:url(/_res/wchapel/img/main/bg_lnk01-03.gif) no-repeat 0 0;}
.main-banner02{margin:0 auto;max-width:1240px;position:relative;border:1px solid #ececec;}

/*하단 배너*/
.main-banner02 .owl-carousel .owl-item img{margin: 0 15px;width:auto !important;}
.main-banner02 .banner-control-wrap{position: absolute;top: 31px;left: -125px;} 
.main-banner02 .banner-control-wrap a{float:left;}
.main-banner02{padding: 0px 0px 80px;position: relative;background-color#fff;}
.main-banner02 .main-banner-left-box{width:19%;float: left;border-right: 1px solid #f1f1f3;padding: 26px 0 26px 0;;}
.main-banner02 .main-banner-right-box{width:78%;float:left;position:relative;padding:20px 0;margin:0 0 0 2%;}
.main-banner02 h3 {font-size: 18px;font-weight: bold;padding: 0px 0 0 7%;width:93%;}
.main-banner02 .owl-nav,.main-banner02 .owl-dots{display:none;}
.main-banner02 .play{display:none;}

/*푸터*/
.foot-wrap{border-top:2px solid #164c8a}
.foot-wrap .foot-wrap-bottom-box {position: relative;max-width: 1240px;margin: 0 auto;padding: 40px 0;width: 100%;}
.foot-wrap .foot-wrap-bottom-box:after{content:'';display:block;clear:both;}
.foot-wrap .foot-wrap-bottom-box p {padding: 8px 0 0 0;float: left;width: 30%;} 
.foot-wrap .foot-wrap-bottom-box .foot-ul {float: left;/*width: 70%;*/font-size: 14px;font-style:normal;}

.footer-rule:after{content:"";display:block;clear:both;}
.footer-rule li{position:relative;float:left;margin:0 14px 0 0;padding:0 14px 0 0;}
.footer-rule li:after{content:"";display:block;position:absolute;right:0;top:5px;width:1px;height:12px;background-color:#d2d2d2;}
.footer-rule li:last-of-type{margin:0;padding:0;}
.footer-rule li:last-of-type:after{display:none;}
.footer-rule li a{color:#666;}

.related-site-wrap{position:relative;z-index:10;float:right;width:250px;}
.related-site-title{display:block;position:relative;z-index:10;padding:9px 28px 9px 19px;width: 250px;height: 42px;border: 1px solid #e7e7e7;background:#fff url(/_res/econ/img/common/img_language_arrow.gif) no-repeat right 18px top 17px;color: #666;border-radius: 30px;box-sizing: border-box;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.related-site-title.active{background:#fff url(/_res/econ/img/common/img_language_arrow_up.gif) no-repeat right 18px top 17px;}
.related-site{display:none;position:absolute;bottom:17px;padding:10px 0 30px;width:100%;max-height:200px;border:1px solid #e7e7e7;background-color:#fff;overflow-y:scroll;border-radius: 22px;border-bottom-left-radius:0;border-bottom-right-radius:0;box-sizing:border-box;}
.related-site li a {display: block;padding:4px 19px;color: #666;}
.related-site li a:hover{font-weight:500;color:#1459a6;text-decoration:underline;}

/* 로그인 */
.login-bg{border-top:none;background-color:#f2f2f2;}
.login-box{margin:160px auto 0;padding:72px 69px 60px 78px;width:770px;border:1px solid #e6e6e6;border-top:none;background:#fff url(/_res/board/img/login/bg_login.gif) no-repeat 0 0;box-sizing:border-box;}
.login-box:after{content:"";display:block;clear:both;}
.login-box h1{float:left;width:238px;}
.login-box h1 img{width:100%;}
.login-zone{float:right;width:341px;}
.login-input-wrap input{margin:0 0 10px;padding:11px 10px;width:100%;height:40px;border:1px solid #ccc;font-size:14px;box-sizing:border-box;}
.login-error-msg{margin:0 0 14px 0;font-size:14px;color:#ff4c4c;}
.c-login-btn{width:100%;height:50px;border:none;background-color:#0067b3;text-align:center;font-size:18px;color:#fff;cursor:pointer;line-height:1;}
.login-link-wrap{margin:13px 0 16px;}
.login-link-wrap li{position:relative;display:inline-block;padding:0 14px 0 0;}
.login-link-wrap li:after{content:"";display:block;position:absolute;top:6px;right:5px;width:1px;height:11px;background-color:#b3b3b3;}
.login-link-wrap li:last-of-type{padding:0;}
.login-link-wrap li:last-of-type:after{display:none;padding:0;}
.login-link-wrap li a{font-size:inherit;color:#4d4d4d;}
.help-icon{display:inline-block;width:15px;height:15px;background:url(/_res/board/img/login/ico_help.gif) no-repeat 0 0;vertical-align:middle;}
.login-etc-msg{font-size:14px;}
.login-wrap address{margin:10px 0 0 0;font-style:normal;text-align:center;}

/* 서브 비주얼 */
.sub-visual-intro-wrap{height:240px;}
.sub-visual-intro-wrap.sub-bg01{background:url(/_res/wchapel/img/common/sub_vi01.gif) no-repeat 50% 0;}
.sub-visual-intro-wrap.sub-bg02{background:url(/_res/wchapel/img/common/sub_vi02.gif) no-repeat 50% 0;}
.sub-visual-intro-wrap.sub-bg03{background:url(/_res/wchapel/img/common/sub_vi03.gif) no-repeat 50% 0;}
.sub-visual-intro-wrap.sub-bg04{background:url(/_res/wchapel/img/common/sub_vi04.gif) no-repeat 50% 0;}
.sub-visual-box{display:table;height:100%;margin:0 auto;width:100%;max-width:1240px;}
.sub-visual-txt{display:table-cell;height:100%;vertical-align:middle;}
.sub-visual-txt h2{position:relative;padding:17px 0 0 0;font-weight:600;font-size:30px;color:#fff;line-height:36px;}
.sub-visual-txt h2:after{content:"";display:block;position:absolute;top:0;left:0;width:45px;height:5px;background-color:#fff;}
.sub-visual-inner{display:inline-block;position:relative;z-index:10;padding:0 0 0 30px;}
.sub-visual-inner:before{content:"";display:block;position:absolute;top:50%;left:0;z-index:-10;padding:20px;width:100%;height:100%;border:1px solid #fff;background-color:rgba(0,0,0,0.3);transform:translateY(-50%);}
.sub-visual-txt p{font-weight:400;font-size:14px;color:#fff;opacity:0.8;line-height:18px;}

/* lnb(서브메뉴) */
.lnb-menu{margin:40px 0 0 0;border:2px solid #e1eaf3;}
.lnb-menu > li{width:100%;border-bottom:2px solid #e1eaf3;}
.lnb-menu > li:last-of-type{border-bottom:none;}
.lnb-menu > li > a{font-size:16px;display:block;padding:22px 25px;width:100%;background:url(/_res/wchapel/img/common/bg_lnb_arr_off.gif) no-repeat right 20px center;font-weight:500;font-size:17px;color:#333;box-sizing:border-box;}
.lnb-menu > li:hover > a{color:#1556a0;}
.lnb-menu > li > a.active{color:#fff;}
.lnb-menu > li.active > a{background:url(/_res/wchapel/img/common/bg_lnb_arr_on.gif) no-repeat right 20px center;color:#1556a0;}

.lnb-depth03{display:none;padding:8px 0 20px;height:100%;}
.lnb-depth03 > li{margin:0 0 15px 0;}
.lnb-depth03 > li:last-of-type{margin:0;}
.lnb-depth03 > li > a{display:block;position:relative;padding:0 37px;font-size:15px;color:#696969;}
.lnb-depth03 > li > a:before{content:"";display:block;position:absolute;top:10px;left:25px;width:4px;height:1px;background-color:#696969;}
.lnb-depth03 > li > a.active{color:#1556a0;text-decoration:underline;}
.lnb-depth03 > li > a:hover{color:#1556a0;}

/* path(상단 네비게이션) */
.path-pc:after{content:"";display:block;clear:both;}
.path-pc ul{margin:26px 0 0 0;float:right;}
.path-pc ul li{float:left;font-size:12px;color:#969696;}
.path-pc ul li:not(:first-of-type){margin:0 0 0 15px;padding:0 0 0 23px;background:url(/_res/wchapel/img/common/img_path_next.gif) no-repeat 0 50%;}

/* path */
.path-box{margin:0 0 49px 0;height:50px;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;background-color:#f5f5f5;}
.path:after{content:"";display:block;clear:both;}
.path{margin:0 auto;width:100%;max-width:1240px;height:100%;box-sizing:border-box;}
.path-home{float:left;display:block;padding:16px 0 0 38px;width:105px;height:100%;border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;background:url(/_res/template07/img/common/ico_home.gif) no-repeat 20px center;font-size:13px;color:#969696;box-sizing:border-box;}
.path-depth-wrap{float: left;}
.path-depth-wrap > ul:after{content:"";display:block;clear:both;}
.path-depth-wrap > ul > li{position:relative;min-width: 180px;float:left;border-right:1px solid #e7e7e7;}
.path-depth-wrap ul li a {padding: 16px 35px 16px 20px;display: block;background:url(/_res/template07/img/common/img_m_path_arrow.gif) no-repeat right 18px top 23px;color: #969696;font-size:13px;}
.path-depth-wrap .path-depth li a{display: block;padding: 0;border-right:none;background:none;color:#969696;}
.path-depth-wrap .path-depth li a:hover{color:#6084ba;text-decoration:underline;}
.path-depth-wrap .path-depth li a.active{color:#6084ba;text-decoration:underline;}
.path-depth-wrap .path-depth{width:100%;position: absolute;left:0;background-color: #fff;z-index: 9;padding: 10px 15px 10px 20px;border: 1px solid #e7e7e7;border-top:none;box-sizing:border-box;}
.path-depth-wrap .path-depth li{ padding: 0px 0 5px 0;word-wrap:break-word;}
.path-selected.active{background: url(/_res/template07/img/common/img_m_path_arrow_up.gif) no-repeat right 18px top 24px;}

/* 타이틀 */
.page-title{padding:60px 0 80px;}
.page-title h3{font-weight:500;font-size:40px;color:#000;}

/* 탭 */
.tab-box{padding:0 0 60px 0;}
.tab-ul01{display:table;position:relative;width:100%;text-align:center;}
.tab-ul01:before{content:"";display:block;position:absolute;bottom:0;width:100%;height:2px;background-color:#333;}
.tab-ul01 li{display:table-cell;width:50%;background-color:#eaeaea;}
.tab-ul01 li a{display:block;padding:15px 10px;font-size:18px;color:#666;}
.tab-ul01 li a.active{position:relative;z-index:10;padding:13px 10px 15px;border:2px solid #174f8e;border-bottom:none;background-color:#fff;font-size:20px;color:#164c8a;}

.tab-ul02{border:1px solid #ddd;}
.tab-ul02:after{content:"";display:block;clear:both;}
.tab-ul02 li{position:relative;width: 25%;float: left;padding:14px 0;text-align: center;}
.tab-ul02.notice li{position:relative;width: 20%;float: left;padding:14px 0;text-align: center;}
.tab-ul02.research li{position:relative;width: 33.3333333333%;float: left;padding:14px 0;text-align: center;}
.tab-ul02 li a{padding:2px 0;font-size:18px;color:#999999;display:block;border-right:1px solid #ddd;}
.tab-ul02 li:last-of-type a{border-right:none;}
.tab-ul02 li a.active{color:#164c8a;}
.tab-ul02 li a.active:before{content:"";display:block;position:absolute;bottom:0;width:100%;height:3px;background-color:#164c8a;}
.tab-ul02.wid-50 li{width:50% !important}

/* 학부소개 - 학부장 인사말 */
.greetings-top-box{margin:0 0 60px 0;}
.greetings-top-box:after{content:"";display:block;clear:both;}
.greetings-top-box div{display:inline-block;width:calc(76.875% - 4px);vertical-align:middle;text-align:center;}
.greetings-top-box div p{display:inline-block;position:relative;padding:20px 34px;border-right:1px solid #21daac;border-bottom:1px solid #21daac;font-size:36px;color:#21daac;text-align:left;}
.greetings-top-box div p:after{content:"";display:block;position:absolute;right:73px;bottom:-12px;width:24px;height:12px;background:url(/_res/wchapel/img/intro/img_greetings_arrow.gif) no-repeat 0 0;}
.greetings-top-box img{display:inline-block;width:23.125%;max-width:222px;vertical-align:middle;}
.greetings-sign span{display:block;margin:0 0 15px 0;font-size:20px;color:#333;text-align:right;}
.greetings-sign img{float:right;}

/* 학부소개 - 학부현황 */
.achievement-list-wrap{padding:45px 20px;background-color:#f5f5f5;text-align:center;}
.achievement-list-wrap li{display:inline-block;margin:0 6px 0 0;width:300px;min-height:300px;background-color:#174f8e;border-radius:50%;box-sizing:border-box;vertical-align:middle;}
.achievement-list-wrap li:last-of-type{margin:0;}
.achievement-list-wrap li dl{padding:55px 0 0 0;}
.achievement-list-wrap li dl dt{margin:0 0 22px 0;font-weight:400;font-size:20px;color:#8ec3ff;}
.achievement-list-wrap li dl dd{color:#fff;}
.achievement-list-wrap li dl dd span{color:#21daac;}

.achievement-chart-wrap:after{content:"";display:block;clear:both;}
.achievement-chart-wrap dl{float:left;margin:0 30px 0 0;width:calc(50% - 15px);}
.achievement-chart-wrap dl:last-of-type{margin:0;}
.achievement-chart-wrap dl dt{margin:0 0 20px 0;font-weight:400;font-size:20px;text-align:center;}
.achievement-chart-wrap dl dd img{width:100%;}

.status-box .img-box img{width:100%;}

/* 학부소개 - 전기전자공학부 역사 */
.history-box .yonsei-table{border-top:none;}
.history-year{font-weight:500;font-size:30px;color:#21daac;}

/* 학부소개 - 연락처 및 오시는길 */
.bus{display:inline-block;padding:10px 0 10px 59px;}
.bus01{background:url(/_res/wchapel/img/intro/ico_bus01.gif) no-repeat 0 0;color:#6bd31f;}
.bus02{background:url(/_res/wchapel/img/intro/ico_bus02.gif) no-repeat 0 0;color:#1761b5;}
.bus03{background:url(/_res/wchapel/img/intro/ico_bus03.gif) no-repeat 0 0;color:#30bfa6;}
.bus04{background:url(/_res/wchapel/img/intro/ico_bus04.gif) no-repeat 0 0;color:#f52727;}
.bus05{background:url(/_res/wchapel/img/intro/ico_bus05.gif) no-repeat 0 0;color:#ceb048;}
.campus-box .img-box img{display:block;margin:0 auto;width:100%;max-width:917px;}

/* 교육 - 학부과정 - 입학안내 */
.education-img-txt:after{content:"";display:block;clear:both;}
.education-img-txt .left-box{float:left;width:30%;}
.education-img-txt .left-box img{width:100%;}
.education-img-txt .right-box{float:left;padding:0 0 0 20px;width:70%;box-sizing:border-box;}

/* 교육 - 학부과정 - 교과안내 */
.under-course-purpose li{margin:0 0 10px 0;padding:23px 5.39%;border-radius:70px;letter-spacing:-0.8px;color:#fff;}
.under-course-purpose li > p{display:inline-block;margin:0 0 0 20px;width:calc(100% - 50px);font-size:25px;vertical-align:middle;}
.under-course-purpose li > span{display:inline-block;font-weight:500;font-size:45px;vertical-align:middle;}
.under-course-purpose li:nth-of-type(1){background-color:#51a0d2}
.under-course-purpose li:nth-of-type(2){background-color:#35c1bf;}
.under-course-purpose li:nth-of-type(3){margin:0;background-color:#4370a3;}
.under-course-purpose li > p > span{border-bottom:1px solid #fff;}
.under-course-system{border-top:1px solid #e1e1e1;background-color:#f5f5f5}
.under-course-system:after{content:"";display:block;clear:both;}
.under-course-system li{float:left;padding:42px 10px 42px 60px;width:33.33%;background:url(/_res/wchapel/img/education/ico_under_course_mark.gif) no-repeat 20px 36px;font-size:20px;color:#21daac;box-sizing:border-box;letter-spacing:-0.8px;}
.under-course01-box .img-box img{width:100%;}

.under-course02-box .img-box img{display:block;margin:0 auto;width:100%;max-width:748px;}

.requirement-list:after{content:"";display:block;clear:both;}
.requirement-list li{position:relative;float:left;margin:0 0 0 25px;padding:0 25px 0 0;}
.requirement-list li:last-of-type{padding:0;}
.requirement-list li:after{content:"";display:block;position:absolute;top:8px;right:0;width:1px;height:11px;background-color:#b2b2b2;}
.requirement-list li:last-of-type:after{display:none;}
.requirement-list li a:hover{color:#21daac;}
.requirement-list li a.active{color:#21daac;}
.requirement-list .pdf{display:inline-block;margin:0 0 0 5px;padding:2px 10px;background-color:#ddd;font-size:14px;color:#666;vertical-align:middle;}
.requirement-area img{display:block;margin:0 auto;}

/* 교육 - 대학원과정 - 입학안내 */
.grad-admission01-box .img-box01{margin:30px 0 100px;}

.grad-admission-program{margin:0 0 40px 0;}
.grad-admission-program:after{content:"";display:block;clear:both;}
.grad-admission-program li{position:relative;float:left;padding:38px 0 38px 8%;width:32.33%;font-weight:400;font-size:24px;color:#fff;text-align:center;box-sizing:border-box;}
.grad-admission-program li:after{content:"";display:block;position:absolute;top:0;left:0;z-index:-10;width:109%;height:100%;border-radius:70px;}
.grad-admission-program li:nth-of-type(1):after{background-color:rgba(53,193,191,0.8);}
.grad-admission-program li:nth-of-type(2):after{background-color:rgba(81,160,210,0.8);}
.grad-admission-program li:nth-of-type(3):after{background-color:rgba(55,109,169,0.8);}

.grad-admission-program li:nth-of-type(1){background:url(/_res/wchapel/img/education/ico_grad_program01.png) no-repeat 25% 50%;}
.grad-admission-program li:nth-of-type(2){background:url(/_res/wchapel/img/education/ico_grad_program02.png) no-repeat 25% 50%;}
.grad-admission-program li:nth-of-type(3){background:url(/_res/wchapel/img/education/ico_grad_program03.png) no-repeat 12% 50%;}
.grad-admission01-box .img-box img{width:100%;}

.grad-admission02-box .img-box img{width:100%;}
.grad-admission02-box .img-box02 img{margin:30px 0 0 0;}

.grad-admission03-box .btn-box{display:inline-block;float:right;}

/* 교육 - 대학원과정 - 교과안내 */
.grad-course-composition{margin:30px 0 0 0;padding:40px 10%;background-color:#f5f5f5;}
.grad-course-composition li{display:inline-block;padding:20% 0 0 0;width:calc(25% - 3px);font-size:20px;text-align:center;vertical-align:top;}
.grad-course-composition li:nth-of-type(1){background:url(/_res/wchapel/img/education/ico_composition01.gif) no-repeat 50% 0;color:#f24747;}
.grad-course-composition li:nth-of-type(2){background:url(/_res/wchapel/img/education/ico_composition02.gif) no-repeat 50% 0;color:#eca418;}
.grad-course-composition li:nth-of-type(3){background:url(/_res/wchapel/img/education/ico_composition03.gif) no-repeat 50% 0;color:#24b29d;}
.grad-course-composition li:nth-of-type(4){background:url(/_res/wchapel/img/education/ico_composition04.gif) no-repeat 50% 0;color:#215da0;}
.grad-course-composition li:nth-of-type(n){background-size:73%;}

/* 교육 - 교육협력프로그램 */
.reu-file-box{padding:40px 7.25%;background-color:#f5f5f5;text-align:center;}
.reu-file-box li{display:inline-block;margin:0 2.5% 0 0;padding:30px 0;width:calc(22.5% - 3px);background-color:#164c8a;font-size:18px;}
.reu-file-box li:last-of-type{margin-right:0;}
.reu-file-box li a{color:#fff;}
.reu-box .img-box{margin:0 0 30px 0;}
.reu-box .img-box img{display:block;margin:0 auto;width:100%;}
.reu-box .btn-box a{margin:0 10px 10px;min-width:235px;box-sizing:border-box;}

/* 교육 - 국제화교육프로그램 */
.international-box .yonsei-table img{max-width:100%;}
.international-img-txt:after{content:"";display:block;clear:both;}
.international-img-txt .left-box{float:left;width:30%;}
.international-img-txt .left-box img{width:100%;}
.international-img-txt .right-box{float:left;padding:0 0 0 30px;width:70%;box-sizing:border-box;}

/*연구실*/
.research-img-box{padding:0 0 30px 0;overflow:hidden}
.research-img-box ul{overflow: hidden;}
.research-img-box ul li{float:left;margin:0 5px 0 0;}
.research-img-box .left-box{float:left; width:35%}
.research-img-box .right-box{float:left; width:65%}

.bk-necessity-box{position:relative;}
.bk-necessity-box:after{content:"";display:block;clear:both;}
.bk-necessity-box span{position:absolute;top:-4px;z-index:10;padding:19px 0 0 0;width:88px;height:88px;background-color:#35c1bf;font-size:30px;color:#fff;text-align:center;box-sizing:border-box;border-radius:88px;}
.bk-necessity-box ul{float:right;padding:3px 0 3px 38px;width:calc(100% - 44px);height:100%;border:1px solid #d7d9db;border-radius:5px;box-sizing:border-box;}
.bk-necessity-box ul li{float:left;padding:0 5%;width:33%;background:url(/_res/wchapel/img/research/img_bk_chart_arrow.gif) no-repeat right 0 top 50%;box-sizing:border-box;}
.bk-necessity-box ul li:last-of-type{background:none;}
.bk-box .img-box img{width:100%;}

/*커뮤니티*/
.reser-box{padding:35px 0; border-top:1px solid #000;border-bottom:1px solid #ececec;text-align:center;}
.reser-box p{padding:0 0 35px }

/* 교목실 FAQ */
.faq-box .content-info-txt{margin:-40px 0 40px 0;text-align:left;}

/*사이트 맵*/
.sitemap-box{padding:0 0 60px 0;}
.sitemap-box h4{font-size: 24px;color: #1459a6;border-bottom: 2px solid #333333;padding:0 0 10px 0;}
.sitemap-box > ul{padding: 10px 0 0 0;display: table;width: 100%;}
.sitemap-box > ul > li{font-size:16px;font-weight: 500;float:left;display: table-cell;width: 20%;margin:0 0 20px 0;}
.sitemap-box > ul > li > ul {padding:10px 0 0 0;}
.sitemap-box > ul > li > ul > li {background:url(/_res/template01/img/intro/bg_bar_dot.gif) no-repeat 0 11px;padding:0 0 5px 9px;font-weight:400;font-size:14px;}
.sitemap-box > ul > li > ul > li > a{colod:#999;}
.sitemap-box > ul > li > ul > li > a:hover{font-weight:500;text-decoration:underline;}

/*법적고지-개인정보처리방침*/
.legal-box dl{margin:0 0 80px 0;}
.legal-box dl dt{line-height: 32px;padding: 0 0 10px 0px;font-weight: 600;font-size: 24px;color: #084487;}
.legal-box dl dd{line-height:26px;}

.privacy-box .con-p{margin:0 0 20px 0;}
.privacy-box .h5-tit02{font-weight: 700;font-size: 18px;color: #333333;padding: 0 0 10px 0px;}
.privacy-box ul li{padding: 0 0 0 7px;background: url(/_res/template07/img/common/bul_list_dot.gif) no-repeat 0 11px;}
.privacy-box ul li ol li{padding:0;margin:0px 0 0 17px;list-style-type: decimal;background: none !important;}
.ol-type04 li{margin:0 0 30px 17px;list-style-type: decimal;}
.ol-type05 li{margin: 0px 0 3px 17px;list-style-type: decimal;}

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

  /* 교육 - 학부과정 - 교과안내 */
  .requirement-include-box.scrollbox{overflow-x:scroll;}

}

@media screen and (max-width: 1024px){
  
  .top-header-wrap{padding: 45px 0 13px 0;}
  .bottom-header-box{height: 70px;}
  .top-right-header-box{top:-40px;padding:0 0 8px 0;width:100%;border-bottom:1px solid #ececec;}
  .top-right-header-box ul{padding:0 10px;}
  .top-right-header-box > ul > li:nth-of-type(1){display:none;}
  .top-right-header-box > ul > li:nth-of-type(2){float:left;margin:0;background:none;}
  .top-right-header-box > ul > li:nth-of-type(3){display:none;}
  .top-right-header-box > ul > li:nth-of-type(4){float:right;margin:0;background:none;}
  .top-right-header-box .language-box{top:32px;left:-5px;}
  .bottom-header-wrap{display:none;}
  .main-logo{padding:8px 0 0 10px;float:left;}
  .gnb{display:none;}
  .m-menu-btn {display:block;}
  
  .btn_menu {display:block;float:right;margin:18px 0 0 0;width:44px;height:34px;background:url(/_res/template02/img/common/btn_m_menu.gif) no-repeat 0 0;background-size:60%;}
  .m-search-wrap {position: relative;}
  .m-search-wrap input[name="search_value"] {padding:0 15px;width:100%;height:70px;border:none;background-color:#ffc240;font-weight:300;font-size:16px;color:#fff;box-sizing:border-box;border-radius:0;}
  .m-search-btn {position: absolute;top: 23px;right: 15px;width: 24px;}
  
  /* 학부소개 - 학부현황 */
  .achievement-list-wrap li{display:block;margin:0 auto 20px;}
  .achievement-list-wrap li:last-of-type{margin:0 auto;}

  /* 교육 - 대학원과정 - 입학안내 */
  .grad-admission-program li{font-size:18px;}
  .grad-admission-program li:nth-of-type(n){background-size:30px;}
  
}

@media screen and (max-width: 768px) {
  
  /* layout */
  .lnb{display:none}
  .content-wrap{float:none;width:100%;}
  .sub-visual-intro-wrap{display:none;}
  .tab-box{padding: 0 3%;}
  
  /* common */
  .pc-hide{display:block;}
  .mobile-hide{display:none;}
  
  .top-header-box h1 {padding: 0px 0 0 10px;float:left;width: 260px;}
  .top-header-box h1 a{display:block;}
  .top-header-box h1 a img{width:100%;}
  .visual.tc p{position:relative;top:66px;}
  
  .content-info-txt{padding:15px;font-size:18px;}
  
  .content-box{padding:0 10px;}
  .h4-tit01{font-size:20px;}
  
  .scrollbox{position:relative;width:100%;overflow-x:auto;overflow-y:hidden}
  .msg_touch_help{display:block;position:absolute;top:30px;left:50%;width:70px;height:70px;margin:0 0 0 -35px}
  .msg_touch_help img{width:100%}
  
 /* 로그인 */
  .login-bg{background-color:#fff;}
  .login-box{margin:0;padding:30px;width:100%;border:none;background:none;}
  .login-box h1{float:none;margin:0 auto 30px;width:130px;}
  .login-zone{float:none;width:100%;}
  .login-link-wrap{margin:18px 10px 32px;text-align:center;}
  .login-link-wrap li:nth-of-type(2){padding:0;}
  .login-link-wrap li:nth-of-type(2):after{display:none;}
  .login-link-wrap li:last-of-type{display:block;margin:10px 0 0 0;}
  .login-etc-msg{text-align:center;}
  .login-wrap address{margin:37px 0 0 0;}

  /* 메인비주얼 */
  .main-visual-img-box{height:300px;}
  .main-visual-txt-box .txt01{font-size:30px;}
  .main-visual-txt-box .txt02{font-size:16px;letter-spacing:-1px;}
  .control-wrap{padding:0 10px;box-sizing:border-box;}
  .main-visual-box .control-wrap a{width:15px;height:30px;background-size:100%;}
  
  /*상단링크*/
  .main-content-box .top-lnk-box ul {padding:14px 2% 14px 0;text-align: center;overflow: hidden;}
  .main-content-box .top-lnk-box ul li {display:inline-block;width: 48%;background-color:#05376c;padding:15px 0; margin:0 0 0 2%;float:left;}
  .main-content-box .top-lnk-box ul li:nth-of-type(4){margin:2% 0 0 2%;}
  .main-content-box .top-lnk-box ul li:nth-of-type(3){margin:2% 0 0 2%;}
  
  
  /*미니보드*/
  .main-board-wrap{padding:30px 0;}
  .mini-wrap .mini-left-box {width: 100%;float:left;position: relative;}
  .main-board-wrap .main-board-box{padding:0 15px;}
  .main-board-wrap .main-board-box .mini-wrap{margin:0 0 30px 0;padding:20px;}
  .mini-wrap .mini-right-box{width: 100%;}
  .mini-wrap .mini-right-box.tit01, .mini-wrap .mini-right-box.tit02, .mini-wrap .mini-right-box.tit03{margin:0 0 20px 0;width:100%;min-height:0;}
  .mini-wrap .mini-right-box .ver-m {display: block;}
  .mini-wrap .mini-right-box h3 {padding: 10px 0 10px 8px;float:left;}
  .mini-wrap .mini-right-box .btn-more {padding: 1px 16px;display:block;text-align:center;position:absolute;right:-25px;top:14px;font-size:13px;}
  .mini-wrap .mini-right-box h3 span.titm02{font-size:20px;font-weight:500;}
  .mini-wrap .mini-right-box h3 span{display: inline-block;padding:0 0 0 10px;}

  .mini-wrap .mini-left-box ul li:nth-of-type(2){margin: 20px 0;}
  .mini-wrap .mini-left-box ul li{border: 1px solid #ececec;width: 100%;float: left;box-sizing:border-box;}
  
  .mini-wrap .mini-left-box{padding:0 35px;}
  .mini-left-box .control-wrap a{width:30px;height:30px;}
  .mini-left-box .prev{left:0;}
  .mini-left-box .next{right:0;}
  
  /*하단링크*/
  .lnk-wrap{padding:30px 0;}
  .main-banner01 {max-width: 1240px;position: relative;padding: 0 20px;overflow: hidden;margin: 0 0 30px;}
  .main-banner01 .quick-lnk.box01, .main-banner01 .quick-lnk.box02, .main-banner01 .quick-lnk.box03 {background-size: cover;}
  .main-banner01 .quick-lnk {display: table;min-height: 0px;width: 100%;} 
  .main-banner01 .quick-lnk .ver-m {display: table-cell;vertical-align: middle;text-align: center;padding: 10% 0;}
  .main-banner01 .quick-lnk.box02 {margin: 20px 0;}
  
  /*하단배너*/
  .main-banner02{padding:0px 0px 80px;position:relative;margin:0 20px;}
  .main-banner02 .main-banner-right-box{width:96%;margin:0 2%;}
  .main-banner02 h3{color:#164c8a;padding:0px 0 0 20px;}
  .main-banner02 .banner-control-wrap{position: absolute;top:-27px;left:auto;right: 4px;}
  .main-banner02 .main-banner-left-box{float:none;width:100%;border-right:1px solid #f1f1f3;padding:16px 0 0px 0;}  

  /*푸터*/
  .foot-wrap .foot-wrap-bottom-box{padding:20px 3%;width: 94%;}
  .foot-wrap .foot-wrap-bottom-box .foot-ul{width:100%;font-size:13px}
  .foot-wrap .foot-wrap-bottom-box p{padding:0 0 10px 0;width:100%;}
  
  .related-site-wrap{float:left;width:100%;}
  .related-site-title{padding:16px 43px 16px 10px;width:100%;height:55px;border:1px solid #e7e7e7;background:#f4f4f4 url(/_res/econ/img/common/img_related_arrow02.gif) no-repeat right 20px center;background-size: 16px;border-radius: 0;}
  .related-site-title.active{background:#f4f4f4 url(/_res/econ/img/common/img_related_arrow02_up.gif) no-repeat right 20px center;background-size:16px;}
  .related-site{bottom:52px;padding:10px 0;border:none;background-color:#f4f4f4;border-radius:0;}
  .related-site li a{display:block;padding:4px 10px;}
  
  /* path */
  .path-box{margin:0 0 25px 0;height:40px;border:none;background-color:#10488a;}
  .path{padding:0;}
  .path-home{width:41px;height:41px;border:none;background:url(/_res/template07/img/common/btn_m_home.gif) no-repeat 0 0;background-size:100%;}
  .path-depth-wrap{width:calc(100% - 41px);}
  .path-depth-wrap > ul > li{float:left;width:33.33%;min-width: 120px;border-right:none;box-sizing:border-box;}
  .path-depth-wrap ul li a{padding:10px 27px 11px 15px;width:100%;box-sizing:border-box;border-right:1px solid #37659b;color:#fff;}
  .path-depth-wrap .path-depth{top:40px;left:0;padding:0;z-index:20;width:100%;border:1px solid #37659b;box-sizing:border-box;}
  .path-depth-wrap .path-selected{background:#10488a url(/_res/template07/img/common/img_m_path_arrow.gif) no-repeat right 15px top 17px;background-size:15px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
  .path-depth li{padding:0;border-bottom:1px solid #37659b;background-color:#10488a;box-sizing:initial;}
  .path-depth li:last-of-type{border:none;}
  .path-depth-wrap .path-depth li a{padding:10px 15px 5px;color:#fff;}
  .path-selected.active{background:#10488a url(/_res/template07/img/common/img_m_path_arrow_up.gif) no-repeat right 15px top 17px;background-size:15px;}
  
  /* 타이틀 */
  .page-title{padding:0 3% 35px;}
  .page-title h3{font-size:30px;}
  
  /* 탭 */
  .tab-depth01{padding:8px 3%;border-top:2px solid #bbb;border-bottom:2px solid #bbb;background-color:#d3d3d3;box-sizing:border-box;}
  .tab_sel{-webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0 0 20px;width: 100%;height: 40px;font-weight: 500;font-size: 17px;padding: 0 40px 0 15px;border: 1px solid #939393;background: #fff url(/_res/template07/img/common/btn_select_arr01.gif) no-repeat right 15px top 55%;background-size: 16px;color: #333;border-radius: 4px;}
  
  /* 학부소개 - 학부장 인사말 */
  .greetings-top-box{position:relative;margin:0 0 160px 0;}
  .greetings-top-box div{position:absolute;top:300px;left:0;right:0;width:auto;}
  .greetings-top-box div p{padding:18px;font-size:20px;}
  .greetings-top-box img{display:block;margin:0 auto;width:100%;}

  /* 학부소개 - 학부현황 */
  .achievement-chart-wrap dl{float:none;margin:0 0 30px 0;width:100%;}
  .achievement-chart-wrap dl:last-of-type{margin:0;}
  
  .status-box .img-box img{margin:0 auto;max-width:580px;}
  
  /* 학부소개 - 전기전자공학부 역사 */
  .history-year{font-size:16px;}
  
  /* 학부소개 - 연락처 및 오시는길 */
  .bus{padding:10px 0 10px 16px;background-size:14px;background-position:0 14px;}
  
  /* 교육 - 학부과정 - 입학안내 */
  .education-img-txt .left-box{float:none;margin:0 0 30px 0;width:100%;text-align:center;}
  .education-img-txt .left-box img{width:314px;}
  .education-img-txt .right-box{float:none;padding:0;width:100%;}
  
  /* 교육 - 학부과정 - 교과안내 */
  .under-course-purpose li{padding:15px 5.39%;}
  .under-course-purpose li > span{font-size:25px;}
  .under-course-purpose li > p{margin:0 0 0 10px;width:calc(100% - 30px);font-size:20px;}
  
  .under-course-system li{float:none;padding:10px 10px 10px 50px;width:100%;background-size:25px;background-position:10px 10px;}
  
  .under-course01-box .img-box img{margin:0 auto;max-width:640px;}
  .under-course-system{margin:0 auto;max-width:640px;}
  
  .requirement-list li{margin:0 0 0 10px;padding:0 10px 0 0;}
  .requirement-list li:after{top:5px;}
  
  /* 교육 - 대학원과정 - 입학안내 */
  .grad-admission01-box .img-box01 img{margin:0 auto;max-width:580px;}
  .grad-admission01-box .img-box02{margin:30px 0;}
  .grad-admission01-box .img-box02 img{display:block;margin:0 auto;max-width:559px;}
  
  .grad-admission02-box .img-box01 img{margin:0 auto;max-width:642px;}
  
  /* 교육 - 대학원과정 - 교과안내 */
  .grad-course-composition{padding:20px 3.75%;}
  .grad-course-composition li{margin:0 0 20px 0;padding:150px 0 0 0;width:calc(50% - 3px);font-size:16px;}
  .grad-course-composition li:nth-of-type(n){background-size:140px;}
  .grad-course-composition li:last-of-type,.grad-course-composition li:nth-last-of-type(2){margin:0;}
  
  /* 교육 - 교육협력프로그램 */
  .reu-file-box{padding:15px 15px 5px;}
  .reu-file-box li{margin:0 10px 10px 0;padding:15px 0;width:calc(50% - 13px);font-size:14px;}
  .reu-file-box li:last-of-type,.reu-file-box li:nth-of-type(2){margin-right:0;}
  
  .international-box .btn-box a{margin:0 0 10px 0;width:100%;text-align:center;box-sizing:border-box;}
  .international-box .btn-box a:last-of-type{margin:0;}
  .international-img-txt .left-box{float:none;width:100%;text-align:center;}
  .international-img-txt .left-box img{max-width:287px;}
  .international-img-txt .right-box{float:none;padding:0;width:100%;}
  .international-box table .btn-type01{padding:7px 10px;}
  
  /*연구실*/
  .research-img-box img{width:100%;}
  .research-img-box ul li {float:none;margin:0;padding:0 0 10px 0;}  
  .research-img-box ul li img{width:100%}
  .research-img-box .left-box {float: none;width: 100%;padding: 0 0 15px 0;}
  .research-img-box .right-box{float:none; width:100%}
  
  .bk-necessity-box span{display:block;position:relative;margin:0 0 10px 0;padding:8px 0;width:100%;height:auto;border-radius:15px;}
  .bk-necessity-box ul{width:100%;border:none;padding:0;}
  .bk-necessity-box ul li{position:relative;float:none;margin:0 0 44px 0;padding:5px 10px;width:100%;border:1px solid #d7d9db;background:none;border-radius:15px;}
  .bk-necessity-box ul li:after{content:"";display:block;position:absolute;bottom:-32px;left:0;right:0;margin:0 auto;width:24px;height:15px;background:url(/_res/wchapel/img/research/img_m_bk_chart_arrow.gif) no-repeat 0 0;}
  .bk-necessity-box ul li:last-of-type{margin:0;}
  .bk-necessity-box ul li:last-of-type:after{display:none;}
  .bk-box .img-box img{margin:0 auto;max-width:642px;}
  
  /* 교목실 FAQ */
  .faq-box .content-info-txt{margin:-18px 0 18px 0;}
  .faq-box .content-info-txt span{font-size:14px;line-height:19px;}
  
  /*사이트맵*/
  .sitemap-wrap{padding:0 10px;}
  .sitemap-box h4{font-size:20px;}
  .sitemap-box > ul > li {font-size: 16px;font-weight: 500;float: left;display: block;width: 100%;margin: 0 0 10px 0;}
  
  /*법적고지-개인정보처리방침*/
  .legal-box dl{margin:0 0 50px 0;}
  .legal-box dl dt{line-height: 28px;font-size: 20px;font-weight:500;}
  .legal-box dl dd{font-size: 16px;line-height:23px;}
  .ol-type04 li, .ol-type05 li{font-size:14px;}
  
}

@media screen and (max-width:420px) {
  
    /*모바일 상단메뉴*/
    .path-home {display:none;}
    .path-depth-wrap {width:100%;}
    .path-depth-wrap .path-selected{background-position:right 10px top 17px;background-size: 12px;}
    .path-depth-wrap ul li a{padding:10px 20px 9px 8px;}
    .path-depth-wrap .path-depth li a{padding: 10px 8px 5px;}
    .path-depth-wrap > ul > li{min-width:0;}
  
  /* 학부소개 - 학부현황 */
  .achievement-list-wrap{padding:25px 10px;}
  .achievement-list-wrap li{width:250px;min-height:250px;margin:0 auto 10px;}
  .achievement-list-wrap li dl dt{margin:0 0 10px 0;font-size:18px;}
  .achievement-list-wrap li dl dd{font-size:14px;}
  
   /* 교육 - 대학원과정 - 교과안내 */
  .grad-course-composition li{padding:130px 0 0 0;}
  .grad-course-composition li:nth-of-type(n){background-size:120px;}
  
}