@charset "utf-8";
/****************************************/
/* Name: i-URP 동명대학교 대학혁신연구단지조성 사업단
/* PART: LAYOUT STYLE 
/* Version: 1.0 / day: 2021-10-01
/* Author:  
/****************************************/

/*
=========================================================================
pc 레이아웃 css
=========================================================================
*/

#header,
#header .head_box .logo a{transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}

#wrapper{position:relative;min-width:320px;width:100%;height:100%;right:0;z-index:300}
#wrapper.shadow_device::after{position:fixed;top:0;left:0;width:100%;height:100%;content:'';background:rgba(0,0,0,0.5);z-index:90;}

/* ---- 상단영역 ---- */
#header{position:fixed;top:0;left:0;padding:0 30px;min-width:320px;width:100%;background:#fff;box-shadow: 2px 2px 5px rgb(0,0,0,0.1);z-index:150}

#header .head_box{position:relative;margin:0 auto;max-width:1680px;height:135px;z-index:200}
#header .head_box .logo{position:absolute;top:32px;left:0;text-align:center;z-index:20}
#header .head_box .logo a{display:block}
#header .head_box .logo a:hover{text-decoration:none}
#header .head_box .logo span{position:relative;display:inline-block;padding:7px 10px 0;font-size:16px;color:#303030;text-align: left;vertical-align:middle;line-height:1.2;font-weight:normal}
#header .head_box .topLink{position:absolute;top:45px;right: 0;z-index:20}
#header .head_box .topLink .link1{display: inline-block;margin-right: 20px;;vertical-align: middle}
#header .head_box .topLink .link1 li{position: relative;display: inline-block}
#header .head_box .topLink .link1 li:first-child ~ li::after{position:absolute;left:0;top:50%;margin-top:-6px;width:0;height:12px;content:'';border-left: 1px solid #bcbcbc;}
#header .head_box .topLink .link1 li a{display: block;padding:0 10px;font-size: 18px;color: #303030;line-height: 45px;}
#header .head_box .topLink .link2{display: inline-block;vertical-align: middle;}
#header .head_box .topLink .link2 .btnMy{display: inline-block;vertical-align: middle;}
#header .head_box .topLink .link2 .btnMy a{display: block;width: 45px;height: 45px;text-indent: -999px;overflow: hidden;background:url('/resources/img/sub/ic_my.png') no-repeat center center;}
#header .head_box .topLink .link2 button{margin:0 5px;width: 37px;height: 45px;text-indent: -999px;overflow: hidden;vertical-align: middle;background-position:center center;background-repeat: no-repeat;}
#header .head_box .topLink .link2 .btnSearch{background-image:url('/resources/img/sub/ic_search.png') }
#header .head_box .topLink .link2 .btnSiteMap span{position:relative;display:block;margin:0 auto;width:40px;height:4px;background:#000;border-radius:2px}
#header .head_box .topLink .link2 .btnSiteMap span::before{position:absolute;top:-14px;left:0;width:100%;height:4px;content:'';background:#000;border-radius:2px}
#header .head_box .topLink .link2 .btnSiteMap span::after{position:absolute;top:14px;left:0;width:100%;height:4px;content:'';background:#000;border-radius:2px}

.topSearch{display:none;position: fixed;top:0;left:0;padding:60px 30px;width:100%;background:#fff;z-index:550;}
.topSearch .searchCon{position:relative;margin:0 auto;padding:0 240px;max-width:1680px;}
.topSearch .searchCon h2{margin-bottom:30px;font-size: 60px;font-weight: 700;line-height: 1;}
.topSearch .searchCon .searBox{position:relative;padding-right:70px;border:5px solid #ddd}
.topSearch .searchCon .searBox .serInt{padding:0 20px;width: 100%;height: 60px;font-size:20px;border:0}
.topSearch .searchCon .searBox .btn{position:absolute;top:0;right: 0;width:70px;height: 60px;text-indent: -999px;overflow: hidden;cursor: pointer;background: url('/resources/img/sub/ic_search2.png') no-repeat center center;border:0}
.topSearch .searchCon .btnClose{position:absolute;top:0;right:0;width: 60px;height: 60px;text-indent:-999px;overflow:hidden;background:#34bb6a url('/resources/img/sub/ic_close.png') no-repeat center center;}

#header .head_box .btnMenu{display:none}

#gnb{position:relative;/*padding:0 310px 0 340px;*/padding:0 240px 0 340px;text-align: center;}
#gnb ul.gnb{display:inline-block;z-index:20}
#gnb > ul:after{display:block;clear:both;content:''}
#gnb > ul > li{position:relative;float:left;text-align:center}
#gnb > ul > li > a{position:relative;display:block;/*padding:0 40px;*/padding:0 35px;font-size:20px;color:#303030;line-height:135px;font-weight:700;text-decoration:none}
#gnb > ul > li > a::after{position:absolute;left:50%;bottom: 0;width: 0;height: 4px;content: '';background: #34bb6a;transition: all 0.2s ease;z-index:2}
#gnb > ul > li.hv > a,
#gnb > ul > li.on > a,
#gnb > ul > li > a:hover{color:#34bb6a}
#gnb > ul > li > a:hover::after,
#gnb > ul > li.hv > a::after{left:0;width:100%;}
#gnb .gnb > li > ul{display:block !important;position:absolute;top:80px;/*left:-15%;*/left:-25%;padding:30px 20px 20px;/*width:130%;*/width:150%;height:0;text-align:left;transition-property: height, top, opacity;transition-duration: 0.2s;transition-timing-function:ease;-webkit-transition-property: height, top, opacity;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function:ease;opacity:0;overflow:hidden;background:#fcfcfc;box-shadow: 1px 3px 6px rgb(0,0,0,0.2);z-index:-5}
#gnb .gnb > li > ul > li{margin-bottom:20px}
#gnb .gnb > li > ul > li > a{display:block;margin-bottom:5px;font-size:17px;color:#444;font-weight:500;line-height: 1.2;}
#gnb .gnb > li > ul > li > a.blank{padding-right:10px; position:relative;}
#gnb .gnb > li > ul > li > a.blank::after{position:absolute; top:3px; right:0; width:15px; height:15px; content:''; background: url('/resources/img/sub/ic_blank.png') right top/contain no-repeat;}
#gnb .gnb > li > ul > li > a:hover{color:#34bb6a;}
#gnb .gnb > li > ul > li > ul{margin:10px 0 15px}
#gnb .gnb > li > ul > li > ul li{margin-bottom:5px}
#gnb .gnb > li > ul > li > ul li a{position:relative;display:block;padding-left:10px;font-size: 16px;color: #666;}
#gnb .gnb > li > ul > li > ul li a:hover{color:#444}
#gnb .gnb > li > ul > li > ul li a::before{position:absolute;top:0;left: 0;content: '-';}

#gnb .gnb > li.hv > ul{top:135px;height:auto;opacity:1;border-width:0 1px 1px;z-index:10}


/* ---- 중간영역 ---- */
#container{position:relative;padding-top:134px; min-height:100%;}
#container #content{position:relative;min-height:300px;}
#container #content::after{display:block;clear:both;content:''}

#container #content .subConBox{margin:0 auto;padding:0 30px 80px;max-width:1660px;}
#container #content .subConBox iframe{height: 100vh; width: 100%;}

.subVisual{padding-top:100px;height:320px;color:#fff;text-align:center;background-position:center top;background-size:cover}
.subVisual.bg1{background-image:url('/resources/img/sub/sub_visual01.jpg')}
.subVisual.bg2{background-image:url('/resources/img/sub/sub_visual02.jpg')}
.subVisual.bg3{background-image:url('/resources/img/sub/sub_visual03.jpg')}
.subVisual.bg4{background-image:url('/resources/img/sub/sub_visual04.jpg')}
.subVisual.bg5{background-image:url('/resources/img/sub/sub_visual05.jpg')}
.subVisual.bg6{background-image:url('/resources/img/sub/sub_visual06.jpg')}
.subVisual.bg7{background-image:url('/resources/img/sub/sub_visual07.jpg')}
.subVisual h1{margin-bottom:15px;font-size:40px;color:#fff;font-weight:700;line-height:1}
.subVisual p{font-size:18px;}

.lnbWrap{position:relative;margin:-40px auto 90px;padding-right:160px;max-width:1600px;height:80px;background:#fff;border:1px solid #ddd;border-width:1px 1px 1px 0;z-index:90}
#lnb{border-bottom:1px solid #efefef;}
#lnb > ul{position:relative;padding-left:80px;}
#lnb > ul::after{display:block;clear:both;content:''}
#lnb > ul > li{position:relative;float:left;border-right:1px solid #ddd;transition:all 0.3s ease;-webkit-transition: all 0.3s ease;}
#lnb > ul > li.home{position:absolute;top:-1px;left:0;width:80px;height:80px;background:#0fa13c;}
#lnb > ul > li.home a{display:block;height:100%;text-indent:-999px;overflow:hidden;background:url('/resources/img/sub/ic_home.png') no-repeat center center;}
#lnb > ul > li button{position:relative;padding-right:50px;width:100%;min-width:310px;height:79px;font-size:20px;color:#444;font-weight: 500;text-indent:40px;text-align:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border:0;transition:all 0.3s ease;-webkit-transition: all 0.3s ease;}
#lnb > ul > li button::after{position: absolute; top: 50%; right: 38px;content: "";margin-top:-4px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #444;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
#lnb > ul > li button.on::after{margin-top:-7px;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
#lnb > ul > li:last-child button{color:#34bb6a;background-color:#eaf3ef;border-bottom: 1px solid #ddd;}
#lnb > ul > li:last-child button::after{border-top-color:#34bb6a}
#lnb > ul > li > ul{display:none;position:absolute;top:79px;left:0;min-width:100%;background:#fff;border-bottom:1px solid #d9dadd;z-index:10}
#lnb > ul > li > ul li{font-size:18px;white-space: nowrap;}
#lnb > ul > li > ul li a{position:relative;display:block;padding:20px 35px;color:#272d38;line-height:20px;font-weight:500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border:1px solid #d9dadd;border-width:1px 1px 0;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
#lnb > ul > li > ul li a:hover,
#lnb > ul > li > ul li.on a{background:#ededed}

.lnbWrap2{position:relative;margin:-40px auto 90px;max-width:1600px;background:#fff;border-top:1px solid #ddd;z-index:90}
#lnb2 > ul{display: flex;flex-wrap: wrap;}
#lnb2 > ul > li{flex:1;text-align: center;}
#lnb2 > ul > li a{display: block;font-size: 20px;line-height: 79px;font-weight: 500;text-decoration: none;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
#lnb2 > ul > li:first-child a{border-left: 0;}
#lnb2 > ul > li.on a{color:#fff;background:#2aba64}

.etcBtn{position:absolute;top:0;right:0;display: flex;height:80px;border-bottom:1px solid #efefef;z-index:3}
.etcBtn button{width:80px;height:80px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center;border-left:1px solid #e5e5e5}
.etcBtn .line{display:inline-block;width:1px;height:20px;vertical-align:middle;background:#e0e0e0}
.etcBtn .btnPrint{position:relative;background-image:url('/resources/img/sub/ic_print.png');}
.etcBtn .btnSns{position:relative;width:80px}
.etcBtn .btnSns button{background-image:url('/resources/img/sub/ic_share.png');}
.etcBtn .btnSns ul{display:none;position:absolute;top:85px;right:20px;}
.etcBtn .btnSns ul li{margin-bottom:2px}
.etcBtn .btnSns ul li a{display:block;width:37px;height:37px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:100%;border-radius:50%}
.etcBtn .btnSns ul li.ic1 a{background-image:url('/resources/img/sub/ic_sns1.png')}
.etcBtn .btnSns ul li.ic2 a{background-image:url('/resources/img/sub/ic_sns2.png')}
.etcBtn .btnSns ul li.ic3 a{background-image:url('/resources/img/sub/ic_sns3.png')}
.etcBtn .btnSns ul li.ic4 a{background-image:url('/resources/img/sub/ic_sns4.png')}

#mbLnb{display:none}


/* ---- 하단영역 ---- */
#footer {position:relative;padding:0 30px;width:100%;background:#182024}
#footer .footWrap{position:relative;margin:0 auto;padding:50px 0 100px;max-width:1600px;}
#footer .footWrap .footMenu{float:left;margin-bottom:30px;text-align:left}
#footer .footWrap .footMenu li{position:relative;display:inline-block;padding:0 22px}
#footer .footWrap .footMenu li::before{position:absolute;top:50%;right:-6px;margin-top:-2px;width:4px;height:4px;content:'';background:#50585c;border-radius:50%}
#footer .footWrap .footMenu li:first-child{padding-left:0}
#footer .footWrap .footMenu li:last-child::before{display:none}
#footer .footWrap .footMenu li:last-child{padding-right:0}
#footer .footWrap .footMenu li a{display:block;color:#e9ecef;}
#footer .footWrap .fLinkCon{float:right}
#footer .footWrap .fFamily{position:relative;display:inline-block;margin-left:5px}
#footer .footWrap .fFamily > button{position:relative;width:220px;height:48px;font-size:16px;color:#dee2e4;text-indent:20px;text-align:left;background:#34464e;border-radius:4px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
#footer .footWrap .fFamily > button::after{position: absolute; top: 50%; right: 20px;content: "";width:0;height:0;margin-top: -3px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #89949a;}
#footer .footWrap .fFamily > button.on::after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
#footer .footWrap .fFamily > button:hover,
#footer .footWrap .fFamily > button.on{background:rgba(0,0,0,0.5)}
#footer .footWrap .fFamily .fFamCon{display:none;position:absolute;right:0;bottom:50px;padding:20px;width:100%;text-align:left;color:#dee2e4;background:rgba(24,32,36,0.95);z-index:100}
#footer .footWrap .fFamily .fFamCon .btnClose{position:absolute;top:20px;right:20px;width:45px;height:45px;text-indent:-999px;overflow:hidden;}
#footer .footWrap .fFamily .fFamCon .btnClose::before{position:absolute;top:50%;left:50%;margin-left:-50%;width:100%;height:0;content:'';border-top:3px solid #fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
#footer .footWrap .fFamily .fFamCon .btnClose::after{position:absolute;top:50%;left:50%;margin-left:-50%;width:100%;height:0;content:'';border-top:3px solid #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#footer .footWrap .fFamily .fFamCon .box{height:200px;overflow:auto;}

#footer .footWrap address{clear:both;display:block;margin-bottom:5px;font-size:14px;color:#98a1a6}
#footer .footWrap address span{display:inline-block;margin:0 10px}
#footer .footWrap small{font-size:14px;color:#98a1a6}

#footer .footWrap .botBtTop{display:none;position:fixed;/*bottom:240px;*/bottom:70px;left:50%;margin-left:860px;padding-top:15px;width:60px;height:60px;font-size:15px;color:#fff;background:#388e3c;border-radius:50%;z-index:600}
#footer .footWrap .botBtTop::before{position:absolute;top:18px;left:50%;margin-left:-5px;width:10px;height:10px;content:'';border:1px solid #fff;border-width:2px 2px 0 0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}


#mGnb{display:none;}


/*
=========================================================================
반응형 레이아웃 css
=========================================================================
*/

 /* PC / TABLET Device */
@media all and (min-width:641px){
	
	#lnbCon.fix #lnb{position:fixed;top:0;left:0;margin:0;width:100%;height:70px;max-width:100%;z-index:300}

}

 /* PC Device */
 @media all and (max-width:1750px){

	#gnb > ul > li > a{padding: 0 30px;}

	

 }

 /* PC Device */
 @media all and (max-width:1560px){

	#gnb > ul > li > a{padding: 0 20px;font-size:20px}

	#footer .footWrap .botBtTop{bottom:20px;left:auto;right:20px;margin-left:0;z-index:999}

 }

  /* PC Device */
  @media all and (max-width:1390px){

	#gnb > ul > li > a{padding: 0 6px;font-size:18px}

 }

 /* PC Device */
@media all and (min-width:1201px){
	

	#mGnb{display:none;}

	#totalMb{display:none;position:fixed;top:0;left:0;padding:60px 0;width:100%;height:100%;overflow:auto;background:#f8f8f8;z-index:200}
	#totalMb.on{display:block}
	#totalMb .mb_mem{display: none;}
	#totalMb .totalCon{position:relative;margin:0 auto;padding:0 240px;max-width: 1680px;}
	#totalMb .totalCon h2{margin-bottom:30px;font-size: 60px;font-weight: 700;line-height: 1;}
	#totalMb .totalCon > ul{position:relative;}
	#totalMb .totalCon > ul::after{display:block;clear:both;content:''}
	#totalMb .totalCon > ul > li{position:relative;padding:25px 0 25px 160px;border-bottom:1px solid #ccc}
	#totalMb ul > li a{display:inline-block}
	#totalMb .totalCon > ul > li > a{position:absolute;top:30px;left:0;display:block;font-size:24px;color:#444;font-weight:700;}
	
	#totalMb .totalCon > ul > li button{display:none}
	#totalMb .totalCon > ul > li > ul{display:block !important}
	#totalMb .totalCon > ul > li > ul::after{display:block;clear:both;content:''}
	#totalMb .totalCon > ul > li > ul > li{float:left;margin:5px 0;width:25%}
	#totalMb .totalCon > ul > li > ul > li:nth-child(5){clear: left;}
	#totalMb .totalCon > ul > li > ul > li.row{width: 50%;}
	#totalMb .totalCon > ul > li > ul > li > a{font-size:24px;color:#888;font-weight:500;}
	#totalMb .totalCon > ul > li > ul > li > a:hover{color:#34bb6a}
	#totalMb .totalCon > ul > li > ul > li > ul{display:block !important;padding:5px 0;}
	#totalMb .totalCon > ul > li > ul > li > ul > li > a{position:relative;padding-left:12px;font-size:20px;color:#888}
	#totalMb .totalCon > ul > li > ul > li > ul > li > a::before{position:absolute;top:0;left: 0;content: '-';}
	#totalMb .totalCon > ul > li > ul > li > ul > li ul{padding:5px 12px 10px}
	#totalMb .totalCon > ul > li > ul > li > ul > li ul li a{position:relative;padding-left:10px;font-size: 18px;color:#888}
	#totalMb .totalCon > ul > li > ul > li > ul > li ul li a::before{position:absolute;top: 0;left: -5px;content: 'ㆍ';}
	#totalMb .totalCon > ul > li > ul > li a.blank{padding-right:35px; position:relative;}
	#totalMb .totalCon > ul > li > ul > li a.blank::after{position:absolute; top:10px; right:0; width:24px; height:23px; content:''; background: url('/resources/img/sub/ic_blank.png') right top/contain no-repeat;}

	#totalMb .totalCon .btnClose{position:absolute;top:0;right:0;width: 60px;height: 60px;text-indent:-999px;overflow:hidden;background:#34bb6a url('/resources/img/sub/ic_close.png') no-repeat center center;}
	
}

 /* TABLET Device */
@media all and (max-width:1200px){
	
	#header{overflow: initial;}
	#header .head_box{height:130px}
	#header .head_box .logo{left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
	#header .head_box .topLink .link1{display: none;}
	#header .head_box .topLink .link2 .btnSiteMap{display: none;}


	#header .head_box .btnMenu{display:block;position:absolute;left:0;top:20px;width:85px;height:85px;text-indent:-999px;overflow:hidden;z-index:110}
	#header .head_box .btnMenu span{position:relative;display:block;margin:0 auto;width:40px;height:4px;background:#000;border-radius:2px}
	#header .head_box .btnMenu span::before{position:absolute;top:-14px;left:0;width:100%;height:4px;content:'';background:#000;border-radius:2px;transition: all 0.2s ease;;-webkit-transition: all 0.2s ease;}
	#header .head_box .btnMenu span::after{position:absolute;top:14px;left:0;width:100%;height:4px;content:'';background:#000;border-radius:2px;transition: all 0.2s ease;;-webkit-transition: all 0.2s ease;}
	#header .head_box .btnMenu.on span{background:transparent !important}
	#header .head_box .btnMenu.on span::before{top:0;height:2px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
	#header .head_box .btnMenu.on span::after{top:0;height:2px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
	
	#gnb{display:none}

	.topSearch .searchCon{padding:0}
	
	/* 모바일메뉴 */
	#totalMb{display:block !important;position:fixed;top:130px;right:-100%;width:100%;height:100%;height:calc(100% - 130px);overflow:auto;background:#fff;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;border-top:1px solid #e1e1e1;z-index:500}
	#totalMb .totalCon h2{display: none;}
	#totalMb .mb_mem{display:flex; background:#f5f5f5; border-bottom:1px solid #ccc;}
	#totalMb .mb_mem li{position:relative;width: 50%;text-align: center;}
	#totalMb .mb_mem li:first-child::after{position: absolute;top: 15px;right: 0;width: 0;height: 40px;content: '';border-left:1px solid #bcbcbc;}
	#totalMb .mb_mem li a{display: block;font-size:20px;color: #444;line-height:70px}
	#totalMb .totalCon > ul{width:100%;height:100%;overflow:auto;background:#fff;}
	#totalMb .totalCon > ul > li{position:relative;font-size:28px;line-height:1;border-bottom:1px solid #d5d5d5}
	#totalMb .totalCon > ul > li > button{position:absolute;top:0;left:0;width:100%;height:88px;text-indent:-999px;overflow:hidden;text-align:left}
	#totalMb .totalCon > ul > li.has-sub > a::after{display:none;position:absolute;top:50%;right:30px;width:20px;height:0;content:'';border-top:3px solid #fff;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
	#totalMb .totalCon > ul > li.open > a::after{display:block}
	#totalMb .totalCon > ul > li > a{position:relative;display:block;padding:30px 30px 30px 60px;color:#313131;}
	#totalMb .totalCon > ul > li > a::before{position:absolute;top:35px;left:30px;width: 20px;height: 20px;content: '';background:url('/resources/img/mb_ic_menu.png') no-repeat center top;}
	#totalMb .totalCon > ul > li.open > a{color:#fff;font-weight:500;background-color: #34bb6a;}
	#totalMb .totalCon > ul > li.open > a::before{background-position:center bottom}
	#totalMb .totalCon > ul > li > ul{display:none;background:#eaf3ef}
	#totalMb .totalCon > ul > li > ul > li{position:relative;border-top:1px solid #ccc}
	#totalMb .totalCon > ul > li > ul > li > a{position:relative;display:block;padding:30px 60px;font-size:24px;color:#636363;font-weight:500}
	#totalMb .totalCon > ul > li > ul > li > button{position:absolute;top:0;left:0;width:100%;height:84px;text-indent:-999px;overflow:hidden;text-align:left}
	#totalMb .totalCon > ul > li > ul > li > a:hover,
	#totalMb .totalCon > ul > li > ul > li.open > a{color:#34bb6a}
	#totalMb .totalCon > ul > li > ul > li.has-sub > a::after{display:none;position:absolute;top:50%;right:30px;width:20px;height:0;content:'';border-top:3px solid #34bb6a;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
	#totalMb .totalCon > ul > li > ul > li.open > a::after{display: block;}
	#totalMb .totalCon > ul > li > ul > li > ul{display:none;background:#dae4e0}
	#totalMb .totalCon > ul > li > ul > li > ul > li{position:relative;border-top:1px solid #ccc}
	#totalMb .totalCon > ul > li > ul > li > ul > li > a{position:relative;display:block;padding:25px 60px;font-size:20px;color:#666}
	#totalMb .totalCon > ul > li > ul > li > ul > li > a::before{content:'- '}
	#totalMb .totalCon > ul > li > ul > li > ul > li > button{position:absolute;top:0;left:0;width:100%;height:70px;text-indent:-999px;overflow:hidden;text-align:left}
	#totalMb .totalCon > ul > li > ul > li > ul > li.has-sub > a::after{display:none;position:absolute;top:50%;right:35px;width:15px;height:0;content:'';border-top:2px solid #26497f;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
	#totalMb .totalCon > ul > li > ul > li > ul > li.open > a::after{display:block}
	#totalMb .totalCon > ul > li > ul > li > ul > li > ul{display:none;background:#e1ece8;}
	#totalMb .totalCon > ul > li > ul > li > ul > li > ul li{border-top:1px solid #ccc}
	#totalMb .totalCon > ul > li > ul > li > ul > li > ul li a{display:block;padding:25px 70px;font-size:18px;color:#636363}
	
	#totalMb.open{right:0}
	#totalMb .totalCon .btnClose{display: none;}


	.fix_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:200}
	#wrapper.wra_box{position:fixed;top:0;width:100%;height:auto;z-index:200;}

	.subVisual{padding-top: 80px;height: 250px;}

	.lnbWrap{margin:0 0 80px;padding-right:80px}
	#lnb > ul > li{width:33.33%}
	#lnb > ul > li button{padding-right:40px;min-width:100px;text-indent:20px}
	#lnb > ul > li button::after{right:20px}
	#lnb > ul > li > ul li a{padding:20px}

	#lnb2 > ul > li a{font-size: 14px;line-height: 49px;background:#f5f5f5}

	.etcBtn{height:50px;}
	.etcBtn .btnPrint{display:none}
	
	

	#container{padding-top:130px}
	

	
	#footer{text-align:center}
	#footer .footWrap .footMenu{float:none;margin-bottom:40px;text-align:center}
	#footer .footWrap .fLinkCon{float:none;margin-bottom:40px;}

	
	
	
}

 /* TABLET Device */
@media all and (max-width:850px){

	/*#container #content .subConBox iframe{height: 900px;}*/

}
@media all and (max-width:800px){

	#header .head_box .logo{width:360px}

}
@media all and (max-width:780px){

	/*#container #content .subConBox iframe{height: 1000px;}*/

}


 /* Mobile Device */
@media all and (max-width:640px){
	
	body,
	table{font-size:14px;line-height:1.5}
	textarea, select, input, button{font-size:14px;line-height:1.4}
	
	#header{padding:0 10px}
	#header .head_box{height:75px}
	
	#header .head_box .logo{top:20px;width: auto;}
	#header .head_box .logo img{width: 78px;}
	#header .head_box .logo span{display:none}

	#header .head_box .topLink{top:15px}
	#header .head_box .topLink .link2 .btnMy a{background-size:28px}
	#header .head_box .topLink .link2 .btnSearch{margin:0;background-size: 28px;}

	.topSearch{padding: 20px 20px 30px;}
	.topSearch .searchCon h2{margin-bottom: 10px;font-size: 30px;}
	.topSearch .searchCon .btnClose{width: 32px;height: 32px;background-size:15px}
	.topSearch .searchCon .searBox{padding-right: 50px;}
	.topSearch .searchCon .searBox .serInt{padding: 0 10px;height: 40px;font-size: 14px;}
	.topSearch .searchCon .searBox .btn{width: 50px;height: 40px;background-size: 25px;}

	#header .head_box .btnMenu{top:12px;width:50px;height:50px}
	#header .head_box .btnMenu span{width:25px;height:2px}
	#header .head_box .btnMenu span::before{top: -8px;height:2px}
	#header .head_box .btnMenu span::after{top: 8px;height:2px}

	#totalMb{top:75px;height: calc(100% - 75px);}
	#totalMb .mb_mem li a{font-size: 14px;line-height: 50px;}
	#totalMb .mb_mem li:first-child::after{top: 10px;height: 30px;}
	#totalMb .totalCon > ul > li{font-size: 18px;}
	#totalMb .totalCon > ul > li > a{padding: 15px 20px 15px 40px;}
	#totalMb .totalCon > ul > li > button{height: 48px;}
	#totalMb .totalCon > ul > li > a::before{top: 17px;left: 17px;width: 16px;height: 16px;background-size: 100%;}
	#totalMb .totalCon > ul > li.has-sub > a::after{right: 20px;width: 15px;border-top-width: 2px;}
	#totalMb .totalCon > ul > li > ul > li > a{padding: 15px 40px;	font-size: 17px;}
	#totalMb .totalCon > ul > li > ul > li > button{height:48px}
	#totalMb .totalCon > ul > li > ul > li > ul > li > a{padding: 13px 40px;font-size: 15px;}
	#totalMb .totalCon > ul > li > ul > li > ul > li > button{height: 40px;}
	#totalMb .totalCon > ul > li > ul > li.has-sub > a::after{right: 20px;width: 15px;border-top-width: 2px;}
	#totalMb .totalCon > ul > li > ul > li > ul > li > ul li a{padding: 10px 50px;font-size: 14px;}
	#totalMb .totalCon > ul > li > ul > li > ul > li.has-sub > a::after{right: 20px;width: 10px;border-top-width: 1px;}
	
	
	.lnbWrap{margin-bottom:40px;padding-right:50px;height:50px}
	#lnb > ul{padding-left:50px}
	#lnb > ul > li{display: none}
	#lnb > ul > li.home{display:block;width:50px;height:50px;}
	#lnb > ul > li.home a{background-size:25px}
	#lnb > ul > li button{padding-right:25px;min-width:50px;height:49px;font-size:13px;text-indent:10px}
	#lnb > ul > li button::after{right:15px;margin-top: -4px;border-width:5px;}
	#lnb > ul > li.mobile{display: block;width:100%;}
	#lnb > ul > li > ul{top:48px;width:100%}
	#lnb > ul > li > ul li{font-size:13px}
	#lnb > ul > li > ul li a{padding:10px 20px 10px 10px}
	#lnb > ul > li > ul li a:hover::after, #lnb .lnbBox > ul > li > ul li.on a::after{right:10px}
	#lnb > ul > li.mobile button{color:#444;background:#fff}
	#lnb > ul > li.mobile button::after{border-top-color: #444;}

	.lnbWrap2{margin-bottom:40px;}
	#lnb2 > ul > li{flex: none;width: 50%;}
	/*#lnb2 > ul > li:nth-child(5){flex: none;width: 100%;}*/

	.etcBtn button{width: 50px;height: 50px;background-size: 20px;}
	.etcBtn .btnSns{width: 50px;}
	.etcBtn .btnSns ul{top: 55px;right:7px}
	.etcBtn .btnSns ul li a{width:30px;height:30px}

	
	.subVisual{padding-top:50px;height:150px;}
	.subVisual h1{margin-bottom:5px;font-size:25px}
	.subVisual p{font-size:13px}
	
	#container{padding-top:75px}
	#container #content .subConBox{padding:0 20px 40px}
	
	#footer{padding:0 20px}
	#footer .footWrap{padding: 30px 0 50px;}
	#footer .footWrap .footMenu{margin-bottom:20px}
	#footer .footWrap .footMenu li{margin-bottom:10px;padding: 0 5px 0 7px;}
	#footer .footWrap .footMenu li a{font-size:12px}
	#footer .footWrap .fLinkCon{margin-bottom:20px}
	#footer .footWrap .fFamily{margin:0 2px 5px}
	#footer .footWrap .fFamily > button{width: 150px;height:35px;font-size: 13px;text-indent: 15px;}
	#footer .footWrap .fFamily .fFamCon{bottom: 35px;padding:10px}
	#footer .footWrap .fFamily .fFamCon .box{height:120px;font-size:12px}
	#footer .footWrap .fFamily .fFamCon .box ul li{margin-bottom:5px}
	#footer .footWrap address span{display:block;width:1px;height:1px;text-indent:-999px;overflow:hidden}
	#footer .footWrap address,
	#footer .footWrap small{font-size:13px;}

	#footer .footWrap .botBtTop{right:10px;bottom:10px;padding-top: 10px;width: 45px;height: 45px;font-size: 12px;}
	#footer .footWrap .botBtTop::before{top: 13px;margin-left: -4px;width: 8px;height: 8px;}
	/*#container #content .subConBox iframe{height: 1240px;}*/


}