@charset "utf-8";


/**************************** CSS Document ****************************
	Setting of:Lauout pages
		header / content / Contants template type / footer
		0:common
		1:PC
		2:Mobile
***********************************************************************/

/* ----------------------------------------------------------------------------
	0:Common
------------------------------------------------------------------------------- */
#wrap{width:100%;position:relative;}
.inner_wrap{position:relative;max-width:1200px;margin:0 auto;}
.gray_box{padding:15px 18px 15px;background:#f5f5f5;}
.gray_box li{margin:5px 0;}

/* header
------------------------------------------------------------------------------- */
#header{width:100%;left:0;border-bottom:1px solid #d4d4d4;background-color:#fff;z-index:100;}

div#head_wrap{position:relative;z-index:50;width:100%;height:161px;}
div#head_wrap div#header{position:relative;z-index:60;width:998px;height:94px;padding:34px 0 0 0;margin:0 auto;}
/*h1{text-align:center;}*/
h1 a{display:inline-block;*display:inline;zoom:1;font-size:12px;line-height:15px;color:#000;text-transform:uppercase;}
ul.top_menu{position:absolute;left:0;top:10px;z-index:101;}
ul.top_menu li{float:left;margin-right:15px;}
ul.top_menu li a{font-size:13px;line-height:13px;color:#333;}
ul.top_menu li a:hover{color:#007cb8;}

.nav_wrap{position:relative;text-align:right;}
.nav_wrap > div{line-height:0;padding-top:2px;}
.nav_wrap > div > .iseoulu{display:inline-block;float:left;line-height:0;margin-right:10px;}
.nav_wrap > div > .iseoulu > a{background-color:#232323;padding:6px 8px 8px;line-height:0;display:inline-block;border-radius:5px;}
.nav_wrap > div > .iseoulu > a:hover{background-color:#b3254f;}
.menu-new_nav-container{display:inline-block;*display:inline;zoom:1;margin-right:44px;}
ul.nav_box{margin:0 auto;}
ul.nav_box:after{content:"";display:block;clear:both;}
ul.nav_box > li .sub-menu{display:none;}

/* 1depth */
ul.nav_box > li{display:inline-block;*display:inline;zoom:1;position:relative;margin-left:23px;vertical-align:bottom;}
ul.nav_box > li > a{display:block;line-height:30px;padding-top:16px;padding-bottom:21px;font-size:17px;font-weight:900;color:#545454;letter-spacing:0;text-transform:uppercase;}
ul.nav_box > li:hover > a,
ul.nav_box > li> a:focus{color:#b3254f;}

/* 2depth */
ul.nav_box > li > ul{position:absolute;top:67px;right:0;width:220px;text-align:center;z-index:100;}
ul.nav_box > li:hover > ul{display:block;}
ul.nav_box > li > ul > li{position:relative;background:#b3254f;border-bottom:1px solid #94042f;text-align:left;}
ul.nav_box > li > ul > li > a{display:block;padding:8px 10px;line-height:1.3;color:#fff;font-size:13px;background:#b3254f;}
ul.nav_box > li > ul > li:hover > a{background-color:#94042f;}

/* 3depth */
ul.nav_box > li > ul > li > ul{display:none;position:absolute;left:220px;top:0;width:220px;z-index:20;box-sizing:border-box;}
ul.nav_box > li:hover > ul > li:hover > ul{display:block;}
ul.nav_box > li > ul > li > ul > li{position:relative;border-bottom:1px solid #6a0020;}
ul.nav_box > li > ul > li > ul > li > a{display:block;padding:8px 10px;line-height:1.3;color:#fff;font-size:13px;background:#94042f;}
ul.nav_box > li > ul > li > ul > li:hover > a{background:#6a0020;}

/* 현재 네비 활성화 */
ul.nav_box > li.current_page_ancestor > a, ul.nav_box > li.current-page-ancestor > a{color:#b3254f;}
ul.nav_box > li.current_page_ancestor > a:after, ul.nav_box > li.current-page-ancestor > a:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:8px;background-color:#b3254f;}
ul.nav_box > li:hover > a:after,ul.nav_box > li > a:focus:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:8px;background-color:#b3254f;}

/* 헤더 검색 */
#header .nav_wrap > div .search_area{position:absolute;right:0;bottom:15px;z-index:3;}
#header .nav_wrap > div .search_area input[type="text"],
#header .nav_wrap > div .search_area input[type="text"]:focus{display:none;width:47%;height:30px;margin-right:9px;padding:8px;font-size:20px;color:#fff;border:0;border-bottom:1px solid #fff;background-color:transparent !important;vertical-align:bottom;transition:all .3s ease-in-out;}
#header .nav_wrap > div .search_area input[type="text"]::placeholder{color:#fff;}
#header .nav_wrap > div .search_area label{display:none;}
#header .nav_wrap > div .search_area .btn_total_search{float:right;width:23px;height:23px;margin-right:4px;margin-bottom:9px;text-indent:-9999em;padding-top:1px;background:url(/wp-content/themes/seoul-e/images/common/icon_zoom.png) no-repeat center center;background-size:23px;background:none\9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/wp-content/themes/seoul-e/images/common/icon_zoom.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/wp-content/themes/seoul-e/images/common/icon_zoom.png', sizingMethod='scale')";transition:all .3s ease-in-out;}
#header .nav_wrap > div .search_area .btn_total_search span{position:absolute;left:-9999px}
#header .nav_wrap > div .search_area input.btn_total_search{display:none;background-image:url(/wp-content/themes/seoul-e/images/common/icon_zoom_on.png);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/wp-content/themes/seoul-e/images/common/icon_zoom_on.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/wp-content/themes/seoul-e/images/common/icon_zoom_on.png', sizingMethod='scale')";}
#header.input_on:after{content:"";position:absolute;top:36px;right:0;left:0;height:71px;background-color:#b3254f;z-index:2;}
#header.input_on .overlay{display:block;}
#header.input_on .nav_wrap > div .search_area{left:0;}
#header.input_on .nav_wrap > div .search_area label{display:block;position:absolute;bottom:20px;left:0;font-size:20px;font-weight:300;color:#fff;}
#header.input_on .nav_wrap > div .search_area input[type="text"]{display:inline-block;}
#header.input_on .nav_wrap > div .search_area input.btn_total_search{display:block;margin-top:13px;}
#header .overlay{display:none;position:fixed;top:35px;left:0;width:100%;height:100%;background-color:rgba(25,25,25,0.2);z-index:2;}


/* ----------------------------------------------------------------------------
	1:PC
------------------------------------------------------------------------------- */
.mobile,
.bx-pager,
.bx-wrapper{display:none;}

/* header
------------------------------------------------------------------------------- */
/*gnb*/
#header:before{content:"";position:absolute;top:0;right:0;left:0;height:36px;background-color:#363636;}
#header .logo{position:absolute;top:48px;left:0;z-index:1;}
#header .logo a{opacity:1;}
#header .logo a:hover{opacity:0.7;}
#header .sns_area{float:left;}
#header .sns_area a{display:block;float:left;height:28px;line-height:28px;margin-right:13px;font-size:18px;color:#fff;vertical-align:middle;}
#header .sns_area a.icon_instagram{font-size:19px;}
#header .sns_area a.icon_face,
#header .sns_area a.icon_rss{font-size:16px;}
#header .sns_area a.iseoulu{line-height:24px;font-size:0;}
#header .sns_area a.iseoulu img{height:15px;}
#header .sns_area a i{height:0;font-size:0;}
#header .sns_area a i:before{height:16px;font-size:16px;}
#header .gnb_wrap{position:relative;padding-top:3px;padding-bottom:1px;}
#header .gnb_area .gnb .gnb_list{float:right;padding:5px 0 4px;}
#header .gnb_area .gnb .gnb_list > li{position:relative;float:left;}
#header .gnb_area .gnb .gnb_list > li > a{display:inline-block;height:18px;line-height:18px;padding:0 10px;font-size:12px;border-left:1px solid #707070;letter-spacing:0.01em;text-transform:uppercase;}
#header .gnb_area .gnb .gnb_list > li:first-child > a{border:0;}
#header .gnb_area .gnb .gnb_list > li a:link,
#header .gnb_area .gnb .gnb_list > li a:visited{color:#fff;}
#header .gnb_area .gnb .gnb_list > li a:hover,
#header .gnb_area .gnb .gnb_list > li a:focus,
#header .gnb_area .gnb .gnb_list > li a:active{opacity:0.9;}
#header .gnb_area .gnb .gnb_list > li a.languages{padding-right:0;background:url("/wp-content/themes/seoul-e/images/main/icon_languages_down.png") no-repeat right;}
#header .gnb_area .gnb .gnb_list > li a.languages:after{content:"\f107";font-family:"Font Awesome 5 Free";font-weight:900;}
#header .gnb_area .gnb .gnb_list > li a.languages_on{opacity:0.9;}
#header .gnb_area .gnb .gnb_list > li a.languages_on:after{content:"\f106";font-family:"Font Awesome 5 Free";font-weight:900;}
#header .gnb_area .gnb .gnb_list > li a.languages_on + .lang_list{display:block !important;}
#header .gnb_area .gnb .gnb_list li .lang_list{display:none;position:absolute;top:28px;right:0;width:130px;background-color:#1d1d1d;z-index:20;}
#header .gnb_area .gnb .gnb_list li .lang_list li{padding:4px 15px 7px 40px;text-align:right;}
#header .gnb_area .gnb .gnb_list li .lang_list a{font-size:13px;}
#header .gnb_area .gnb .gnb_list li .lang_list a:hover,
#header .gnb_area .gnb .gnb_list li .lang_list a:focus,
#header .gnb_area .gnb .gnb_list li .lang_list a:active{color:#2ac3cc;}
#header .gnb_area .gnb .family_site{display:inline-block;border-right:0 none;vertical-align:bottom;}
#header .gnb_area .gnb .icon_arrow{display:inline-block;width:18px;height:15px;padding:2px 0;text-align:center;vertical-align:top;}

/* content
------------------------------------------------------------------------------- */
/* widget */
.panel-grid{/*padding:39px;border:1px solid #d5d5d5;background-color:#fff;*/}
.panel-grid-cell{box-sizing:border-box;min-height:1em;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.panel-grid-cell img{position:relative;width:auto;max-width:100%;height:auto;}
.panel-grid-cell .fpw_square{overflow:hidden;}
.panel-grid-cell .fpw_square:before{content:"";position:absolute;top:1px;bottom:8px;left:33.3333%;border-left:4px solid #363636;}
.panel-grid-cell .fpw_square .widget-title{float:left;width:215px;margin-bottom:0;padding-right:5px;border-bottom:none;}
.panel-grid-cell .fpw_square .widget-title a{display:block;font-size:24px;color:#363636;}
.panel-grid-cell .fpw_square .widget-title a:after{content:"";position:absolute;top:1px;bottom:8px;left:33.3333%;border-right:4px solid #363636;}
.panel-grid-cell .fpw_square .widget-cnt{margin-left:33.3333%;padding-left:30px;}
.panel-grid-cell .fpw_square a{font-size:16px;color:#363636;}
.panel-grid .fpw_square a.btn_icon_more{padding-left:20px;color:#b3254f;border:none;background:transparent url(../images/common/icon_more.png) no-repeat left 4px;background-size:13px;}
.panel-grid .fpw_square a.btn_icon_more:hover{color:#2ac3cc !important;}
.panel-grid a.btn_icon_more:hover, .fpw_banner:hover a.btn_icon_more:hover, .fpw_square:hover a.btn_icon_more:hover, .wid_style_05:hover a.btn_icon_more:hover{color:#2ac3cc;background-color:transparent;}
.fpw_banner:hover a.btn_icon_more, .fpw_square:hover a.btn_icon_more, .wid_style_05:hover a.btn_icon_more{color:#2ac3cc;border-color:none;background-color:transparent;}
.fpw_square .panel-grid .widget-cnt{padding-left:255px;}
.panel-grid .fpw_square p{margin-top:0;margin-bottom:13px;}
.panel-row-style.hr{padding-bottom:20px;border-bottom:1px solid #d6d6d6;}

/* main content*/
#content_wrap{position:relative;width:100%;}
#content_wrap .content_area{position:relative;width:1000px;margin:0 auto;}
#content_wrap .main_visual{margin:0 0 30px;}

/* sub 레이아웃 */
div#sub_contents{position:relative;margin-top:20px;z-index:1;}
.sub_one_wrap{width:100%;}

/* sub 타이틀 공통영역 */
.sub_title_box{position:relative;margin-bottom:24px;}
.sub_title_box .w100{width:100%;}
.sub_title_box .title_h2_box h2{display:inline-block;padding:7px 9px;line-height:1.3;font-size:22px;font-weight:700;color:#fff;background-color:#b3254f;letter-spacing:-0.25px;}

/* sub tab */
#subtabs-menu{margin:20px 0 24px 0;}
#subtabs-menu br{display:none !important;}
#subtabs-menu > span{display:block;float:left;padding:0 4px;font-size:18px;font-weight:bold;color:#000;cursor:pointer;}
#subtabs-menu > span.actived{font-weight:bold;color:#b3254f;cursor:default}
#subtabs-menu::after{content:"";display:block;clear:both;}
.subtab{display:none;}
#subtab0{display:block;}

/* 템플릿 컨텐츠 영역 */
.contents-wrap{padding:39px;font-size:15px;border:1px solid #d6d6d6;background-color:#fff;}
.contents-wrap h1{margin-bottom:24px;font-weight:bold;font-size:24px;font-weight:bold;}
.contents-wrap h2{margin-bottom:20px;font-size:22px;font-weight:bold;}
.contents-wrap h3{margin-bottom:16px;font-size:20px;}
.contents-wrap h4{margin-bottom:14px;font-size:18px;}
.contents-wrap h5{margin-bottom:12px;padding-left:20px;font-size:18px;font-weight:bold;background:url(/wp-content/themes/seoul-e/images/common/ico_h5.jpg) no-repeat left 2px;}
.contents-wrap h4.bg_none,
.contents-wrap h5.bg_none{padding-left:0;background:none;}
.contents-wrap h6{margin-bottom:10px;padding-bottom:5px;font-size:16px;font-weight:bold;color:#363636;}
.contents-wrap img{max-width:100%;height:auto;}
.contents-wrap p{overflow:hidden;}
.contents-wrap .com_list_wrap{padding:0;border:none;background-color:transparent;}
.contents-wrap a{color:#b3254f;}
.contents-wrap a:hover,.contents-wrap a:active,.contents-wrap a:focus{color:#b3254f;text-decoration:none;}

/* 템플릿 컨텐츠 영역 :Sub main */
.contents-wrap.contents-sub-main{padding:0;border:none;background-color:transparent;}
.contents-wrap.contents-sub-main .panel-grid{padding:39px;border:1px solid #d6d6d6;background-color:#fff;}
.contents-wrap.contents-sub-main .panel-grid .panel-grid{padding:0;border:none;background-color:transparent;}
.contents-wrap.contents-sub-main .panel-grid .panel-grid .panel-grid-cell{width:50%;}
.contents-wrap.contents-sub-main .panel-grid .panel-grid .panel-grid-cell .widget_sp_image img{height:auto !important;}
.contents-wrap.contents-sub-main .panel-grid .widget_text.widget_custom_html,
.contents-wrap.contents-sub-main .widget.widget_sow-editor.panel-first-child{margin-bottom:0 !important;}
.contents-wrap.contents-sub-main .panel-grid .widget_sp_image img{width:100%;}
.submain_list{border-top:2px solid #414141;}
.submain_list.borTnone{border-top:none;}
.submain_list > li{position:relative;padding:25px 0 25px 165px;overflow:hidden;border-bottom:1px solid #d8d8d8;}
.submain_list > li > ul.srh_location{margin-top:10px;overflow:hidden;font-size:12px;line-height:14px;color:#727272;}
.submain_list > li > ul.srh_location > li{float:left;padding:0 6px 0 12px;background:url(images/common/location_arrow.png) no-repeat left center;}
.submain_list > li > ul.srh_location > li:first-child{padding:0 6px 0 0;background:none;}
.submain_list li img{position:absolute;z-index:1;left:0;top:25px;width:147px;height:85px;}
.submain_list li h4{font-size:16px;line-height:18px;color:#333;}
.submain_list li p.ex_txt{margin-top:10px;font-size:14px;line-height:16px;color:#727272;}
.submain_list li .srh_txt{color:#0000ff;}
.submain_list li:hover{background:#f7f7f7;}
.submain_list li:hover h4{text-decoration:underline;}
.submain_list li.no_img{padding:25px 0 25px 0;}
.submain_list li.no_img img{display:none;}
.btn_view_list{display:inline-block;*display:inline;zoom:1;padding-right:10px;font-size:12px;line-height:14px;color:#333;background:url(images/common/arrow_view.png) no-repeat right 5px;vertical-align:middle;}
.sub_visual_img img{width:100%;height:235px;}
.sub_visual_over{position:relative;width:100%;height:310px;}
.sub_visual_over img{width:100%;height:310px;}
.sub_visual_over .bg_dark{position:absolute;z-index:1;left:0;bottom:0;width:100%;background:url(images/common/bg_over.png) repeat left top;}
.sub_visual_over .bg_dark .dark_txt_con{padding:26px 90px 26px 15px;}
.sub_visual_over .bg_dark .dark_txt_con h3{font-size:22px;line-height:24px;color:#fff;}
.sub_visual_over .bg_dark .dark_txt_con span.date_txt{display:block;margin-top:5px;font-size:12px;line-height:14px;color:#fff;}
.sub_visual_over .bg_dark .dark_txt_con span.ex_txt{display:block;margin-top:10px;font-size:14px;line-height:18px;color:#fff;}

/* etc */
#seoul-slide .slide-cover{display:block;position:absolute;top:0px;left:0px;width:100%;height:606px;background:url(images/common/slide_cover.png);z-index:4;}*/
.widget{position:relative;}
.view_wrap .widget{position:relative;float:left;width:310px;height:400px;margin:20px 0 0 34px;background:#fff;}
.block_box{position:relative;float:left;width:310px;height:350px;margin:20px 0 0 34px;background:#fff;}

/* 서브메인 공통 레이아웃 */
.sub_wid_one{overflow:hidden;margin-top:40px;}
.sub_wid_one:first-child{margin-top:0;}
.sub_wid_two{margin-top:40px;}
.sub_wid_two:first-child{margin-top:0;}
.sub_wid_two .sub_wid_two_left{float:left;width:310px;margin-right:34px;}
.sub_wid_two .sub_wid_two_right{float:left;width:310px;margin-right:0;}

.sub_main_list{position:relative;padding:25px 0 25px 165px;overflow:hidden;border-bottom:1px solid #d8d8d8;}
.sub_main_list img{position:absolute;z-index:1;left:0;top:25px;width:147px;height:85px;}
.sub_main_list h4{height:22px;overflow:hidden;font-size:18px;line-height:20px;color:#333;}
.sub_main_list h4 a{color:#333;}
.sub_main_list .ex_txt{height:49px;overflow:hidden;margin-top:10px;font-size:14px;line-height:16px;color:#727272;}
.sub_main_list .ex_txt a{color:#727272;}
.sub_main_list .ex_txt img{display:none;}
.sub_main_list .srh_txt{color:#0000ff;}
.sub_main_list:hover{background:#f7f7f7;}
.sub_main_list:hover h4{text-decoration:underline;}
.sub_main_list.no_img{padding:25px 0 25px 0;}
.sub_main_list.no_img img{display:none;}
.alert{padding:8px 35px 8px 14px;margin-bottom:20px;color:#c09853;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.alert h4{margin:0;}
.alert .close{position:relative;top:-2px;right:-21px;line-height:20px;}
.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6;}
.alert-danger,
.alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7;}
.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1;}
.alert-block{padding-top:14px;padding-bottom:14px;}
.alert-block > p,
.alert-block > ul{margin-bottom:0;}
.alert-block p + p{margin-top:5px;}

.reader_txt{text-indent:-9999px;font-size:0;}
.search-field{position:absolute;z-index:1;right:0;top:0;width:0;height:40px;background:#3d3d3d url(images/common/btn_search.jpg) no-repeat right top;cursor:pointer;padding:5px 39px 5px 13px;transition:width 400ms ease 0s, background 400ms ease 0s;color:#aaaaaa;
font-weight:bold;}
.search-field:focus{width:145px;padding:5px 60px 5px 13px;background:#3d3d3d url(images/common/btn_search_on.jpg) no-repeat right top;border-left:1px solid #565656;cursor:text;}

/* single-post */
.single-post .view_contents{line-height:200% !important;}
.single-post .view_contents p,
.single-post .view_contents div,
.single-post .view_contents h1,
.single-post .view_contents h2,
.single-post .view_contents h3,
.single-post .view_contents h4,
.single-post .view_contents h5,
.single-post .view_contents h6{margin-bottom:15px !important;}

/* 멀티미디어 동영상 */
.mejs-controls{visibility:visible !important;}
.mejs-container{clear:none !important;width:100% !important;overflow:hidden;}
video{width:100% !important;}
.mejs-overlay{width:100% !important;}
.mejs-time-rail{width:73% !important;}
.mejs-time-total{width:70% !important;}
.mejs-duration-container{margin-left:20px !important;}
.video_wrap iframe{max-width:100%;}

#ct p{margin-bottom:14px;}
#ct p b{display:inline-block;padding-top:5px;}
#ct hr{visibility:visible;height:1px;line-height:0;margin:40px 0;font-size:0;border:none;background-color:#d8d8d8;}
#ct ul{margin-bottom:14px;}
#ct .link_p{margin-bottom:7px;font-size:14px;}
#ct .link_p:before{content:"\f35d";font-family:"Font Awesome 5 Free";font-weight:900;font-size:12px;text-align:center;padding-right:5px;display:inline-block;width:16px;text-align:center;padding-right:5px;}
#ct .link_p b{padding-top:0;}
#ct .link_p + p{padding-left:16px;}
#ct p.txt{padding-left:15px;text-indent:-15px;font-size:14px;color:#727272;}
.txt_summary{font-size:22px;}

/*161201 뉴스레터 템플릿 구독버튼 추가*/
.sub_title_box .title_h2_box .btn_sub_newsletter_go{display:block;position:absolute;top:0;right:0;/* width:250px;*/padding:8px 14px;text-transform:uppercase;color:#fff;border-radius:18px;;background-color:#2297d2;}
.sub_title_box .title_h2_box .btn_sub_newsletter_go:before{content:"\f1d8";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:8px;}

/*bctthumb*/
.thumbhover{transition:all 0.2s ease-in;}

/* video */
.panel-grid.panel-grid-video,
.panel-grid .panel-grid-video{background-color:#b3254f !important;}
.panel-grid .panel-grid-video .n2-ss-align{margin:0 -39px;}
.panel-grid .panel-grid-video .n2-ss-align h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.panel-grid .panel-grid-video .n2-ss-align .nextend-arrow{margin-top:-24px;}
.panel-grid .panel-grid-video .widget-title,
.panel-grid .panel-grid-video .textwidget .more,
.panel-grid .panel-grid-video h4,
.panel-grid.panel-grid-video .widget-title,
.panel-grid.panel-grid-video .textwidget .more,
.panel-grid.panel-grid-video h4{color:#fff;}
.panel-grid.panel-grid-video .template_cnt:focus h4,
.panel-grid.panel-grid-video .template_cnt:hover h4,
.panel-grid.panel-grid-video .template_cnt>a:focus h4,
.panel-grid.panel-grid-video .template_cnt>a:hover h4{color:#d5d5d5;}
.panel-grid.panel-grid-video .txt_date{color:#f5f5f5;}
.panel-grid.panel-grid-video .panel-grid-cell .textwidget .more:focus,
.panel-grid.panel-grid-video .panel-grid-cell .textwidget .more:hover{color:#d5d5d5;}
.panel-grid.panel-grid-video .panel-grid-cell .template_cnt>a:focus .thumb:after,
.panel-grid.panel-grid-video .panel-grid-cell .template_cnt>a:hover .thumb:after{border-color:#fff;}

/* photo */
.panel-grid .panel-grid-photo .n2-ss-align{margin:0 -39px;}
.panel-grid .panel-grid-photo .n2-ss-align h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.panel-grid .panel-grid-photo .n2-ss-align .nextend-arrow{margin-top:-24px;}
.panel-grid .panel-grid-video .textwidget .more:focus,
.panel-grid .panel-grid-video .textwidget .more:hover{color:#ddd;}

/* notice_list_contents */
.notice_list_contents .panel-grid{padding:0;border:none;}

/* 기본 글쓰기 */
.wp-caption{margin:0; /* browser reset */
max-width:100%;}
.ios .wp-caption{width:auto !important;}/* iOS does not obey max-width if width is set. */
dl.wp-caption dt.wp-caption-dt img{display:inline-block;margin-bottom:-1ex;}
div.mceTemp{-ms-user-select:element;}
dl.wp-caption, dl.wp-caption *{-webkit-user-drag:none;}
.wp-caption-dd{font-size:14px;padding-top:0.5em;margin:0; /* browser reset */}
.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.alignleft{float:left;margin:0.5em 1em 0.5em 0;}
.alignright{float:right;margin:0.5em 0 0.5em 1em;}


/* ----------------------------------------------------------------------------
	Contants template type 
------------------------------------------------------------------------------- */
.panel-grid-cell .widget-title{line-height:1em;margin-bottom:17px;font-size:22px;color:#b3254f;}
.panel-grid-cell .textwidget{position:relative;}
.panel-grid-cell .textwidget .more{position:absolute;top:-35px;right:0;font-size:14px;color:#757575;}
.panel-grid-cell .textwidget .more:focus,
.panel-grid-cell .textwidget .more:hover{color:#b3254f;}
.template_cnt{position:relative;overflow:hidden;padding:20px 0;}
.template_cnt h4{overflow:hidden;line-height:1.22;margin-bottom:4px;font-size:16px;color:#545454;font-weight:700;text-overflow:ellipsis;white-space:nowrap;}
.template_cnt .total_box{position:relative;}
.template_cnt .thumb{position:relative;overflow:hidden;line-height:0;background:#f5f5f5 url(/wp-content/themes/seoul-e/images/common/ico_img.png) no-repeat center center;background-size:27px;}
.template_cnt .thumb:before{content:"";display:block;padding-top:62.553%;}
.template_cnt .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.template_cnt>a{display:block;}
.template_cnt .ex_txt{overflow:hidden;max-height:55px;font-size:14px;font-weight:400;color:#757575;}
.template_cnt .txt_date{font-size:12px;font-weight:400;color:#c75375;}
.template_cnt:focus h4,
.template_cnt:hover h4,
.template_cnt>a:focus h4,
.template_cnt>a:hover h4{text-decoration:underline;color:#b3254f;}
.template_cnt>a:focus .thumb:after,
.template_cnt>a:hover .thumb:after,
.template_cnt:focus .thumb:after,
.template_cnt:hover .thumb:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:5px solid #b3254f;box-sizing:border-box;transition:all ease .2s;opacity:1;z-index:2;}
.template_cnt>a:focus .ex_txt,
.template_cnt>a:hover .ex_txt{color:#545454;}
.so-widget-sow-image .widget-title{margin-bottom:11px !important;font-size:18px;font-weight:bold;color:#232323;}
.sow-image-container + .widget-title{margin-top:10px;text-align:center;font-size:14px;font-weight:bold;color:#232323;}

/* type:thumb+text horizontal */
.template_cnt.type_thumb_text_hor:first-child{margin-top:0 !important;}
.template_cnt.type_thumb_text_hor:last-child{margin-bottom:0;}
.template_cnt.type_thumb_text_hor .thumb{float:left;width:40%;margin-right:4%;z-index:1;}

/* type:text */
.template_cnt.type_text:first-child{margin-top:0 !important;}
.template_cnt.type_text .total_box{padding-left:18px;}
.template_cnt.type_text h4:before{content:"\f061";font-family:"Font Awesome 5 Free";font-weight:900;font-size:12px;position:absolute;top:3px;left:0;}

/* type:text+new_window */
.template_cnt.type_text_new_window .total_box{padding-left:18px;}
.template_cnt.type_text_new_window h4:before{content:"\f35d";font-family:"Font Awesome 5 Free";font-weight:900;font-size:12px;position:absolute;top:3px;left:0;}

/* type:thumb+text vertical */
.template_cnt.type_thumb_text_ver{float:left;width:48%;margin-left:4%;}
h3 + .template_cnt.type_thumb_text_ver{margin-left:0;}
.template_cnt.type_thumb_text_ver .txt_date{margin-top:4px;}

/* type:thumb poster */
.template_cnt.type_thumb_poster{float:left;width:14.66667%;margin:18px 1%;padding:0;}
.template_cnt.type_thumb_poster h4{margin-top:7px;}
.type-poster{overflow:hidden;margin:0 -1%;}
.type-poster .widget-title{margin-left:1%;}
.template_cnt.type_thumb_poster .thumb:before{padding-top:160%;}
.contents-sub-main .newsletter_wrap{margin:0 -1%;}
.contents-sub-main .newsletter_wrap .template_cnt.type_thumb_poster{margin-top:0;}

/* type:thumb banner */
.template_cnt.type_thumb_banner{float:left;width:48%;margin:18px 1%;padding:0;}
.template_cnt.type_thumb_banner h4{margin-top:7px;}
.type-poster{overflow:hidden;margin:0 -1%;}
.type-poster .widget-title{margin-left:1%;}
.template_cnt.type_thumb_banner .thumb:before{padding-top:23%;}
.contents-sub-main .newsletter_wrap{margin:0 -1%;}
.contents-sub-main .newsletter_wrap .template_cnt.type_thumb_poster{margin-top:0;}

/* type:thumb+tit */

/* type:thumb */
.template_cnt.type_thumb{float:left;width:33.333%;margin-top:0;margin-bottom:0;padding:0;}
.template_cnt.type_thumb .thumb{margin-bottom:0;}
.template_cnt.type_thumb>a:focus .thumb img,
.template_cnt.type_thumb>a:hover .thumb img,
.template_cnt.type_thumb:focus .thumb img,
.template_cnt.type_thumb:hover .thumb img{border:none;}
.template_cnt.type_thumb h4{position:absolute;bottom:12px;left:0;width:100%;line-height:22px;white-space:normal;z-index:3;}
.template_cnt.type_thumb h4>span{display:inline-block;margin:0 12px;padding:8px;font-size:18px;color:#fff;background-color:rgba(0,0,0,0.84);}
.template_cnt.type_thumb a:focus h4>span,
.template_cnt.type_thumb a:hover h4>span{background-color:rgba(179,37,79,0.84);}

/* type:thumb+tit 4column */
.template_cnt.type_thumb_tit_4column{float:left;width:23%;margin:0 1% !important;padding:0 !important;}
.template_cnt.type_thumb_tit_4column h4{margin-top:7px;}
.type_thumb_tit{overflow:hidden;margin:0 -1%;}
.type_thumb_tit .widget-title{margin-left:1%;}

/* type: city_make */
.city_make .template_cnt>a{position:absolute;top:20px;left:0;width:21%;}
.city_make .template_cnt .thumb{width:100%;}
.city_make .template_cnt .total_box{margin-bottom:16px;}

/* 이전 grid */
.cb-theme .row-fluid{width:100%;*zoom:1;}
.cb-theme .row-fluid:before,
.cb-theme .row-fluid:after{display:table;content:"";line-height:0;}
.cb-theme .row-fluid:after{clear:both;}
.cb-theme .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.5%;}
.cb-theme .row-fluid [class*="span"]:first-child{margin-left:0;}
.cb-theme .row-fluid .span12{width:100%;}
.cb-theme .row-fluid .span11{width:91.4583%;}
.cb-theme .row-fluid .span10{width:82.9167%;}
.cb-theme .row-fluid .span9{width:74.3750%;}
.cb-theme .row-fluid .span8{width:65.83333%;}
.cb-theme .row-fluid .span7{width:57.2917%;}
.cb-theme .row-fluid .span6{width:48.75%;}
.cb-theme .row-fluid .span5{width:40.2083%;}
.cb-theme .row-fluid .span4{width:31.6667%;}
.cb-theme .row-fluid .span3{width:23.125%;}
.cb-theme .row-fluid .span2{width:14.5833%;}
.cb-theme .row-fluid .span1{width:6.0417%;}

@media only screen and (min-width:768px){
	.nav_wrap{position:relative !important;}
	.contents-wrap.contents-sub-main .panel-grid .panel-grid .panel-grid-cell{width:calc(50% - ( 0.5 * 40px )) !important;}
}

@media only screen and (max-width:767px){
	#pgc-home-2-1,	#pgc-home-2-2{margin-top:18px;}

	/* widget(sub main) */
	.panel-grid-cell .panel-grid-cell{padding:0;}
	
	/* Contants template type 
	------------------------------------------------------------------------------- */
	/*.template_cnt{margin:20px 0 0;}*/
	.widget-title + .template_cnt{margin-top:15px;}
	.panel-grid-cell .widget-title{font-size:20px;}
	
	/* type:thumb */
	.template_cnt.type_thumb{float:none;width:auto;margin-top:20px;margin-bottom:0;}
	.template_cnt.type_thumb:first-child{margin-top:0;}
	.template_cnt.type_thumb .thumb{margin-bottom:0;}
	.template_cnt.type_thumb .thumb:after{display:none;}
	.template_cnt.type_thumb h4{position:absolute;bottom:12px;left:0;width:100%;line-height:22px;white-space:normal;z-index:3;}
	.template_cnt.type_thumb h4>span{display:inline-block;margin:0 12px;padding:8px;font-size:18px;color:#fff;background-color:rgba(0,0,0,0.84);}
	.template_cnt.type_thumb a:focus h4>span,
	.template_cnt.type_thumb a:hover h4>span{background-color:rgba(0,129,137,0.84);}
	
	/* type:thumb+tit 4column */
	.template_cnt.type_thumb_tit_4column{float:none;width:auto;margin:30px 0 0;}
	.template_cnt.type_thumb_tit_4column:first-child{margin-top:0;}
	.type_thumb_tit{margin:0;}
	.type_thumb_tit .widget-title{margin-left:0;}

	/* type:thumb poster */
	.type-poster{margin:0 -6px;}
	.type-poster .widget-title{margin-left:6px;}
	.template_cnt.type_thumb_poster{width:50%;margin:13px 0;padding:0 6px;}
	.template_cnt.type_thumb_poster>a{margin:0 6px;}
	
	/* type: city_make */
	.city_make .template_cnt>a{top:12px;width:108px;margin-right:12px;}
	
	/* Video */
	.panel-grid.panel-grid-video [class*="-slider-align-visible"] [class*="-ss-slider"],
	.panel-grid .panel-grid-video [class*="-slider-align-visible"] [class*="-ss-slider"]{width:100% !important;}
	.panel-grid.panel-grid-video .n2-ss-slider-1,
	.panel-grid .panel-grid-video .n2-ss-slider-1{padding:0 !important;}
	.panel-grid.panel-grid-video .n2-ss-slide,
	.panel-grid .panel-grid-video .n2-ss-slide{width:100% !important;}

	/* notice_list_contents */
	.notice_list_contents .panel-grid-cell{margin-top:12px;}
	
	/* type: city_make */
	.city_make .template_cnt .total_box .ex_txt{max-height:44px;}
}

@media (max-width:480px){
	.template_cnt.type_thumb_text_ver{width:auto;}
	h3 + .template_cnt.type_thumb_text_ver{margin-right:0;}
}


/* footer
------------------------------------------------------------------------------- */
#footer{position:relative;margin-top:60px;margin-bottom:60px;}

/*sns area*/
#footer .sns_area{position:absolute;top:-4px;right:0;z-index:1;}
#footer .sns_area a{display:block;float:left;height:28px;line-height:28px;margin-left:13px;color:#5b5b5b;vertical-align:middle;}
#footer .sns_area a i{font-size:0;}
#footer .sns_area a i:before{font-size:18px;}
#footer .sns_area a.icon_instagram i:before{font-size:19px;}
#footer .sns_area a.icon_face i:before,
#footer .sns_area a.icon_rss i:before{font-size:16px;}
#footer .sns_area a:hover{opacity:0.8;}

/*info area*/
#footer .info_area{position:relative;}

/*info menu*/
#footer .info_area .info_menu{float:none;display:table;width:100%;}
#footer .info_area .info_menu li{float:left;margin-right:10px;padding-right:10px;border-right:1px solid #b3b3b3;}
#footer .info_area .info_menu li a{display:block;line-height:1em;font-size:13px;font-weight:500;color:#545454;}
#footer .info_area .info_menu li a:hover{color:#b3254f;}
#footer .info_area .info_menu .last{margin:0;padding:0;border:0;}

/*copy*/
#footer .info_area .copy{float:none;line-height:1.25em;margin-bottom:14px;font-family:メイリオ;font-size:15px;font-weight:400;color:#545454;}

/*160927 newsletter pop*/
#footer .newsletter_pop_wrap{
display:none;position:fixed;bottom:40%;left:50%;width:450px;margin-left:-225px;font-family:"M PLUS 1p", Meiryo, "Yu Gothic", 'Roboto Condensed', "ＭＳ ゴシック", "ＭＳ 明朝", "MS UI Gothic", "ＭＳ Ｐゴシック", Arial, sans-serif;border-top:6px solid #b3254f;background:#fff;border-bottom:6px solid #d8d8d8;z-index:30;}
#footer .newsletter_pop_wrap .newsletter_head{padding:25px 20px;font-size:18px;font-weight:900;color:#444;border-bottom:1px solid #e1e1e1;}
#footer .newsletter_pop_wrap .newsletter_info{font-size:13px;}
#footer .newsletter_pop_wrap .newsletter_info p{padding:20px;border-bottom:1px solid #f2f2f2;}
#footer .newsletter_pop_wrap .newsletter_info p label{display:inline-block;width:70px;font-weight:700;}
#footer .newsletter_pop_wrap .newsletter_info p input[type="text"]{width:323px;border-radius:7px;vertical-align:top;}
#footer .newsletter_pop_wrap .newsletter_bot{padding:15px 0;text-align:center;}
#footer .newsletter_pop_wrap .newsletter_bot a,
#footer .newsletter_pop_wrap .newsletter_bot input[type="submit"]{display:inline-block;height:40px;line-height:40px;padding:0 10px;font-size:16px;color:#fff;vertical-align:top;}
#footer .newsletter_pop_wrap .newsletter_bot .btn_newsletter_confirm{margin-right:10px;background:#b3254f;}
#footer .newsletter_pop_wrap .btn_newsletter_close{display:block;position:absolute;top:25px;right:10px;padding-right:18px;color:#b3254f;background:url(/wp-content/themes/seoul-e/images/common/btn_pop_close.png) no-repeat right center;}
#footer .bg_gray{display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:100%;background:url(/wp-content/themes/seoul-e/images/main/bg_gray.png) repeat;z-index:20;}

/*161205 접근성 마크*/
#footer .wa_mark{padding:20px 0;text-align:center;/*display:none;*/}
#footer .wa_mark a img{width:100px;height:auto;}

/*180607 promotion pop*/
#footer .pop_wrap{display:none;position:fixed;bottom:40%;left:50%;width:450px;margin-left:-225px;font-family:"M PLUS 1p", Meiryo, "Yu Gothic", 'Roboto Condensed', "ＭＳ ゴシック", "ＭＳ 明朝", "MS UI Gothic", "ＭＳ Ｐゴシック", Arial, sans-serif;border-top:6px solid #b3254f;border-bottom:6px solid #d8d8d8;background:#fff;z-index:30;}
#footer .pop_wrap .pop_head{padding:25px 20px;font-size:18px;font-weight:900;color:#444;border-bottom:1px solid #e1e1e1;}
#footer .pop_wrap .pop_info{font-size:13px;}
#footer .pop_wrap .pop_info p{padding:20px;border-bottom:1px solid #f2f2f2;}
#footer .pop_wrap .pop_info p label{display:inline-block;width:70px;font-weight:700;}
#footer .pop_wrap .pop_info p input[type="text"]{width:323px;border-radius:7px;vertical-align:top;}
#footer .pop_wrap .btn_area{padding:15px 0;text-align:center;}
#footer .pop_wrap .btn_area a,
#footer .pop_wrap .btn_area input[type="submit"]{
display:inline-block;width:80px;height:40px;line-height:40px;padding:0 10px;text-align:center;text-decoration:none;font-size:16px;color:#fff;vertical-align:top;}
#footer .pop_wrap .btn_area .btn_confirm{margin-right:10px;background:#41a2a8;}
#footer .pop_wrap .pop_agree_area{margin:5px 15px;text-align:right;}
#footer .pop_wrap .pop_terms{overflow:auto;height:150px;margin:0 15px;padding:0 8px;text-align:left;border:1px solid #f2f2f2;}
#footer .pop_wrap .pop_terms>ul>li{padding:8px 0;}
#footer .pop_wrap .btn_pop_close{display:block;position:absolute;top:25px;right:18px;padding-right:14px;color:#b3254f;background:url(/wp-content/themes/seoul-e/images/common/btn_pop_close.png) no-repeat right center;}
#footer .bg_gray{display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:100%;background:url(/wp-content/themes/seoul-e/images/main/bg_gray.png) repeat;z-index:20;}

	
/* PC */
@media only screen and (min-width:1201px){
	#wrap .mobile_nav_wrap,
	#header .gnb_wrap .top_menu,
	#header .gnb_wrap .m_lang_list{display:none;}
}

/* Tablet & Mobile */
@media only screen and (max-width:1200px){
	/* Common
	------------------------------------------------------------------------------- */
	.inner_wrap{margin-right:12px;margin-left:12px;}
	
	/* Main page
	------------------------------------------------------------------------------- */
	#main #content{margin:12px 12px 0;}

	/* header
	------------------------------------------------------------------------------- */
	/* 2depth */
	ul.nav_box > li:hover > ul{display:none;}
	
	/* 3depth */
	ul.nav_box > li:hover > ul > li:hover > ul{display:none;}
}

/* Tablet */
@media only screen and (max-width:1200px) and (min-width:768px){
	/* header
	------------------------------------------------------------------------------- */
	.web, .skip_nav{display:none;}

	/*gnb*/
	#wrap .mobile_nav_wrap,
	#header .gnb_wrap .top_menu,
	#header .gnb_wrap .m_lang_list{display:none;}
	#header .gnb_area .gnb .icon_arrow{display:none;}
	#header .gnb_area .gnb .gnb_list > li a.languages_on{color:#007cb8;/*background:url("/wp-content/themes/seoul-e/images/main/icon_languages_up.png") no-repeat right;*/}
	#header .gnb_area .gnb .gnb_list li .lang_list li{float:left;width:60px;margin-left:10px;}

	/* content
	------------------------------------------------------------------------------- */
	#content_wrap{position:relative;width:100%;}
	#content_wrap .content_area{width:100%;margin:0;}
	#content_wrap .main_visual{margin:0 0 30px;}

	/* homebanners */
	#content_wrap .homebanners{width:48%;margin-right:4%;float:left;}

	/* banner + weather + services */
	#content_wrap .bws{width:48%;float:left;}

	/* top contents + social */
	#content_wrap .tcs{clear:both;}


	/* footer
	------------------------------------------------------------------------------- */
	/*160927 newsletter pop*/
	#footer .newsletter_pop_wrap{display:none;position:fixed;bottom:40%;left:50%;width:450px;margin-left:-225px;font-family:'Roboto Condensed', Arial, helvetica, "Trebuchet MS", sans-serif;border-top:6px solid #b3254f;border-bottom:6px solid #d8d8d8;background:#fff;z-index:30;}
	#footer .newsletter_pop_wrap .newsletter_head{padding:25px 20px;font-size:18px;font-weight:900;color:#444;border-bottom:1px solid #e1e1e1;}
	#footer .newsletter_pop_wrap .newsletter_info{font-size:13px;}
	#footer .newsletter_pop_wrap .newsletter_info p{padding:20px;border-bottom:1px solid #f2f2f2;}
	#footer .newsletter_pop_wrap .newsletter_info p label{display:inline-block;width:70px;font-weight:700;}
	#footer .newsletter_pop_wrap .newsletter_info p input[type="text"]{width:323px;border-radius:7px;vertical-align:top;}
	#footer .newsletter_pop_wrap .newsletter_bot{padding:15px 0;text-align:center;}
	#footer .newsletter_pop_wrap .newsletter_bot a,
	#footer .newsletter_pop_wrap .newsletter_bot input[type="submit"]{display:inline-block;height:40px;line-height:40px;padding:0 10px;font-size:16px;color:#fff;vertical-align:top;}
	#footer .newsletter_pop_wrap .btn_newsletter_close{display:block;position:absolute;top:25px;right:10px;padding-right:15px;background:url(/wp-content/themes/seoul-e/images/common/btn_pop_close.png) no-repeat right center;color:#b3254f;}
	#footer .bg_gray{display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:100%;background:url(/wp-content/themes/seoul-e/images/main/bg_gray.png) repeat;z-index:20;}
	
	/* Promotion List */
	ul.promotion_list li{height:auto;}
	ul.promotion_list li div.photo_img{height:auto;}
	ul.promotion_list li div.photo_img img{height:auto;}	
}

@media only screen and (min-width:768px){
	/* Header
	------------------------------------------------------------------------------- */	
	.btn_mobile_menu,
	.mobile_nav_top{display:none;}
}


/* ----------------------------------------------------------------------------
	2:Mobile
------------------------------------------------------------------------------- */
@media only screen and (max-width:767px){
	/* Header
	------------------------------------------------------------------------------- */	
	#header:before{display:none;}
	#header .gnb_wrap{top:0;padding-top:0;background-color:#fff;z-index:10;}
	#header .sns_area{display:none;}
	#header .gnb_area .gnb .gnb_list > li.btn_fm_site{display:none;}
	#header .inner_wrap{position:static;}
	#header.input_on:after{top:49px;height:38px;z-index:1000;}
	ul.nav_box > li:hover > a:hover:after,ul.nav_box > li:hover > a:focus:after{display:none;}
	
	/* 템플릿 컨텐츠 영역 */
	.contents-wrap{padding:11px;}
	
	.layout-column2{margin:0 !important;}
	.layout-column2 .template_cnt{width:100%;padding-right:0;padding-left:0;}
	.layout-column2 .template_cnt>a{margin:0 !important;}
	
	.panel-layout .panel-layout{margin:0;}
	
	/* footer
	------------------------------------------------------------------------------- */
	#footer{margin-top:37px;}
	#footer .newsletter_pop_wrap{width:98%;margin-left:-49%;}
	#footer .newsletter_pop_wrap .newsletter_info p input[type="text"]{width:96%;}
}


@media only screen and (max-width:767px){
	.web, .skip_nav{display:none;}
	::-webkit-input-placeholder{color:#fff;/* WebKit, Blink, Edge */}
	:-moz-placeholder{color:#fff;opacity:1;/* Mozilla Firefox 4 to 18 */}
	::-moz-placeholder{color:#fff;opacity:1;/* Mozilla Firefox 19+ */}
	:-ms-input-placeholder{color:#fff;/* Internet Explorer 10-11 */}
	
	/* header
	------------------------------------------------------------------------------- */
	/*gnb*/
	h1 img{height:32px;}
	#header .logo{position:static;padding:9px 0 9px 33px;text-align:left;}
	#header .gnb_wrap .top_menu:after{content:"";display:block;clear:both;}
	#header .gnb_area{display:none;}
	#header .gnb_wrap .iseoulu{display:none;}

	.nav_wrap{position:absolute;top:51px;left:-100%;width:360px;height:100%;margin-top:0;text-align:left;background:#363636;z-index:1000;
	transition:left 0.5s ease,right 0.5s ease;
	-webkit-transition:left 0.5s ease,right 0.5s ease;
	-moz-transition:left 0.5s ease,right 0.5s ease;}
	.nav_wrap.on{left:0;}


	.mobile_nav_top.input_on ul.top_menu>li.search_bar{position:absolute;left:0;right:0;width:auto;z-index:3;}
	.mobile_nav_top.input_on ul.top_menu li.search_bar .btn_total_search + .btn_total_search{display:block;position:absolute;top:0;right:0;}
	.mobile_nav_top.input_on ul.top_menu li.search_bar .search_input{display:block;}
	.mobile_nav_top.input_on:before{content:"";position:absolute;top:0;right:0;left:0;height:40px;background-color:#b3254f;z-index:2;}
	.mobile_nav_top.input_on .overlay{display:block;}
	.mobile_nav_top.input_on .nav_wrap > div .search_area{left:0;}
	.mobile_nav_top.input_on .nav_wrap > div .search_area label{display:block;position:absolute;bottom:12px;left:0;font-size:20px;font-weight:300;color:#fff;}
	.mobile_nav_top.input_on .nav_wrap > div .search_area input[type="text"]{display:inline-block;}
	.mobile_nav_top.input_on .nav_wrap > div .search_area .btn_total_search + .btn_total_search{display:block;margin-top:13px;}
/*
	.mobile_nav_top.input_on ul.top_menu>li.search_bar{position:absolute;left:0;right:0;width:auto;z-index:3;}
	.mobile_nav_top.input_on ul.top_menu li.search_bar .btn_total_search + .btn_total_search{display:block;position:absolute;top:0;right:0;}
	.mobile_nav_top.input_on ul.top_menu li.search_bar .search_input{display:block;}
	.mobile_nav_top.input_on:before{content:"";position:absolute;top:0;right:0;left:0;height:40px;background-color:#b3254f;z-index:2;}
	.mobile_nav_top.input_on .overlay{display:block;}
	.mobile_nav_top.input_on .nav_wrap > div .search_area{left:0;}
	.mobile_nav_top.input_on .nav_wrap > div .search_area label{display:block;position:absolute;bottom:12px;left:0;font-size:20px;font-weight:300;color:#fff;}
	.mobile_nav_top.input_on .nav_wrap > div .search_area input[type="text"]{display:inline-block;}
	.mobile_nav_top.input_on .nav_wrap > div .search_area .btn_total_search + .btn_total_search{display:block;margin-top:13px;}*/
	.mobile_nav_top .overlay{display:none;position:fixed;top:35px;left:0;width:100%;height:100%;background-color:rgba(25,25,25,0.2);z-index:2;}

	ul.top_menu{position:static;float:right;top:0;margin:0 auto;vertical-align:middle;}
	ul.top_menu>li{width:40px;margin:0 !important;text-align:center;box-sizing:border-box;}
	ul.top_menu>li a{display:block;width:100%;height:40px;line-height:38px;color:#fff;}
	ul.top_menu>li:first-child{border-left:0px;}
	ul.top_menu li a:hover{color:#fff;background-color:#1d1d1d;}
	ul.top_menu li.login,
	ul.top_menu li.logout{border:0 none;}
	ul.top_menu li a span{display:block;visibility:hidden;width:0;height:0;text-indent:-9999px;}
	ul.top_menu li a:after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:19px;}
	ul.top_menu li.login>a:after{content:"\f007";}
	ul.top_menu li.join>a:after{content:"\f234";}
	ul.top_menu li.sitemap>a:after{content:"\f0e8";}
	ul.top_menu li.help>a:after{content:"\f059";}
	ul.top_menu li.lang>a:after{content:"\f0ac";}
	ul.top_menu li.family>a:after{content:"\f109";}
	ul.top_menu li.search_bar a:after{content:"\f002";font-family:"Font Awesome 5 Free";font-weight:900;font-size:19px;}
	ul.top_menu li.search_bar .search_input{display:none;position:relative;margin-right:45px;margin-left:12px;}
	ul.top_menu li.search_bar .search_input input[type="text"]{width:99%;height:16px;margin:7px 0;color:#fff;border:0 none;border-bottom:1px solid #fff;font-size:14px;background-color:transparent;vertical-align:top;}
	ul.top_menu li.search_bar .btn_total_search{width:40px;height:39px;text-indent:-9999em;padding-top:1px;background:url(/wp-content/themes/seoul-e/images/common/icon_zoom_on.png) no-repeat center 8px;background-size:22px;transition:all .3s ease-in-out;}
	ul.top_menu li.search_bar .btn_total_search + .btn_total_search{display:none;}
	
	#header.input_on .overlay{display:none !important;}
	
	ul.m_lang_list{display:none;position:absolute;top:38px;left:0;width:100%;background:#1d1d1d;z-index:101;}
	ul.m_lang_list li{width:33.333%;margin-right:0;text-align:center;}
	ul.m_lang_list li a{height:33px;line-height:31px;}
	ul.m_lang_list:after{content:"";display:block;clear:both;}

	.btn_mobile_menu{display:block;position:absolute;top:16px;left:0;width:24px;height:20px;font-size:0;text-indent:-9999em;z-index:1002;cursor:pointer;}
	.btn_mobile_menu span,.btn_mobile_menu:before,.btn_mobile_menu:after{display:block;width:100%;height:3px;margin-bottom:4px;background:#363636;
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	backface-visibility:hidden;}
	.btn_mobile_menu span{text-indent:-9999em;font-size:0;}
	.btn_mobile_menu:before,.btn_mobile_menu:after{content:"";}
	.btn_mobile_menu.closed span{opacity:0}
	.btn_mobile_menu.closed:before{margin-top:9px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
	.btn_mobile_menu.closed:after{margin-top:-14px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}

	/* search */
	#header .nav_wrap > div .search_area{display:none;}
	.search_bar .search_input{display:none;position:relative;margin-right:45px;margin-left:12px;z-index:1;}
	.search_bar .search_input input[type="text"]{width:100%;height:16px;margin:7px 0;padding-right:0;padding-left:0;font-size:16px;color:#fff;border:0 none;border-bottom:1px solid #fff;background-color:transparent !important;vertical-align:top;}
	.search_bar .btn_total_search{display:block;position:absolute;top:14px;right:0;width:23px;height:23px;padding-top:1px;text-align:center;transition:all .3s ease-in-out;box-sizing:border-box;background:url(/wp-content/themes/seoul-e/images/common/icon_zoom_m.png) no-repeat center center;background-size:23px;}
	.search_bar .btn_total_search + .btn_total_search{display:none;}
	.search_bar .btn_close{display:none;position:absolute;top:12px;right:4px;font-size:0;z-index:1;cursor:pointer;}
	.search_bar .btn_close:before{content:"\f00d";font-family:"Font Awesome 5 Free";font-weight:900;font-size:24px;color:#fff;}
	.search_bar .search_on:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(54,54,54,0.8);z-index:1;}
	.search_bar .search_on .search_input{display:block;margin:53px 0 0 0;}
	.search_bar .search_on .btn_total_search + .btn_total_search{display:block;position:relative;float:right;margin-top:-47px;text-indent:-9999em;background-image:url(/wp-content/themes/seoul-e/images/common/icon_zoom_on.png);background-size:23px;z-index:1;}
	.search_bar .search_on .btn_close{display:block;}


	/* content
	------------------------------------------------------------------------------- */
	#content_wrap{position:relative;width:100%;}
	#content_wrap .content_area{width:100%;margin:0;}
	#content_wrap .main_visual{margin-top:0;}
	#content_wrap .main_visual > div{width:100%;float:none;}
}

@media only screen and (min-width:568px) and (max-width:736px){
	#footer .newsletter_pop_wrap{bottom:10%;}
}