@charset "utf-8";
/****************************************/
/* Name: 동명대학교 입학처
/* PART: LAYOUT STYLE 
/* Version: 1.0 / day: 2021-02-15
/* 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}

/* ---- 상단영역 ---- */
#header{position:absolute;top:0;left:0;min-width:320px;width:100%;overflow:hidden;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,0.1);z-index:150}
#header.online::before{position:absolute;top:200px;left:0;width:100%;height:100%;content:'';border-top:2px solid #005629;border-bottom:1px solid #dee2e4}
#header::after{position:absolute;top:0;left:0;width:100%;height:45px;content:'';background:#263238}

#header .head_box{position:relative;margin:0 auto;max-width:1400px;min-height:200px;z-index:200}
#header .head_box .logo{position:absolute;top:60px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);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-family: 'YDV2002';font-size:21px;color:#182024;vertical-align:middle;line-height:47px;font-weight:normal}
#header .head_box .logo span::after{position:absolute;top:22px;left:0;width:0;height:15px;content:'';border-left:1px solid #262626}
#header .head_box .logo span:first-of-type{padding-left:0}
#header .head_box .logo span:first-of-type::after{display:none}
#header .head_box .topLink{margin-bottom:85px}
#header .head_box .topLink::after{display:block;clear:both;content:''}
#header .head_box .topLink .homeGo{display:block;float:left;width:160px}
#header .head_box .topLink .homeGo a{display:block;padding-left:55px;font-family: 'YDV2002';font-size:17px;color:#fff;line-height:45px;background:#388e3c url('/_res/tongmyong/iphak/img/ic_home.png') no-repeat 33px center;}
#header .head_box .topLink .rtLink{float:right;}
#header .head_box .topLink .rtLink ul{float:left}
#header .head_box .topLink .rtLink ul::after{display:block;clear:both;content:''}
#header .head_box .topLink .rtLink ul li{float:left}
#header .head_box .topLink .rtLink ul li a{display:block;line-height:45px}
#header .head_box .topLink .rtLink .link1{margin-right:20px}
#header .head_box .topLink .rtLink .link1 li{margin:0 13px}
#header .head_box .topLink .rtLink .link1 li a{font-size:14px;color:#eaeef0}
#header .head_box .topLink .rtLink .link1 li.login a{padding-left:20px;background:url('/_res/tongmyong/iphak/img/ic_login.png') no-repeat left center;}
#header .head_box .topLink .rtLink .link2{padding:0 10px;background:#34464e}
#header .head_box .topLink .rtLink .link2 li a{width:35px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center}
#header .head_box .topLink .rtLink .link2 li.ic1 a{background-image:url('/_res/tongmyong/iphak/img/ic_top_sns1.png') }
#header .head_box .topLink .rtLink .link2 li.ic2 a{background-image:url('/_res/tongmyong/iphak/img/ic_top_sns2.png') }
#header .head_box .topLink .rtLink .link2 li.ic3 a{background-image:url('/_res/tongmyong/iphak/img/ic_top_sns3.png') }
#header .head_box .topLink .rtLink .link2 li.ic4 a{background-image:url('/_res/tongmyong/iphak/img/ic_top_sns4.png') }
#header .head_box .topLink .rtLink .btnBanner{position:relative;float:left;padding-left:20px;width:100px;height:45px;font-size:14px;color:#fff;text-align:left}
#header .head_box .topLink .rtLink .btnBanner::before{position:absolute;top:12px;right:0;width:20px;height:20px;content:'';background:url('/_res/tongmyong/_share/img/ic_arrow4.png') no-repeat;background-size:100%;}
#header .head_box .topLink .rtLink .btnBanner::after{content:'닫기'}
#header .head_box .topLink .rtLink .btnBanner.on::after{content:'열기'}
#header .head_box .topLink .rtLink .btnBanner.on::before{transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}

#header .head_box .btnMenu{display:none}

#gnb{position:relative;border-top:1px solid #e9e9e9}
#gnb ul.gnb{position:relative;overflow:hidden;z-index:20}
#gnb > ul:after{display:block;clear:both;content:''}
/*#gnb > ul > li{position:relative;float:left;width:14%;text-align:center}*/
#gnb > ul > li{position:relative;float:left;width:calc(100% / 5);text-align:center}
#gnb > ul > li > a{position:relative;display:block;padding:0;font-size:20px;color:#182024;line-height:70px;font-weight:700;text-decoration:none}
#gnb > ul > li > a::after{position:absolute;left:0;bottom:0;width:100%;height:0;content:'';background:#005629;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
#gnb > ul > li.hv > a,
#gnb > ul > li.on > a,
#gnb > ul > li > a:hover{color:#005629}
#gnb > ul.on > li.hv > a::after,
#gnb > ul.on > li.on > a::after,
#gnb > ul.on > li > a:hover::after{height:4px}
#gnb > ul > li.hv > ul{z-index:1}
#gnb > ul > li > ul{position:absolute;top:71px;left:0;padding:25px 0 0 0;width:100%;min-height:400px;border-right:1px solid #e7e7e7}
#gnb > ul > li:first-child > ul{border-left:1px solid #e7e7e7}
#gnb > ul > li > ul li{margin-bottom:6px;}
#gnb > ul > li > ul li a{display:inline-block;padding:6px 15px;font-size:17px;color:#515151;font-weight:400;line-height:1.1;word-break:keep-all;}
#gnb > ul > li > ul li a:hover,
#gnb > ul > li > ul li.on a{color:#019687;}


/* ---- 중간영역 ---- */
#container{position:relative;padding-top:200px;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 100px;max-width:1400px}

.subVisual{padding-top:95px;height:300px;color:#fff;text-align:center;background-position:center top;background-size:cover}
.subVisual.bg1{background-image:url('/_res/tongmyong/iphak/img/sub_visual01.jpg')}
.subVisual.bg2{background-image:url('/_res/tongmyong/iphak/img/sub_visual02.jpg')}
.subVisual.bg3{background-image:url('/_res/tongmyong/iphak/img/sub_visual08.jpg')}
.subVisual.bg4{background-image:url('/_res/tongmyong/iphak/img/sub_visual04.jpg')}
.subVisual.bg5{background-image:url('/_res/tongmyong/iphak/img/sub_visual05.jpg')}
.subVisual.bg6{background-image:url('/_res/tongmyong/iphak/img/sub_visual06.jpg')}
.subVisual.bg7{background-image:url('/_res/tongmyong/iphak/img/sub_visual07.jpg')}
.subVisual.bg8{background-image:url('/_res/tongmyong/iphak/img/sub_visual08.jpg')}
.subVisual.bg9{background-image:url('/_res/tongmyong/iphak/img/sub_visual09.jpg')}
.subVisual.bg0{background-image:url('/_res/tongmyong/iphak/img/sub_visual05.jpg')}
.subVisual h1{margin-bottom:15px;font-size:45px;color:#fff;font-weight:400;line-height:1}
.subVisual p{font-size:17px;font-weight:300}

.lnbWrap{position:relative;margin:-59px auto 0;padding-right:120px;max-width:1400px;height:60px;background:#fff;border-bottom:1px solid #e5e5e5;z-index:90}
#lnb > ul{position:relative;padding-left:68px;}
#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:0;left:0;width:68px;height:59px;background:#0fa13c;}
#lnb > ul > li.home a{display:block;height:100%;text-indent:-999px;overflow:hidden;background:url('/_res/tongmyong/iphak/img/ic_home2.png') no-repeat center center;}
#lnb > ul > li button{position:relative;padding-right:40px;width:100%;min-width:300px;height:60px;font-size:17px;text-indent:30px;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: 25px;content: "";margin-top:-7px;width:10px;height:10px;border:1px solid #3b3b3c;border-width:0 0 1px 1px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
#lnb > ul > li button.on::after{margin-top:-2px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}
#lnb > ul > li > ul{display:none;position:absolute;top:60px;left:0;min-width:100%;background:#fff;border-bottom:1px solid #d9dadd;z-index:10}
#lnb > ul > li > ul li{font-size:16px;white-space: nowrap;}
#lnb > ul > li > ul li a{position:relative;display:block;padding:15px 20px;color:#272d38;line-height:20px;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}

.etcBtn{position:absolute;top:0;right:0;height:60px;z-index:3}
.etcBtn button{width:60px;height:60px;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('/_res/tongmyong/iphak/img/ic_print.png');}
.etcBtn .btnSns{position:relative;display:inline-block;margin-right:-2px;vertical-align:middle}
.etcBtn .btnSns button{background-image:url('/_res/tongmyong/iphak/img/ic_share.png');}
.etcBtn .btnSns button.on{background-image:url('/_res/tongmyong/iphak/img/ic_share_close.png');background-size:60%}
.etcBtn .btnSns ul{display:none;position:absolute;top:65px;right:10px;}
.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('/_res/tongmyong/iphak/img/ic_sns1.png')}
.etcBtn .btnSns ul li.ic2 a{background-image:url('/_res/tongmyong/iphak/img/ic_sns2.png')}
.etcBtn .btnSns ul li.ic3 a{background-image:url('/_res/tongmyong/iphak/img/ic_sns3.png')}
.etcBtn .btnSns ul li.ic4 a{background-image:url('/_res/tongmyong/iphak/img/ic_sns4.png')}

#mbLnb{display:none}

.rightQ{position:absolute;top:920px;right:40px;padding-bottom:70px;text-align:center;z-index:100}
.rightQ ul{margin-bottom:30px}
.rightQ ul li{margin-bottom:15px;}
.rightQ ul li a{display:block;color:#2a2a2a}
.rightQ ul li a span{display:block;margin:0 auto 5px;width:70px;height:70px;border-radius:50%;background-repeat:no-repeat;background-position:center center;background-size:100%}
.rightQ ul li.ic1 a span{background-color:#ec2327;background-image:url('/_res/tongmyong/iphak/img/ic_q1.png')}
.rightQ ul li.ic2 a span{background-color:#eca823;background-image:url('/_res/tongmyong/iphak/img/ic_q2.png')}
.rightQ .botBtTop{display:none;position:absolute;left:50%;bottom:0;padding-top:15px;margin-left:-35px;width:70px;height:70px;font-size:12px;color:#fff;cursor:pointer;background:#0e4e10;border-radius:50%;z-index:2}
.rightQ .botBtTop::before{position:absolute;top:20px;left:50%;margin-left:-8px;width:15px;height:15px;content:'';border:1px solid #fff;border-width:2px 2px 0 0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}

.rightQ.fix{position:fixed;top:70px}

/* ---- 하단영역 ---- */
#footer {position:relative;width:100%;background:#182024}
#footer .footWrap{position:relative;margin:0 auto;padding:50px 60px 100px;height:270px;max-width:1400px;}
#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{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;z-index:100}
#footer .footWrap .fFamList1 .fFamCon{left:0;bottom:270px;padding:70px 70px 40px;width:100%;text-align:left;color:#dee2e4;background:rgba(24,32,36,0.95);}
#footer .footWrap .fFamList1 .fFamCon .box::after{display:block;clear:both;content:''}
#footer .footWrap .fFamList1 .fFamCon a{display:block;color:#fff}
#footer .footWrap .fFamList1 .fFamCon dl{float:left;margin-bottom:30px;width:25%}
#footer .footWrap .fFamList1 .fFamCon dl:nth-child(5){clear:left;width:25%}
#footer .footWrap .fFamList1 .fFamCon dl:nth-child(9){clear:left;width:25%}
#footer .footWrap .fFamList1 .fFamCon dl:nth-child(11){width: 24%;}
/*#footer .footWrap .fFamList1 .fFamCon dl:nth-child(1){width:31%}
#footer .footWrap .fFamList1 .fFamCon dl:nth-child(5){clear:left;width:31%}*/
#footer .footWrap .fFamList1 .fFamCon dl dt{margin-bottom:5px;font-size:25px;color:#79bb2a}
#footer .footWrap .fFamList1 .fFamCon dl dd ul::after{display:block;clear:both;content:''}
#footer .footWrap .fFamList1 .fFamCon dl dd ul li{}
#footer .footWrap .fFamList1 .fFamCon dl dd ul li a:hover{color:#79bb2a}
#footer .footWrap .fFamList1 .fFamCon dl:nth-child(1) dd ul li{/*float:left;*/width:50%}
#footer .footWrap .fFamList1 .fFamCon .box > ul{float:left}
#footer .footWrap .fFamList1 .fFamCon .box > ul > li a{font-size:25px;color:#79bb2a}
#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 .fFamList2{position:relative;}
#footer .footWrap .fFamList2 .fFamCon{right:0;bottom:50px;padding:20px;width:100%;text-align:left;color:#dee2e4;background:rgba(24,32,36,0.95);}
#footer .footWrap .fFamList2 .fFamCon .box{height:390px;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}


#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 (min-width:1201px){
	

	#mGnb{display:none;}
	
}

 /* TABLET Device */
@media all and (max-width:1200px){
	
	#header{overflow:inherit}
	#header .head_box{min-height:130px;height:130px;}
	#header .head_box .logo{left:30px;transform: translateX(0);-webkit-transform: translateX(0);}
	#header .head_box .btnMenu{display:block;position:absolute;right:0;top:45px;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:30px;height:2px;background:#3d3d3d;border-radius:2px}
	#header .head_box .btnMenu span::before{position:absolute;top:-12px;left:0;width:100%;height:2px;content:'';background:#3d3d3d;border-radius:2px}
	#header .head_box .btnMenu span::after{position:absolute;top:12px;left:0;width:100%;height:2px;content:'';background:#3d3d3d;border-radius:2px}

	
	#gnb{display:none}
	
	/* 모바일메뉴 */
	#mGnb{display:block !important;position:fixed;top:0;right:-500px;padding-top:110px;width:500px;height:100%;background:#fff;z-index:500;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
	#mGnb .mGlobTop{position:absolute;top:0;left:0;padding:30px;width:100%;z-index:5}
	#mGnb .mGlobTop a{display:block}
	#mGnb .mGlobTop span{position:relative;display:inline-block;padding:4px 10px 0;font-family: 'YDV2002';font-size:24px;color:#fff;vertical-align:middle;line-height:47px}
	#mGnb .mGlobTop span::after{position:absolute;top:22px;left:0;width:0;height:15px;content:'';border-left:1px solid #fff}
	#mGnb .mGlobTop span:first-of-type{padding-left:0}
	#mGnb .mGlobTop span:first-of-type::after{display:none}


	#mGnb::after{position:absolute;top:0;left:0;width:100%;height:110px;content:'';background:#263238}
	#mGnb > ul{padding:50px;width:100%;height:100%;overflow:auto;background:#fff;}
	#mGnb > ul > li{position:relative;font-size:21px;border-bottom:1px solid #d7d7d7}
	#mGnb > ul > li.has-sub::after{position:absolute;top:28px;right:20px;width:17px;height:11px;content:'';background:url('/_res/tongmyong/iphak/img/ic_mbgnb_dot.png') no-repeat;background-size:100%;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
	#mGnb > ul > li > button{position:absolute;top:0;left:0;width:100%;height:70px;text-indent:-999px;overflow:hidden;}
	#mGnb > ul > li.open::after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
	#mGnb > ul > li > a{display:block;padding:0 18px;color:#363c3f;line-height:70px}
	#mGnb > ul > li.open > a{color:#019688;font-weight:500}
	#mGnb > ul > li > ul{display:none;padding:20px 50px;border-top:1px solid #d7d7d7}
	#mGnb > ul > li > ul > li{position:relative;}
	#mGnb > ul > li > ul > li.has-sub::after{position:absolute;top:15px;right:20px;width:13px;height:13px;content:'';background:url('/_res/tongmyong/iphak/img/ic_mbgnb_s_off.png') no-repeat;background-size:100%;}
	#mGnb > ul > li > ul > li.open::after{background:url('/_res/tongmyong/iphak/img/ic_mbgnb_s_on.png') no-repeat;}
	#mGnb > ul > li > ul > li > a{display:block;padding:10px 0;font-size:18px;color:#363c3f;}
	#mGnb > ul > li > ul > li > a:hover,
	#mGnb > ul > li > ul > li.open > a{color:#019687}
	#mGnb > ul > li > ul > li ul{display:none;padding:8px 0;background:#fff;border-top:1px solid #d7d7d7}
	#mGnb > ul > li > ul > li ul li a{display:block;padding:3px 35px;font-size:14px;color:#363c3f}
	#mGnb .btnMenuClose{display:block;position:absolute;top:0;right:0;width:110px;height:110px;text-indent:-999px;overflow:hidden;z-index:100}
	#mGnb .btnMenuClose::before{position:absolute;top:50%;left:50%;margin-left:-20px;width:40px;height:3px;content:'';transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background:#fff;}
	#mGnb .btnMenuClose::after{position:absolute;top:50%;left:50%;margin-left:-20px;width:40px;height:3px;content:'';transform: rotate(45deg);-webkit-transform: rotate(45deg);background:#fff;}
	#mGnb.on{right:0} 


	.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: 67px;height: 185px;}

	.lnbWrap{margin-top:0;padding-right:60px}
	#lnb > ul > li{width:50%}

	.etcBtn .btnPrint{display:none}
	.etcBtn .btnSns{margin-right:0}
	.etcBtn .btnSns button{border-left:0}

	#container{padding-top:130px}
	#container #content .subConBox{padding:0 20px 80px}

	.rightQ{position:fixed;top:auto;right:10px;bottom:-100px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
	.rightQ.fix{top:auto;bottom:40px}
	
	#footer{text-align:center}
	#footer .footWrap{height: 340px;}
	#footer .footWrap .footMenu{float:none;margin-bottom:40px;text-align:center}
	#footer .footWrap .fLinkCon{float:none;margin-bottom:40px;}
	#footer .footWrap .fFamList1 .fFamCon{bottom:340px;padding: 50px 50px 30px;}
	#footer .footWrap .fFamList1 .fFamCon .box{height:550px;overflow:auto}
	#footer .footWrap .fFamList1 .fFamCon dl{width:33.33%}
	#footer .footWrap .fFamList1 .fFamCon dl:nth-child(1),
	#footer .footWrap .fFamList1 .fFamCon dl:nth-child(5){clear:none;width:33.33%}
	#footer .footWrap .fFamList1 .fFamCon dl:nth-child(4){clear:left}
	#footer .footWrap .fFamList1 .fFamCon dl:nth-child(1) dd ul li{float:none;width:100%}
	#footer .footWrap .fFamList1 .fFamCon .box > ul > li a{font-size:20px}
	#footer .footWrap .fFamily .fFamCon .btnClose{top:15px;right:15px;width:30px;height:30px}
	
	
}

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

}


 /* 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::after{height:30px}
	#header .head_box{min-height:85px;height:85px;}
	#header .head_box .topLink .homeGo{width:94px}
	#header .head_box .topLink .homeGo a{padding:0;font-size: 14px;line-height: 30px;text-align:center;background-position:17px center;background-image:none}
	#header .head_box .logo{top:30px;left:20px}
	#header .head_box .logo img{width:100px}
	#header .head_box .logo span{font-size:16px}
	#header .head_box .topLink .rtLink .link2{display:none;padding: 0 5px;}
	#header .head_box .topLink .rtLink .link2 li a{width: 25px;line-height: 30px;}
	#header .head_box .topLink .rtLink .link1{margin-right:0}
	#header .head_box .topLink .rtLink .link1 li{margin:0 10px}
	#header .head_box .topLink .rtLink .link1 li a{font-size: 11px;line-height: 30px;}
	
	#header .head_box .btnMenu{top:30px;width:55px;height:55px}
	#header .head_box .btnMenu span{width:20px;height:2px}
	#header .head_box .btnMenu span::before{top: -8px;width:25px;height:2px}
	#header .head_box .btnMenu span::after{top: 8px;width:22px;height:2px}
	
	#header .head_box .topLink .rtLink .btnBanner{padding-left: 10px;width: 80px;height: 30px;font-size: 12px;}
	#header .head_box .topLink .rtLink .btnBanner::before{top: 9px;right: 10px;width: 13px;height: 13px;}

	#mGnb{right:-90%;padding-top:70px;width:90%}
	#mGnb::after{height:70px;}
	#mGnb .mGlobTop{padding:15px 20px;}
	#mGnb .mGlobTop img{height:30px}
	#mGnb .mGlobTop span{font-size: 16px;line-height:35px;}
	#mGnb .mGlobTop span::after{top: 16px;height: 10px}
	#mGnb .btnMenuClose{width:70px;height:70px;}
	#mGnb .btnMenuClose::after{margin-left:-12px;width:24px;height:2px}
	#mGnb .btnMenuClose::before{margin-left:-12px;width:24px;height:2px}
	#mGnb > ul{padding:20px}
	#mGnb > ul > li > a{padding:0 18px;font-size:16px;line-height:50px}
	#mGnb > ul > li > button{height:50px}
	#mGnb > ul > li.has-sub::after{top:20px}
	#mGnb > ul > li > ul{padding: 10px 30px;}
	#mGnb > ul > li > ul > li > a{padding:8px 0;font-size: 14px;}
	
	
	.lnbWrap{padding-right:40px;height:auto}
	#lnb > ul{padding-left:40px}
	#lnb > ul > li.home{width:40px;height:41px;}
	#lnb > ul > li.home a{background-size:15px}
	#lnb > ul > li button{padding-right:25px;min-width:50px;height:40px;font-size:13px;text-indent:5px}
	#lnb > ul > li button::after{right:10px;margin-top: -6px;width: 8px;height: 8px;}
	#lnb > ul > li > ul{top:40px;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}

	.etcBtn button{width: 40px;height: 40px;background-size: 12px;}
	.etcBtn .btnSns ul{top: 45px;right:5px}
	.etcBtn .btnSns ul li a{width:30px;height:30px}

	
	.subVisual{padding-top:33px;height:100px;}
	.subVisual h1{margin-bottom:5px;font-size:25px}
	.subVisual p{font-size:13px}
	
	#container{padding-top:85px}
	
	.rightQ{bottom: -40px;padding-bottom: 30px;width:40px}
	.rightQ ul{margin-bottom: 20px;}
	.rightQ ul li{margin-bottom:10px}
	.rightQ ul li a{font-size: 10px;line-height:1}
	.rightQ ul li a span{margin-bottom:3px;width: 40px;height: 40px;}

	.rightQ .botBtTop{margin-left: -20px;padding-top: 12px;width: 40px;height: 40px;font-size: 10px;}
	.rightQ .botBtTop::before{top: 12px;margin-left: -4px;width: 8px;height: 8px;}

	.rightQ.fix{bottom:10px}
	
	#footer .footWrap{padding: 30px 20px 40px;height:300px}
	#footer .footWrap .footMenu{margin-bottom:20px}
	#footer .footWrap .footMenu li{margin-bottom:10px;padding: 0 10px;}
	#footer .footWrap .footMenu li a{font-size:13px}
	#footer .footWrap .fLinkCon{margin-bottom:20px}
	#footer .footWrap .fFamily > button{width: 150px;height:35px;font-size: 13px;text-indent: 15px;}
	#footer .footWrap .fFamList1 .fFamCon{bottom:300px;padding:20px;}
	#footer .footWrap .fFamList1 .fFamCon .box{height:400px;}
	#footer .footWrap .fFamList1 .fFamCon dl{float:none;margin-bottom:20px;width:100% !important}
	#footer .footWrap .fFamList1 .fFamCon dl dt{font-size:20px}
	#footer .footWrap .fFamList1 .fFamCon dl:nth-child(1) dd ul li,
	#footer .footWrap .fFamList1 .fFamCon dl dd ul li{float:left;width:50%}
	#footer .footWrap .fFamList2 .fFamCon{bottom:36px;padding:15px;width:150%}
	#footer .footWrap .fFamList2 .fFamCon .box{height:300px}
	#footer .footWrap address span{display:block;width:1px;height:1px;text-indent:-999px;overflow:hidden}
	#footer .footWrap address,
	#footer .footWrap small{font-size:13px;}
	
}

@media all and (max-width:450px){
	#container{padding-top:124px;}
	#header .head_box .topLink .homeGo{width:100%;}
	#header .head_box{height:125px;}
	#header::after{height:64px;}
	#header .head_box .logo{top:67px;}
	#header .head_box .btnMenu{top:69px;}
	#header .head_box .topLink .rtLink .link1 li{margin:0 8px;}
	#header .head_box .topLink .rtLink .btnBanner{font-size:12px;}