@charset "utf-8"; 

body{font-family:'NotoR'; font-size:14px;}

/* Skip 메뉴 */
#skipArea, #skipArea ul {height:0; width:100%}
/* #skipArea a {position:absolute; top:-9999px; left:0; z-index:100; width:100%; height:30px; background-color:#000; color:#fff; line-height:30px; font-family:'NotoR'; opacity:0.6; text-align:center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60)}
#skipArea a:focus, #skipArea a:hover, #skipArea a:active {top:0} */
#skipArea a {position:absolute;left:-3000%;}
#skipArea a:focus {display:block;left:0;top:0;z-index:10000000000;width:100%;height:30px;line-height:30px;background:#039;color:#fff;text-align:center;}

/* 슬라이드 공용 */
.slick-slider{transition:all ease-in-out .3s; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-slide{ display:none; height:100%; min-height:1px; vertical-align:middle;}
.slick-list{ overflow:hidden;}
.slick-list.dragging{ cursor:pointer;}
.slick-initialized .slick-slide{ display:inline-block;}
.slick-arrow.slick-hidden { display:none;}
.slick-current { opacity:1; display:block;}

/* 상단팝업 */ /* 190927 수정 */
.toppopup_wrap{position:relative; display:block; padding:30px 0 50px; background:#00306b;}
.toppopup_wrap .toppopup{max-width:1300px; margin:0 auto; position:relative;}
.top_slider{ width:100%; margin:0 auto; position:relative;}
.top_slider .slick-list{margin:0 50px; background:url('/images/web/syu/common/top_pop_bg.gif')repeat-y center;}
.top_slider .slick-slide a{position:relative;display:block;min-height:75px;padding: 0px 20px 0px 100px;color:#fff;letter-spacing: -1px;}
.top_slider .slick-slide a:before{content:"";position:absolute;left: 20px;top:0;width:75px;height:75px;border-radius:75px;background:#001937 url('/images/web/syu/common/icon_toppop.png') no-repeat center;}
.top_slider .slick-slide a p.img{width:430px;max-height:77px;overflow:hidden;} /* 190927 */


.top_slider .slick-slide a span{display:block; margin:5px 0 0; font-size:14px; line-height:16px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.top_slider .slick-prev, .top_slider .slick-next{ position:absolute; top:50%; display:block; width:50px; height:50px; margin-top:-25px; cursor:pointer; text-indent:-10000px; z-index:20;}
.top_slider .slick-prev{ left:0px; background:url('/images/web/syu/common/btn_p_prev.png')no-repeat center;}
.top_slider .slick-next{ right:0px; background:url('/images/web/syu/common/btn_p_next.png')no-repeat center;}

	/* Navigation */
	.top_popup .slickNav{position: absolute; width:100%; left:0; bottom:-38px; line-height:30px; text-align:center;}
	.top_popup .slick-dots{display:inline-block;}
	.top_popup .slick-dots li{ position:relative; display:inline-block; vertical-align: middle; margin:0 3px; padding:0; cursor:pointer;}
	.top_popup .slick-dots li button{ display:block; width:10px; height:10px; border-radius:20px; cursor:pointer; border:1px solid #fff; font-size:0; overflow:hidden;}
	.top_popup .slick-dots li.slick-active button{background:#fff;}
	.toppopup_wrap .btn_slider{display:inline-block;} 
	.toppopup_wrap .btn_slider button{width:12px; height:12px; border:0px; font-size:0; vertical-align: middle;}
	.toppopup_wrap .btn_slider button.btn_stop{background:url('/images/web/syu/common/btn_p_stop.png') no-repeat center;}
	.toppopup_wrap .btn_slider button.btn_play{display:none; background:url('/images/web/syu/common/btn_p_play.png') no-repeat center;}

.toppopup_wrap .closeCheck {position:absolute; bottom:-35px; right:0; color:#fff; border:1px solid #2e5586; text-align:right; padding:0 35px 0 10px;}
.toppopup_wrap .closeCheck label {margin-right:5px; line-height:30px; font-family:'돋움', Dotum; font-size:13px;}
.toppopup_wrap .closeCheck .btn_close{width:30px; height:30px; position:absolute; right:-1px; top:-1px; background:#00224d url('/images/web/syu/common/btn_close.png') no-repeat center; font-size:0; border:1px solid #00224d;}

/* 레이아웃 및 헤더 */
#wrap {position:relative; font-family:'NotoR';}
/** Header **/
Animation
#header #nav #gnb,
#header #nav #gnb ul li a span:after,
#header #nav #gnb ul li ul {transition :all 0.4s ease; -webkit-transition :all 0.4s ease;} 

#slide_map {display:none;}
#header {position:absolute; left:0; top:190px; width:100%; height:150px; z-index:1100; background:rgba(0,0,0,0.2);}
#header .headerWrap {position:relative; width:100%; float:left;}/* 200707 */
.sub #header {position:absolute;}
/* 로고 */ 
#header h1.logo {position:absolute;left: 50%;top:60px;margin-left: -930px;z-index:1000;}/*230619*/
#header h1.logo a {display:block; background:url('/images/web/syu/common/logo.png') no-repeat left top; width:202px; height:50px;}
#header h1.logo a span {position:absolute; left:-10000px; top:0; line-height:1px; font-size:1px; overflow:hidden; text-indent:-30000px;}
#header .mob_btn {display:none;}

/* user Service */
#header .userSvice{position:absolute; width:130px; height:130px; left:0; top:0; background:#abab00; z-index:1102	;}
#header .userSvice a{color:#fff; text-align:center; display:block; font-size:14px;}
#header .userSvice a::before{content:url('/images/web/syu/common/ico_usersvic.png'); display:block; margin:20px 0 10px;}

/* top util *//* 200707 */
#header .toputil{position:absolute; top:20px; right:50%; height:40px; margin-right:-750px; font-size:13px; z-index:15;}
#header .toputil .toputil_box {max-width:1500px; margin:0 auto; position:relative;}
#header .toputil button{cursor: pointer;}

/* top_mn */
/* #header .toputil .topMenu {position:relative; height:40px; float:right; border-left:1px solid #fff;}
#header .toputil .topMenu > li {position:relative; width:100px; float:left;}
#header .toputil .topMenu > li a {display:block; line-height:38px; color:#fff; border:1px solid #fff; border-left:0; text-align:center; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
#header .toputil .topMenu > li a:hover{background:#0083e7;}
#header .toputil .topMenu > li.lang a{position:relative; padding-right:15px;}
#header .toputil .topMenu > li.lang a::after{content:""; width:18px; height:17px; position: absolute; right:25px; top:50%; margin-top:-7px; background:url('/images/web/syu/common/icon_lang.png') no-repeat;}
#header .toputil .topMenu > li.popup a {padding-right:15px; background:#0083e7; border-color:#0083e7; border-left-color:#fff !important;} 
#header .toputil .topMenu > li.popup a:hover{background:#0460ac; border-color:#0460ac;}
#header .toputil .topMenu > li a span.ico {position:absolute; right:10px; top:15px; width:20px; height:10px; background:url('/images/web/syu/common/btn_arr.png') no-repeat center; transform:rotate(0deg); transition:all ease .3s;}
#header .toputil .topMenu > li a.open .ico {transform:rotate(180deg);}
#header .toputil .topMenu > li a.close .ico {transform:rotate(0deg);}
#header .toputil .topMenu .webMail{ display:block; color:#fff; padding:0 10px 0 40px; background:#f2901d url('/images/web/syu/common/ico_mail.png') no-repeat 10px center;}

#header .toputil .topMenu .lang_list{width:100%; position:absolute; left:0; top:40px; z-index:1500; background:#00326e; display:none;}
#header .toputil .topMenu .lang_list li a{display:block; padding:0px 15px; color:#fff;}
#header .toputil .topMenu .lang_list li a:hover{background:#00000033;} */

/* top_mn *//* 200707 */
#header .topMenu {position:absolute; top:20px; right:50%; height:40px; margin-right:-750px; height:40px; float:right; border-left:1px solid #fff;}
#header .topMenu:after{content:""; display:block; clear:both;}/* 200707 */
#header .topMenu > li {position:relative; width:100px; float:left;}
#header .topMenu > li a {display:block; line-height:38px; color:#fff; border:1px solid #fff; border-left:0; text-align:center; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
#header .topMenu > li a:hover{background:#0083e7;}
#header .topMenu > li.lang a{position:relative; padding-right:15px;}
#header .topMenu > li.lang a::after{content:""; width:18px; height:17px; position: absolute; right:25px; top:50%; margin-top:-7px; background:url('/images/web/syu/common/icon_lang.png') no-repeat;}
#header .topMenu > li.popup a {padding-right:15px; background:#0083e7; border-color:#0083e7; border-left-color:#fff !important;} 
#header .topMenu > li.popup a:hover{background:#0460ac; border-color:#0460ac;}
#header .topMenu > li a span.ico {position:absolute; right:10px; top:15px; width:20px; height:10px; background:url('/images/web/syu/common/btn_arr.png') no-repeat center; transform:rotate(0deg); transition:all ease .3s;}
#header .topMenu > li a.open .ico {transform:rotate(180deg);}
#header .topMenu > li a.close .ico {transform:rotate(0deg);}
#header .topMenu .webMail{ display:block; color:#fff; padding:0 10px 0 40px; background:#f2901d url('/images/web/syu/common/ico_mail.png') no-repeat 10px center;}

#header .topMenu .lang_list{width:100%; position:absolute; left:0; top:40px; z-index:1500; background:#00326e; display:none;}
#header .topMenu .lang_list li a{display:block; padding:0px 15px; color:#fff;}
#header .topMenu .lang_list li a:hover{background:#00000033;}


/* 검색 */
#header .search_btn {position:absolute;right: -5px;top:65px;}/*230619*/
#header .search_btn button {display:block; width:42px; height:42px; border-radius:42px; text-indent:-10000px; background:#fff url('/images/web/syu/common/btn_nav_search.png') no-repeat center;}
#header .search_btn button:hover{background-color:#adefff;}
#header .search {display:none; position:absolute; width:300px; padding:20px; right:0; top:131px; z-index:200; background:url('/images/web/syu/common/bg_tmn.png');}
#header .search h2 {color:#fff; font-size:25px; margin-bottom:10px; font-family: 'NotoM';}
#header .search #header .search_wrap{position: relative; display:block;}
#header .search input { height:40px; line-height:40px; padding-left:5%; width:80%; font-size:14px; color:#555; border:none;}
#header .search input::-webkit-input-placeholder {color:#555;}
#header .search a.btn_top_sch {position:absolute; right:20px; bottom:20px; width:15%; height:40px; text-indent:-10000em; background:#0460ac url('/images/web/syu/common/btn_search.png') no-repeat center;}
#header .search_close {position:absolute; right:0px; top:-65px;}
#header .search_close button {display:block; width:42px; height:42px; border-radius:42px; text-indent:-10000em; background:#fff url('/images/web/syu/common/btn_sch_close.png') no-repeat center;}
#header .search_btn button{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}

/* 사이트맵 */
.sitemap_btn {position:absolute;right: 45px;top:65px;}/*230619*/
.sitemap_btn a{display:block; width:26px; height:14px; border-radius:42px; line-height:0; padding:14px 8px; text-indent:-10000px;  background:#fff;}/* 200707 */
.sitemap_btn a:hover{background-color:#adefff;}
.sitemap_btn a span{display:block; float:left; width:70%; margin:3px 0; height:3px; background:#0175b2;}
.sitemap_btn a span:first-child{width:90%; margin:0;}
.sitemap_btn a span:last-child{width:90%; margin:0;}
.sitemap_btn a:hover span{width:100% !important;}
.sitemap_btn a, .sitemap_btn a span{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}

/* 상단 SNS 버튼 */
.top_sns_btn {position:absolute; top:0; left:0; overflow:hidden;}
.top_sns_btn ul li {width:42px; height:42px; float:left; margin-right:10px;}
.top_sns_btn ul li a {display:block; height:42px;}
.top_sns_btn ul li a span {position:absolute; top:-10000em; left:-10000em;}
.top_sns_btn ul li.t_sns_f {background:url('/images/web/syu/common/top_sns_tm_f.png') no-repeat 50%;}
.top_sns_btn ul li.t_sns_t {background:url('/images/web/syu/common/top_sns_tm_t.png') no-repeat 50%;} 
.top_sns_btn ul li.t_sns_b {background:url('/images/web/syu/common/top_sns_tm_b.png') no-repeat 50%;}

#header #nav {position:relative; width:auto; height:90px; margin:60px 0 0; border-bottom:1px solid #ccc; overflow:hidden;}/* 200707 */
#header #nav #blind {position:absolute; left:0; top:90px; width:100%; height:100%; z-index:1; background:url('/images/web/syu/common/bg_tmn.png');}
#header #nav #gnb {position:relative; max-width:1500px; margin:0 auto; z-index:10;}
#header #nav #gnb ul {height:auto;font-size:0;line-height:0;text-align:right;margin-right: 110px;}/*230822*/
#header #nav #gnb ul:after {content:""; display:block; clear:both;}
#header #nav #gnb > ul > li {position:relative; display:inline-block; vertical-align: middle; padding:0 28px;}
#header #nav #gnb > ul > li.menu4{min-width:110px;}
#header #nav #gnb > ul > li.menu5{min-width:100px;}
#header #nav #gnb > ul > li.menu6{min-width:80px;}
#header #nav #gnb ul li a {display:block; text-align:center; font-family:'NotoM'; text-decoration:none; letter-spacing: -1px;}
#header #nav #gnb ul li a span { display:inline-block; position:relative; vertical-align:top; font-size:20px; height:90px; line-height:90px; letter-spacing: -1px; color:#fff;}
#header #nav #gnb ul li a span:after {content:""; display:block; position:absolute; bottom:0; left:50%; width:0px; height:4px;}
#header #nav #gnb ul li a.ov span, #header #nav #gnb ul li a:hover span, #header #nav #gnb ul li a:active span {color:##b3deff;}
#header #nav #gnb > ul > li > a[target='_blank']:after{position:relative; top:38px; left:5px; content:url('/images/web/syu/common/icon_nav_blank.png');}
#header #nav #gnb ul li a.ov span:after, #header #nav #gnb ul li a:hover span:after, #header #nav #gnb ul li a:active span:after {width:50%; background:#0083e7; left:0; padding-left:50%; opacity:1; -webkit-opacity:1; filter:alpha(opacity=100);}
#header #nav #gnb ul li ul {position:absolute; left:0; top:88px; width:100%; padding:15px 0;}
#header #nav #gnb ul li ul.ov {background:#0083e7;}
#header #nav #gnb ul li ul li:last-child {display:block;}
#header #nav #gnb ul li ul li {float:none; width:100%; margin:0;}
#header #nav #gnb ul li ul li a {display:block; font-family:'NotoR'; font-size:14px; line-height:22px; height:auto; padding:5px 8px; color:#fff; text-align:left;}
#header #nav #gnb ul li ul li a strong {font-weight:normal;}
#header #nav #gnb > ul > li > ul > li > a[target='_blank'] strong:after{display:inline-block; line-height:22px; margin:3px 0 0 6px; position:relative; content:url('/images/web/syu/common/icon_nav_wh.png');}
#header #nav #gnb ul li ul li a:hover, #header #nav #gnb ul li ul li a:active, #header #nav #gnb ul li ul li a.ov {text-decoration:underline; color:#fff;}
#header #nav #gnb ul li ul li ul {display:none !important;}


/* 상단이동 */
.btn_top{ position:fixed; width:70px; height:70px; background:rgba(0,0,0,0.5)  url('/images/web/syu/common/btn_topmove.png') no-repeat center; right:20px; bottom:20px; z-index:2000; font-size:0;}
.btn_top a{display:block; width:100%; height:100%;}
.btn_top:hover{background-color:rgba(0,0,0,0.7);}
.btn_top{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}

/** Common **/
.js_mobile_check {display:none; position:absolute; left:0; top:-1000px; width:1px; height:1px; line-height:1px;}

/* 사이트링크 */ /* 191213 수정 */
.footBtnWrap {position:absolute;top:0;right:0;width: 67%;}
.ftBtn {position:relative;width: 16%;float:left;border-right:1px solid #94a0a6;box-sizing:border-box;}
.ftBtn:first-child {border-left:1px solid #94a0a6;}

.ftBtn button{width:100%;height:54px;font-size:13px;text-align:left;padding-left:10px;line-height:54px;letter-spacing:-2px;color:#fff;cursor:pointer;box-sizing:border-box;} /* 191213 추가 */
.ftBtn button::after{content:url('/images/web/syu/common/btn_arr.png'); position:absolute; right:15px; top:0px;}
.ftBtn button.on::after{transform:rotate(180deg);}
.ftBtn button:hover{background:#164157;}

.ftBtn .ft_site{display:none;width:100%;max-height:300px;position:absolute;bottom:41px;z-index:1300;background:rgba(0,0,0,0.8);overflow:auto;}
.ftBtn .ft_site ul{margin:15px;}
.ftBtn .ft_site ul li a{ display:block; line-height:30px; padding-left:10px; color:#fff; font-size:13px; position:relative;white-space: nowrap;}
.ftBtn .ft_site ul li a::before{content:""; width:2px; height:2px; position:absolute; left:0; top:15px; background:#fff;}
.ftBtn .ft_site ul li a:hover{text-decoration:underline;}
.ftBtn button, .ftBtn button::after{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}


/* footer SNS */
.ftSNS{position:absolute; top:75px; right:0px;}
.ftSNS ul li{display:inline-block; margin-left:8px;}
.ftSNS ul li a{ display:block; width:35px; height:34px; display:block; border-radius:35px; text-indent: -999999%; overflow:hidden; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
.ftSNS ul li a:hover{background-color:#0a3b6b !important;}
.ftSNS ul li.facebook a{background:#515e6a url('/images/web/syu/common/btn_facebook.png') no-repeat center;}
.ftSNS ul li.twitter a{background:#515e6a url('/images/web/syu/common/btn_twitter.png') no-repeat center;}
.ftSNS ul li.band a{background:#515e6a url('/images/web/syu/common/btn_band.png') no-repeat center;}
.ftSNS ul li.instar a{background:#515e6a url('/images/web/syu/common/btn_instar.png') no-repeat center;}


/*200727 웹마크*/
.web_mark{position:absolute;top:75px;right:0px;}
.web_mark ul li{display:inline-block;margin-left:8px;}
.web_mark ul li a{ display:block;display:block; width:160px; height:85px; border-radius:35px; text-indent: -999999%; overflow:hidden; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
.web_mark ul li a:hover{background-color:#001c2a !important;}
.web_mark ul li.wa a{background:#001c2a url('/images/web/syu/main/WA.png') no-repeat center; background-size:100%;}


/* footer */
.area_footer {position:relative; background:#001c2a url('/images/web/syu/common/bg_ft.gif') repeat-x left top; border-top:1px solid #94a0a6;}
.box_footer {position:relative; max-width:1300px; margin:0 auto; padding:0 0 40px;}
.box_footer .footer_link {line-height:54px; overflow:hidden;}
.box_footer .footer_link li {display:inline-block;}
.box_footer .footer_link li a{padding-right:10px;color:#fff;} /* 191213 수정 */
.box_footer .footer_link li.point a{color:#8cbaea; font-family:'NotoM';}
.box_footer .footer_link li a:hover{text-decoration:underline;}
.box_footer .footer_link li.point a:hover{color:#1f55a3; text-decoration:underline;}

.box_footer .box_info { position:relative; margin:30px 0 0; font-size:14px; color:#c7c7c7;}
.box_footer .box_info ul{margin:0 0 20px;}
.box_footer .box_info ul li{line-height:20px;}
.box_footer .box_info ul li span{font-family:'NotoM'; color:#7ddcff;}
.box_footer .box_info address{ display:inline-block; vertical-align:middle; padding-left:10px;}


/************************************** 서브콘텐츠 : 시작 **************************************/
/* 서브비주얼 */
.s_visual{width:100%; height:450px; position: relative; overflow:hidden; text-align:center;}
.s_visual p{width:100%; height:100%;}
.s_visual p img{width:auto; height:100%;}
.s_visual .slogan{position: absolute; width:100%; top:50%; z-index:200; color:#fff; overflow:hidden; letter-spacing:-1px; text-align:center; text-shadow:2px 2px 2px rgba(0,0,0,0.5); word-break: keep-all;}
.s_visual .slogan span{display:block; font-size:20px;}
.s_visual .slogan p{font-size:30px; margin:10px 0 0;}


/* content */
#sub_container_wrap {position:relative;}
.sub_content_wrap {position:relative; width:100%; max-width:1200px; margin:-50px auto 200px; overflow:hidden; min-height:700px} /* 190822 수정 */
#sub_content{width:920px; margin:60px 0 0; float:right;}
.subCntBody {position:relative; padding:30px 0 0; color:#555; font-size:14px; line-height:1.4;}
.subCntBody p {line-height:1.4;}

/* 왼쪽메뉴 */
#menu {position:relative; float:left; width:230px; height:100%; font-family:'NotoR';}
#menu h2 {width:100%; height:34px; padding:80px 0px; font-family:'NotoM'; color:#fff; font-size:24px; line-height:34px; text-align:center; background:url("/images/web/syu/common/left_nav_bg.png") no-repeat center; background-size:cover;}
#menu h2 span{margin:0 10px;}
#menu .lnb > li.on .subLnb {display:block;}
#menu .lnb > li > a {display:block; height:22px; padding:13px 10px 13px; font-size:16px; line-height:22px; font-family:'NotoM'; color:#333; border:1px solid #dedede; border-top:none; background:url("/images/web/syu/common/lnb_off.png") no-repeat right 50%;}
#menu .lnb > li > a.on {color:#0063af; background:url('/images/web/syu/common/lnb_off.png') no-repeat 19px 14px}
#menu .lnb > li.on > a, 
#menu .lnb > li > a:hover, 
#menu .lnb > li > a:focus, 
#menu .lnb > li > a:active {color:#fff; font-family:'NotoM'; text-decoration:none; border-color:#0083e7; border-top:none; background:url("/images/web/syu/common/lnb_on.png") no-repeat right 50% #0083e7;}
#menu .subLnb {display:none; padding:10px 0; border:1px solid #dedede; border-top:none; background:#fafafa; border-top:3px solid #005699;}
#menu .subLnb li a {display:block; color:#333; padding:7px 10px 7px 29px; font-size:15px; font-family:'NotoR'; background:url('/images/web/syu/common/lnb_2off.png') no-repeat 19px 14px;}
#menu .subLnb li a:hover, 
#menu .subLnb li a:focus, 
#menu .subLnb li a:active, 
#menu .subLnb li.on a {color:#365f92; text-decoration:underline; background:url('/images/web/syu/common/lnb_2on.png') no-repeat 19px 14px}

/* 새창 아이콘 181004 추가 */
#menu nav > .lnb > li > a[target='_blank']:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/web/syu/common/icon_new_WG.png') no-repeat; width:11px; height:11px; margin:-3px 0 0 8px;}
#menu nav > .lnb > li > a:hover[target='_blank']:after, #menu nav > .lnb > li.on > a[target='_blank']:after, #menu nav > .lnb > li.on > a:hover[target='_blank']:after {display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/web/syu/common/icon_new_WW2.png') no-repeat; width:11px; height:11px; margin:-3px 0 0 8px;}
#menu nav > .lnb > li > ul > li > a[target='_blank']:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/web/syu/common/icon_new_WG.png') no-repeat; width:11px; height:11px; margin:-4px 0 0 8px;}

/* sub 타이틀 */
#sub_content .title_area {position:relative; height:119px; border-bottom:1px solid #ddd;}
.title_area .pageTitle {padding-top:28px; font-family:'NotoM'; line-height:1.4; font-size:28px; letter-spacing:-1px; color:#111}
.title_area .location {text-align:left; font-family:'NotoR'; margin:10px 0 0}
.title_area .location span, 
.title_area .location strong {padding-left:18px; background:url('/images/web/syu/common/bgLocation.png') no-repeat 6px center; font-size:14px; color:#666}
.title_area .location strong {color:#222; font-family:'NotoM'; font-weight:normal}
.title_area .location a.home {display:inline-block; width:14px; height:16px; text-indent:-99999em; vertical-align:middle; background:url('/images/web/syu/common/ico_home.png') no-repeat left center;}

/* sns */ 
.snsBox { position:absolute; top:60px; right:0; text-align:right}
.snsBox button { display:inline-block; *display:inline; zoom:1; width:26px; height:26px; overflow:hidden; margin-left:3px; background:url("/images/web/syu/common/btnSns.gif") no-repeat 0 0}
.snsBox button > span {text-indent:-1140px; font-size:0; line-height:0}
.snsBox .btnPrint {width:36px; height:36px; background:url("/images/web/syu/common/btn_print.png") no-repeat 0 0}
.snsBox .btnShare{width:36px; height:36px; background:url("/images/web/syu/common/btn_sns.png") no-repeat 0 0}
.snsBox .btnFbook { background-position:-29px 0;}
.snsBox .btnTwt { background-position:-58px 0;}
.snsBox .btnkaka { background-position:-87px 0; }
.snsBox .btnkaka_s { background-position:-116px 0; }
.snsBox .btnInstar{ background-position:-145px 0;}
.snsBox  .sns_more{display:none; position:absolute; top:45px; right:0; width:130px; border:1px solid #bbb; border-radius:2px; padding:10px 10px 10px 7px; z-index:30; background-color:#fff}
/************************************** 서브콘텐츠 : 끝 **************************************/


/********** Media quary **********/
@media screen and (max-width:1540px) {

	#header h1.logo{top:20px; left:10px; margin-left:0;}/*230619*/
	#header .topMenu { margin-right:0px; right:1%; } /*200713*/
	#header .toputil{margin:20px 10px 0 0 ;  top:0px; right:1%; height:40px; }/*200713*/

	#header #nav #gnb > ul{float:none;/* margin-left:10px; */text-align:left;margin-right: 0;}/*230619*/
	#header #nav #gnb > ul > li{padding: 0 2%;}/*230619*/

	/* 상단팝업 */
	.toppopup_wrap .closeCheck{right:2%;}

}
@media screen and (max-width:1450px) {
	#header #nav #gnb > ul > li{padding: 0 1.5%;}
}
@media screen and (max-width:1390px) {

	#header #nav #gnb > ul > li{padding: 0 1.5%;}/*230619*/

}
@media screen and (max-width:1250px) {

	#header #nav #gnb > ul{margin-left:10px;margin-right:100px;}
	#header #nav #gnb > ul > li{padding:0 0.7%;}/*230619*/
	#header #nav #gnb > ul > li span{font-size:18px;}

	.box_footer{width:95%;padding:0 0 130px;} /* 191213 수정 */
	.ftBtn{border:1px solid #94a0a6;}
	.ftBtn button{/* line-height:40px; */}/* 191213 수정 */
	/*.ftBtn.ftBtn01{top:70px;}
	.ftBtn.ftBtn02{top:111px; right:0;}
	.ftBtn .ft_site{bottom:40px;}*/ /* 191213 삭제 */
	
	 .box_footer .box_info {margin:30px 0 20px;}/* 191213 추가 */

	/* 사이트링크 */ /* 191213 추가 */
	.footBtnWrap {position:relative;top:auto; right:auto; width:100%;} /* 191213 추가 */
	.ftBtn button{height:40px; line-height:40px; box-sizing:border-box;}/* 191213 추가 */
	.ftBtn .ft_site {bottom:41px;}/* 191213 추가 */

	.ftSNS{top:165px;}
	
	.s_visual p img{margin-left:-20%;}
	
	#menu{width:22%;}
	#sub_content{width:73%; margin-right:2%;}

}
@media screen and (max-width:1150px) {/*230619*/
	#header #nav #gnb > ul{margin-right:0;margin-left: 25px;}
	#header #nav #gnb > ul > li{padding: 0px 0.8%;}
	#header .sitemap_btn{top:-5%;right: 250px;}
	#header .search_btn{top:-5%;right: 200px;}
}
 
@media screen and (max-width:1019px) {
	
	.web_mark{top:50px;}/*200727*/

	#wrap, #header, .headerWrap,
	#container, .area_footer, .box_footer,
	#gnb > li.others .m_util li,
	.box_search_2, .box_search_2 .box_search_2_1, .box_search_2 input,
	.area_footer .ft_site, .area_footer .ft_site .inner, .area_footer .ft_site ul, .area_footer .ft_site h2, .box_footer .box_info,
	.footBtnWrap, .footBtn button,
	.footBtn div,
	.footer_link {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

	
	#wrap { min-width:320px; width:100%}	
	
	/** Header **/
	#header {min-width:320px; height:auto !important; background:none; position: relative; top:0 !important;}/*200713*/		
	#header .headerWrap {min-width:100%; height:105px; background:rgba(0,0,0,0.5); position:absolute;}/*200713*/
	#header #nav {display:none;}
	#header #nav #gnb ul li a span {font-size:22px;}
	#header #nav #gnb ul li ul li a {font-size:15px; line-height:20px;}
	
	#header h1.logo {position:absolute; left:50%; top:42px; margin:0 0 0 -107px;}

		#header .mob_btn {display:block; position:absolute; left:2.5%; top:45px; width:26px; height:14px; text-indent:-10000px; border-radius:42px; padding:14px 8px; background:#fff; z-index:100; line-height:0;}/* 200713*/
	#header .mob_btn:hover{background-color:#adefff;}
	#header .mob_btn span{display:block; float:left; width:70%; margin:3px 0; height:3px; background:#0175b2;}
	#header .mob_btn span:first-child{width:90%; margin:0;}
	#header .mob_btn span:last-child{width:90%; margin:0;}
	#header .mob_btn{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
	
	/* top util *//* 190902 */
	#header .toputil{height:30px; margin:0;  left:0; } /*200713*/
	#header .topMenu{border:0; height:30px; width:100%; top:0; text-align:right; background:#121e2d; max-width:1019px; right:0; font-size:0; line-height:0; z-index:20;}/*200713*/
	#header .topMenu > li{width:auto; display:inline-block; min-width:80px; float:none;}/*200713*/
	#header .topMenu > li a{border:0; line-height:30px; font-size:13px; padding:0 8px; border-left:1px solid #2b3542;}/*200713*/
	#header .toputil .topMenu > li.popup{display:none;}
	#header .toputil .topMenu > li.lang a{padding:0;}
	#header .toputil .topMenu > li.lang a::after{display:none;}
	/*#header .toputil .topMenu {display:none;}*/
	
	/* 상단팝업 */ /* 190927 수정*/
	.top_slider .slick-slide a p.img img {max-width:330px;}	
	.top_slider .slick-slide a:before {display:none;}
	.top_slider .slick-slide a {padding:0px 20px 0px 20px}

	/* 검색 */
	#header .search_btn {right:2.5%; top:45px;}/* 190902 */
	#header .search {width:95%; right:0%; top:105px; padding:20px 2.5%; background:rgba(0, 50, 110, .85)}/* 190927 수정*/
	#header .search h2 {position: absolute; width:1px; height:1px; overflow:hidden; text-indent: -10000%;}
	#header .search input{width:90%; height:50px; line-height:50px; padding-left:2%;}
	#header .search a.btn_top_sch{height:50px; width:10%;}
	#header .search_close{top:-60px; margin-right:-1px;}/*200713*/

	/* 사이트맵 */
	.sitemap_btn{display:none;}

	/* 상단 SNS 버튼 */
	.top_sns_btn {top:0; right:auto; left:0; overflow:hidden;}
	.top_sns_btn ul li {width:34px; height:40px; margin-left:0;}
	.top_sns_btn ul li a {display:block; height:42px;}
	.top_sns_btn ul li a span {position:absolute; top:-10000em; left:-10000em;}
	.top_sns_btn ul li.t_sns_f {background:url('/images/web/syu/common/top_sns_tm_f.png') no-repeat 50%;}
	.top_sns_btn ul li.t_sns_t {background:url('/images/web/syu/common/top_sns_tm_t.png') no-repeat 50%;}
	.top_sns_btn ul li.t_sns_b {background:url('/images/web/syu/common/top_sns_tm_b.png') no-repeat 50%;}

	/* 메뉴 */
	#slide_map {display:none; position:absolute; width:100%; height:100%; left:0; top:0; z-index:2000; opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); overflow:hidden;}
	#slide_map .box {position:absolute; left:-100%; top:0; width:100%; height:100%; background:#fff; z-index:10;}
	#slide_map .box .title {display:block; position:absolute; width:100%; font-size:22px; line-height:28px; padding:12px 15px; min-height:28px; background:#0083e7; color:#fff; box-sizing:border-box;}
	#slide_map .box .binds {height:100%; overflow:hidden; background:#fff;}
	#slide_map .box ul {width:auto; height:auto; margin:0 3%; padding:60px 0 0 0;}
	#slide_map .box ul li {position:relative;}
	#slide_map .box ul li a {display:block; position:relative; border-bottom:1px solid #cecece; color:#1e1e1e; text-decoration:none;}
	#slide_map .box ul li a span {display:inline-block; font-size:18px; line-height:22px; font-weight:600; padding:14px 10px;}
	#slide_map .box ul li a:after {content:""; display:block; position:absolute; right:10px; top:50%; width:11px; height:7px; background:url('/images/web/syu/common/mob_depth1_bul_down.gif') no-repeat center 50%; margin-top:-3px;}
	#slide_map .box ul li a.ov {border-bottom:1px solid #0083e7; color:#0083e7;}
	#slide_map .box ul li a.ov:after {background:url('/images/web/syu/common/mob_depth1_bul_up.gif') no-repeat center 50%;}
	#slide_map .box ul li a[target='_blank'] span::after{display:inline-block; width:14px; height:14px; margin-left:5px; content:''; background:url('/images/web/syu/common/icon_nav_blank_bk.png') no-repeat;}
	#slide_map .box ul li a[target='_blank'] strong::after{display:inline-block; width:11px; height:11px; margin-left:5px; content:''; background:url('/images/web/syu/common/icon_nav_bk.png');}
	#slide_map .box ul li ul {display:none; margin:0; padding:8px 0; border-bottom:1px solid #cecece;}
	#slide_map .box ul li ul li a {border:0 !important; color:#444;}
	#slide_map .box ul li ul li a:hover, #slide_map .box ul li ul li a:active {text-decoration:underline;}	

	#slide_map .box ul li ul li a strong {display:block; font-weight:normal; font-size:16px; line-height:22px; padding:8px 10px 8px 27px;}
	#slide_map .box ul li ul li a strong:before {content:''; position:absolute; top:17px; left:15px; width:5px; height:5px; background:#b8b8b8; border-radius:3px;}
	#slide_map .box ul li ul li a.ov {background:#0869b3; color:#fff;} 
	#slide_map .box ul li ul li a.ov strong:before {content:''; position:absolute; top:17px; left:15px; width:5px; height:5px; background:#fff; border-radius:3px;}
	#slide_map .box ul li ul li a:after {display:none;}
	#slide_map .box .close {display:block; position:absolute; right:0; top:0; width:52px; height:52px; z-index:51; background:#0869b3; text-indent:-9999px;}
	#slide_map .box .close:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/images/web/syu/common/btn_close_wh.png') no-repeat center 50%; -webkit-transition:all .8s ease; transition:all .8s ease;}
	#slide_map .box .close:hover:after, #slide_map .box .close:active:after {-webkit-transform:rotate(270deg); transform:rotate(270deg);}
	#slide_map .blind {display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:#000; opacity:0.75; -webkit-opacity:0.75; filter:alpha(opacity=75);}
	
	.sub #header {position:relative;}
	.s_visual p img{margin-left:-40%;}

	.btn_top{display:none !important;}

	/* footer */
	/*.area_footer{background-image:none;}*/
	.box_footer .footer_link{line-height:30px; margin:15px 0;}
/* 상단팝업 *//* 190927 수정*/	
	.top_slider .slick-slide a p.img img {max-width:280px;}
	/* footer 
	.area_footer{background-image:none;}
	.box_footer .footer_link{width:100%; height:auto; padding:10px 20px; overflow: auto; background:#fff; border-bottom:1px solid #ddd; line-height:30px;}
	.box_footer .box_info{padding:10px 20px 70px; font-size:13px;}
	.box_footer .enter_info{right:20px; top:auto; bottom:15px;}
	.box_footer .f_logo{top:auto; bottom:20px; left:20px;}*/
	
	
	/* 사이트링크 
	.ftBtn{right:20px; top:10px; border:1px solid #ddd;}
	.ftBtn button{background:#fff; line-height:40px; font-size:13px;}
	.ftBtn .ft_site{bottom:40px;}*/
	
	/************************************** 서브콘텐츠 : 시작 **************************************/	
	#sub_container_wrap,
	.sub_content_wrap,
	#sub_content,
	.subCntBody {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

	/* 서브비주얼 */
	.s_visual{height:350px;}
	.s_visual .slogan{top:40%;}
	
	/* content */
	#sub_container_wrap,
	.sub_content_wrap {width:100%}	
	#sub_container_wrap { margin-top:-75px;}

	#sub_content{margin:0; width:100%; min-height:0; padding:0 10px 20px}

	/* sub 타이틀 */	
	#sub_content .title_area {height:auto; padding-bottom:15px;}
	.title_area .pageTitle {padding:15px 70px 0 0;}

	/* etc : sns*/ 
	.snsBox {top:20px}
	.snsBox .btnPrint {width:30px; height:30px; background-size:30px;}
	.snsBox .btnShare{width:30px; height:30px; background-size:30px;}
	
	.subCntBody{width:100%; float:none; padding:25px 0}
	
	/* common */
	.img_auto { width:100%; height:auto}

	/* 왼쪽메뉴 */
	#menu {position:static; width:auto; float:none;}

	#menu h2 {position:relative; width:100%; height:50px; line-height:26px; box-sizing:border-box; padding:12px 0 12px 20px; margin-bottom:0; color:#fff; cursor:pointer; font-size:17px; background:url("/images/web/syu/sub_cnt/bgLnbDepth.png") no-repeat 95% 50% #434e5f;} /* 수정 191202 */
	#menu h2.on {background:url("/images/web/syu/sub_cnt/bgLnbDepthOn.png") no-repeat 95% 50% #434e5f;}/* 수정 191202 */
	
    #menu nav{display:none}
    #menu nav{position:relative; border-bottom:2px solid #005699}

	#menu .lnb > li {margin:0;}
    #menu .lnb > li > a {padding:10px 10px 10px 20px; font-size:15px; border-top:none;}
    #menu .lnb > li.on >a,
	#menu .lnb > li > a:hover,
	#menu .lnb > li > a:focus,
	#menu .lnb > li > a:active {border:1px solid #82a6d1; border-top:none; background-color:#82a6d1; color:#fff}
    #menu .subLnb{background-color:#fff}
	/************************************** 서브콘텐츠 : 끝 **************************************/	
		

}

@media screen and (max-width:920px) {

	.ftSNS {top:auto; bottom:10px;} /* 191213 수정 */

}

@media screen and (max-width:800px) {

	/* 서브비주얼 */
	.s_visual .slogan p{width:80%; margin:0 auto; font-size:25px;}

	/* 상단팝업 *//* 190927 수정*/	
	.top_slider .slick-slide a p.img img {max-width:280px;}
	
}

@media screen and (max-width:690px) {	
	
	
	/** Header **/
	#header {top:20%;}	

	/* 상단팝업 *//* 190927 수정*/	
	.toppopup_wrap{padding:20px 0 50px;}
	.toppopup_wrap .toppopup{margin:0 10px;}
	.toppopup_wrap .closeCheck{bottom:-35px;}
	.top_slider .slick-list{background:none; margin:0 30px;}
	.top_slider .slick-prev, .top_slider .slick-next{width:30px; height:30px; margin-top:-15px; background-size:auto 60%;}
	.top_popup .slickNav{text-align:left;}
	.top_slider .slick-slide a p.img img {max-width:340px;}
	
	.area_footer{background-image:none;}/* 191213추가 */

	/* 사이트링크 
	.ftBtn{top:auto !important;}
	.ftBtn.ftBtn01{bottom:50px;}
	.ftBtn.ftBtn02{bottom:10px;}
	.ftBtn button{width:200px;}*/

	.ftBtn {width:50%;}/* 191213추가 */


	.ftSNS{top:auto;bottom:10px;} /* 191213수정 */

	/* footer */
	.box_footer{padding:0 0 120px}

	/* 서브비주얼 */
	.s_visual .slogan{top:35%;}
	
	.web_mark{top:30px;}/*200727*/
	.web_mark ul li a{ display:block;display:block; width:90px; height:56px; border-radius:35px; text-indent: -999999%; overflow:hidden; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
	
}


@media screen and (max-width:560px) {	

	.box_footer{padding:0 0 280px;}/* 191213수정 */
	.ftBtn{width:100%;} /* 191213추가 */
		
}
@media screen and (max-width:440px) {
	
	/* top_mn 181022 */
	#header .toputil .top_mn li {padding-left:20px;}
	#header .toputil .top_mn li:before {top:15px; left:10px; width:1px; height:10px; background:#72839c;}

	/* 190927 수정*/
	.top_slider .slick-slide a {padding:20px 10px 0;}
	.top_slider .slick-slide a p.img {width:auto;}
	.top_slider .slick-slide a p.img img {width:100%;}
	
	
}

@media screen and (max-width :380px) {
	
	#header h1.logo {top:47px; margin:0 0 0 -81px;}
	#header h1.logo a {width:162px; height:40px; background-size:auto 40px;}


}