@charset "utf-8";
/****************************************/
/* Name: 동의대학교 컴퓨터공학과
/* PART: LAYOUT STYLE 
/* Version: 1.0 / day: 2021-05-10
/* Author:  
/****************************************/

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

#wrapper{position:relative;width:100%;height:100%}

/* ---- 상단영역 ---- */
#header{position:fixed;width:100%;background:#f4f7fc;z-index:150;transition:.2s}
#header .head_box{position:relative;margin:0 auto;max-width:1780px;height:100px}
#header .head_box .logo{position:absolute;top:24px;left:0;z-index:20}
#header .head_box .logo a{display:block}
#header .head_box .logo a:hover{text-decoration:none}
#header .head_box .logo span{display:inline-block;margin-left:10px;font-size:20px;vertical-align:middle;line-height:47px;}
#header .head_box .topLink{position:absolute;top:30px;right:0}
#header .head_box .topLink ul::after{display:block;clear:both;content:''}
#header .head_box .topLink ul li{position:relative;display:inline-block;margin:0 10px;}
#header .head_box .topLink ul li::after{position:absolute;top:50%;left:-10px;margin-top:-8px;width:0;height:17px;content:'';border-left:1px solid #bababa}
#header .head_box .topLink ul li:first-child::after{display:none}
#header .head_box .topLink ul li a{position:relative;display:block;padding-left:30px;font-size:15px;line-height:40px;}
#header .head_box .topLink ul li a::before{position:absolute;top:50%;left:0;width:20px;height:20px;content:'';background-repeat:no-repeat;background-position:left top;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
#header .head_box .topLink .homeGo a{color:#025bac;font-weight:500}
#header .head_box .topLink .homeGo a::before{background-image:url('/_res/deu/_share/img/ic_glob_top1.png')}
#header .head_box .topLink .login a::before{background-image:url('/_res/deu/_share/img/ic_glob_top2.png')}
#header .head_box .btnMenu{display:none}
#header .ico-link{position:relative;top:-2px;margin-left:5px;flex-shrink:0}

#gnb{float:right;padding-right:220px}
#gnb .gnb:after{display:block;clear:both;content:''}
#gnb .gnb-2box{visibility:hidden;display:none;padding:20px 0}
#gnb .gnb > li{position:relative;float:left;width:150px;text-align:center}
#gnb .gnb > li > a{position:relative;display:flex;font-size:18px;color:#333;line-height:100px;font-weight:500;text-decoration:none;text-align:center;justify-content:center}
#gnb .gnb > li > a span{position:relative;display:block;height:100%}
#gnb .gnb > li > a:after{position:absolute;bottom:-1px;left:50%;width:0;height:5px;content:'';background:#084bbb;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
#gnb .gnb > li > a:hover{color:#084bbb}
#gnb .gnb > li > a:hover:after{left:0;width:100%}
#gnb .gnb .gnb-2ul > li a{display:flex;display:-ms-flex;justify-content:center;padding:10px 0;font-size:16px;color:#333;font-weight:400;line-height:1.4;word-break:keep-all}
#gnb .gnb .gnb-2ul > li a:hover,
#gnb .gnb .gnb-2ul > li.on a{font-weight:500}


/* ---- 중간영역 ---- */
#container{position:relative;padding-top:100px;height:100%}
#container #content{position:relative;min-height:600px;}
#container #content::after{display:block;clear:both;content:''}
#container #content .subConBox{position:relative;margin:50px auto 0;padding:0 30px 80px;max-width:1360px}
#container #content .subConBox.board_pdf{padding:0 0 80px;}
#container #content .subConBox.board_pdf_notitle{padding:0 0 80px;}

.subVisual{padding-top:56px;height:182px;color:#fff;text-align:center;background-position:center top;background-size:cover}
.subVisual.bg1{background-image:url('/_res/deu/_share/img/sub_skin1.jpg')}
.subVisual.bg2{background-image:url('/_res/deu/_share/img/sub_skin2.jpg')}
.subVisual.bg3{background-image:url('/_res/deu/_share/img/sub_skin3.jpg')}
.subVisual.bg4{background-image:url('/_res/deu/_share/img/sub_skin4.jpg')}
.subVisual.bg5{background-image:url('/_res/deu/_share/img/sub_skin5.jpg')}
.subVisual.bg6{background-image:url('/_res/deu/_share/img/sub_skin6.jpg')}
.subVisual.bg7{background-image:url('/_res/deu/_share/img/sub_skin7.jpg')}
.subVisual.bg8{background-image:url('/_res/deu/_share/img/sub_skin8.jpg')}
.subVisual.bg9{background-image:url('/_res/deu/_share/img/sub_skin9.jpg')}
.subVisual.bg10{background-image:url('/_res/deu/_share/img/sub_skin10.jpg')}
.subVisual.bg11{background-image:url('/_res/deu/_share/img/sub_skin11.jpg')}
.subVisual h1{font-size:42px;color:#fff;font-weight:500;line-height:1.2}
.subVisual h1 span{display:block;font-size:20px;font-weight:400}

.stitBox{position: relative;margin: 50px auto 0;padding: 0 30px 0;max-width: 1360px;}
.pageGuid{position:absolute;top:0;right:40px;}
.location{position:relative;display:inline-block;z-index:3}
.location li{position:relative;display:inline-block;padding:0 8px 0 15px;color:#8b8b8b;}
.location li::after{position:absolute;top:50%;left:0;margin-top:-3px;width:6px;height:6px;content:'';border:1px solid #aeb6ba;border-width:0 1px 1px 0;transform:rotate(-45deg)}
.location li.home span{display:block;width:14px;height:13px;text-indent:-999px;overflow:hidden;background:url('/_res/deu/_share/img/ic_home.png') no-repeat}
.location li.home::after{display:none}

.etcBtn{position:relative;display:inline-block;height:68px;z-index:3}
.etcBtn button{margin-left:5px;width:40px;height:40px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center;border:1px solid #c1c1c1;border-radius:50%}
.etcBtn .line{display:inline-block;width:1px;height:20px;vertical-align:middle;background:#e0e0e0}
.etcBtn .btnZoomIn{position:relative;background-image:url('/_res/deu/_share/img/ic_plus.png');}
.etcBtn .btnZoomOut{position:relative;background-image:url('/_res/deu/_share/img/ic_minus.png');}
.etcBtn .btnPrint{position:relative;background-image:url('/_res/deu/_share/img/ic_print.png');}
.etcBtn .btnSns{position:relative;display:inline-block;vertical-align:middle}
.etcBtn .btnSns button{background-image:url('/_res/deu/_share/img/ic_share.png');}
.etcBtn .btnSns button.on{background-image:url('/_res/deu/_share/img/ic_share_close.png');background-size:60%}
.etcBtn .btnSns ul{display:none;position:absolute;top:45px;right:1px;}
.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/deu/_share/img/ic_sns1.png')}
.etcBtn .btnSns ul li.ic2 a{background-image:url('/_res/deu/_share/img/ic_sns2.png')}
.etcBtn .btnSns ul li.ic3 a{background-image:url('/_res/deu/_share/img/ic_sns3.png')}
.etcBtn .btnSns ul li.ic4 a{background-image:url('/_res/deu/_share/img/ic_sns4.png')}

/*depth_tab*/
.dapth-tab{margin-bottom:100px}
.dapth-tab ul{display:flex;flex-wrap:wrap;border-top:1px solid #e4e4e4}
.dapth-tab li{flex-grow:1;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4}
.dapth-tab li:first-child{border-left:1px solid #e4e4e4}
.dapth-tab .item{text-align:center;display:flex;align-items:center;height:60px;font-size:1.25rem;font-weight:500;justify-content:center;transition:.2s;padding:5px}
.dapth-tab .item.on,
.dapth-tab .item:hover{background-color:#333;color:#fff}
.dapth-tab li:first-child:nth-last-child(5),
.dapth-tab li:first-child:nth-last-child(5) ~ li{flex:auto;width:20%}
.dapth-tab li:first-child:nth-last-child(5) .item,
.dapth-tab li:first-child:nth-last-child(5) ~ li .item{font-size:1rem;word-break:keep-all}

.dapth-tab-small{margin:50px auto}
.dapth-tab-small ul{display:flex;flex-wrap:wrap;justify-content:center}
.dapth-tab-small li{width:25%;border-bottom:1px solid #e4e4e4}
.dapth-tab-small .item{text-align:center;display:flex;align-items:center;height:50px;font-size:1.125rem;font-weight:500;justify-content:center;transition:.2s;border-bottom:1px solid transparent}
.dapth-tab-small .item.on,
.dapth-tab-small .item:hover{border-bottom:1px solid #333;text-decoration:none}

/* ---- 하단영역 ---- */
#footer {position:relative;width:100%;background:#052653}
#footer .footTop{padding:0 40px;border-bottom:1px solid rgba(255,255,255,0.2)}
#footer .footTop .footWrap{position:relative;margin:0 auto;max-width:1300px;}
#footer .footTop .footWrap::after{display:block;clear:both;content:''}
#footer .footTop .footWrap .footMenu{float:left;padding:20px 0;}
#footer .footTop .footWrap .footMenu li{position:relative;display:inline-block;padding:0 15px}
#footer .footTop .footWrap .footMenu li:first-child{padding-left:0}
#footer .footTop .footWrap .footMenu li:last-child{padding-right:0}
#footer .footTop .footWrap .footMenu li a{display:block;font-size:15px;color:#fff;line-height:30px}
#footer .footTop .footWrap .fLinkCon{float:right;}
#footer .footTop .footWrap .fFamily{float:left;margin-left:-1px}
#footer .footTop .footWrap .fFamily > button{position:relative;width:180px;height:70px;font-size:15px;color:#fff;text-indent:25px;text-align:left;border-left:1px solid #375175;border-right:1px solid #375175;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
#footer .footTop .footWrap .fFamily > button::after{position: absolute; top: 50%; right: 25px;content: "";width:12px;height:12px;margin-top: -3px;border:1px solid #fff;border-width:1px 1px 0 0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
#footer .footTop .footWrap .fFamily > button.on::after{margin-top:-8px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}
#footer .footTop .footWrap .fFamily > button:hover,
#footer .footTop .footWrap .fFamily > button.on{background:rgba(0,0,0,0.5)}
#footer .footTop .footWrap .fFamily .fFamCon{display:none;position:fixed;left:0;top:0;right:0;bottom:0;overflow:auto;background:rgba(0,0,0,0.5);z-index:500}
#footer .footTop .footWrap .fFamily .fFamCon .fFambox1{position:absolute;top:0;left:0;display:table;width:100%;height:100%}
#footer .footTop .footWrap .fFamily .fFamCon .fFambox2{display:table-cell;padding:20px;width:100%;height:100%;text-align:center;vertical-align:middle}
#footer .footTop .footWrap .fFamily .fFamCon .box{position:relative;display:inline-block;max-width:1076px;overflow:hidden;border-radius:20px;text-align:left;z-index:5;padding:0;border:none}
#footer .footTop .footWrap .fFamily .fFamCon .box .btnFmClose{position:absolute;top:0;right:0;width:76px;height:76px;text-indent:-999px;overflow:hidden;background:url('/_res/deu/_share/img/ic_close.png') no-repeat center center;}
#footer .footTop .footWrap .fFamily .fFamCon h2{padding:0 20px;font-size:21px;color:#fff;line-height:76px;background:#084bbb;border-radius:20px 20px 0 0}
#footer .footTop .footWrap .fFamily .fFamCon .link_con{padding:40px;height:600px;overflow:auto;background:#fff}
#footer .footTop .footWrap .fFamily .fFamCon .link_con h3{margin:30px 0 20px;font-size:20px;font-weight:700;line-height:1}
#footer .footTop .footWrap .fFamily .fFamCon .link_con h3:first-child{margin-top:0}
#footer .footTop .footWrap .fFamily .fFamCon .link_con h4{margin:30px 0 20px;font-size:18px;color:#084bbb;font-weight:500;line-height:1}
#footer .footTop .footWrap .fFamily .fFamCon .link_con ul::after{display:block;clear:both;content:''}
#footer .footTop .footWrap .fFamily .fFamCon .link_con > ul > li{position:relative;float:left;margin-bottom:10px;padding-left:10px;width:50%;font-weight:500}
#footer .footTop .footWrap .fFamily .fFamCon .link_con > ul > li::before{position:absolute;top:12px;left:0;width:4px;height:4px;content:'';background:#084bbb}
#footer .footTop .footWrap .fFamily .fFamCon .link_con > ul.li4 > li{width:25%}
#footer .footTop .footWrap .fFamily .fFamCon .link_con > ul > li > a{display:block;}
#footer .footTop .footWrap .fFamily .fFamCon .link_con > ul > li > ul > li{display:inline-block;margin-right:10px;color:#696c70;font-weight:400}
#footer .footTop .footWrap .fFamily .fFamCon .link_con > ul > li > ul > li > a{display:block;color:#696c70}
#footer .footTop .footWrap .fFamily .fFamCon .link_con .line{display:block;margin:30px 0;height:0;border:0;border-top:2px dotted #e4e4e4;}
#footer .footTop .footWrap .fFamily .fFamCon .bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}

#footer .footBottom{margin:0 auto;padding:40px 40px;max-width:1380px}
#footer .footBottom address{clear:both;display:block;margin-bottom:3px;font-size:16px;color:#fff;font-weight:300}
#footer .footBottom address span{display:inline-block;margin:0 10px}
#footer .footBottom small{font-size:15px;color:rgba(255,255,255,0.1);font-weight:300}

#footer .botBtTop{display:none;position:fixed;bottom:50px;right:20px;padding-top:3px;width:66px;height:66px;font-size:18px;color:#fff;background:#025bac;border-radius:50%;z-index:2}

#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){
	#header:before{position:absolute;top:0;width:100%;left:0;background-color:#fff;content:"";height:100px;border-bottom:1px solid #ddd}

	#mGnb{display:none;}

	#lnb{position:relative;text-align:center;border-bottom:1px solid #ddd;z-index:90}
	#lnb ul li{position:relative;display:inline-block;height:56px}
	#lnb ul li::after{position:absolute;top:50%;left:0;width:0;height:16px;content:'';border-left:1px solid #e1e1e1;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
	#lnb ul li:first-child::after{display:none}
	#lnb ul li a{position:relative;display:block;padding:0 30px;font-size:18px;text-decoration:none;}
	#lnb ul li a span{position:relative;display:block;line-height:59px;}
	#lnb ul li a span::after{position:absolute;left:50%;bottom:0;width:0;height:3px;content:'';background:#084bbb;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
	#lnb ul li a:hover,
	#lnb ul li.on a{color:#084bbb;}
	#lnb ul li a:hover span::after,
	#lnb ul li.on a span::after{left:0;width:100%}
	
}

/* PC Device */
@media all and (max-width:1400px){
	#gnb{padding-right:120px}
	#gnb .gnb > li{width:126px}
	#gnb .gnb > li > a{font-size:17px}
	#gnb .gnb .gnb-2ul > li a{font-size:15px}
}

 /* TABLET Device */
@media all and (max-width:1200px){
	#header{background-color:#fff;padding:0}
	#header .head_box .logo{left:20px}
	#header .head_box .topLink{display:none}
	#header .head_box .btnMenu{display:block;position:absolute;right:0;top:0;width:100px;height:100px;text-indent:-999px;overflow:hidden;z-index:110}
	#header .head_box .btnMenu span{position:relative;display:block;margin:0 auto;width:30px;height:4px;background:#025bac;border-radius:2px}
	#header .head_box .btnMenu span::before{position:absolute;top:-12px;right:0;width:40px;height:4px;content:'';background:#025bac;border-radius:2px}
	#header .head_box .btnMenu span::after{position:absolute;top:12px;right:0;width:40px;height:4px;content:'';background:#025bac;border-radius:2px}
	
	#gnb{display:none}
	
	/* 모바일메뉴 */
	#mGnb{display:block !important;position:fixed;top:0;right:-100%;padding-top:180px;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:500;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
	#mGnb .mGlobTop{position:absolute;top:0;left:0;width:100%;z-index:5}
	#mGnb .mGlobTop .mGlobLogo{padding:30px;height:100px;background:#084bbb;}
	#mGnb .mGlobTop .mGlobLogo a{display:inline-block}
	#mGnb .mGlobTop .mGlobLogo span{display:inline-block;margin-left:10px;font-size:20px;color:#fff;vertical-align:middle;line-height:47px;}
	#mGnb .mGlobTop .mTopLink{background:#0581e9;text-align:center;}
	#mGnb .mGlobTop .mTopLink ul::after{display:block;clear:both;content:''}
	#mGnb .mGlobTop .mTopLink ul li{float:left;width:50%;border-left:1px solid #084bbb}
	#mGnb .mGlobTop .mTopLink ul li:first-child{border-left:0}
	#mGnb .mGlobTop .mTopLink ul li a{display:block;font-size:18px;color:#fff;line-height:80px;}
	#mGnb .mGlobTop .mTopLink ul li a span{position:relative;display:inline-block;padding-left:30px;}
	#mGnb .mGlobTop .mTopLink ul li a span::before{position:absolute;top:50%;left:0;width:20px;height:20px;content:'';background-repeat:no-repeat;background-position:left bottom;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
	#mGnb .mGlobTop .mTopLink ul li.homeGo a span::before{background-image:url('/_res/deu/_share/img/ic_glob_top1.png')}
	#mGnb .mGlobTop .mTopLink ul li.login a span::before{background-image:url('/_res/deu/_share/img/ic_glob_top2.png')}

	#mGnb > ul{width:100%;height:100%;overflow:auto;}
	#mGnb > ul > li{position:relative;font-size:21px;background:#084bbb;border-top:1px solid #5381d0}
	#mGnb > ul > li.has-sub::after{position:absolute;top:35px;right:20px;width:17px;height:11px;content:'';background:url('/_res/deu/_share/img/ic_mbgnb_dot.png') no-repeat;background-size:100%;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}
	#mGnb > ul > li > button{position:absolute;top:0;left:0;width:100%;height:80px;text-indent:-999px;overflow:hidden;}
	#mGnb > ul > li.open::after{transform:rotate(0);-webkit-transform:rotate(0)}
	#mGnb > ul > li > a{display:block;padding:0 40px;font-size:18px;color:#fff;line-height:80px}
	#mGnb > ul > li.open > a{color:#fff;font-weight:500}
	#mGnb > ul > li > ul{display:none;padding:20px 60px;background:#023790;}
	#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/deu/_share/img/ic_mbgnb_s_off.png') no-repeat;background-size:100%;}
	#mGnb > ul > li > ul > li.open::after{background:url('/_res/deu/_share/img/ic_mbgnb_s_on.png') no-repeat;}
	#mGnb > ul > li > ul > li > a{display:block;padding:10px 0;font-size:18px;color:#fff;}
	#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 #5381d0}
	#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:100px;height:100px;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{height: 185px;}
	
	#lnb{margin-bottom:40px}
	#lnb ul::after{display:block;clear:both;content:''}
	#lnb ul li{float:left;text-align:center;}
	#lnb ul li a{display:block;margin:-1px 0 0 -1px;font-size:18px;line-height:50px;background:#fff;border:1px solid #ddd}
	#lnb ul li.on a{color:#fff;background:#084bbb;border-color:#084bbb}
	#lnb ul li:first-child:nth-last-child(2),
	#lnb ul li:first-child:nth-last-child(2) ~ li{width:50%}
	#lnb ul li:first-child:nth-last-child(3),
	#lnb ul li:first-child:nth-last-child(3) ~ li{width:33.33%}
	#lnb ul li:first-child:nth-last-child(4),
	#lnb ul li:first-child:nth-last-child(4) ~ li{width:25%}
	#lnb ul li:first-child:nth-last-child(5),
	#lnb ul li:first-child:nth-last-child(5) ~ li{width:33.33%}
	#lnb ul li:first-child:nth-last-child(6),
	#lnb ul li:first-child:nth-last-child(6) ~ li{width:33.33%}
	#lnb ul li:first-child:nth-last-child(7),
	#lnb ul li:first-child:nth-last-child(7) ~ li{width:33.33%}
	#lnb ul li:first-child:nth-last-child(8),
	#lnb ul li:first-child:nth-last-child(8) ~ li{width:33.33%}
	#lnb ul li:first-child:nth-last-child(10),
	#lnb ul li:first-child:nth-last-child(10) ~ li{width:25%}
	#lnb ul li:first-child:nth-last-child(11),
	#lnb ul li:first-child:nth-last-child(11) ~ li{width:25%}

	.etcBtn > button{display:none}	

	#footer .footTop{border-bottom:0}
	#footer .footTop .footWrap .footMenu{float:none}
	#footer .footTop .footWrap .fLinkCon{float:none}
	#footer .footTop .footWrap .fLinkCon::after{display:block;clear:both;content:''}
	#footer .footTop .footWrap .fFamily > button{border: 1px solid #375175;}
	
	#footer .botBtTop{position:fixed;top:auto;right:30px;bottom:30px;}
	
	/*depth_tab*/
	.dapth-tab .item{font-size:1.125rem}
	
}

@media all and (max-width:1024px){
	/*depth_tab*/
	.dapth-tab{margin-bottom:50px}
	.dapth-tab .item{font-size:1rem}
	
	.dapth-tab-small li{width:50%}
	.dapth-tab-small .item{font-size:.875rem}

}

 /* 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 .head_box{height:60px}
	#header .head_box .logo{top:6px;left:15px}
	#header .head_box .logo img{width:100px}
	#header .head_box .logo span{font-size:15px}
	
	#header .head_box .btnMenu{top:0;width:60px;height:60px}
	#header .head_box .btnMenu span{width:16px;height:2px}
	#header .head_box .btnMenu span::before{top: -8px;width:22px;height:2px}
	#header .head_box .btnMenu span::after{top: 8px;width:22px;height:2px}
	
	#mGnb{padding-top:108px}
	#mGnb .mGlobTop .mGlobLogo{padding:5px 15px;height:60px}
	#mGnb .mGlobTop .mGlobLogo img{width:100px}
	#mGnb .mGlobTop .mGlobLogo span{font-size:15px}
	#mGnb .mGlobTop .mTopLink ul li a{font-size: 15px;line-height: 50px;}
	#mGnb .btnMenuClose{width:60px;height:60px;}
	#mGnb .btnMenuClose::after{margin-left:-12px;width:24px;height:2px}
	#mGnb .btnMenuClose::before{margin-left:-12px;width:24px;height:2px}
	#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;}
	
	.pageGuid{top:40px;right:0;width:100%;text-align:center}
	.etcBtn button{width: 30px;height: 30px;background-size: 12px;background-position:6px center}
	.etcBtn .btnSns ul{top: 35px;right:0}
	.etcBtn .btnSns ul li a{width:30px;height:30px}
		
	.subVisual{padding-top:30px;height:100px;}
	.subVisual h1{font-size:25px}
	.subVisual h1 span{font-size:12px}
	
	#container{padding-top:60px}
	#container #content .subConBox{margin-top:30px;padding:0 15px 30px}
	
	#lnb{margin-bottom:30px}
	#lnb ul li a{font-size: 14px;line-height: 40px;}
	#lnb ul li:first-child:nth-last-child(10),
	#lnb ul li:first-child:nth-last-child(10) ~ li{width:50%}
	
	#footer{text-align:center}
	#footer .footTop{padding:0;border-bottom:0}
	#footer .footTop .footWrap{padding:20px 0 0}
	#footer .footTop .footWrap .footMenu{margin-bottom:15px;padding:0}
	#footer .footTop .footWrap .footMenu li{padding:0 5px}
	#footer .footTop .footWrap .footMenu li a{font-size: 12px;line-height: 25px;}
	#footer .footTop .footWrap .fLinkCon{margin:0 auto;width:250px}
	#footer .footTop .footWrap .fFamily{position:relative;width:50%}
	#footer .footTop .footWrap .fFamily > button{width:100%;height: 40px;font-size: 12px;text-indent: 15px;border:1px solid rgba(255,255,255,0.2)}
	#footer .footTop .footWrap .fFamily > button::after{right:15px;width:8px;height:8px}
	#footer .footTop .footWrap .fFamily .fFamCon .fFambox2{padding:10px}
	#footer .footTop .footWrap .fFamily .fFamCon h2{padding: 0 20px;font-size: 18px;line-height: 50px;}
	#footer .footTop .footWrap .fFamily .fFamCon .box .btnFmClose{width: 50px;height: 50px;background-size: 13px}
	#footer .footTop .footWrap .fFamily .fFamCon .link_con{padding:15px;height: calc(100vh - 70px);}
	#footer .footTop .footWrap .fFamily .fFamCon .link_con h3{margin: 20px 0 10px;font-size: 18px;}
	#footer .footTop .footWrap .fFamily .fFamCon .link_con h4{margin: 20px 0 10px;font-size: 16px;}
	#footer .footTop .footWrap .fFamily .fFamCon .link_con > ul > li{margin-bottom:5px;padding:0 10px;width:50%}
	#footer .footTop .footWrap .fFamily .fFamCon .link_con > ul > li > a{line-height:1.3}
	#footer .footTop .footWrap .fFamily .fFamCon .link_con > ul.li4 > li{width:50%}
	#footer .footTop .footWrap .fFamily .fFamCon .link_con > ul > li::before{top:6px}
	#footer .footTop .footWrap .fFamily .fFamCon .link_con .line{margin:20px 0}
	#footer .footBottom{padding:20px 10px}
	#footer .footBottom address{margin-bottom:20px;font-size: 12px;}
	#footer .footBottom address span{margin: 0 5px;}
	#footer .footBottom small{font-size:12px}
	#footer .botBtTop{right:10px;bottom:10px;width:40px;height:40px;font-size: 11px;z-index:50}
	#footer .botBtTop::before{top:10px;margin-left: -3px;width: 6px;height: 6px;}
	
	/*depth_tab*/
	.dapth-tab li{flex-grow:initial;width:50%}
	.dapth-tab .item{font-size:.9rem;height:50px;font-weight:normal}
	.dapth-tab li:nth-child(odd){border-left:1px solid #e4e4e4}
	.dapth-tab li:first-child:nth-last-child(5), .dapth-tab li:first-child:nth-last-child(5) ~ li{width:50%}
	.dapth-tab li:first-child:nth-last-child(5) .item, .dapth-tab li:first-child:nth-last-child(5) ~ li .item{font-size:.875rem}
}