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

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

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

@media all and (min-width: 1060px) {
	#mm-blocker{display:none}
	#popupWindow{position:absolute}
	#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:#fff}
	#header .header{position:relative;z-index:12;margin:0 auto;max-width:1300px;height:34px}
	#header .header #lnb{float:right;}
	#header .header h1{position:absolute;top:25px;left:0;}
	#header .header h1 a {display:inline-block; width:100%; height:50px;}
	#header .header h1 a img {width:225px;}
	#header .header button{display:none}
	#header .mobile{display:none}

	/**/
	#lnb{background:#fff}
	#lnb ul{float:right}
	#lnb li{float:left}
	#lnb li a{padding:0 10px;line-height:34px;font-size:12px;letter-spacing:-1px;color:#555}
	#lnb li a:hover {text-decoration:underline;}
	
	#lnb li:last-child a{padding-right:0}
	#lnb li.login a{color:#006ed5}
	#lnb .mlose{display:none}

	/**/
	#gnb{position:absolute;z-index:11;top:34px;left:0;width:100%;height:69px; background-color:#fff; border-bottom:1px solid #e7e7e7; box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.01); transition:all 0.3s; overflow:hidden;}
	#gnb .depth1 {display:flex; justify-content: space-between; margin:0 -10px 0 350px;position:relative;overflow:hidden}
	#gnb .depth1 > li {position:relative; height:280px}
	#gnb .depth1 > li:nth-child(2) .depth3 {display:block;}
	#gnb .depth1 > li > a {position:relative; display:block;padding:0 10px 10px;height:65px;font-weight:700;line-height:50px;font-size:18px;color:#333;text-align:center;}
	#gnb .depth1 > li:hover > a:after {content:''; position:absolute; top:0; left:calc(50% - 3px); width:6px; height:6px; background-color:var(--mainColor); border-radius:6px;}
	#gnb .depth1 > li:hover > a, #gnb .depth1 > li > a:hover {color:var(--mainColor);}
	#gnb .depth1 > li:last-child a {padding:0;}
	#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:76px; left:10px; width:150px;}
	#gnb .depth2 li a {display:block; line-height:28px; font-size:15px; letter-spacing:-1px; text-align:left; color:#666;}
	#gnb .depth2 li a:hover,
	#gnb .depth2 li.sel a {color:var(--mainColor);}
	#gnb .depth3 {display:none; margin:4px 0 7px 5px;}
	#gnb .depth3 li a {display:block; line-height:28px; font-size:14px; letter-spacing:-1px; text-align:left; color:#666;}
	#gnb .depth3 li a:before {content:''; display:inline-block; width:4px; height:4px; margin-right:4px; border-radius:4px; background-color:#ccc; vertical-align:middle;}
	#gnb .depth3 li a:hover,
	#gnb .depth3 li.sel a {color:var(--mainColor);}
	#gnb.sel {height:300px; transition:all 0.3s;}
	#gnb.sel depth1 {height:300px !important}
	#gnb .gnb {margin:0 auto;max-width:1300px}
	#gnb .mobile {display:none}
	#gnb .depth1 > li#menu {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{background:#e9edf6;width:100%;height:96px;overflow:hidden} 
	#banner .banner{position:relative;max-width:1300px;margin:27px auto; overflow:hidden}
	#banner .banner h3{display:none;}
	#banner .banner .bx-wrapper{float:left;max-width:calc(100% - 100px) !important;}
	#banner .banner ul{float:left;width:1600%;height:42px}
	#banner .banner ul li{}
	#banner .banner ul li a{display:block}
	#banner .banner .bx-viewport{height:42px !important}
	#banner .banner .bx-controls{}
	#banner .banner .bx-controls-auto .bx-controls-auto-item a{position:absolute;top:10px;right:27px;display:block;width:25px;height:26px;text-indent:-9999px}
	#banner .banner .bx-controls-auto .bx-controls-auto-item a.active{display:none}
	#banner .banner .bx-controls-auto .bx-controls-auto-item a.bx-start{background:url(../img/banner_control_play.gif) no-repeat}
	#banner .banner .bx-controls-auto .bx-controls-auto-item a.bx-stop{background:url(../img/banner_control_pause.gif) no-repeat}
	#banner .banner .bx-controls-direction {position:absolute;top:10px;right:0; width:79px; display:flex; justify-content: space-between;}
	#banner .banner .bx-controls-direction a{text-indent:-9999px;display:block;width:27px;height:26px;background:url(../img/banner_control_prev.gif) no-repeat}
	#banner .banner .bx-controls-direction a.bx-next{height:26px;background:url(../img/banner_control_next.gif) no-repeat}

	
	#aside{width:250px;height:100%}
	#aside h2{position:relative; width:250px;height:150px;line-height:150px;font-size:23px;font-weight:600;color:#fff; background:linear-gradient(135deg, #d95656, #dc6464); text-align:center; border-radius:20px 20px 0 0;}
	#aside h2:before {content:''; position:absolute; right:0; bottom:0; width:100%; height:100%; background:url(../img/bg_left_title.png) right 100% no-repeat;}
	/*
	#aside ul{}
	#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}
	*/
	#aside ul {margin-top:20px;}
	#aside ul > li > a {display:block; padding:18px 20px; line-height:25px; font-size:16px; font-weight:500; color:#222; border: 1px solid #dedede; letter-spacing:-1px;}
	#aside ul > li + li a {margin-top:-1px;}
	#aside ul > li > a img {padding:0 0 0 5px; vertical-align:-1px;}
	#aside ul > li > a:hover,
	#aside ul > li:hover > a {text-decoration:underline;}
	#aside ul > li.sel > a,
	#aside ul > li.sel > a:hover{color:var(--mainColor); border-color:var(--mainColor);}
	#aside ul > li.sel + li a {border-top-color:var(--mainColor);}
	#aside ul > li:hover{}
	#aside ul > li.sel{}
	#aside ul > li ul{border-bottom:1px solid #e0e0e0;background:#fafafa;padding:15px 0;margin-top:0;}
	#aside ul > li ul li a{font-size:15px;font-weight:400}
	#aside ul > li ul li a:before {content:''; display:inline-block; width:5px; height:1px; margin-right:6px; background-color:#bbb; vertical-align:middle;}
	#aside ul > li li a{display:block;padding:4px 0 4px 28px;color:#777;font-size:13px;background:#fafafa;border:0}
	#aside ul > li li:last-child a{border:0}
	#aside ul > li li a:hover,
	#aside ul > li li a.sel{font-weight:400;color:#222;background:none}
	
	
	
	/**/
	#design {position:relative;width:calc(100% - 250px);padding-left:60px;min-height:580px;border-radius:0 10px 10px 0;padding-bottom:100px}
	#design .visual {overflow:hidden;position:relative;z-index:1;padding-bottom:30px; margin-bottom:50px; border-bottom:1px solid #dadada; border-radius:0 10px 0 0; background:url(../img/sub_top_tt.jpg) no-repeat 700px -20px;}
	#design .visual .sub_v_img { width:350px; height:219px; position:absolute; right:0; top:0px; background:url(../img/sub_v01.png) no-repeat; opacity:0; background-size:105%;}
	#design .visual .sub_v_img.v_guide {background:url(../img/sub_v01.png) no-repeat;}
	#design .visual .sub_v_img.v_search {background:url(../img/sub_v01.png) no-repeat;}
	#design .visual .sub_v_img.v_culture {background:url(../img/sub_v01.png) no-repeat;}
	#design .visual .sub_v_img.v_event {background:url(../img/sub_v01.png) no-repeat;}
	#design .visual .sub_v_img.v_community {background:url(../img/sub_v01.png) no-repeat;}
	#design .visual .sub_v_img.v_member {background:url(../img/sub_v01.png) no-repeat;}
	#design .visual .sub_v_img.v_etc {background:url(../img/sub_v01.png) no-repeat;}
	#design .visual h2 {position:relative;z-index:2;margin:0;padding:30px 0 0 0;display:inline-block;line-height:34px;font-size:34px;font-weight:600;color:#333;}
	#design .visual .locator{display:block;margin-top:20px;}
	#design .visual .locator .path {display:flex; align-items:center;}
	#design .visual .locator .path li{position:relative; display:inline-block; vertical-align: middle; padding-right:26px; font-size:15px;}
	#design .visual .locator .path li:after {display:block; clear:both; content:""; width:6px; height:6px; border-top:1px solid #ccc; border-right:1px solid #ccc; transform:rotate(45deg); position:absolute; top:6px; left:-18px;}
	#design .visual .locator .path li:first-child:after {display: none;}	
	#design .visual .locator .path li button {text-align:left;border:0;color:#333;background:none;}
	#design .visual .locator .path li.sel button {color:#333;}
	#design .visual .locator .path li.home {}
	#design .visual .locator .path li.home a {display:block; width:35px; height:35px; line-height:35px; color:#999; text-align:center; border-radius:50%; background:#eff1f6 url(../img/home-line.svg) center center no-repeat; background-size:20px; text-indent:-9999px; font-size:0;}
	#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}
	#design #content {border-radius:0 10px 0 0; min-height:620px; line-height:170%;}
	#design #content .sc_bg { position:absolute;}
	#design #content .sc_guide01 { width:173px; height:184px; right:50px; bottom:50px;  background:url(../img/sub_bg_guide01.png) no-repeat;}
	#design #content .sc_guide02 { width:271px; height:143px; right:70px; top:154px;  background:url(../img/sub_bg_guide02.png) no-repeat;}
	#design #content .sc_guide03 { width:271px; height:173px; right:50px; bottom:50px;  background:url(../img/sub_bg_guide03.png) no-repeat;}
	#design #content .sc_culture01 { width:205px; height:191px; right:50px; bottom:50px;  background:url(../img/sub_bg_culture01.png) no-repeat;}
	#design #program .sc_event02 { position:absolute; width:136px; height:119px; right:80px; top:181px;  background:url(../img/sub_bg_event02.png) no-repeat;}
	#design #content .sc_event03 { width:321px; height:213px; right:50px; bottom:50px;  background:url(../img/sub_bg_event03.png) no-repeat;}
	#design #content .sc_event04 { width:308px; height:186px; right:30px; bottom:50px;  background:url(../img/sub_bg_event04.png) no-repeat;}
	#design #content .sc_event05 { width:236px; height:178px; right:50px; bottom:50px;  background:url(../img/sub_bg_event05.png) no-repeat;}
	#design #content .sc_event06 { width:311px; height:219px; right:50px; bottom:50px;  background:url(../img/sub_bg_event06.png) no-repeat;}
	/**/
	#contain{padding-top:104px;padding-bottom:40px;}
	#contain .contain{display:flex;position:relative;margin:0 auto;margin-top:40px;max-width:1300px;}

	.wrap_controllers { display:none;}

	/**/
	#fnb {background:#fff; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
	#fnb .fnb{position:relative; margin:10px auto; max-width:1300px; overflow:hidden;}
	#fnb .fnb:before,
	#fnb .fnb:after{clear:both;display:table;content:"";line-height:0}
	#fnb .fnb ul{float:left;overflow:hidden;}
	#fnb .fnb ul li{float:left;overflow:hidden;padding-right:18px;}
	#fnb .fnb ul li:last-child {padding-right:0;}
	#fnb .fnb ul li a{float:left; display:block; padding:25px 18px 21px 0; line-height:24px; color:#333; font-weight:500; font-size:15px;}
	#fnb .fnb ul li a strong {font-weight:inherit; color:#0033a6;}
	#fnb .fnb .selects{float:right;margin-top:16px;overflow:hidden;}
	#fnb .fnb .selects .select { float:left; margin-left:10px;}
	#fnb .fnb .selects .select:first-child {margin-left:0;}
	#fnb .fnb select{padding-right:30px;padding-right:5px;width:180px;height:36px;font-size:15px;font-weight:400;color:#333;border:0;background:#f0f4f9 url(../img/go_link_arr.png) no-repeat 93% 50%;border-radius:0;-webkit-appearance:none;}
	#fnb .fnb .select .sel_link, #fnb .fnb .select .sel_link2{float:left;color:#333;}
	#fnb .fnb .select .go_link, #fnb .fnb .select .go_link2{display:block;width:36px;height:36px;background:#41536b;float:left;color:#fff;font-size:12px;}

	/**/
	#footer {background:#fff}
	#footer .footer {position:relative; max-width:1300px; margin:0 auto; padding:50px 0;}
	#footer .footer:before,
	#footer .footer:after{clear:both;display:table;content:"";line-height:0}
	#footer .footer h2 {float:left; width:20%; max-width:205px; margin-right:100px;}
	#footer .footer h2 a {display:block}
	#footer .footer .ft_info {float:left; width:calc(100% - 305px); font-size:15px; color:#444; font-weight:500;}
	#footer .footer .ft_info * {font-size:15px; font-style:normal;}
	#footer .footer address {margin-bottom:7px;}
	#footer .footer address em {color:#c8c8c8; margin:0 10px;}
	#footer .footer address strong {font-weight:inherit;}
	#footer .footer select{padding:5px;padding-right:30px;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;color:#fff;background:#b2b2b2}
	

	#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: 681px) and (max-width: 1059px) {
	
	#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;background:#fff}
	#header .header{position:relative;}
	#header .header h1{}
	#header .header h1 a{display:block;width:142px;height:auto;margin-left:10px}
	#header .header h1 a img{width:205px;height:auto}
	#header .header button{display:none}
	#header .mobile{display:none}

	/**/
	#lnb{position:absolute;top:0;right:0;overflow:hidden;margin-top:15px;}
	#lnb li{float:left}
	#lnb li a{padding:0 10px;line-height:24px;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:1px solid #eee;border-bottom:1px solid #e7e7e7;background:#fff;transition:all 0.3s;overflow:hidden}
	#gnb .depth1{position:relative;padding-right:10%;overflow:hidden}
	#gnb .depth1 > li{float:left;position:relative;width:16.666%}
	#gnb .depth1 > li > a{display:block;position:relative;line-height:52px;font-size:15px;font-weight:700;text-align:center;color:#444}
	#gnb .depth1 > li.sel > a,
	#gnb .depth1 > li > a:hover{color:var(--mainColor);}
	#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:10px;right:30px;width:auto !important}
	#menu a{display:block;width:30px;height:30px;background:url(../img/ico_menuw.png) no-repeat 50% 50%;text-indent:-9999em; overflow:hidden; background-size:20px;}

	/**/
	#banner{background:#e9edf6;width:100%;height:auto !important;overflow:hidden;padding:20px 2%;} 
	#banner .banner{position:relative;max-width:1300px;margin:0 auto; overflow:hidden}
	#banner .banner h3{display:none;}
	#banner .banner .bx-wrapper{float:left;max-width:calc(100% - 95px) !important;}
	#banner .banner ul{float:left;width:1600%;height:42px}
	#banner .banner ul li{}
	#banner .banner ul li a{display:block}
	#banner .banner .bx-viewport{height:42px !important}
	#banner .banner .bx-controls{}
	#banner .banner .bx-controls-auto .bx-controls-auto-item a{position:absolute;top:10px;right:27px;display:block;width:25px;height:26px;text-indent:-9999px}
	#banner .banner .bx-controls-auto .bx-controls-auto-item a.active{display:none}
	#banner .banner .bx-controls-auto .bx-controls-auto-item a.bx-start{background:url(../img/banner_control_play.gif) no-repeat}
	#banner .banner .bx-controls-auto .bx-controls-auto-item a.bx-stop{background:url(../img/banner_control_pause.gif) no-repeat}
	#banner .banner .bx-controls-direction {position:absolute;top:10px;right:0; width:79px; display:flex; justify-content: space-between;}
	#banner .banner .bx-controls-direction a{text-indent:-9999px;display:block;width:27px;height:26px;background:url(../img/banner_control_prev.gif) no-repeat}
	#banner .banner .bx-controls-direction a.bx-next{height:26px;background:url(../img/banner_control_next.gif) no-repeat}

	/**/
	#aside{display:none}

	/**/
	#design{padding:20px;padding-top:0}
	#design .visual{position:relative; z-index:999; margin:30px 0 40px; border-radius:0 10px 0 0; background:url(../img/sub_top_tt.jpg) no-repeat 100% 0;}
	#design .visual h2{position:relative;z-index:2000; margin:20px 0; line-height:42px; font-size:28px; font-weight:700; color:#333;}
	#design .visual .locator{position:relative;z-index:2222;border:1px solid #eee;background:#fff;}
	#design .visual .locator .path{}
	#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:#333}
	#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:#666;}
	#design .visual .locator .path li button{padding:10px 0;width:100%;height:40px;text-align:left;border-right:1px solid #eee;background:#fff url('../img/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:#8dc63f}
	#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;}
	#contain .contain:before,
	#contain .contain:after{clear:both;display:table;content:"";line-height:0}

	/**/
	#fnb {background:#fff; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
	#fnb .fnb{position:relative; margin:10px auto 20px; max-width:1300px; overflow:hidden;}
	#fnb .fnb:before,
	#fnb .fnb:after{clear:both;display:table;content:"";line-height:0}
	#fnb .fnb ul{width:100%; overflow:hidden; text-align:center;}
	#fnb .fnb ul li{display:inline-block;overflow:hidden;}
	#fnb .fnb ul li:last-child {padding-right:0;}
	#fnb .fnb ul li a{float:left; display:block; padding:15px 15px; line-height:20px; color:#333; font-weight:500; font-size:15px;}
	#fnb .fnb ul li a strong {font-weight:inherit; color:#0033a6;}
	#fnb .fnb .selects {overflow:hidden; text-align:center;}
	#fnb .fnb .selects .select {display:inline-block; margin-left:10px;}
	#fnb .fnb .selects .select:first-child {margin-left:0;}
	#fnb .fnb select{padding-right:30px;padding-right:5px;width:180px;height:36px;font-size:14px;font-weight:400;color:#333;border:0;background:#f0f4f9 url(../img/go_link_arr.png) no-repeat 93% 50%;border-radius:0;-webkit-appearance:none;}
	#fnb .fnb .select .sel_link, #fnb .fnb .select .sel_link2{float:left;color:#333;}
	#fnb .fnb .select .go_link, #fnb .fnb .select .go_link2{display:block;width:36px;height:36px;background:#41536b;float:left;color:#fff;font-size:12px;}

	/**/
	#footer {background:#fff}
	#footer .footer {position:relative; margin:0 auto; padding:20px 0 30px;}
	#footer .footer:before,
	#footer .footer:after{clear:both;display:table;content:"";line-height:0}
	#footer .footer h2 {margin:0 auto 20px; width:auto; max-width:205px;}
	#footer .footer h2 a {display:block}
	#footer .footer .ft_info {width:94%; margin:0 auto; font-size:14px; color:#444; font-weight:500; text-align:center;}
	#footer .footer .ft_info * {font-size:14px; font-style:normal;}
	#footer .footer address {margin-bottom:7px;}
	#footer .footer address em {height:4px; display:block; color:#c8c8c8; margin:0 10px; text-indent:-99999px;}
	#footer .footer address strong {font-weight:inherit;}
	#footer .footer select{padding:5px;padding-right:30px;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;color:#fff;background:#b2b2b2}


	#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:#006ed5}
	#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:#787878}
	#dkleft .depth2 a{display:block;padding:0 20px;line-height:40px;font-size:13px;color:#fff;border-bottom:1px solid #666;text-decoration:none}
	#dkleft .depth2 a.sel{color:#81c341}
	#dkleft .depth3 {background:#888;}
	#dkleft .depth3 li:first-child {padding-top:8px;}
	#dkleft .depth3 li:last-child {padding-bottom:8px; border-bottom:1px solid #666;}
	#dkleft .depth3 a{display:block;padding:0 20px;line-height:30px;font-size:13px;color:#fff;border-bottom:0;text-decoration:none}
	#dkleft .depth3 a:before {content:''; display:inline-block; width:5px; height:1px; margin-right:4px; background-color:#fff; vertical-align:middle;}
	#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: 680px) {
	#popupWindow{position:absolute}

	img{width:auto;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;border-bottom:1px solid #ddd}
	#header .header{padding:0;height:63px}
	#header .header h1{padding:10px 0 0 0;text-align:center}
	#header .header h1 a{}
	#header .header h1 a img {height:38px;}
	#header .mobile{display:none}
	#header .header button{position:absolute;top:0;width:70px;height:64px;line-height:64px}
	#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{background:#e9edf6;width:100%;height:auto !important;overflow:hidden;padding:20px 2%;} 
	#banner .banner{position:relative;max-width:1300px;margin:0 auto; overflow:hidden}
	#banner .banner h3{display:none;}
	#banner .banner .bx-wrapper{float:left;max-width:calc(100% - 95px) !important;}
	#banner .banner ul{float:left;width:1600%;height:42px}
	#banner .banner ul li {margin-right:10px !important;}
	#banner .banner ul li a{display:block}
	#banner .banner .bx-viewport{height:42px !important}
	#banner .banner .bx-controls{}
	#banner .banner .bx-controls-auto .bx-controls-auto-item a{position:absolute;top:10px;right:27px;display:block;width:25px;height:26px;text-indent:-9999px}
	#banner .banner .bx-controls-auto .bx-controls-auto-item a.active{display:none}
	#banner .banner .bx-controls-auto .bx-controls-auto-item a.bx-start{background:url(../img/banner_control_play.gif) no-repeat}
	#banner .banner .bx-controls-auto .bx-controls-auto-item a.bx-stop{background:url(../img/banner_control_pause.gif) no-repeat}
	#banner .banner .bx-controls-direction {position:absolute;top:10px;right:0; width:79px; display:flex; justify-content: space-between;}
	#banner .banner .bx-controls-direction a{text-indent:-9999px;display:block;width:27px;height:26px;background:url(../img/banner_control_prev.gif) no-repeat}
	#banner .banner .bx-controls-direction a.bx-next{height:26px;background:url(../img/banner_control_next.gif) no-repeat}
	
	
	/**/
	#aside{display:none}

	/**/
	#design{padding:14px;padding-top:0;background:#fff}
	#design .visual{position:relative; z-index:999; margin:30px 0 30px; border-radius:0 10px 0 0; background:url(../img/sub_top_tt.jpg) no-repeat 100% 0;}
	#design .visual h2{position:relative;z-index:2000; margin:15px 0; line-height:42px; font-size:28px; font-weight:700; color:#333;}
	#design .visual .locator{position:relative;z-index:2000;border:1px solid #eee;background:#fff}
	#design .visual .locator .path{}
	#design .visual .locator .path:before,
	#design .visual .locator .path:after{clear:both;display:table;content:"";line-height:0}
	#design .visual .locator .path *{font-size:14px;color:#333;z-index:1999}
	#design .visual .locator .path li{float:left;position:relative;width:50%;white-space:nowrap}
	#design .visual .locator .path li:last-child button {border-right:0;}
	#design .visual .locator .path li a{display:block;padding:12px 0;color:#666;}
	#design .visual .locator .path li button{display:block !important;padding:13px 0;width:100%;height:50px;text-align:left;border-right:1px solid #eee;background:#fff url('../img/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:50px;width:100.5%;background:#fff}
	#design .vepth .navi div{border:1px solid #ccc;border-top:0}
	#design .vepth .navi div a{display:block;padding:12px 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:#8dc63f}

	/**/
	#contain{padding-top:0px}
	#contain .contain{position:relative;border:0px solid #aaa;background:#fff;}
	#contain .contain:before,
	#contain .contain:after{clear:both;display:table;content:"";line-height:0}
	
	/**/
	#fnb {background:#fff; border-top:1px solid #d7d7d7;}
	#fnb .fnb{position:relative; margin:20px auto; overflow:hidden;}
	#fnb .fnb:before,
	#fnb .fnb:after{clear:both;display:table;content:"";line-height:0}
	#fnb .fnb ul{width:100%; overflow:hidden; text-align:center; margin-bottom:10px;}
	#fnb .fnb ul li{display:inline-block;overflow:hidden;}
	#fnb .fnb ul li:last-child {padding-right:0;}
	#fnb .fnb ul li a{float:left; display:block; padding:8px 10px; line-height:16px; color:#333; font-weight:500; font-size:13px;}
	#fnb .fnb ul li a strong {font-weight:inherit; color:#0033a6; font-size:inherit;}
	#fnb .fnb .selects {overflow:hidden; text-align:center;}
	#fnb .fnb .selects .select {display:inline-block;}
	#fnb .fnb select{padding-right:30px;padding-right:5px;width:180px;height:36px;font-weight:400;color:#333;border:0;background:#f0f4f9 url(../img/go_link_arr.png) no-repeat 93% 50%;border-radius:0;-webkit-appearance:none;}
	#fnb .fnb .select .sel_link, #fnb .fnb .select .sel_link2{float:left;color:#333;}
	#fnb .fnb .select .go_link, #fnb .fnb .select .go_link2{display:block;width:36px;height:36px;background:#41536b;float:left;color:#fff;font-size:12px;}


	/**/
	#footer {background:#fff; padding-bottom:20px;}
	#footer .footer {position:relative;margin:0 auto;}
	#footer .footer h2{display:none;}
	#footer .footer .ft_info {width:94%; margin:0 auto; font-size:14px; color:#444; font-weight:500; text-align:center;}
	#footer .footer .ft_info * {font-size:13px; font-style:normal;}
	#footer .footer address {margin-bottom:7px;}
	#footer .footer address em {height:4px; display:block; color:#c8c8c8; margin:0 10px; text-indent:-99999px;}
	#footer .footer address strong {font-weight:inherit;}
	#footer .footer select{padding:5px;padding-right:30px;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;color:#fff;background:#b2b2b2}



	
	#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:#006ed5}
	#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:#006ed5;-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:#787878}
	#dkleft .depth2 a{display:block;padding:0 20px;line-height:40px;font-size:13px;color:#fff;border-bottom:1px solid #666;text-decoration:none}
	#dkleft .depth2 a.sel{color:#81c341}
	
	#dkleft .depth3 {background:#888;}
	#dkleft .depth3 li:first-child {padding-top:8px;}
	#dkleft .depth3 li:last-child {padding-bottom:8px; border-bottom:1px solid #666;}
	#dkleft .depth3 a{display:block;padding:0 20px;line-height:30px;font-size:13px;color:#fff;border-bottom:0;text-decoration:none}
	#dkleft .depth3 a:before {content:''; display:inline-block; width:5px; height:1px; margin-right:4px; background-color:#fff; vertical-align:middle;}
	#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"}

}