@charset "UTF-8"; 

#wrap   {position:relative;height:100%;margin:0 auto; overflow-x: hidden;}
#header {position:relative; width:100%; border-top:0.4rem solid #707070}
#header:after {display:block; clear:both; content:'';}
#container    {position:relative; width:100%; height:auto; min-height:935px; z-index:1;}
#container:after {display:block; clear:both; content:'';}
#contents {width:100%; height:auto;max-width:1200px; margin:0 auto; padding-bottom:3rem; }
#contents::after {content: '';display: table;clear: both;}
#footer   {width:100%;}
.inner    {position:relative;width:100%; max-width:1200px;margin:0 auto;  }

/* 스킵네비게이션 */ 
#skip_navigation {margin:0; padding:0;}
#skip_navigation a.accessibility {display:block; position:absolute; top:-10000px; left:0; width:100%; text-align:center; z-index:700;}
#skip_navigation a.accessibility:hover,	
#skip_navigation a.accessibility:focus,
#skip_navigation a.accessibility:active {position:absolute; top:0; width:100%; padding:30px 0; font-weight:500; color:#fff; background-color:#0c4da2; z-index:700;}
#skip_navigation ul {margin:0; padding:0; height:0;}

/* 상단영역 */
#header .header_box {max-width:1200px; margin:0 auto;}
#header .header_box:after {content:''; height:0; font-size:0; visibility:hidden; display:block; clear:both;}

.top_head  {position:relative;; height:135px;}
.top_head:before {content:''; position:absolute; left:0; top:90px; width:100%; height:1px; background-color:#ddd;}
.top_head .inner.top_inner {height:90px;}
h1.logo {position:absolute; left:0; top:15px; display:inline-block; width:248px; height:53px; text-indent: -9999em; z-index:12;}
h1.logo a {display:block; width:248px; height:53px; background:url(../images/common_ir.png) no-repeat; background-position:0 -58px; }


/* 전체메뉴(사이트맵) */
.btn_menu {position:absolute; right:0; top:30px; z-index:11;}
.btn_menu a {display:block; position:relative; width:3rem; height:2.5rem;}
.btn_menu a:before,
.btn_menu a:after {content: '';display: block;position: absolute;left: 0;width: 100%;border-bottom: 0.4rem solid #555;}
.btn_menu a:before {top:0;}
.btn_menu a:after {bottom:0;}
.btn_menu .bar {display:block; position:absolute; left:0; top:45%; width:100%; height:4px; background:#555; text-indent:-9999em; transition: all .4s ease;}


/*gnb*/
#gnb_area {}
.gnb_bg {position:absolute; left:0; top:135px; width:100%; height:0; background:rgba(255,255,255); z-index:10;}

/* .gnb_thum {position:absolute; left:50%; top:3rem; width:1200px; height:187px; opacity:0; visibility:hidden;} */
.gnb_bg.on .gnb_thum {opacity: 1;visibility: visible;}
.gnb_bg::before {content: ''; display:block; position:absolute; left:0; bottom:0; width:50%; height:100%; background:#fff;}
.gnb_bg.on {border-top:1px solid #014099; border-bottom:1px solid #ddd;}

#gnb {position:relative;}
#gnb .depth2 {position:relative; height:45px; overflow:hidden; border-top:0; z-index:1200;}
#gnb .depth2 > li {float:left; width:20%; height:45px;}
#gnb .depth2 > li:last-child {width:17%;}
#gnb .depth2 > li > a {position:relative; display:block; height:44px; padding:2px 0 0; text-align:center; color:#000; font-weight:300; font-family:'GSK'; font-weight:400;}
#gnb .depth2 > li > a::after {content:''; display:block; position: absolute; overflow:hidden; right:50%; left:50%; bottom:0; height:1px; background-color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s;}
#gnb .depth2 > li > a > span {font-size:2.0rem; line-height:45px;}
#gnb .depth2 > li:hover > a,
#gnb .depth2 > li.on > a {font-weight:600;}
#gnb .depth2 > li:hover > a::after,
#gnb .depth2 > li.on > a::after {right:0; left:0; background-color:#44b7e4; height:2px;}
#gnb .depth2 > li:hover > a::before,
#gnb .depth2 > li.on > a::before {content:''; display: block; position: absolute; overflow: hidden; right: 50%; left: 50%; bottom: -1px; width:4px;height: 4px;background-color: #44b7e4;}

#gnb .depth2 .depthBox {min-height:254px; padding-top:14px;}
#gnb .depth2 .depthBox li a {display:block; padding:7px 0; text-align:center;color:#666; font-size:1.4rem;font-family: 'GSK'; letter-spacing: -0.5px;}   
#gnb .depth2 > li.on .depthBox {background-color:#014099;}
#gnb .depth2 > li.on .depthBox li a {color:#ddd; }
#gnb .depth2 > li.on  .depthBox li a:hover {color: #fff;}


.menu_area {display:block;width: 100%;position: fixed;left:100%;top: 0;bottom:0; z-index: 1500; letter-spacing:-0.04em;}
.all_menu_bg {float: left;display: block;width: 30%;height: 100%; }
.menu_box {float: right;position: relative;padding: 5rem;width: 20%;height: 100%;background:#0c1848;}
.menu > li {display:block;width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.menu > li > a { position:relative; display: block;padding:2.5rem 5% 2.5rem 0;font-size: 1.6rem;font-weight:600;line-height:1;color: #fff;font-weight:500;background-size: 1.1rem auto;font-family: 'GSK';}
.menu > li > a::before{ position: absolute; content: ''; width:30px; height: 30px; top: 15px; right:5%;background: url(../images/common_ir.png) no-repeat; background-position: -14px -11px;}
.menu > li.open > a::before { position: absolute; content: ''; width:30px; height: 30px; top: 15px; right:5%;background: url(../images/common_ir.png) no-repeat; background-position: -44px -11px;}
.menu .depth2 {position: relative;display: none;margin-bottom: 2.5rem;}
.menu .depth2::before {content: '';display: block;position: absolute;left: 0.5rem;top: 0;bottom: 0;border-left: 0.1rem solid #c7c7c8;;}
.menu .depth2 li {padding-left: 1.5rem;margin-top: 1rem;}
.menu .depth2 li:first-child {margin-top: 0;}
.menu .depth2 a {font-size: 1.4rem;color: #c7c7c8;font-family: 'GSK';}
.menu_box .go_box {position: absolute;right: 0;left: 10rem;bottom: 10rem;}
.menu_box .go_login {position: relative;padding-left: 55%;}
.menu_box .go_login::before {content: '';position: absolute;left: 0;top: 50%;width: 100%;height: 0.1rem;;background: #848387;}
.menu_box .go_login a {position: relative;display:block;padding: 3rem 0 3rem 3rem;color: #fff;font-size: 2.9rem;font-weight:600;background: #333333;cursor:text;}
.menu_box .i_lock {margin-right:2rem;vertical-align: middle;}
.menu_close {position: absolute;right: 0;top: 0;width: 6rem;height: 6rem;text-align: center;background: #333333;}
.menu_close span {display:inline-block;position:relative;margin-top: 28%;width: 3.2rem; height: 3.2rem;color:#333;text-indent: -9999em;}
.menu_close span::before,
.menu_close span::after {content: '';display: block;position: absolute;left: 0;width: 100%;border-bottom: 0.1rem solid #fff;}
.menu_close span::before {top:50%;transform: rotate(-45deg);}
.menu_close span::after {bottom:50%;transform: rotate(45deg);}




@media only screen and (min-width:200px) and (max-width:1199px)  {
  #wrap {display:block;position:relative;height:100%;width:100%;}
  .fp-viewing-business #header.pop,
  .fp-viewing-community #header.pop,
  .fp-viewing-place #header.pop,
  .fp-viewing-mFooter #header.pop {top:0;}
  .btn_group {display:none;}

/*nav*/
  .anchor_wrap {display: none !important;}

  /*gnb*/
  .menu_area {display:none;width: 100%;position: fixed;left:100%;top: 0;bottom:0;width: 100%;z-index: 1500;}
  .all_menu_bg {display: none;}
  .menu_box {position: relative;padding: 2rem;height: 100%;overflow: auto; width:100%}

  .menu_box .go_box {margin-bottom: 2rem;}
  .menu_box .go_login {position: relative;padding-right: 35%;}
  .menu_box .go_login::before {content: '';position: absolute;left: 0;top: 50%;width: 100%;height: 0.1rem;;background: #848387;}
  .menu_box .go_login a {position: relative;display:block;padding: 1rem 0 1rem 1rem;color: #fff;font-size: 1.3rem;font-weight:600;background: #333333;}
  .menu_box .i_lock {margin-right:1rem;height: 1.6rem;vertical-align: middle;}
  .menu_box .i_lock img {height:100%;}
  .menu_close {position: absolute;right:0;top:0;width: 3.8rem;height: 3.8rem;text-align: center;background: #333333;}
  .menu_close span {display:inline-block;position:relative;margin-top: 20%;width: 2.2rem; height: 2.2rem;color:#333;}
  .menu_close span::before,
  .menu_close span::after {content: '';display: block;position: absolute;left: 0;width: 100%;border-bottom: 0.1rem solid #fff;}
  .menu_close span::before {top:50%;transform: rotate(-45deg);}
  .menu_close span::after {top:50%;transform: rotate(45deg);}

}

@media screen and (max-width:1024px) {
	.top_head {height:75px;}
	.top_head .inner.top_inner {height:75px;}
	h1.logo {top:23px; width:135px; height:29px;}
	h1.logo a {width:135px; height:29px; background-position:0 -112px; }
	
	/*** header ***/
	#header {position:relative; width:100%; background:#fff;}
	#header .header_box {display:none;}
	#gnb_area, .gnb_bg {display:none;}
	
	.btn_menu {position:absolute; right:20px; top:27px; z-index:11;}
	.btn_menu a {display:block; position:relative; width:30px; height:20px;}
	.btn_menu a:before,
	.btn_menu a:after {content: ''; display:block; position:absolute; left:0; width:100%; border-bottom:2px solid #555;}
	.btn_menu a:before {top:0;} 
	.btn_menu a:after {bottom:0;}
	.btn_menu .bar {display:block; position:absolute; left:0; top:50%; width:100%; height:2px; background:#555; text-indent:-9999em; transition: all .4s ease;}
}


@media screen and (max-width:767px) {
	body {font-size:1.4rem;}
}



/*검색-pc*/
.search_box {display:inline-block; position:relative; margin:22px 0 0 35%; border:2px solid #0075c1;}
.search_box input, .search_box option {font-size:1.5rem; color:#333;}
.search_box .srch_txt {position:relative; display:inline-block; width:350px;}
.search_box .srch_txt input {padding:0 5px; width:100%; height:40px; line-height:40px; border:none;}
.search_box .btn_sch {position:relative; display:inline-block; width:40px; height:40px; line-height:1; background-color:#0075c1;}
.search_box .btn_sch:after {content:''; display:inline-block; position:absolute; left:50%; top:50%; margin-left:-10px; margin-top:-11px; width:21px; height:22px; background:url(../images/common_ir.png) -136px -113px no-repeat;}

/*태블릿 이하 출력 : 검색, 메뉴*/
.view_m {display:none; position:absolute;}
.view_m.l_srch {top:18px; right:60px;}
.view_m.l_srchclose {top:-60px; right:60px; z-index:3;}
.view_m.l_srchclose button {width:60px; height:60px; border:1px solid #0075c1; box-sizing:border-box; background-color:#0075c1;}
.view_m button {position:relative; display:block; width:40px; height:40px;}
.view_m button:before {content:''; display:inline-block; position:absolute; background-image:url(../images/common_ir.png); background-repeat:no-repeat;}
.view_m button.m_srchbtn:before {left:50%; top:50%; margin-left:-13px; margin-top:-13px; width:26px; height:26px; background-position:-163px -136px;}
.view_m button.m_srchclose:before {left:50%; top:50%; margin-left:-13px; margin-top:-11px; width:26px; height:26px; background-position:-136px -137px;}



@media screen and (max-width:1024px) {
	.view_m {display:block;}
	/*검색*/
	.search_box {display:none; position:absolute; left:0; top:75px; margin:0; padding:20px; width:100%; border:none; background-color:rgba(0,117,193,0.8); z-index:10;}
	.search_box.open {display:block;}
	.search_box form {position:relative; padding:0 50px 0 0; background-color:#fff;}
	.search_box select {position:absolute; left:0; top:0; height:40px;}
	.search_box .srch_txt {width:100%; margin-left:0; background-color:#fff;}
	.search_box .srch_txt:before {display:none;}
	.search_box .srch_txt input {width:100%; height:40px; line-height:40px;}
	.search_box .btn_sch {position:absolute; right:0; top:0; width:50px; height:40px;}

}

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

@media screen and (max-width:640px) {
	.search_box {padding:13px 10px 15px;}
	

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


/* 하단 */
#footer       {clear:both; position:relative;width:100%;margin:0 auto; padding:3rem 0; border-top: 1px solid #ddd;}
.foot_box     {width:100%; max-width:1200px; margin:0 auto; padding:0 0 15px; color:#333; line-height:25px; position: relative;}
.foot_box .foot_logo {display:block; position:absolute; left:0; top:0; width:158px; height:34px;}
.foot_box .foot_logo:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:135px; height:30px; background:url(../images/common_ir.png) 0 -112px no-repeat;}
.foot_box .foot_wa {display:block; position:absolute; right:2%; top:0; width:110px; height:37px;}
.foot_box .foot_wa:before {content:''; display:inline-block; position:absolute; left:0; top:0;  width:110px; height:37px; background:url(../images/common_ir.png) 0 -141px no-repeat;}


.foot_infobox { margin-left:180px}
.foot_infobox ul {margin-bottom:10px;}
.foot_infobox ul li {position:relative; display:inline-block; margin-left:8px; padding-left:8px;}
.foot_infobox ul li:before {content:''; display:inline-block; position:absolute; left:0; top:50%; margin-top:-4px; width:1px; height:8px; background-color:#ddd;}
.foot_infobox ul li:first-child {padding-left:0;}
.foot_infobox ul li:first-child:before {display:none;}
.foot_infobox ul li a {color:#333; line-height:28px;}
.foot_infobox ul li:first-child a {font-weight:500;}
.foot_infobox ul li strong {color:#d52604;}

.foot_infobox ul li a span.ft_sns {position:relative; padding-left:20px;}
.foot_infobox ul li a span.ft_sns:before {content:'';position:absolute;left:0;top:50%;margin-top:-7px;width:20px;height:15px;background-position:center center;background-repeat:no-repeat;}
.foot_infobox ul li a span.ft_sns.icon_ist:before {background-image:url(../images/icon_ist.png);}
.foot_infobox ul li a span.ft_sns.icon_yt:before {background-image:url(../images/icon_yt.png);}
.foot_infobox ul li a span.ft_sns.icon_kk:before {background-image:url(../images/icon_kko.png);}

.foot_txtbox {margin:0 5px 7px;}
.foot_txtbox:after {content:''; display:block; visibility:hidden; clear:both;}
.foot_txtbox .foot_txt_l address {display:inline-block; position:relative; }
.foot_txtbox .foot_txt_l {float:left; margin:0 4px;}
.foot_txtbox .foot_txt_l .tel {display:inline-block; position:relative; padding-left:10px; margin-bottom:0; margin-left:10px;}
.foot_txtbox .foot_txt_l .tel:before {content:''; display:inline-block; position:absolute; left:0; top:50%; margin-top:-4px; width:1px; height:8px; background-color:#ddd;}


@media screen and (max-width:1024px) {
  .foot_box {padding:0; font-size:1.4rem;}
  .foot_box .foot_logo,
  .foot_box .foot_wa {display:none;}
  .foot_infobox { margin-left:0}
}

@media screen and (max-width:920px) {/*텍스트 최소값 보정*/
}

@media screen and (max-width:767px) {
  #foot_layout .foot_inner {margin-bottom:0;}
  .foot_box {padding-right:20px; padding-bottom:30px; padding-left:20px;}	

  .foot_infobox ul {text-align:center;}
  .foot_infobox ul li {margin-left:5px; padding-left:7px;}
  .foot_txtbox {margin-bottom:5px;}
}

@media screen and (max-width:640px) {
  #footer       { padding:0;}
  .foot_box     {padding:0px;}	
  .foot_infobox {padding:0;}
  .foot_infobox ul {margin-bottom:0px;}
  .foot_infobox ul:after	  {content:'';display:block;clear:both;height:0;visibility:hidden}
  .foot_infobox ul li       {display:inline-block; float:left; width:50%; margin-left:0; border-bottom:1px solid #ddd; background-color: #f3f3f3;}
  .foot_infobox ul li:before {display:none;}
  .foot_infobox ul li:nth-child(odd) {border-right:1px solid #ddd; background-color: #f3f3f3;}
  .foot_infobox ul li a {display:block; line-height:35px;}
  .foot_txtbox {clear:both; margin:1em 10px 1.5em; text-align: center;}
}

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



/********************************
 서브화면구성
 *******************************/

 .sub_visual {position: absolute; top:139px; left:0; height:190px; overflow:hidden; width:100%; background-image:url(../images/sub/sub_visual_bg.png);}
 .bg01 {background:url(../images/sub/sub_visual01.png) no-repeat right bottom; display: block; max-width:1200px; margin: 0 auto;height:190px;}
 .bg02 {background:url(../images/sub/sub_visual02.png) no-repeat right bottom; display: block; max-width:1200px; margin: 0 auto;height:190px;}
 .bg03 {background:url(../images/sub/sub_visual03.png) no-repeat right bottom; display: block; max-width:1200px; margin: 0 auto;height:190px;}
 .bg04 {background:url(../images/sub/sub_visual04.png) no-repeat right bottom; display: block; max-width:1200px; margin: 0 auto;height:190px;}
 .bg05 {background:url(../images/sub/sub_visual05.png) no-repeat right bottom; display: block; max-width:1200px; margin: 0 auto;height:190px;} 
 .sub_visual h2 {position: absolute; top:30px;color:#fff;font-size:3rem;font-weight:400;letter-spacing:2px;font-family: 'GSK'; text-align: center; left:48%}


/********************************
 sub-location
 *******************************/
 .util_box {width:100%; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;  max-width:1200px; margin:16rem auto 0; }
 .util_box:after {content:''; display:block; visibility:hidden; clear:both;}
 .util_box .util_inner {position:relative;background-color:#fff; }
 .util_box .util_inner:after {content:''; display:block; visibility:hidden; clear:both;}
 
 .location_box {display:table; border-collapse:collapse;}
 .location_box .loc {display:table-cell; vertical-align:middle; position:relative;}
 .location_box .loc ul {z-index:270;}
 .location_box .loc a {}
 .location_box .loc > a {position:relative; display:block; padding:0 45px 0 20px; min-width:220px; color:#666; font-weight:400;font-family: 'GSK'; font-size: 1.1em; height:60px; line-height:60px; white-space:nowrap; border-right:1px solid #ddd; box-sizing:border-box;}
 .location_box .loc.on > a {font-weight:600; color:#222;}
 .location_box .loc.home a {padding:0; width:60px; min-width:1px; text-align:center; border-left:1px solid #ddd;}
 .location_box .loc.home .loc_icon.home:before {content:''; position:absolute; left:50%; top:50%; margin-top:-10px; margin-left:-11px; width:19px; height:19px; background:url(../images/sub/sub_ir.png) -3px 0 no-repeat;}
 .location_box .loc .loc_icon.arrow:before {content:''; position:absolute; right:20px; top:50%; margin-top:-3px; width:11px; height:7px; background:url(../images/sub/sub_ir.png) -30px -7px no-repeat;}
 .location_box .loc:hover .loc_icon.arrow:before,
 .location_box .loc:active .loc_icon.arrow:before,
 .location_box .loc:focus .loc_icon.arrow:before {transform:rotateX(180deg);}
 .location_box .loc ul {display:none; padding:0; margin:0; position:absolute; left:0%; top:100%; background-color:#efefef; min-width:100%; border:1px solid #ddd; border-bottom:none;}
 .location_box .loc:hover ul,
 .location_box .loc:active ul, 
 .location_box .loc:focus ul {display:block;}
 .location_box .loc ul li a {display:block; padding:14px 15px; white-space:nowrap; border-bottom:1px solid #ddd; font-weight:400;font-family: 'GSK'; }
 .location_box .loc ul li a:hover ,
 .location_box .loc ul li a:active, 
 .location_box .loc ul li a:focus {background-color:#c3c3c3; }

 /*SNS 공유*/
.sns_box {position:absolute; right:0; top:13px; min-width: 90px;} 
.sns_box a {display:inline-block; float:left; font-size:0; margin-left:3px;}
.sns_box a:before {content:''; display:inline-block; width:34px; height:34px; background-image:url(../images/sub/sub_ir.png); background-repeat:no-repeat;}
.sns_box a.sns_print:before {background-position: 0 -33px;}/*프린트*/
.sns_box a.sns_share:before {background-position: -34px -33px;}/*공유하기*/
.sns_box a.sns_share.sns_open:before {background-position: -34px -68px;}/*공유하기 활성*/
.sns_box a.sns_cacao:before {background-position: -69px -33px;}/*SNS 카카오*/
.sns_box a.sns_facebook:before {background-position: -104px -33px;}/*SNS 페이스북*/
.sns_box a.sns_twitter:before {background-position: -139px -33px;}/*SNS 트위터*/
.sns_box a.sns_blog:before {background-position: -174px -33px;}/*SNS 블로그*/

.sns_inner {float:left; display:none;}
.sns_open .sns_inner {display:inline-block;}

 #content           {position:relative;width:1200px;margin:0 auto;padding:7rem 0 10rem 0; min-height:800px}
 #content::after    {content: '';display: table;clear: both;}
.page_tit           {position:relative;display: block;margin-top:3em;text-align: center; height:100px; clear:both}
.page_tit h2        {color:#333;font-size: 3rem;font-weight:400;letter-spacing:2px;font-family: 'GSK';}
.page_tit h2:before { position: absolute; content: ''; width:1px; height: 35px; margin:0 auto; top:45px; left:50%; margin-right: -1px; background-color: #ccc; }





 @media only screen and (min-width:200px) and (max-width:1199px)  {

  /*** sub ***/
  .sub_visual {position: relative;width:100%;height:170px;box-sizing: content-box; top: 0;}
  .top_area {border-bottom: 1px solid #dcdcdc; background:#f3f3f3}


  .util_box {margin:0 auto; }
  .sns_box {min-width: 45px;} 
  .sns_box a.sns_print {display:none;}
  #contents {position: relative; width:96% !important; margin: 0 2%;}	
  

}

@media screen and (max-width:980px) {
  .sub_visual { height:150px; padding-top:0}
  .sub_visual h2 {left: 5%; font-size: 2.5em;}
	
}

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

  .sub_visual {height:160px;}
  .bg01,
  .bg02,
  .bg03,
  .bg04,
  .bg05,
  .bg05 {height:160px; background-size: 70%;}     
  .sub_visual h2 {left: 5%; font-size: 2em;}

  .sns_box {top:6px;} 
  .location_box .loc > a {height:45px; line-height:45px;}
  .location_box .loc.home a {width:45px;}
  .location_box .loc ul li a {padding:10px 13px;}

}

@media screen and (max-width:640px) {
  .sub_visual { height:150px}
  .location_box .loc.loc1 {display:none;}
	
}

@media screen and (max-width:480px) {
  .location_box .loc > a {min-width:180px;}
}