@charset "utf-8";

@import url("common_26.css");
@import url("board_26.css");
@import url("contents_26.css");
@import url("member.css");
@import url("main_26.css");
@import url("new_content.css");

body {line-height:1.5em; font-family:'Pretendard', sans-serif; font-size:13px; color:#555; font-weight:400;}
body{-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; } 

/* Layout */
#wrap{position:relative; width:100%; height:100%; overflow:hidden;}
#header{position:relative; margin:40px auto 0; background:#fff; width:100%; z-index:999999; border-bottom:1px solid #b0e159;}
#header .header_frame{position:relative; width:1200px; height:50px; margin:0 auto;}
#main_container{width:100%; height:auto;padding:0; margin:0 auto; position:relative;}
#main_container #container_in{position:relative;width:1100px; padding:20px 15px 0; margin:0 auto;}
* html #container{width:100%;}

#container { position:relative;width:100%; margin:0;}
#container #container_in{position:relative; width:100%; max-width:1200px; padding:20px 15px 20px; margin:0 auto;}

#leftcolumn { position:relative; float:left; width:227px; display:inline; padding-bottom:50px; }
#rightcolumn { float:right; width:calc(100% - 250px); display:inline; overflow:hidden;background:#fff;margin-bottom:60px;padding-bottom:40px;border:1px solid #e9e9e9;}
#rightcolumn  #content { clear:both;width:auto; padding:18px 28px 28px 28px;color:#555; line-height:1.6em; text-align:left; }
#rightcolumn  #content .content_in { clear:both; overflow:hidden;width:auto; font-size:13px; color:#4a4a4a; text-align:justify; min-height:500px; }

#news_guide{clear:both;overflow:hidden;}
#news_guide #news_fl{float:left; width:calc(100% - 340px); margin-bottom:20px;}
#news_guide #news_fr{float:right;width:287px;}
#footer { clear:both;width:100%; overflow:hidden;padding:0 0 30px 0; margin:0 0;height:auto; border-top:1px solid #f1eace;}

#quick{position:absolute; top:23px; right:-80px;}
.behind {display:none;position:absolute;top:0;left:0;width:100%;height:100% !important;z-index:10000;background:url('/inc/img/board/s_behindBg_bg.png') repeat 0 0;}

/* popup */
#pc_popup{display:block;position:relative;width:100%;z-index:1000001;height:160px;background:#211c54;}
#pc_popup .popup_box{position:relative;}
#pc_popup .popup_btns{position:absolute;top:0;left:0;margin:0 0;width:100%;height:auto;z-index:1;}
#pc_popup .popup_btns .popup_chk{position:absolute;top:126px;left:50%;width:1100px;margin-left:-550px;color:#fff;font-size:15px;z-index:100;}
#pc_popup .popup_btns .popup_closed{position:absolute;top:20px;right:5px;z-index:100;}

#pc_popup_visual{position:relative;width:100%;height:160px;margin:0 0;overflow:hidden;}
#pc_popup_visual li{position:relative;overflow:hidden;float:left;text-align:center;}
#pc_popup_visual .v_img{display:inline-block;width:1100px;height:160px;margin:0 auto;}
#pc_popup_visual .v_img img{width:100%;height:160px;}
#pc_popup_visual .bx-controls{position:absolute;width:1100px;bottom:0;left:50%;margin-left:-550px;height:24px;z-index:1000;}
#pc_popup_visual .bx-controls a.bx-next{display: none;position:absolute;text-indent:-9999px;z-index:900;background:url(../img/main/btn_pp_next.png) no-repeat 0 0; width:20px !important; height:20px; top:10px !important;right:40px;}
#pc_popup_visual .bx-controls a.bx-prev{display: none;position:absolute;text-indent:-9999px;z-index:900;background:url(../img/main/btn_pp_prev.png) no-repeat 0 0; width:20px !important; height:20px; top:10px !important;right:80px;}
#pc_popup_visual .bx-controls a.bx-stop{display: none;position:absolute;text-indent:-9999px;z-index:900;background:url(../img/main/btn_pp_stop.png) no-repeat 0 0; width:20px !important; height:20px; top:10px !important;right:60px;}
#pc_popup_visual .bx-controls a.bx-start{display: none;position:absolute;text-indent:-9999px;z-index:900;background:url(../img/main/btn_pp_start.png) no-repeat 0 0; width:20px !important; height:20px; top:10px !important;right:60px;}
#pc_popup_visual .bx-controls .bx-pager{position:absolute;right:0; height:24px;width:100px; text-align:right; color:#fff;font-size:0;}
#pc_popup_visual .bx-controls .bx-pager .bx-pager-item,
#pc_popup_visual .bx-controls .bx-controls-auto .bx-controls-auto-item { display: inline-block; text-indent:-9999px; z-index:900 !important;}
#pc_popup_visual .bx-controls .bx-pager.bx-default-pager a { background:#bababa;text-indent:-9999px; display:block; width:14px; height:14px; margin:0 4px 0 4px; outline:0;border-radius:10px;z-index:900 !important; }
#pc_popup_visual .bx-controls .bx-pager.bx-default-pager a:hover,
#pc_popup_visual .bx-controls .bx-pager.bx-default-pager a.active { background:#ee465a; }

#mobile_popup{display:none;position:relative;z-index:1000001;height:auto;background:#211c54;}
#mobile_popup .mb_popup_box{position:relative;background:url('/inc/img/common/popup_box_bg.jpg') repeat-x top center;}
#mobile_popup .mb_popup_btns{position:absolute;width:100%;height:auto;}
#mobile_popup .mb_popup_closed{position:absolute;top:10px;right:10px;width:35px;}
#mobile_popup  .mb_popup_closed img{width:100%;}
#mobile_popup .mb_popup_btns .mb_popup_img img{width:100%;}

#mb_popup_visual{position:relative;width:100%;height:auto;margin:0 0;overflow:hidden;}
#mb_popup_visual li{position:relative;overflow:hidden;float:left;text-align:center;}
#mb_popup_visual .v_img{width:100%;height:auto;}
#mb_popup_visual .v_img img {width:100%;}
#mb_popup_visual .bx-controls{position:absolute;width:100%;height:20px;top:83%;left:0;z-index:10000000 !important;}
#mb_popup_visual .bx-controls a.bx-next{display:none;position:absolute;text-indent:-9999px;z-index:900;background:url(../img/main/btn_pp_next.png) no-repeat 0 0; width:20px !important; height:20px; top:10px !important;right:40px;}
#mb_popup_visual .bx-controls a.bx-prev{display:none;position:absolute;text-indent:-9999px;z-index:900;background:url(../img/main/btn_pp_prev.png) no-repeat 0 0; width:20px !important; height:20px; top:10px !important;right:80px;}
#mb_popup_visual .bx-controls a.bx-stop{display:none;position:absolute;text-indent:-9999px;z-index:900;background:url(../img/main/btn_pp_stop.png) no-repeat 0 0; width:20px !important; height:20px; top:10px !important;right:60px;}
#mb_popup_visual .bx-controls a.bx-start{display:none;position:absolute;text-indent:-9999px;z-index:900;background:url(../img/main/btn_pp_start.png) no-repeat 0 0; width:20px !important; height:20px; top:10px !important;right:60px;}
#mb_popup_visual .bx-controls .bx-pager{position:absolute;top:0;left:12px; height:20px;width:200px;text-align:left; color:#fff;font-size:0;}
#mb_popup_visual .bx-controls .bx-pager .bx-pager-item,
#mb_popup_visual .bx-controls .bx-controls-auto .bx-controls-auto-item { display: inline-block; text-indent:-9999px; z-index:900 !important;}
#mb_popup_visual .bx-controls .bx-pager.bx-default-pager a { background:#bababa;text-indent:-9999px; display:block; width:13px; height:13px; margin:0 3px 0 3px; outline:0;border-radius:10px;z-index:900 !important; }
#mb_popup_visual .bx-controls .bx-pager.bx-default-pager a:hover,
#mb_popup_visual .bx-controls .bx-pager.bx-default-pager a.active { background:#ee465a; }

/* header */
#header h1 {margin:0 auto; width:174px;}
#header h1 .logo_mob{display:none;}

#header .mtMenu { display:none;position:absolute; top:-200px !important; }
#header .mtMenu_closed { display:none;position:absolute; top:-200px !important; }	

#header #mtSearch { display:none;position:absolute; top:-200px !important}	
#header #mtSearch_closed { display:none;position:absolute; top:-200px !important; }	

#headtop{position:relative; margin:0 auto; width:1200px;}

/* gnb */
#gnb { width:100%;position:relative; padding:0 0 0 0; height:37px;}
#gnb .gnb_top{width:1100px;margin:0 auto;}
.gnb_fl{padding-top:3px;height:33px;}
.gnb_fl li{padding:0 2px;line-height:33px; font-size:15px;}
.gnb_fl li.gnb_fl_home{color:#3626f7;margin-right:10px;}
.gnb_fl li.gnb_fl_home img{padding-bottom:3px;}
.gnb_fl li.gnb_fl_home a{color:#3626f7;font-size:11px;font-family:"Dotum";}
.gnb_fr{position:absolute; top:20px; right:0; display:flex; justify-content:flex-end;}
.gnb_fr li {padding:0 0 0 15px; line-height:1; font-size:15px;}
.gnb_fr li.first{background:none;}
.gnb_fr li.first2{background:none;}
.gnb_fr li.first2 a{color:#999;}
.gnb_fr li.last{padding:0 0 0 7px;}
.gnb_fr li a {font-size:15px; color:#555; font-weight:500;}
.gnb_fr li.name{color:#27b6d8;padding-left:15px;background:url('/inc/img/common/name_icon.png') no-repeat 0 0;}

#gnb_etc{z-index:100;}

.gnb_search{position:absolute; top:8px; height:43px; right:0; width:350px;}
.gnb_search .gnb_search_in{position:relative; width:100%; height:43px; border-radius:30px; border:1px solid #b0e159; box-sizing:border-box;}
.gnb_search .gnb_search_in .tbinput {position: relative; margin-top:5px; padding:5px 0; width:90%; height:20px; border:none; vertical-align:middle; color:#ccc; font-size:18px; font-weight: normal; font-family:'YeogiOttaeJalna';}
.gnb_search .gnb_search_in select {position:relative; color:#ccc; font-size:18px;font-weight: normal; height:26px; border:0; background: -webkit-linear-gradient(transparent, transparent);-webkit-appearance: none;}
.gnb_search .gnb_search_in #topSearchCate {background:url('/inc/img/common/select_bg.png')56px 8px no-repeat;}
.gnb_search .gnb_search_in input:-webkit-autofill, .gnb_search .gnb_search_in input:-webkit-autofill:hover, .gnb_search .gnb_search_in input:-webkit-autofill:focus, .gnb_search .gnb_search_in input:-webkit-autofill:active{
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-text-fill-color: #999 !important;
}
.topsearchbt{position:absolute; top:-1px; right:-1px; width:43px; height:43px; background-image:linear-gradient(225deg, #86deae, #53b680); border-radius:50%; box-shadow:1px 1px 5px 0 rgba(0,0,0,.2);}
.topsearchbt img{padding-top:9px;}

.gnb_search .gnb_search_txt{clear:both;font-size:12px;padding-top:5px;font-family:"Dotum";color:#999999;}
.lnb_logo{position:absolute;top:101px;right:0;z-index:100;}

.header_search{display:none;position:relative;width:100%;height:60px;overflow:hidden;}

#lnb{position:absolute; width:100%;height:auto; left:0; top:140px; z-index:99;background:#6e4fd0;}
.lnb_behindBg{position:fixed; top:0; left:0;width:100%;background:#000;height:100% !important;z-index:4;opacity:0;display:none;}
#lnb .lnbWrap{width:100%; margin:0 auto; z-index:2;}
#lnb .lnbList{ width:1100px; margin:0 auto;margin-bottom:0; background:url('/inc/img/common/lnblist_bg.jpg') repeat-x;}
#lnb .lnbList .logo{ position:absolute;top:0;right:0;}
#lnb .lnbList:after{content:""; display:block; clear:both;}
#lnb .lnbList>li.first{float:left; padding-left:50px;}
#lnb .lnbList>li{float:left; margin:0 10px;}
#lnb .lnbList>li>a{line-height:55px;width:auto;display:block; margin-left:23px;padding:0 0 0 23px; overflow:hidden; text-align:center;font-size:18px;color:#fff; white-space:nowrap;font-family:'NanumSquare';}
#lnb .lnbList>li.first>a{padding-left:0;margin-left:0;text-align:center;background:none;}

#lnb .lnbList>li .lnb2d_bg{width:100%; position:absolute; left:0; top:55px;height:55px;background: url(../img/common/lnb2d_bg.png) repeat-x top center; display:none;z-index:100;}
#lnb .lnbList>li .lnb2d{width:1100px;position:relative;margin:0 auto;overflow:hidden;}
#lnb .lnbList>li .lnb2d>ul{clear:both;width:auto;margin-left:0;padding-right:0; padding-left:0;overflow:hidden;}
#lnb .lnbList>li .lnb2d>ul>li{float:left; margin-left:10px;padding:0; width:auto;position:relative;}
#lnb .lnbList>li .lnb2d>ul>li.first{float:left; margin-left:0;padding:0; width:auto;position:relative;}
#lnb .lnbList>li .lnb2d>ul>li>a{display:block;height:51px;line-height:51px; margin-right:15px !important;padding:0 0 0 0 !important; color:#000;font-weight:normal; white-space:nowrap;font-size:15px; font-family: 'NanumBarunGothic';}
#lnb .lnbList>li .lnb2d>ul>li>a:hover{color:#4b22e9 !important;margin:0;padding:0 0 0 0;}
#lnb .lnbList>li .lnb2d>ul>li.current a{color:#4b22e9 !important;margin:0;padding:0 0 0 0;}

#lnb .lnbList>li:hover>a{color:#fff;}
#lnb .lnbList>li.current>a{color:#fff;}

#lnb .lnbList>li.current>a span {display:block;height:45px;background: url(../img/common/lnbList_li_span_bg.png) repeat-x left bottom;}

#lnb .lnb2d_etc{position:absolute; left:0; top:106px;width:100%;padding-bottom:0 !important;height:180px;z-index:101;display:none;background:#fff;border-bottom:3px solid #dfdfdf;}
#lnb .lnb2d_etc h3{padding:0 0 0 0;margin:0 0 5px 0;font-size:17px;color:#000;font-weight:normal;font-family:'NanumSquareB';}
#lnb .lnb2d_etc .lnb2d_etc_in{width:1100px; margin:0 auto;}
#lnb .lnb2d_etc ul {}
#lnb .lnb2d_etc ul li{line-height:2.1em;padding:0 0 0 8px;text-align:left;background: url(../img/common/lnb2d_etc_bl.gif) no-repeat 0 12px;}
#lnb .lnb2d_etc ul li a{display:block;font-size:15px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color:#777777;}
#lnb .lnb2d_etc ul li a span{color:#4b22e9;}
#lnb .lnb2d_etc ul li a:hover, #lnb .lnb2d_etc ul li a:focus{color:#00627e;}

#lnb .etc_news{width:530px;padding-top:18px;}
#lnb .lnb2d_etc .news_photo{float:left;width:140px;font-size:14px;padding-top:5px;}
#lnb .lnb2d_etc .news_photo .photo {width:140px;height:73px;overflow:hidden;margin-bottom:8px;padding:0;}
#lnb .lnb2d_etc .news_photo .photo a{font-size:14px;color:#666;width:100%;overflow:hidden;display:block;}
#lnb .lnb2d_etc .news_photo p a{font-size:14px;color:#666;width:95%;overflow:hidden; text-overflow: ellipsis; white-space: nowrap;display:block;}
#lnb .lnb2d_etc .news_photo .photo  img{width:140px !important;height:auto !important;}
#lnb .lnb2d_etc .news_list{float:right;width:365px;}
#mobile_lnb, .mob_lnb_behindBg{display:none;}

#Lm2{padding-left:124px !important;}
#Lm3{padding-left:240px !important;}
#Lm4{padding-left:380px !important;}
#Lm5{padding-left:443px !important;}
#Lm6{padding-left:438px !important;}
#Lm7{padding-left:520px !important;}
#Lm8{padding-left:428px !important;}

/* snb */
#snb_tit { width:227px; height:175px;}
#snb_tit p {}
#snb { position:relative; width:225px;border:1px solid #999; background:#fff;}
#snb ul { width:225px; margin:0 auto; padding-bottom:100px;}
#snb ul li {line-height:53px;}
#snb ul li a { border-bottom:1px solid #dfdfdf;  display:block; overflow:hidden; white-space:nowrap; padding:0 0 0 20px; font-size:16px; color:#202020;}
#snb ul li a:hover, #snb ul li a:active, #snb ul li a:focus,
#snb ul li.current a {background:#72ce98 url('../img/sub/bg_snb_on.png') no-repeat; color:#fff; }
#snb ul.dep3 li.current a {background:#fff url('../img/sub/bg_snb_on2.gif') no-repeat; color:#72ce98; padding-left:40px;text-decoration:underline;font-weight:bold;}
#snb ul.dep3 li a {background:#fff;color:#737373;padding-left:40px;}

/* location */
.location { position:relative; width:auto;}
.location fieldset { position:relative; padding:15px 0;}
.location .location_tit { float:left; }
.location .location_tit p { font-size:25px; font-weight:400; color:#262626;}
.location .location_txt { float:right;}
.location .location_txt p { text-align:right; font-size:14px; color:#404040; }
.location .location_txt span {}

/* footer */
.ft_menu  { position:relative;overflow:hidden;width:100%;height:53px;margin:0 0;background:#454545;}
.ft_menu .ft_menu_in { width:1100px;margin:0 auto;}
.ft_menu .ft_menu_in li { float:left; width:182px; height:53px;font-size:14px;border-left:1px solid #525252; text-align:center;background:#454545;}
.ft_menu .ft_menu_in li a{ display:block;padding-top:17px;font-weight:400;color:#b5b5b5;font-family:'NanumSquare';}
.ft_menu .ft_menu_in li.first { width:181px;border-left:1px solid #525252;text-align:center;}
.ft_menu .ft_menu_in li.last { width:181px;border-left:1px solid #525252;border-right:1px solid #525252;}
.ft_menu .ft_menu_in li.lines {border-left:1px solid #525252;}
.ft_menu .ft_menu_in li.lines a{padding-top:8px !important;}

.ftbody{position:relative; margin:0 auto; padding:0 0 0; width:1200px; max-width:95%; display:block;}
.ftbody .ft_etc { clear:both;margin:0 0; padding-top:30px;}
.ftbody .fl_etc1 li{display:inline;padding:0 10px 0 10px;}
.ftbody .fl_etc1 li.first{display:inline;padding:0 10px 0 0;background:none;}
.ftbody .fl_etc1 li a{font-size:12px; color:#555; font-weight:600;}
.ftbody .fl_etc2{display:flex; flex-wrap:wrap; justify-content:flex-start; padding-top:10px;}
.ftbody .fl_etc2 li{padding:0 7px 0 7px; font-size:14px;line-height:1.5em; font-weight:500; background:url('../img/common/footline.png')no-repeat right center;}
.ftbody .fl_etc2 li:first-child{padding:0 7px 0 0;}
.ftbody .fl_etc2 li:last-child{background:none;}
.ftbody .ft_etc_fl p{font-size:14px; font-weight:500;}

.ft_copy {}
.ft_copy .ft_copy_in{margin:0 auto; width:1200px; max-width:95%;}
.ft_copy .ft_copy_fl{padding-top:10px; font-size:10px;}
.ft_copy .ft_copy_fr{float:right;text-align:right;width:300px;padding-top:20px;}
.ft_copy .ft_copy_fr .mobile_v a{display:inline-block;padding:10px 20px;border:1px solid #ffffff;color:#ffffff; }

#ft_sitemap { clear:both;width:100%;overflow:hidden; }
#ft_sitemap ul { overflow:hidden; width:100%;height:auto;position:relative;  }
#ft_sitemap li { float:left; width:110px;height:auto;padding-bottom:20px;margin:0 0 0 0; text-align:left;}
#ft_sitemap li h3 { font-size:16px; color:#ffffff; font-weight:600;padding-left:0; margin-bottom:0;letter-spacing:-0.05em; }
#ft_sitemap li ul {width:100%;clear:both;height:210px;overflow:hidden;padding-top:10px;margin:0 !important;padding-left:0 !important; }
#ft_sitemap li li { clear:both;width:100%;margin-left:0;text-align:left; font-weight:600; font-size:14px;line-height:1.7em;padding:0 0 0 0;}
#ft_sitemap li li.first { clear:both;width:100%;margin-left:0;text-align:left;font-weight:600; font-size:14px;line-height:1.7em; padding:0 0 0 0;}
#ft_sitemap li li a { color:#c6c6c6; font-weight:normal  !important; }
#ft_sitemap li li a:hover, #ft_sitemap li li a:active, #ft_sitemap li li a:focus, #ft_sitemap li li.current a { color:#c6c6c6; font-weight:600  !important;}
#site11{left:330px; top:150px;} /*position:absolute; */
#site12{width:100px !important;}
#site9{width:85px !important;}

#quickwrap{display:none;}

/****  ~1200 ****/
@media only screen and (max-width:1200px){
	#headtop{width:95%;}

	.gnb_search{width:220px;}
}


/****  ~1090 ****/
@media only screen and (max-width:1090px) {

	.gnb_fr{top:-20px;}

	#header .header_frame{position:relative;width:100%;}

	#container #container_in{position:relative;width:auto; padding:10px 10px 0; margin:0 auto;}
	#main_container{width:100%; height:auto;padding:0; margin:0 0; position:relative; }
	#main_container #container_in{position:relative;width:auto; padding:10px 10px 10px 10px; }
	
	#lnb{padding:0 0;}
	#gnb { position:relative;  overflow:hidden;}
	#gnb .gnb_top{width:auto;padding:0 10px 0 10px;margin:0 auto;}
	.gnb_weather{position:relative;padding:0 10px 0 10px; padding-top:28px;float:left;clear:both;}
	/* .gnb_search{position:relative;width:250px;padding:0 10px 0 10px; padding-top:28px;float:right;} */
	.gnb_search{top:0px; width:190px;}
	.gnb_search .gnb_search_in .tbinput {font-size:14px; letter-spacin:-1px;}
	.gnb_search .gnb_search_txt{clear:both;font-size:11px;padding-top:5px;font-family:"Dotum";color:#999999;}
	.lnb_logo{right:10px;z-index:100;}

    #lnb .lnbList{height:100%; width:auto; margin:0 auto;margin-bottom:0;padding-left:10px;}
	#lnb .lnbList>li>a{line-height:55px;width:auto;display:block; font-weight:400; margin-left:10px;padding:0 0 0 10px; overflow:hidden; text-align:center;font-size:16px;color:#fff; white-space:nowrap;font-family:'NanumSquare';}
    #lnb .lnbList>li .lnb2d{width:auto; position:relative; margin:0 auto; padding:0 10px;overflow:hidden;}
	#lnb .lnbList>li .lnb2d>ul>li>a{display:block;height:51px;line-height:51px; margin-right:12px !important;padding:0 0 0 0 !important; color:#000;font-weight:normal; white-space:nowrap;font-size:14px; font-family: 'NanumBarunGothic';}

	#lnb .lnb2d_etc{position:absolute; left:0; top:106px;width:100%;height:auto;padding-bottom:25px !important;z-index:101;display:none;background:#fff;}
	#lnb .lnb2d_etc h3{padding:0 0 0 0;margin:0 0 8px 0;font-size:16px;color:#000;font-weight:normal;font-family:'NanumSquare';}
	#lnb .lnb2d_etc .lnb2d_etc_in{width:auto; margin:0 auto;padding:0 10px;}
	#lnb .etc_news{width:47%;padding-top:18px;}
	#lnb .lnb2d_etc ul li{line-height:1.9em;padding:0 0 0 8px;text-align:left;background: url(../img/common/lnb2d_etc_bl.gif) no-repeat 0 10px;}
	#lnb .lnb2d_etc ul li a{display:block;font-size:13px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color:#777777;}

	#lnb .lnb2d_etc .news_photo{display:none;float:none;width:166px;font-size:14px;padding-top:5px;}
	#lnb .lnb2d_etc .news_list{float:none;width:96%;}

	#news_guide #news_fl{float:none;width:100%;}
    #news_guide #news_fr{display:none;float:right;width:287px;}

	#leftcolumn { display:none;position:relative; float:left; width:227px; padding-bottom:50px; }
    #rightcolumn { float:none; width:100%; display:block; overflow:hidden;background:#fff;margin-bottom:60px;padding-bottom:40px;border:1px solid #e9e9e9;}

	#popup{z-index:1000001;height:160px;background:#211c54;}

	.ft_menu { position:relative; width:100%;margin:0 auto;height:auto;padding:0 0 0; display:block; overflow:hidden; }
	.ft_menu .ft_menu_in { width:100%;overflow:hidden;margin:0 0;}
	.ft_menu .ft_menu_in li { float:left; width:16.5%; height:53px;font-size:14px;border-left:1px solid #525252; text-align:center;background:#454545;}
	.ft_menu .ft_menu_in li a{ display:block;padding-top:17px;font-weight:400;color:#b5b5b5;font-family:'NanumSquare';}
	.ft_menu .ft_menu_in li.first { width:16.3%;border-left:1px solid #525252;background:none;padding-left:0;text-align:center;}
	.ft_menu .ft_menu_in li.last { width:16.4%;border-left:1px solid #525252;border-right:none;}
	.ft_menu .ft_menu_in li.lines {border-left:1px solid #525252;}
	/*
	.ftbody { position:relative; width:100%;margin:0 auto;padding:0 0 0; display:block;}
	.ftbody .ft_etc { clear:both;width:100%;margin:0 0;height:245px;padding-top:30px;}
	.ftbody .ft_etc .ft_etc_fl{position:absolute; left:0; top:295px;text-align:center;float:none;width:100%;}
	.ftbody .fl_etc1{text-align:center;width:auto;}
	.ftbody .fl_etc1 li{display:inline;padding:0 10px 0 10px;background:url('/inc/img/common/fl_etc1_line.gif') no-repeat 0 2px;}
	.ftbody .fl_etc1 li.first{display:inline;padding:0 10px 0 0;background:none;}
	.ftbody .fl_etc1 li a{color:#f3f3f3;font-size:14px;}
	.ftbody .fl_etc2{padding-top:5px;text-align:center;}
	.ftbody .fl_etc2 li{display:inline;color:#c6c6c6;font-size:14px;line-height:1.5em;padding:0 6px 0 0;}
	.ftbody .fl_etc2 li a{color:#f3f3f3;font-size:14px;}
	.ftbody .ft_etc .ft_etc_fr{float:none;width:97%;padding-left:3%; display:none;}


	.ft_copy {border-top:1px solid #757575;padding-top:65px;}
	.ft_copy .ft_copy_in{width:auto;margin:0 0;}
	.ft_copy .ft_copy_fl{float:none;width:100%;color:#c6c6c6;font-size:14px;text-align:center;}
	.ft_copy .ft_copy_fr{display:none;}
		*/

	.ftbody .ft_etc {clear:both;width:100%;margin:0 0; padding-top:20px;}
	#ft_sitemap { clear:both;width:100%;overflow:hidden; }
	#ft_sitemap ul { overflow:hidden; width:100%;height:auto;position:relative;  }
	#ft_sitemap li { float:left; width:16%;height:auto;padding-bottom:20px;margin:0 0 0 0; text-align:left;}
	#ft_sitemap li h3 { font-size:16px; color:#ffffff; font-weight:600;padding-left:0; margin-bottom:0;letter-spacing:-0.05em; }
	#ft_sitemap li ul {width:100%;clear:both;height:250px;overflow:hidden;padding-top:8px;margin:0 !important;padding-left:0 !important; }
	#ft_sitemap li li { clear:both;width:100%;margin-left:0;text-align:left; font-weight:600; font-size:13px;line-height:1.7em;padding:0 0 0 0;}
	#ft_sitemap li li.first { clear:both;width:100%;margin-left:0;text-align:left;font-weight:600; font-size:13px;line-height:1.7em; padding:0 0 0 0;}
	#ft_sitemap li li a { color:#c6c6c6; font-weight:normal  !important; }
	#ft_sitemap li li a:hover, #ft_sitemap li li a:active, #ft_sitemap li li a:focus, #ft_sitemap li li.current a { color:#c6c6c6; font-weight:600  !important;}
	#site11{position:absolute; left:48%; top:150px;}
	#site12{width:20% !important;}
	#site13{width:15% !important;}

	#pc_popup{display:block;position:relative;z-index:1000001;height:auto;background:#211c54;}
	#pc_popup .popup_box{position:relative;background:url('/inc/img/common/popup_box_bg.jpg') repeat-x top center;}
	#pc_popup .popup_in{position:relative;width:100%;height:auto;margin:0 auto;}
	#pc_popup .popup_in .popup_chk{position:absolute;bottom:14px;left:10px;color:#fff;font-size:15px;}
	#pc_popup .popup_in .popup_closed{position:absolute;top:12px;right:10px;width:35px;}
	#pc_popup .popup_in .popup_closed img{width:100%;}
	#pc_popup .popup_in .popup_img img{width:100%;}

   #pc_popup{display:none;position:relative;z-index:1000001;height:auto;background:#211c54;}
   #mobile_popup{display:block;position:relative;z-index:1000001;height:auto;background:#211c54;}

   #Lm2{padding-left:80px !important;}
	#Lm3{padding-left:170px !important;}
	#Lm4{padding-left:220px !important;}
	#Lm5{padding-left:268px !important;}
	#Lm6{padding-left:0 !important;}
	#Lm7{padding-left:40px !important;}
	#Lm8{padding-left:220px !important;}


}

/**** ~ 800 ****/
@media only screen and (max-width:800px) {
	#quick{display:none;position:absolute; top:23px; right:-80px;}

	.gnb_fr{display:none;}

    #wrap { position:relative; width:100%; height:100%;overflow:hidden;}
    #gnb {display:none;}
	.gnb_weather{display:none;}
	.gnb_search{display:none;}
	#lnb {display:none;}	 

	#header {background:#fff;margin:0 auto; height:70px;width:auto;padding:0 0;}
	#header .header_frame{position:relative;width:100%; top:0; height:70px;margin:0 auto;}

	#headtop{position:absolute; top:0; left:50%; width:130px; transform:translateX(-50%); z-index:110;}
	#header h1 {padding-top:10px;width:130px;}
	#header h1 img{width:100%;}	
	#header h1 .logo_mob{display:inline-block;}

	#header .mtMenu { display:block !important;position:absolute; top:15px !important; left:10px; width:40px; height:40px;  text-align:left; z-index:100  !important;}	
	#header .mtMenu img{width:40px;}	
	#header .mtMenu.ch_fr {display:block !important;position:absolute; top:15px !important;left:auto;right:10px !important; width:40px; height:40px;text-align:left; z-index:100  !important;}	
	#header .mtMenu_closed {display:none;position:absolute; top:15px !important; left:10px; width:100%; height:40px;text-align:left; z-index:101  !important;}
	#header .mtMenu_closed:before{content:''; position:absolute; top:0; right:0; width:60px; height:60px; background:#fff;}
	#header .mtMenu_closed.ch_fr {display:none;position:absolute; top:15px !important; left:auto;right:10px !important; width:40px; height:40px; text-align:left; z-index:101  !important;}
	#header #mtMenu_closed_fr {display:block;position:absolute; top:15px !important; right:10px !important; width:40px; height:40px; text-align:left; z-index:101  !important;}	

	#header .mtMenu_closed img{width:40px;}	
	#header #mtMenu_closed_fr img{width:40px;}

	#header #mtSearch{display:block !important;position:absolute; top:15px !important; right:10px !important; width:40px; height:40px;  text-align:left; z-index:100  !important;}
	#header #mtSearch img{width:40px;}	
	#header #mtSearch.mtSearch_fl{display:block !important;position:absolute; top:15px !important; left:10px !important; right:auto;width:40px; height:40px;  text-align:left; z-index:100  !important;}
	#header #mtSearch.mtSearch_fl img{width:40px;}	
	#header #mtSearch_closed{display:block;position:absolute; top:15px !important; right:10px !important; width:98%; height:40px; text-align:right; z-index:101  !important;}
	#header #mtSearch_closed:before{content:''; position:absolute; top:0; left:0; width:50px; height:50px; background:#fff;}
	#header #mtSearch_closed img{width:40px;}	
	#header #mtSearch_closed.mtSearch_fl {display:block;position:absolute; top:15px !important; left:10px !important;right:auto; width:40px; height:40px;text-align:left; z-index:101  !important;}	
	#header #mtSearch_closed.mtSearch_fl img{width:40px;}	
	#header #mtSearch_fl { display:block !important;position:absolute; top:15px !important; left:10px !important; right:auto;width:40px; height:40px;text-align:left; z-index:100  !important;}
	#header #mtSearch_closed_fl {display:block;position:absolute; top:15px !important; left:10px !important;  right:auto;width:40px; height:40px;text-align:left; z-index:101  !important;}
	
	#header #mtSearch_fl img{width:40px;}	
	#header #mtSearch_closed_fl img{width:40px;}
	
	.mob_lnb_behindBg{position:fixed; top:0; left:0;width:100%;background:#000; height:100% !important;z-index:2;opacity:0.8;display:none;}
	#mobile_lnb {position:relative;width:100%;z-index:2000000;padding:0 0 0 0;display:none;background:#e8e8e8;border-bottom:1px solid #3e3e3e;}
	#mobile_lnb {overflow:hidden;}
	#mobile_lnb ul.mlnbList {overflow:hidden;width:100%; height:330px; font-size:15px; background:#fff;}
	#mobile_lnb ul.mlnbList li{float:none; overflow:hidden; clear:both; margin:0 0 0 0;}
	#mobile_lnb ul.mlnbList li a.mobilemenu1depth{position:relative; display:block; width:100px; height:45px; font-weight:normal; color:#555; font-family:'YeogiOttaeJalna'; text-align:left;letter-spacing:-0.06em;}	
	#mobile_lnb ul.mlnbList li a.mobilemenu1depth span{position:absolute; top:15px; left:15px; width:80px; height:30px;}
	#mobile_lnb ul.mlnbList li.first a {border-top:0;}	
	/* #mobile_lnb ul.mlnbList li span img{display:none;width:28px;padding-bottom:3px;margin-right:4px;-webkit-filter: invert(50%);filter: invert(50%);}*/
	#mobile_lnb ul.mlnbList li span img{display:none;}
	#mobile_lnb ul.mlnbList li.current{background:#e1f5e9;}
	#mobile_lnb ul.mlnbList li:first-child:hover a.mobilemenu1depth:before{position:absolute; content:''; display:block; top:25px; left:20px; width:60px; height:10px; background:#72ce98; border-radius:10px;}
	#mobile_lnb ul.mlnbList li:hover a.mobilemenu1depth:before{position:absolute; content:''; display:block; top:25px; left:20px; width:50px; height:10px; background:#72ce98; border-radius:10px;}
	#mobile_lnb ul.mlnbList li:nth-child(2):hover a.mobilemenu1depth:before{position:absolute; content:''; display:block; top:25px; left:20px; width:65px; height:10px; background:#72ce98; border-radius:10px;}
	#mobile_lnb ul.mlnbList li:last-child:hover a.mobilemenu1depth:before{position:absolute; content:''; display:block; top:25px; left:20px; width:45px; height:10px; background:#72ce98; border-radius:10px;}
	/* #mobile_lnb ul.mlnbList li:hover a span img {-webkit-filter: invert(0%);filter: invert(0%);}*/

	.mlnbList li a.mobilemenu1depth.on{margin-left:4px; background:#f3faf6; border-left:2px solid #c3eed5; border-top:1px solid #c3eed5; border-bottom:1px solid #c3eed5; border-top-left-radius:50px; border-bottom-left-radius:50px;}
	.mlnbList li a.mobilemenu1depth.on span{color:#222;}
 
	#mobile_lnb ul.mlnbList li div{position:absolute; top:42px; left:100px; overflow:hidden; width:calc(100% - 100px); height:calc(100% - 42px); font-size:15px; font-weight:normal; visibility:hidden; background:#f3faf6; padding-top:10px;}
	#mobile_lnb ul.mlnbList li ul{padding-left:10px;}
	#mobile_lnb ul.mlnbList li ul li{float:none; clear:both; line-height:34px; width:auto !important; height:auto !important; margin:0 0;}
	#mobile_lnb ul.mlnbList li ul li:hover{padding-left:5px;}
	#mobile_lnb ul.mlnbList li ul li a{color:#222; font-weight:500; padding:0 10px;}
	#mobile_lnb ul.mlnbList li ul li a:hover{color:#61bd87;}

	#mobile_lnb ul.mlnbList li ul li ul li{line-height:24px;}
	#mobile_lnb ul.mlnbList li ul li ul li a{margin-left:5px; font-size:15px; color:#555;}
	
	#mobile_lnb ul.mlnbList li.current a li {background:#fff;}
	#mobile_lnb ul.mlnbList li.current a li a{ font-weight:normal; color:#000 !important;width:auto !important;height:auto !important;padding:0 10px !important;background:#fff !important; }
    #mobile_lnb h3{padding:0 0 8px 6px;border-bottom:2px solid #4b22e9;width:100%;margin:0;}

	.mob_etc{background:#fff; height:40px; border-top:1px solid #9ee0b9; border-bottom:1px solid #9ee0b9;}
	.mob_etc ul li { float:left !important; width:auto; height:40px;padding:0 4%;line-height:40px;font-size:14px;text-align:center;} /*background:url('../img/common/mob_etc_bar.gif') no-repeat 0 12px;*/
	.mob_etc ul li.first{background:none;}
	.mob_etc ul li a{color:#999;}

	.header_search{display:none; position:absolute; top:71px; left:0; width:100%; height:63px; padding-top:18px; overflow:hidden; text-align:center; background:#fff;}
    .header_search .tbinput{position:relative; width:58%; height:43px; padding:5px 10px; border:1px solid #b0e159; border-right:none; color:#999; font-size:14px; font-weight: normal; font-family:'YeogiOttaeJalna'; border-radius:20px; box-sizing:border-box;}
    .header_search select {position:relative; color:#ccc; font-size:14px; font-weight:normal; width:90%; height:43px; border:0; background: -webkit-linear-gradient(transparent, transparent);-webkit-appearance: none;}
    .s_btn{position:absolute; top:18px; right:20%; width:43px; height:43px; background-image:linear-gradient(225deg, #86deae, #53b680); border-radius:50%; box-shadow:1px 1px 5px 0 rgba(0,0,0,.2);}
	.s_btn img{padding-top:9px;}

	/* foot quick menu */
	#quickwrap{position:fixed; bottom:0; left:0; display:block; width:100%; height:auto; z-index:10000; box-sizing:border-box;}
	#quickdoorwrap{position:absolute; bottom:0; right:10px; padding:3px 0 5px 22px; width:85px; background:#7DD7A6 url('/inc/img/common/mo_nav_open.png') no-repeat 10px 10px / 10px auto; border-radius:8px 8px 0 0;}
	#quickdoorwrap a{color:#fff; font-size:10px; font-weight:800; letter-spacing:1px;}
	#quickcon{position:absolute; bottom:0; right:0; display:none; padding:10px 10px 20px; width:100%; background:#fff url('/inc/img/common/quickbg.png') no-repeat center bottom; border-top-left-radius:20px; box-shadow:0 -5px 30px rgba(0,0,0,.1); box-sizing:border-box;}
	#quickcon::before{position:absolute; top:-10px; left:50%; content:''; width:0; height:0; border-left:20px solid transparent; border-right:20px solid transparent; border-bottom:10px solid #fff; transform:translateX(-50%);}
	.quickclose{position:absolute; top:5px; right:5px; width:20px; height:20px;}
	.quickclose a{display:block; width:100%;}
	.quickclose a img{width:20px;}
	.quicklist{display:flex; justify-content:space-evenly;}
	.quicklist li{height:50px; width:20%;}
	.quicklist li a{display:block; margin:0 auto; padding-top:40px; color:#222; font-size:15px; text-align:center; font-weight:600;}
	.quicklist li:nth-child(1){background:url('/inc/img/common/mo_nav_icon1.png') no-repeat center top / 50px auto;}
	.quicklist li:nth-child(2){background:url('/inc/img/common/mo_nav_icon2.png') no-repeat center top / 50px auto;}
	.quicklist li:nth-child(3){background:url('/inc/img/common/mo_nav_iconhome.png') no-repeat center top / 50px auto;}
	.quicklist li:nth-child(4){background:url('/inc/img/common/mo_nav_icon4.png') no-repeat center top / 50px auto;}
	.quicklist li:nth-child(5){background:url('/inc/img/common/mo_nav_icon5.png') no-repeat center top / 50px auto;}
}

/**** ~ 780 ****/
@media only screen and (max-width:768px) { 
   .location .location_txt {display:none; float:right;}
   #rightcolumn  #content { clear:both;width:auto; padding:15px 15px 15px 15px;color:#555; line-height:1.6em; text-align:left; }

   #lnb .lnbList > li {margin:0 8px;}
   #lnb .lnbList > li.first {padding-left:10px;}
 
}



/**** ~ 640 ****/
@media only screen and (max-width:641px) {

	.ft_menu .ft_menu_in li { float:left; width:33%; height:53px;font-size:14px;border-left:1px solid #525252; text-align:center;background:#454545;}
	.ft_menu .ft_menu_in li.first { width:33%;border-left:1px solid #525252;background:none;padding-left:0;text-align:center;}
	.ft_menu .ft_menu_in li.last { width:33%;border-left:1px solid #525252;border-right:none;}
	.ft_menu .ft_menu_in li.top_line{border-top:1px solid #525252;}
	
	/*.ftbody .fl_etc2 li.mobile_br{display:block;}
	.ftbody .fl_etc2 li.mobile_inline{display:inline !important;}
	.ft_copy {border-top:1px solid #757575;padding-top:70px;} */

	#ft_sitemap li { float:left; width:30%;height:auto;padding-bottom:20px;margin:0 0 0 0; text-align:left;}
	#ft_sitemap li h3 { font-size:14px; color:#ffffff; font-weight:600;padding-left:0; margin-bottom:0;letter-spacing:0; }
	#ft_sitemap li ul {width:100%;clear:both;height:170px;overflow:hidden;padding-top:5px;margin:0 !important;padding-left:0 !important; }
	#ft_sitemap li li { clear:both;margin-left:0;text-align:left; font-weight:600; font-size:13px;line-height:1.5em;padding:0 0 0 0;}
	#ft_sitemap li li.first { clear:both;margin-left:0;text-align:left;font-weight:600; font-size:13px;line-height:1.5em; padding:0 0 0 0;}
	#ft_sitemap li li a { color:#c6c6c6; font-weight:normal  !important; }
	#ft_sitemap li li a:hover, #ft_sitemap li li a:active, #ft_sitemap li li a:focus, #ft_sitemap li li.current a { color:#c6c6c6; font-weight:600  !important;}	
	#site10 {clear:both;}
	#site11 {position:absolute; left:0; top:330px;}
	#site12 {width:40% !important;}	
	#site8 {width:40% !important;}

	/*.ftbody .ft_etc { clear:both;width:100%;margin:0 0;height:auto;padding-top:0;}
	.ftbody .ft_etc .ft_etc_fl{position:absolute; left:0; top:15px;text-align:center;float:none;width:100%;}*/

   	#container #container_in{position:relative;width:auto; padding:10px 0 0 0; margin:0 auto;}
	#rightcolumn { float:none; width:100%; display:block; overflow:hidden;background:#fff;margin-bottom:0;padding-bottom:40px;border:none;}
	#rightcolumn  #content { clear:both;width:auto; padding:0;color:#555;line-height:1.6em;text-align:left; }
	#rightcolumn  #content  .content_in{padding:15px;}

	.location .location_tit { float:none; overflow:hidden;text-align:center;padding:12px 0; }
	.location .location_tit p { font-size:18px; font-weight:600; color:#555;}
	.location fieldset { position:relative; padding:0 0;}

	.ftbody .fl_etc2 li{font-size:12px; letter-spacing:-1px;}
	.ftbody .ft_etc_fl p{font-size:12px;}
	
	/* foot quick menu */
	#quickcon::before{top:-5px; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:6px solid #fff;}
	.quicklist li{height:40px;}
	.quicklist li a{padding-top:30px; font-size:12px;}
	.quicklist li:nth-child(1){background:url('/inc/img/common/mo_nav_icon1.png') no-repeat center top / 40px auto;}
	.quicklist li:nth-child(2){background:url('/inc/img/common/mo_nav_icon2.png') no-repeat center top / 40px auto;}
	.quicklist li:nth-child(3){background:url('/inc/img/common/mo_nav_iconhome.png') no-repeat center top / 40px auto;}
	.quicklist li:nth-child(4){background:url('/inc/img/common/mo_nav_icon4.png') no-repeat center top / 40px auto;}
	.quicklist li:nth-child(5){background:url('/inc/img/common/mo_nav_icon5.png') no-repeat center top / 40px auto;}

}

/**** ~480 ****/
@media only screen and (max-width:480px) {    

   #main_container #container_in{position:relative;width:auto; padding:0; }
   #mb_popup_visual .bx-controls{position:absolute;width:100%;height:20px;top:65%;left:0;z-index:10000000 !important;}

   	.mob_etc ul li { float:left !important; width:auto; height:40px;padding:0 2%;line-height:40px;font-size:13px;text-align:center;}
}