/* 데스크탑 브라우저 가로 */

/*@media all and (min-width: 321px) and (max-width: 768px) {*/

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

@media all and (min-width: 1080px) {
	#mm-blocker{display:none}
	#popupWindow{position:absolute}
	body{background:#fff}
	#ddea{position:relative;top:0px;width:100%;height:100%}
	#ddea .tmovie{position:fixed !important;position:absolute;z-index:15;bottom:0px;right:0px;display:block;width:86px;height:43px;background:#999 url(../img/ddea/btn_tmovie.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden}

	/**/
	#header{position:absolute;z-index:12;top:0;left:0;width:100%;background:#eee}
	#header .header{position:relative;z-index:12;margin:0 auto;width:1080px;height:35px}
	#header .header h1{position:absolute;top:50px;left:0}
	#header .header h1 a{display:block;width:99px;height:42px;background:url(../img/ddea/logow.png) no-repeat 50% 50%}
	#header .header h1 a img{display:none}
	#header .header h1.sel a{background:url(../img/ddea/logo.png) no-repeat 50% 50%}
	#header .header button{display:none}
	#header .mobile{display:none}

	/**/
	#lnb{float:right;margin-right:-15px;overflow:hidden}
	#lnb li{float:left}
	#lnb li a{padding:0 15px;line-height:35px;font-size:13px;letter-spacing:-1px;color:#333}
	#lnb li a:hover{color:#000}
	#lnb li a strong{color:#ffb401}
	#lnb .mlose{display:none}

	/**/
	#gnb{position:absolute;z-index:11;top:35px;left:0;width:100%;height:75px;border-top:0px solid #eee;border-bottom:0px solid #7e7e7e;background:#00a19c;transition:all 0.3s;overflow:hidden}
	#gnb .depth1{margin-left:225px;position:relative;overflow:hidden}
	#gnb .depth1 > li{float:left;position:relative;height:220px}
	#gnb .depth1 > li > a{display:block;position:relative;padding:0 25px;height:75px;line-height:75px;font-size:16px;font-weight:700;color:#eee}
	#gnb .depth1 > li.sel > a,
	#gnb .depth1 > li > a:hover{color:#fff}
	#gnb .depth1 > li > a em{position:absolute;top:23px;right:0;display:block;margin:-10px 0 0 0;width:1px;height:16px;background:#ccc; display:none}
	#gnb .depth2{display:none;position:absolute;top:70px;left:25px;width:100px}
	#gnb .depth2 li a{display:block;line-height:30px;font-size:13px;letter-spacing:-1px;text-align:left;color:#6668}
	#gnb .depth2 li a:hover{color:#00b9ba}
	#gnb .depth2 li.sel a{color:#00b9ba}
	#gnb.sel{height:240px;border-top:0px solid #ccc;border-bottom:1px solid #ccc;background:#fff;transition:all 0.3s}
	#gnb.sel depth1{height:220px !important}
	#gnb.sel .depth1 > li > a{color:#333}
	#gnb.sel .depth1 > li.sel > a,
	#gnb.sel .depth1 > li > a:hover{color:#000}
	#gnb .gnb{margin:0 auto;width:1080px}
	#gnb .mobile{display:none}

	/**/
	#menu{position:absolute !important;z-index:10;top:0px;right:0}
	#menu a{display:block;width:46px;height:46px;background:url(../img/ddea/ico_menuw.png) no-repeat 100% 50%;text-indent:-9999em;overflow:hidden}
	#menu a.sel{background:url(../img/ddea/ico_menu.png) no-repeat 100% 50%}

	/**/
	#banner{position:relative;margin:0 auto;width:1080px;height:50px;overflow:hidden}
	#quick{position:fixed !important;position:absolute;z-index:12;top:0;right:0;width:86px;height:100%;border-left:1px solid #ccc;background:#fff}
	#quick .quick li a{display:block;line-height:15px;font-size:14px;color:#000;text-align:center;border-bottom:1px solid #eee}
	#quick .quick .q1 a{position:fixed !important;position:absolute;z-index:12;top:0;right:0;width:86px;padding:55px 0 25px 0;color:#fff;border-bottom:0;background:#777 url(../img/ddea/q1.png) no-repeat 50% 25%}
	#quick .quick .q2 a{margin-top:110px;padding:50px 0 24px 0;background:#fff url(../img/ddea/q2.png) no-repeat 50% 30%}
	#quick .quick .q3 a{padding:50px 0 24px 0;background:#fff url(../img/ddea/q3.png) no-repeat 50% 30%}
	#quick .quick .q4 a{padding:50px 0 24px 0;background:#fff url(../img/ddea/q4.png) no-repeat 50% 30%}
	#quick .quick .q5 a{padding:50px 0 24px 0;background:#fff url(../img/ddea/q5.png) no-repeat 50% 30%}
	#main .main{margin:0 auto;width:1080px;border:0px solid #aaa;background:#fff}

	/**/
	#aside{float:left;width:180px}
	#aside h2{margin:30px 0 10px 0;padding:20px 15px;font-size:22px;font-weight:400;color:#fff;background:#bbb}
	#aside ul{padding:0 0 160px 0}
	#aside ul > li > a{display:block;margin-bottom:10px;padding:14px 5px 14px 15px;line-height:15px;font-size:15px;font-weight:400;color:#888;border:1px solid #eee;background:#fff;transition:all 0.1s}
	#aside ul > li > a img{padding:0 0 0 5px;vertical-align:middle}
	#aside ul > li > a:hover,
	#aside ul > li:hover > a,
	#aside ul > li.sel > a,
	#aside ul > li.sel > a:hover{font-weight:500;color:#fff;border:1px solid #00a19c;background:#00a19c;transition:all 0.5s}
	#aside ul > li:hover{}
	#aside ul > li.sel{}
	#aside ul > li ul{padding:10px 20px;border-bottom:1px solid #c8c8c8;background:#f2f2f2}
	#aside ul > li li a{display:block;padding:3px 0;color:#444}
	#aside ul > li li:last-child a{border:0}
	#aside ul > li li a:hover,
	#aside ul > li li a.sel{font-weight:800;letter-spacing:0px;color:#1c368d}

	/**/
	#design{float:right;position:relative;width:880px;min-height:800px;background:#fff}
	#design .visual{position:relative;z-index:1;top:-2px;height:104px;border-bottom:2px solid #ccc}
	#design .visual h2{position:relative;z-index:2;margin:0;padding:50px 0 20px 0;display:inline-block;line-height:32px;font-size:27px;font-weight:500;color:#333;border-bottom:2px solid #00a19c}
	#design .visual .locator{position:absolute;top:62px;right:-10px;display:block;background:#fff}
	#design .visual .locator .path *{font-size:14px;font-weight:400;color:#555}
	#design .visual .locator .path li{float:left}
	#design .visual .locator .path li:last-child{background:none}
	#design .visual .locator .path li button{padding:0 10px;text-align:left;border:0;background:#fff;color:#999}
	#design .visual .locator .path li.sel button{color:#000}
	#design .visual .locator .path li.home a{padding:0 10px;color:#999}
	#design .vepth .navi{display:none !important}
	#design .datelist{line-height:20px;text-align:center}
	#design .datelist strong{padding:0 10px;font-size:20px;font-family:Arial, Helvetica, sans-serif}
	#design .datelist a{display:none}

	/**/
	#contain{padding-top:110px}
	#contain .contain{position:relative;margin:0 auto;width:1080px;border:0px solid #aaa;background:#fff;*zoom:1}
	#contain .contain:before,
	#contain .contain:after{clear:both;display:table;content:"";line-height:0}

	/**/
	#footer{margin-top:20px;height:200px;background:#777}
	#footer .footer{position:relative;margin:0 auto;padding:30px 0;width:1080px;*zoom:1}
	#footer .footer:before,
	#footer .footer:after{clear:both;display:table;content:"";line-height:0}
	#footer .footer h2{float:left;width:20%}
	#footer .footer h2 a{display:block}
	#footer .footer ul{float:left;width:50%;overflow:hidden}
	#footer .footer li{float:left}
	#footer .footer li a{display:block;padding:0 20px 0 0;line-height:24px;color:#fff}
	#footer .footer address{position:absolute;top:60px;left:20%;line-height:24px;font-style:normal;color:#fff}
	#footer .footer address *{font-size:12px;font-weight:400}
	#footer .footer address strong{padding:0 10px}
	#footer .footer address br{display:none}
	#footer .footer cite{position:absolute;top:100px;left:0;font-size:10px;font-family:Arial, Helvetica, sans-serif;font-style:normal;color:#aaa;text-transform:uppercase}
	#footer .footer cite *{font-size:10px;font-family:Arial, Helvetica, sans-serif}
	#footer .footer cite strong{color:#aaa}
	#footer .footer select{padding:5px;padding-right:30px;padding-right:5px\9;width:180px;font-size:12px;font-weight:400;color:#fff;border:1px solid #777;background:#555 url(../img/tongyeong/select_arrow.png) no-repeat 93% 50%;border-radius:0;-webkit-appearance:none}
	#footer .footer button{padding:8px 10px;font-size:10px;font-family:Arial, Helvetica, sans-serif;color:#fff;background:#b2b2b2}
	#footer .select{position:absolute;top:25px;right:0}

	#blind{position:absolute;z-index:99998;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.7)}
	#dkleft{display:none;position:absolute;z-index:10;left:0px;top:0px;width:260px;min-height:1000px;background:#fff;overflow:hidden}
	#dkleft .lefttit{padding:0 0 0 20px;height:70px;background:#00a19c}
	#dkleft .lefttit button{display:block;position:relative;top:17px;font-size:12px;font-family:'Roboto';color:#fff;border:0;background:transparent}
	#dkleft .lefttit button i{display:block;margin-bottom:3px;font-size:18px;color:#fff}
	#dkleft .depth1{display:block;position:relative;padding:0 15px;line-height:50px;font-size:16px;color:#555;border-bottom:1px solid #ccc;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .depth1 strong{position:relative;top:-2px;padding:0 4px;height:14px;line-height:14px;font-size:10px;background:#ff0000;border-radius:30px}
	#dkleft .depth1 span{font-style:normal;color:#ffa800}
	#dkleft .depth1 em{position:absolute;z-index:2;top:0;right:4px;width:39px;height:39px;background:url(/web/seomun/img/common/plus.png) no-repeat 50% 50%;background-size:11px 11px}
	#dkleft .depth1.sel{color:#000;border-bottom:1px solid #596170}
	#dkleft .depth1.sel em{background:url(/web/seomun/img/common/minus.png) no-repeat 50% 50%;background-size:11px 3px}
	#dkleft .depth1 i{display:block;margin:15px 10px 0 0;color:#767a81;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .depth1 i.rightico{float:right}
	#dkleft .depth1.sel i.rightico{color:#00a19c;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s}
	#dkleft .depth2{display:none;background:#757c89}
	#dkleft .depth2 a{display:block;padding:0 20px;line-height:40px;font-size:13px;color:#fff;border-bottom:1px solid #596170;text-decoration:none}
	#dkleft .depth2 a.sel{color:#81c341}
	#closeleft{position:absolute;z-index:99999;left:-47px;top:17px;display:block;font-size:30px;font-family:Linearicons-Free;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
	#closeleft:before{content:"\e870"}
}


@media all and (min-width: 769px) and (max-width: 1079px) {
	
	#mm-blocker{display:none}
	#popupWindow{position:absolute}
	body{background:#fff}
	#ddea{position:relative}
	#ddea .tmovie{position:fixed !important;position:absolute;z-index:15;bottom:0px;right:0px;display:block;width:86px;height:43px;background:#999 url(../img/ddea/btn_tmovie.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden}

	/**/
	#header{padding:10px}
	#header .header{position:relative;height:50px}
	#header .header h1{}
	#header .header h1 a{display:block}
	#header .header button{display:none}
	#header .mobile{display:none}

	/**/
	#lnb{position:absolute;top:0;right:0;overflow:hidden}
	#lnb li{float:left}
	#lnb li a{padding:0 15px;line-height:50px;font-size:13px;letter-spacing:-1px;color:#333}
	#lnb li a:hover{color:#000}
	#lnb li a strong{color:#ffb401}
	#lnb .mlose{display:none}

	/**/
	#gnb{border-top:0px solid #eee;border-bottom:0px solid #7e7e7e;background:#00a19c;transition:all 0.3s;overflow:hidden}
	#gnb .depth1{position:relative;padding-right:10%;overflow:hidden}
	#gnb .depth1 > li{float:left;position:relative;width:14.28%}
	#gnb .depth1 > li > a{display:block;position:relative;line-height:60px;font-size:15px;font-weight:700;text-align:center;color:#eee}
	#gnb .depth1 > li.sel > a,
	#gnb .depth1 > li > a:hover{color:#fff}
	#gnb .depth1 > li > a em{position:absolute;top:23px;right:0;display:block;margin:-10px 0 0 0;width:1px;height:16px;background:#ccc; display:none}
	#gnb .depth2{display:none !important}
	#gnb .mobile{display:none}

	/**/
	#menu{position:absolute !important;z-index:10;top:15px;right:30px;width:auto !important}
	#menu a{display:block;width:30px;height:30px;background:url(../img/ddea/ico_menuw.png) no-repeat 100% 50%;text-indent:-9999em;overflow:hidden}
	#menu a.sel{background:url(../img/ddea/ico_menu.png) no-repeat 100% 50%}

	/**/
	#banner{position:relative;margin:0 20px;height:50px;overflow:hidden}
	#quick{background:#eee}
	#quick .quick ul{overflow:hidden}
	#quick .quick li{float:left;width:20%}
	#quick .quick li a{display:block;line-height:15px;font-size:14px;color:#000;border-bottom:1px solid #eee}
	#quick .quick li a br{display:none}
	#quick .quick .q1 a{padding:15px 0 15px 35%;color:#fff;background:#777 url(../img/ddea/q1.png) no-repeat 15% 50%}
	#quick .quick .q2 a{padding:15px 0 15px 35%;background:url(../img/ddea/q2.png) no-repeat 15% 50%}
	#quick .quick .q3 a{padding:15px 0 15px 35%;background:url(../img/ddea/q3.png) no-repeat 15% 50%}
	#quick .quick .q4 a{padding:15px 0 15px 35%;background:url(../img/ddea/q4.png) no-repeat 15% 50%}
	#quick .quick .q5 a{padding:15px 0 15px 35%;background:url(../img/ddea/q5.png) no-repeat 15% 50%}
	#main .main{border:0px solid #aaa;background:#fff}

	/**/
	#aside{display:none}

	/**/
	#design{padding:20px}
	#design .visual{position:relative;z-index:1000}
	#design .visual h2{position:relative;z-index:2000;padding:0 0 20px 0;line-height:30px;font-size:27px;font-weight:700;color:#333;border-bottom:2px solid #00a19c}
	#design .visual .locator{position:relative;z-index:2000;border:1px solid #ccc;background:#fbfbfb}
	#design .visual .locator .path{*zoom:1}
	#design .visual .locator .path:before,
	#design .visual .locator .path:after{clear:both;display:table;content:"";line-height:0}
	#design .visual .locator .path *{font-size:15px;font-weight:400;color:#555}
	#design .visual .locator .path li{float:left;position:relative;width:33%;white-space:nowrap}
	#design .visual .locator .path li:last-child{width:34% !important}
	#design .visual .locator .path li a{display:block;padding:12px 0;color:#a7a7a7}
	#design .visual .locator .path li button{padding:10px 0;width:100%;height:40px;text-align:left;border-right:1px solid #ccc;background:#fbfbfb url('../img/ddea/depth_mobile.png') no-repeat 95% 50% / 15px 15px; text-indent:8px}
	#design .visual .locator .path li.on button{color:#222;font-weight:800}
	#design .visual .locator .path li.home{display:none}
	#design .vepth .navi{position:absolute;left:-1px;top:40px;margin-right:-1px;width:100%;background:#fff}
	#design .vepth .navi div{border:1px solid #ccc;border-top:0}
	#design .vepth .navi div a{display:block;padding:10px 0;font-size:12px;color:#333;text-indent:5px;border-top:1px solid #eee}
	#design .vepth .navi div a:hover,
	#design .vepth .navi div a.on{color:#fff;background:#2469b6}
	#design .datelist{line-height:20px;text-align:center}
	#design .datelist strong{padding:0 10px;font-size:20px;font-family:Arial, Helvetica, sans-serif}
	#design .datelist a{display:none}
	
	/**/
	#contain{padding-top:0px}
	#contain .contain{position:relative;border:0px solid #aaa;background:#fff;*zoom:1}
	#contain .contain:before,
	#contain .contain:after{clear:both;display:table;content:"";line-height:0}

	/**/
	#footer{padding:10px;background:#797979}
	#footer .footer{position:relative;margin:0 auto;padding:30px 0;*zoom:1}
	#footer .footer:before,
	#footer .footer:after{clear:both;display:table;content:"";line-height:0}
	#footer .footer h2{text-align:center}
	#footer .footer h2 a{display:block}
	#footer .footer ul{padding:20px 0;text-align:center}
	#footer .footer li{display:inline}
	#footer .footer li a{padding:0 5px;line-height:24px;color:#fff;word-break:break-all}
	#footer .footer address{line-height:24px;font-style:normal;text-align:center;color:#fff}
	#footer .footer address *{font-size:12px;font-weight:400}
	#footer .footer address strong{padding:0 10px}
	#footer .footer address br{}
	#footer .footer cite{display:block;font-size:10px;font-family:Arial, Helvetica, sans-serif;font-style:normal;text-align:center;color:#aaa;text-transform:uppercase}
	#footer .footer cite *{font-size:10px;font-family:Arial, Helvetica, sans-serif}
	#footer .footer cite strong{color:#aaa}
	#footer .footer select{float:left;width:80%;height:30px;line-height:30px;font-size:12px;font-weight:400;color:#fff;border:0;background:#222 url(../img/tongyeong/select_arrow.png) no-repeat 93% 50%;border-radius:0;-webkit-appearance:none}
	#footer .footer button{float:left;width:20%;height:30px;line-height:30px;font-size:10px;font-family:Arial, Helvetica, sans-serif;color:#fff;background:#b2b2b2}
	#footer .select{padding:0 20px 20px 20px;overflow:hidden}

	#blind{position:absolute;z-index:99998;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.7)}
	#dkleft{display:none;position:absolute;z-index:10;left:0px;top:0px;width:260px;min-height:1000px;background:#fff;overflow:hidden}
	#dkleft .lefttit{padding:0 0 0 20px;height:70px;background:#00a19c}
	#dkleft .lefttit button{display:block;position:relative;top:17px;font-size:12px;font-family:'Roboto';color:#fff;border:0;background:transparent}
	#dkleft .lefttit button i{display:block;margin-bottom:3px;font-size:18px;color:#fff}
	#dkleft .depth1{display:block;position:relative;padding:0 15px;line-height:50px;font-size:16px;color:#555;border-bottom:1px solid #ccc;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .depth1 strong{position:relative;top:-2px;padding:0 4px;height:14px;line-height:14px;font-size:10px;background:#ff0000;border-radius:30px}
	#dkleft .depth1 span{font-style:normal;color:#ffa800}
	#dkleft .depth1 em{position:absolute;z-index:2;top:0;right:4px;width:39px;height:39px;background:url(/web/seomun/img/common/plus.png) no-repeat 50% 50%;background-size:11px 11px}
	#dkleft .depth1.sel{color:#000;border-bottom:1px solid #596170}
	#dkleft .depth1.sel em{background:url(/web/seomun/img/common/minus.png) no-repeat 50% 50%;background-size:11px 3px}
	#dkleft .depth1 i{display:block;margin:15px 10px 0 0;color:#767a81;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .depth1 i.rightico{float:right}
	#dkleft .depth1.sel i.rightico{color:#00a19c;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s}
	#dkleft .depth2{display:none;background:#757c89}
	#dkleft .depth2 a{display:block;padding:0 20px;line-height:40px;font-size:13px;color:#fff;border-bottom:1px solid #596170;text-decoration:none}
	#dkleft .depth2 a.sel{color:#81c341}
	#closeleft{position:absolute;z-index:99999;left:-47px;top:17px;display:block;font-size:30px;font-family:Linearicons-Free;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
	#closeleft:before{content:"\e870"}

}
@media all and (max-width: 768px) {
	img{width:auto;max-width:100%;height:auto}
	#ddea{position:relative}
	#ddea .tmovie{position:fixed !important;position:absolute;z-index:15;bottom:0px;left:0px;display:block;width:100%;height:30px;background:rgba(0,0,0,0.5) url(../img/ddea/btn_tmovie.png) no-repeat 50% 50% / 25px 25px;text-indent:-9999em;overflow:hidden}
	#header{background:#fff}
	#header .header{padding:0;height:70px}
	#header .header h1{padding:15px 0 0 0;text-align:center}
	#header .header h1 a{display:block}
	#header .header h1 a img{}
	#header .mobile{display:none}
	#header .header button{position:absolute;top:0;width:70px;height:70px;line-height:70px}
	#header .header button i{font-size:30px}
	#header .header .btn-menu{left:0}
	#header .header .btn-page{right:0}

	/**/
	#lnb{display:none}

	/**/
	#gnb{display:none}
	
	/**/
	#menu{position:absolute !important;z-index:10;top:-2px;right:0}
	#menu a{display:block;width:46px;height:46px;background:url(../img/ddea/ico_menuw.png) no-repeat 100% 50%;text-indent:-9999em;overflow:hidden}
	#menu a.sel{background:url(../img/ddea/ico_menu.png) no-repeat 100% 50%}

	/**/
	#banner{position:relative;margin:0 20px;height:50px;overflow:hidden}
	#quick{background:#fff}
	#quick .quick ul{overflow:hidden}
	#quick .quick li{float:left;width:50%}
	#quick .quick li a{display:block;line-height:15px;font-size:14px;color:#000;border-bottom:1px solid #eee}
	#quick .quick li a br{display:none}
	#quick .quick .q1{width:100%}
	#quick .quick .q1 a{padding:15px 0 15px 0;font-size:16px;color:#fff;text-align:center;background:#00a19c url(../img/ddea/q1.png) no-repeat 30% 50% / 15px 19px}
	#quick .quick .q2 a{padding:10px 0 10px 35%;background:#fff url(../img/ddea/q2.png) no-repeat 15% 50%}
	#quick .quick .q3 a{padding:10px 0 10px 35%;background:#fff url(../img/ddea/q3.png) no-repeat 15% 50%}
	#quick .quick .q4 a{padding:10px 0 10px 35%;background:#fff url(../img/ddea/q4.png) no-repeat 15% 50%}
	#quick .quick .q5 a{padding:10px 0 10px 35%;background:#fff url(../img/ddea/q5.png) no-repeat 15% 50%}
	#main .main{margin:0 10px;border:0px solid #aaa;background:#fff}
	
	/**/
	#aside{display:none}

	/**/
	#design{padding:10px;background:#fff}
	#design .visual{position:relative;z-index:1000}
	#design .visual h2{position:relative;z-index:1100;margin:0;padding:20px 0;display:block;line-height:32px;font-size:27px;font-weight:500;color:#333;border-bottom:2px solid #00a19c}
	#design .visual .locator{position:relative;z-index:2000;border:1px solid #ccc;background:#fbfbfb}
	#design .visual .locator .path{*zoom:1}
	#design .visual .locator .path:before,
	#design .visual .locator .path:after{clear:both;display:table;content:"";line-height:0}
	#design .visual .locator .path *{font-size:13px;font-weight:400;color:#555}
	#design .visual .locator .path li{float:left;position:relative;width:33%;white-space:nowrap}
	#design .visual .locator .path li:last-child{width:34% !important}
	#design .visual .locator .path li a{display:block;padding:12px 0;color:#a7a7a7}
	#design .visual .locator .path li button{display:block !important;padding:10px 0;width:100%;height:40px;text-align:left;border-right:1px solid #ccc;background:#fbfbfb url('../img/ddea/depth_mobile.png') no-repeat 95% 50% / 15px 15px;text-indent:8px}
	#design .visual .locator .path li.on button{color:#222;font-weight:800}
	#design .visual .locator .path li.home{display:none}
	#design .vepth .navi{position:absolute;left:-1px;top:40px;width:100.5%;background:#fff}
	#design .vepth .navi div{border:1px solid #ccc;border-top:0}
	#design .vepth .navi div a{display:block;padding:10px 0;font-size:11px;color:#333;border-top:1px solid #eee;text-indent:8px}
	#design .vepth .navi div a:hover,
	#design .vepth .navi div a.on{color:#fff;background:#2469b6}

	/**/
	#contain{padding-top:0px}
	#contain .contain{position:relative;border:0px solid #aaa;background:#fff;*zoom:1}
	#contain .contain:before,
	#contain .contain:after{clear:both;display:table;content:"";line-height:0}
	
	/**/
	#footer{padding:20px;background:#797979}
	#footer .footer{position:relative;margin:0 auto;padding:0 0 30px 0;*zoom:1}
	#footer .footer:before,
	#footer .footer:after{clear:both;display:table;content:"";line-height:0}
	#footer .footer h2{display:none}
	#footer .footer ul{padding:0 0 20px 0;text-align:center}
	#footer .footer li{display:inline}
	#footer .footer li a{padding:0 5px;line-height:24px;color:#fff;word-break:break-all}
	#footer .footer address{line-height:24px;font-style:normal;text-align:center;color:#fff}
	#footer .footer address *{font-size:12px;font-weight:400}
	#footer .footer address strong{padding:0 10px}
	#footer .footer address br{}
	#footer .footer cite{display:block;font-size:10px;font-family:Arial, Helvetica, sans-serif;font-style:normal;text-align:center;color:#aaa;text-transform:uppercase}
	#footer .footer cite *{font-size:10px;font-family:Arial, Helvetica, sans-serif}
	#footer .footer cite strong{color:#aaa}
	#footer .footer select{float:left;width:80%;height:30px;line-height:30px;font-size:12px;font-weight:400;color:#fff;border:0;background:#222 url(../img/tongyeong/select_arrow.png) no-repeat 93% 50%;border-radius:0;-webkit-appearance:none}
	#footer .footer button{float:left;width:20%;height:30px;line-height:30px;font-size:10px;font-family:Arial, Helvetica, sans-serif;color:#fff;background:#b2b2b2}
	#footer .select{padding:0 20px 20px 20px;overflow:hidden}
	
	#blind{position:absolute;z-index:99998;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.7)}
	#dkleft{display:none;position:absolute;z-index:10;left:0px;top:0px;width:260px;min-height:1000px;background:#fff;overflow:hidden}
	#dkleft .lefttit{padding:0 0 0 20px;height:70px;background:#00a19c}
	#dkleft .lefttit button{display:block;position:relative;top:17px;font-size:12px;font-family:'Roboto';color:#fff;border:0;background:transparent}
	#dkleft .lefttit button i{display:block;margin-bottom:3px;font-size:18px;color:#fff}
	#dkleft .depth1{display:block;position:relative;padding:0 15px;line-height:50px;font-size:16px;color:#555;border-bottom:1px solid #ccc;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .depth1 strong{position:relative;top:-2px;padding:0 4px;height:14px;line-height:14px;font-size:10px;background:#ff0000;border-radius:30px}
	#dkleft .depth1 span{font-style:normal;color:#ffa800}
	#dkleft .depth1 em{position:absolute;z-index:2;top:0;right:4px;width:39px;height:39px;background:url(/web/seomun/img/common/plus.png) no-repeat 50% 50%;background-size:11px 11px}
	#dkleft .depth1.sel{color:#000;border-bottom:1px solid #596170}
	#dkleft .depth1.sel em{background:url(/web/seomun/img/common/minus.png) no-repeat 50% 50%;background-size:11px 3px}
	#dkleft .depth1 i{display:block;margin:15px 10px 0 0;color:#767a81;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .depth1 i.rightico{float:right}
	#dkleft .depth1.sel i.rightico{color:#00a19c;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s}
	#dkleft .depth2{display:none;background:#757c89}
	#dkleft .depth2 a{display:block;padding:0 20px;line-height:40px;font-size:13px;color:#fff;border-bottom:1px solid #596170;text-decoration:none}
	#dkleft .depth2 a.sel{color:#81c341}
	#closeleft{position:absolute;z-index:99999;left:-47px;top:17px;display:block;font-size:30px;font-family:Linearicons-Free;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
	#closeleft:before{content:"\e870"}

}


/*인트로*/
html {width: 100%;height: 100%;}
body {width: 100%;height: 100%;}
#introPage {position: relative;width: 100%;height: 100%;min-height: 850px;background: #f4f4f4;}
#introPage * {box-sizing: border-box;}
#introPage .intro_wrap {overflow: hidden;width: 100%;height: 100%;text-align: center;}

#introPage .lib_wrap {overflow: hidden;height: 100%;/*background: url(../img/intro_bg.png) no-repeat 55% 0;*/}

#introPage .intro_wrap .intro_title {position: absolute;top: 80px;left: 0;z-index: 999;width: 100%;text-align: center;}
#introPage .intro_wrap .intro_title > p {display: inline-block;padding: 10px 0 10px 140px;background: url(../img/intro_logo.png) no-repeat 0 0;font-size: 28px;color: #000;font-weight: 400;letter-spacing: -1px;}
#introPage .intro_wrap .intro_title > p span {font-size: inherit;}
#introPage .intro_wrap .intro_title > p .gs_tit {color: #008c44;font-weight: 800;}
#introPage .intro_wrap .intro_title > p .gm_tit {color: #2b58a9;font-weight: 800;}
#introPage .intro_wrap .intro_title > p .js_tit {color: #1f95bf;font-weight: 800;}

#introPage .intro_wrap .gslib_wrap {float: left;width: 33.33%;height: 100%;}

#introPage .intro_wrap .gslib_wrap .gslib {position: relative;float: right;width: 100%;max-width: 600px;height: 100%;}
#introPage .intro_wrap .gslib_wrap .gslib a {display: block;height: 100%;background: url(../img/gslib_bg.png) no-repeat 50% 50%;background-size: 80%;}
#introPage .intro_wrap .gslib_wrap .gslib a:hover {background: url(../img/gslib_on_bg.png) no-repeat 50% 50%;background-size: 80%;transition: 0.3s;}

#introPage .intro_wrap .gslib_wrap .gslib a p {position: absolute;top: 67%;left: 0; width: 100%;text-align: center;font-size: 24px;font-weight: 600;color: #000;letter-spacing: -1px;}
#introPage .intro_wrap .gslib_wrap .gslib a p span {display: block;margin-top: 10px;font-size: 18px;font-weight: 400;color: #454545;letter-spacing: 0;}
#introPage .intro_wrap .gslib_wrap .gslib a:hover p {font-size: 28px;font-weight: 800;color: #005f2e;}

#introPage .intro_wrap .gmlib_wrap {float: left;width: 33.33%;height: 100%;}
#introPage .intro_wrap .gmlib_wrap .gmlib {position: relative;width: 100%;max-width: 600px;height: 100%;/*margin:0 auto;*/}
#introPage .intro_wrap .gmlib_wrap .gmlib a {display: block;height: 100%;background: url(../img/gmlib_bg.png) no-repeat 50% 50%;background-size: 80%;}
#introPage .intro_wrap .gmlib_wrap .gmlib a:hover {background: url(../img/gmlib_on_bg.png) no-repeat 50% 50%;background-size: 80%;transition: 0.3s;}
#introPage .intro_wrap .gmlib_wrap .gmlib a p {position: absolute;top: 67%;left: 0; width: 100%;text-align: center;font-size: 24px;color: #000;font-weight: 600;letter-spacing: -1px;}
#introPage .intro_wrap .gmlib_wrap .gmlib a p span {display: block;margin-top: 10px;font-size: 18px;font-weight: 400;color: #454545;letter-spacing: 0;}
#introPage .intro_wrap .gmlib_wrap .gmlib a:hover p {font-size: 28px;font-weight: 800;color: #2b58a9;}
#introPage .intro_wrap .gmlib_wrap .gmlib .intro_ex {display: block;padding-top: 10px;font-size: 18px;color: #575757;font-weight: 400;}
#introPage .intro_wrap .gmlib_wrap .gmlib .intro_ex span {font-size: inherit;}


#introPage .intro_wrap .jslib_wrap {float: left;width: 33.33%;height: 100%;}
#introPage .intro_wrap .jslib_wrap .jslib {position: relative;width: 100%;max-width: 600px;height: 100%;}
#introPage .intro_wrap .jslib_wrap .jslib a {display: block;height: 100%;background: url(../img/jslib_bg.png) no-repeat 50% 50%;background-size: 80%;}
#introPage .intro_wrap .jslib_wrap .jslib a:hover {background: url(../img/jslib_on_bg.png) no-repeat 50% 50%;background-size: 80%;transition: 0.3s;}
#introPage .intro_wrap .jslib_wrap .jslib a p {position: absolute;top: 67%;left: 0; width: 100%;text-align: center;font-size: 24px;color: #000;font-weight: 600;letter-spacing: -1px;}
#introPage .intro_wrap .jslib_wrap .jslib a p span {display: block;margin-top: 10px;font-size: 18px;font-weight: 400;color: #454545;letter-spacing: 0;}
#introPage .intro_wrap .jslib_wrap .jslib a:hover p {font-size: 28px;font-weight: 800;color: #1f95bf;}
#introPage .intro_wrap .jslib_wrap .jslib .intro_ex {display: block;padding-top: 10px;font-size: 18px;color: #575757;font-weight: 400;}
#introPage .intro_wrap .jslib_wrap .jslib .intro_ex span {font-size: inherit;}





#introPage .intro_footer {position: absolute;bottom: 80px;left: 0;width: 100%;text-align: center;text-transform: uppercase;}

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

	#introPage .intro_wrap .intro_title > p {padding: 70px 0 10px;background: url(../img/intro_logo.png) no-repeat 50% 0;font-size: 24px;color: #000;font-weight: 400;letter-spacing: -1px;}

}

@media all and (max-width: 800px) {
	#introPage {min-height: 100%;}
	#introPage .intro_wrap {overflow-y: auto;}
	#introPage .intro_wrap .intro_title {position: static;padding: 30px 5% 20px;word-break: keep-all;}
	#introPage .intro_wrap .intro_title > p {font-size: 18px;}
	#introPage .intro_wrap .gmlib_wrap .gmlib .intro_ex {padding-top: 0;font-size: 15px;}

	#introPage .lib_wrap {height: auto;background: none;}
	
	#introPage .intro_wrap .gslib_wrap {float: none;width: 100%;height: 300px;}
	#introPage .intro_wrap .gslib_wrap .gslib {max-width: 100%;padding: 20px 20px 70px;background: #fff;}
	#introPage .intro_wrap .gslib_wrap .gslib a {background: url(../img/gslib_on_bg.png) no-repeat 50%;background-size: contain;}
	#introPage .intro_wrap .gslib_wrap .gslib a:hover {background-size: contain;}
	#introPage .intro_wrap .gslib_wrap .gslib a p {top: auto;bottom: 10px;font-size: 18px;color: #005f2e;}
	#introPage .intro_wrap .gslib_wrap .gslib a p span {margin-top: 5px;font-size: 14px;}
	#introPage .intro_wrap .gslib_wrap .gslib a:hover p {font-size: 18px;font-weight: 600;}

	#introPage .intro_wrap .gmlib_wrap {float: none;width: 100%;height: 300px;}
	#introPage .intro_wrap .gmlib_wrap .gmlib {max-width: 100%;padding: 20px 20px 70px;}
	#introPage .intro_wrap .gmlib_wrap .gmlib a {background: url(../img/gmlib_on_bg.png) no-repeat 50%;background-size: contain;}
	#introPage .intro_wrap .gmlib_wrap .gmlib a:hover {background-size: contain;}
	#introPage .intro_wrap .gmlib_wrap .gmlib a p {top: auto;bottom: 0;font-size: 18px;color: #2b58a9;}
	#introPage .intro_wrap .gmlib_wrap .gmlib a p span {margin-top: 5px;font-size: 14px;}
	#introPage .intro_wrap .gmlib_wrap .gmlib a:hover p {font-size: 18px;font-weight: 600;}


	#introPage .intro_wrap .jslib_wrap {float: none;width: 100%;height: 300px;}
	#introPage .intro_wrap .jslib_wrap .jslib  {max-width: 100%;padding: 20px 20px 70px;background: #fff;}
	#introPage .intro_wrap .jslib_wrap .jslib  a {background: url(../img/jslib_on_bg.png) no-repeat 50%;background-size: contain;}
	#introPage .intro_wrap .jslib_wrap .jslib  a:hover {background-size: contain;}
	#introPage .intro_wrap .jslib_wrap .jslib  a p {top: auto;bottom: 0;font-size: 18px;color: #1f95bf;}
	#introPage .intro_wrap .jslib_wrap .jslib  a p span {margin-top: 5px;font-size: 14px;}
	#introPage .intro_wrap .jslib_wrap .jslib  a:hover p {font-size: 18px;font-weight: 600;}


	#introPage .intro_footer {position: static;padding: 60px 5% 10px;word-break: keep-all;font-size: 14px;}
}