@charset "UTF-8"; 

#wrap {position:relative;}
#top_layout, #body_layout, #foot_layout {position:relative; width:100%;}
/*#top_layout {z-index:300}
#body_layout {z-index:100}
#foot_layout {z-index:200}*/
#top_layout .top_inner, #body_layout .body_inner, #foot_layout .foot_inner, #foot_layout .foot_addinner {position:relative; max-width:1200px; margin:0 auto;}
#body_layout .body_inner {margin-bottom:50px;}
#body_layout .body_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.inner {position:relative; max-width:1200px; margin:0 auto;}


/********************************
 top-nav
 *******************************/
.lnb_box {background-color:#026bd1;}
.lnb_inner {height:45px}

.util_tm {float:right; margin:15px 0 16px 5px;}
.util_tm:after {content:''; display:block; visibility:hidden; clear:both;}
.util_tm li {float:left; position:relative; margin:0 12px; line-height:1;}
.util_tm li a {color:#fff;}
.util_tm li:before {position:absolute; left:-12px; top:2px; content:''; display:inline-block; width:1px; height:10px; background-color:#ddd;}
.util_tm li:first-child {margin-left:0;}
.util_tm li:first-child:before {display:none;}

.tophead_box {background-color:#fff; border-bottom:1px solid #ddd;}
.tophead_inner {height:100px;}

/*로고-pc*/
.logo {position:absolute; display:inline-block; left:0; top:26px; font-size:0; line-height:1; z-index:1;}
.logo a {position:relative; display:inline-block;width: 210px; height:53px; font-size:0;}
.logo a:before {content:''; display:inline-block; position:absolute; left:0; top:0;width: 210px; height:53px;background:url(../images/main_ir.png) 0 -243px no-repeat;}

/*모바일 - 전체메뉴 */
.all_m {position:absolute; right:0; top:25px;}
.all_m a.btn_set {position:relative; display:inline-block; width:50px; height:50px; border-radius:4px; border:1px solid #cdc9c9;}
.all_m a.btn_set:hover, .all_m a.btn_set:active, .all_m a.btn_set:focus {border-color:#007dc6; transition: all 0.4s ease;}
.all_m a.btn_set:before {content:''; display:inline-block; position:absolute; background-image:url(../images/main_ir.png); background-repeat:no-repeat;}
.all_m a.btn_set.m_menubtn {display:none;}


/*nav-pc*/
.pc_menubg {display:none; position:absolute; width:100%; min-height:250px; background-color:#fff; left:0; top:82px; border-bottom: 2px solid #ddd; z-index:18;}
.nav_pcbox {position:absolute; top:64px; right:0; width:100%; padding-left:290px;}
.nav_pcbox .nav_inner {max-width:950px; margin:0 auto;}
.nav_pcbox nav {}
.nav_pcbox nav:after {content:''; display:block; visibility:hidden; clear:both;}
.nav_pcbox nav .open_win {padding-right:28px !important;}/*메뉴 새창표시*/
.nav_pcbox nav .open_win:after {content:''; top:7px; right:2px; width:20px; height:20px; display:inline-block; position:absolute; background-image:url(../images/leftm_ir.png); background-position:-57px 1px; background-repeat:no-repeat;}

.nav_pcbox nav .tm_dep01 {display:table; width:100%;}
.nav_pcbox nav .tm_dep01 li {display:inline-block;}
.nav_pcbox nav .tm_dep01 > li {position:relative; float:none; display:table-cell; padding:10px 0; width:25%; text-align:center;}
.nav_pcbox nav .tm_dep01 > li:nth-child(1),
.nav_pcbox nav .tm_dep01 > li:nth-child(2),
.nav_pcbox nav .tm_dep01 > li:nth-child(3) {width:27%;}
.nav_pcbox nav .tm_dep01 > li:nth-child(5) {width:19%;}
.nav_pcbox nav .tm_dep01 > li > .tm_tit01 {display:block; padding:0 0 4px; font-size:2.2rem; font-weight:500; color:#121212; text-align:center; border-radius:30px;}
.nav_pcbox nav .tm_dep01 > li > .tm_tit01 span {position:relative; display:block; line-height:44px;}
.nav_pcbox nav .tm_dep01 > li > .tm_tit01 span:after {content:''; visibility:hidden; position:absolute; bottom:-8px; left:50%; margin-left:-3px; width:6px; height:6px; border-radius:50%; background-color:#0070bd; transform-origin:center;  transform:scale(0.5); transition: all 0.2s ease;}
.nav_pcbox nav .tm_dep01 > li > .tm_tit01:hover,
.nav_pcbox nav .tm_dep01 > li > .tm_tit01:active,
.nav_pcbox nav .tm_dep01 > li > .tm_tit01:focus,
.nav_pcbox nav .tm_dep01 > li > .tm_tit01.on {color:#0070bd;}
.nav_pcbox nav .tm_dep01 > li > .tm_tit01:hover span:after,
.nav_pcbox nav .tm_dep01 > li > .tm_tit01:active span:after,
.nav_pcbox nav .tm_dep01 > li > .tm_tit01:focus span:after,
.nav_pcbox nav .tm_dep01 > li > .tm_tit01.on span:after {visibility:visible; transform:scale(1);}

.nav_pcbox nav .tm_depbg {display:none; position:absolute; left:0; top:82px; width:100%; height:auto; /*background-color:#fff; border-bottom:2px solid #ddd; border-right:1px solid #ddd; */z-index:20;}
.nav_pcbox nav .tm_depbg.open_pc {display:block;}
.nav_pcbox nav .tm_depbg a {font-size:1.5rem;}
.nav_pcbox nav .tm_depbg .tm_depinner {position:relative;}
.nav_pcbox nav .tm_depbg .tm_depinner ul {max-width:1200px; margin:0 auto; margin-left:-1px; /*border-left:1px solid #ddd; min-height:140px;*/}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li {position:relative; display:block; padding:15px 0 0 20px; width:100%;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li:first-child {padding-top:20px;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02 {position:relative; display:block; height:100%; padding:0 14px; text-align:left; line-height:1.3; box-sizing:border-box; z-index:3;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02:before {content:''; position:absolute; left:5px; top:8px; width:4px; height:4px; border-radius:50%; background-color:#666;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02 span {position:relative; display:inline-block; font-family:'SCD'; font-size:1.5rem; font-weight:400; line-height:1.3;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02.open_win:after {top:13px; right:5px; background-position:-57px -18px;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02:hover,
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02:active,
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02:focus {text-decoration:underline;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02:hover span,
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02:active span,
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02:focus span {text-decoration:underline;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 {margin:0; padding:15px 0 9px;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 > li {position:relative; display:block; padding:0 8px; text-align:left;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 > li:before,
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 > li:after {display:none;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 > li > a {position:relative; left:auto; top:auto; width:auto; height:auto; padding:5px; color:#555;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 > li > a span {padding-left:3px}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 > li > a span:before {content:''; position:absolute; left:0; top:13px; width:3px; height:3px; background-color:#4c4c4c;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03:after {content:''; display:block; visibility:hidden; clear:both;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep04 {display:none;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 li:last-child .tm_dep03 {padding-bottom:20px;}
.nav_pcbox nav .tm_depbg:after, .nav_pcbox nav .tm_depbg .tm_depinner:after {content:''; display:block; visibility:hidden; clear:both;}

/*mobile-background*/
.nav_bg {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0.5;z-index:25;}

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

@media screen and (max-width:1024px) {
	.tophead_inner {height:80px;}
	
	.logo {left:50%; margin-left:-101px; top:15px;}
	
	.all_m {right:10px; top:20px;}
	.all_m a.btn_set {width:40px; height:40px;}
	.all_m a.btn_set.m_menubtn {display:inline-block;}
	.all_m a.btn_set.m_menubtn:before {top:10px; left:50%; margin-left:-11px; width:22px; height:21px; background-position:-242px -101px;}
		
	/*nav-태블릿 전환*/
  	.pc_menubg {display:none !important;}
	.nav_pcbox {display:none; overflow-y:auto; position:fixed; right:0; top:0; padding:0; width:380px; height:100%; border:none; background-color:#fff; z-index:50;}
	.nav_bg.open_m {display:block;}/*모바일-배경처리*/
	
	.nav_pcbox nav .open_win:after {top:2px; right:2px;}
	
	.nav_pcbox nav .tm_dep01 {display:block; width:auto;}
	.nav_pcbox nav .tm_dep01 li {display:block;}
	.nav_pcbox nav .tm_dep01 > li {display:block; position:inherit; text-align:left; padding:0; width:auto;}
	.nav_pcbox nav .tm_dep01 > li:nth-child(1), .nav_pcbox nav .tm_dep01 > li:nth-child(2), .nav_pcbox nav .tm_dep01 > li:nth-child(3) {width:auto;}
	.nav_pcbox nav .tm_dep01 > li:first-child {margin-top:30px;}
	.nav_pcbox nav .tm_dep01 > li > .tm_tit01 {position:relative; display:block; margin:10px 20px; padding:14px 30px; font-size:1.5rem; font-weight:400; color:#fff; text-align:left; background-color:#444;}
	.nav_pcbox nav .tm_dep01 > li > .tm_tit01:after,
	.nav_pcbox nav .tm_dep01 > li:first-child > .tm_tit01:before {display:none;}
	.nav_pcbox nav .tm_dep01 > li > .tm_tit01 span {position:relative; display:block; line-height:1.3;}
	.nav_pcbox nav .tm_dep01 > li > .tm_tit01 span:before {content:''; position:absolute; right:-10px; top:50%; margin-top:-10px; width:19px; height:19px; background:url(../images/sub_ir.png) -145px -131px no-repeat;}
	.nav_pcbox nav .tm_dep01 > li > .tm_tit01 span:after {display:none;}
	.nav_pcbox nav .tm_dep01 > li > .tm_tit01.m_2dep:before {content:''; display:inline-block; position:absolute; left:auto; right:10px; top:50%; margin-top:-8px; width:16px; height:16px; opacity:0.5; background:url(../images/m_topm_ir.png) 0 0 no-repeat;}
	.nav_pcbox nav .tm_dep01 > li > .tm_tit01.m_2dep:hover:before,
	.nav_pcbox nav .tm_dep01 > li > .tm_tit01.m_2dep:active:before,
	.nav_pcbox nav .tm_dep01 > li > .tm_tit01.m_2dep:focus:before {opacity:1; transition: opacity 0.1s linear;}
	.nav_pcbox nav .tm_dep01 > li > .tm_tit01:hover,
	.nav_pcbox nav .tm_dep01 > li > .tm_tit01:active,
	.nav_pcbox nav .tm_dep01 > li > .tm_tit01:focus,
	.nav_pcbox nav .tm_dep01 > li > .tm_tit01.on {color:#fff; background-color:#0f6db1;}
  	.nav_pcbox nav .tm_dep01 > li > .tm_tit01:hover span:before,
	.nav_pcbox nav .tm_dep01 > li > .tm_tit01:active span:before,
	.nav_pcbox nav .tm_dep01 > li > .tm_tit01:focus span:before,
 	.nav_pcbox nav .tm_dep01 > li > .tm_tit01.on span:before {background-position:-165px -131px;}
	.nav_pcbox nav .tm_dep01 > li > .tm_tit01.m_2dep.on:before {opacity:1; background-position:0 -17px;}
	
	.nav_pcbox nav .tm_depbg {display:none; position:static; margin:0 20px; left:auto; top:auto; width:inherit; height:auto; background-color:#fff; border-bottom:none; border-right:0;}
	.nav_pcbox nav .tm_depbg.open {display:block;}
	.nav_pcbox nav .tm_depbg a {font-size:1.4rem;}
	.nav_pcbox nav .tm_depbg .tm_depinner {padding:0;}
	.nav_pcbox nav .tm_depbg .tm_depinner ul {max-width:1200px; margin:0 auto; padding:0 20px; border-left:none; min-height:inherit;}
	.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li {display:block; float:none; padding:0; margin-bottom:5px; width:auto;}
	.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li:first-child {padding-top:0;}
	.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02 {padding:5px 0; color:#333; background-color:transparent;}
	.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02:before {display:none;}
	.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02 span {padding-left:8px; font-size:1.5rem;}
	.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02 span:before {content:''; position:absolute; left:0; top:8px; width:3px; height:3px; background-color:#4c4c4c;}
}


@media screen and (max-width:767px) {
	.lnb_inner {height:40px}
	.util_tm {margin:14px 0 12px 5px;}
}

@media screen and (max-width:640px) {  
	.pc {display:none;}
	
	.tophead_inner {height:76px;}
	.logo {margin-left:-81px; top:22px;}
	.logo a {width: 170px; height:38px;}
	.logo a:before {width: 170px; height:38px; background-position:0 -55px;}
	.all_m {top:18px;}


	/*nav-모바일 전환*/
	.nav_pcbox {width:280px; transition: width 0.1s linear;}
	.nav_pcbox nav .tm_depbg .tm_depinner ul {padding:0 10px;}
	
	.nav_mbox nav .tm_depbg a {font-size:1.4rem;}
	.nav_mbox nav .tm_dep01 li {display:block; padding-left:90px;}
	.nav_mbox nav .tm_dep01 > li > .tm_tit01 {width:90px;}
	.nav_mbox nav .tm_dep01 > li > .tm_tit01 {font-size:1.4rem}
	.nav_mbox nav .tm_depbg .tm_depinner .tm_dep02 li .tm_tit02 {padding:10px 30px 10px 8px;}
	.nav_mbox nav .tm_depbg .tm_depinner .tm_dep02 li .tm_tit02 span {font-size:1.3rem;}
	.nav_mbox nav .tm_depbg .tm_depinner .tm_dep03 {padding:10px 8px 10px 0;}
	.nav_mbox nav .tm_depbg .tm_depinner .tm_dep03 li {margin:1px 0;}
	
	.m_langbox .lang_selc span,
	.m_langbox .lang_listbox li a {font-size:1.3rem;}
}

@media screen and (max-width:480px) {
	.all_m {right:5px;}
	
}

/********************************
 footer : 공통
 *******************************/
#foot_layout {background-color:#3F3F3F; color:#acacac;}
#foot_layout .foot_inner {margin:0 auto 50px; padding:40px 0 50px;}
.foot_addinner {min-height:50px;}
.foot_addinner:after {content:''; display:block; visibility:hidden; clear:both;}

.foot_box {position:relative; padding-right:200px;}
.foot_box .foot_logo {display:block; position:absolute; right:0; top:0; width:155px; height:31px;}
.foot_box .foot_logo:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:155px; height:31px; background:url(../images/main_ir.png) 0 -95px no-repeat;}

.foot_infobox {}
.foot_infobox ul {margin-bottom:15px;}
.foot_infobox ul:after {content:''; display:block; visibility:hidden; clear:both;}
.foot_infobox ul li {position:relative; display:inline-block; margin-left:8px; padding-left:9px;}
.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:#fff; line-height:28px;}
.foot_infobox ul li strong {color:#fff; font-weight: bold;}
.foot_txtbox {margin:0 5px 7px;}
.foot_txtbox:after {content:''; display:block; visibility:hidden; clear:both;}
.foot_txtbox .foot_txt_l {float:left; margin:0 4px; color:#fff;}
.foot_txtbox .foot_txt_l address {display:inline-block; margin-right:10px; color:#fff;}
.foot_txtbox .foot_txt_l address a {color:#fff;}


/* media query */
@media screen and (max-width:1200px) {

}

@media screen and (max-width:1024px) {
	#foot_layout .foot_inner {margin-top:20px;}
	.foot_box {padding:0 125px 0 10px; font-size:1.4rem;}
	.foot_box .foot_logo {display:none;}
	.foot_box .foot_wa {right:15px;}
}

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

@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;}
	.foot_txtbox .foot_txt_l, .foot_txtbox {float:none; margin:0 5px; text-align:center;}
	.foot_box .txt_email {margin-left:0; text-align:center;}
	
	.foot_box .move_top {display:block;}
	.foot_txtbox .foot_txt_l address {display:block;}
}

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

@media screen and (max-width:480px) {
	#foot_layout .foot_inner {margin-top:0; padding:0 0 40px;}
	.foot_box {padding-right:0; padding-bottom:0; padding-left:0;}
  	.foot_infobox {border-top:1px solid #666;}
  	.foot_infobox ul li {padding:5px 10px; width:50%; float:left; margin-left:0; border-bottom:1px solid #666; border-right:1px solid #666;}
	.foot_infobox ul li:first-child {padding:5px 10px;}
	.foot_infobox ul li:nth-child(even) {border-right:none;}
	.foot_infobox ul li:before {display:none;}
	
	.foot_txtbox .foot_txt_l, .foot_txtbox {margin:0;}
  
}

/********************************
 left-nav : sub
 *******************************/
aside {float:left; display:inline-block; width:20%;}
.leftm_tit {position:relative; margin-bottom:10px; width:100%; text-align:center; background-color:#0054A5;}

.leftm_tit > h2 {display:inline-block; margin:0; padding:45px 0 40px; font-size:2.4rem; font-weight:500; line-height:1.3; color:#fff;}

.leftm_list {}
.leftm_list li {margin-bottom:10px; border:1px solid #cecece;}
.leftm_list .ul_dep02 li {margin-bottom:0;}
.leftm_list li:hover, .leftm_list li:active, .leftm_list li:focus {border-color:#00407e;}
.leftm_list li a {position:relative; display:block; padding:15px 45px 15px 20px; font-size:1.6rem; line-height:1.4; vertical-align:middle;}
.leftm_list li a:before, .leftm_list li a:after {content:''; display:inline-block; position:absolute; background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}
.leftm_list li a span {display:inline-block;}
.leftm_list li a.dep_more {padding-right:28px !important;}
.leftm_list li a.dep_more:after {top:4px; right:5px; width:20px; height:20px; background-position:-27px 0;}
.leftm_list li a.dep_more:hover:after,
.leftm_list li a.dep_more:hover:active,
.leftm_list li a.dep_more:hover:focus {background-position:-27px -21px; transition: all 0.2s linear;}
.leftm_list li a.dep_more.on:after {background-position:-27px -42px;}

.leftm_list > li > a {font-weight:500; color:#333;}
.leftm_list > li > a:before {top:50%; right:12px; margin-top:-13px; width:26px; height:26px; background-position:-145px -104px;}
.leftm_list > li > a:hover:before, .leftm_list > li > a:active:before, .leftm_list > li > a:focus:before {color:#00407e; background-position:-172px -104px; transition: all 0.2s linear;}
.leftm_list > li > a:hover span, .leftm_list > li > a:active span, .leftm_list > li > a:focus span {color:#00407e;}
.leftm_list > li > a.on:before {color:#00407e; background-position:-199px -104px; transition: all 0.2s linear;}
.leftm_list > li > a.on span {color:#00407e;}
.leftm_list > li > ul {padding:10px 10px 10px 10px; background-color:#f6f7f7; border-top:1px solid #cecece;}
.leftm_list > li > ul > li {border-width:0;}
.leftm_list > li > ul > li > a {font-size:1.5rem; padding:4px 10px 4px 20px;}
.leftm_list > li > ul > li > a:before {content:''; display:block; position:absolute; top:13px; left:8px; width:6px; height:1px; background-image:none; background-color:#7f7f7f;}
.leftm_list > li > ul > li > a:hover span,
.leftm_list > li > ul > li > a:active span,
.leftm_list > li > ul > li > a:focus span,
.leftm_list > li > ul > li > a.on span {font-weight:500; color:#d52604;}
.leftm_list > li > ul > li > a:hover:before,
.leftm_list > li > ul > li > a:active:before,
.leftm_list > li > ul > li > a:focus:before,
.leftm_list > li > ul > li > a.on:before {height:2px; background-color:#d52604;}

.leftm_list > li > ul > li > ul {margin:0 5px 5px 5px; padding:8px 0; border-color:#ddd; border-style:solid; border-width:1px 0; background-color:#ececec;}
.leftm_list > li > ul > li > ul > li {border-width:0;}
.leftm_list > li > ul > li > ul > li > a {display:inline-block; font-size:1.4rem; padding:4px 10px 4px 20px; letter-spacing:-1px;}
.leftm_list > li > ul > li > ul > li > a:before {top:8px; left:8px; width:8px; height:8px; background-position:-48px 0;}
.leftm_list > li > ul > li > ul > li > a:hover span,
.leftm_list > li > ul > li > ul > li > a:active span,
.leftm_list > li > ul > li > ul > li > a:focus span,
.leftm_list > li > ul > li > ul > li > a.on span {font-weight:500; color:#333; text-decoration:underline;}


/********************************
 contents : sub
 *******************************/
.contents_inner {float:right; display:inline-block; width:76%; min-height:400px; padding:40px 0 0;}
.contents_inner .line_map {padding-bottom:15px; margin-bottom:40px; border-bottom:1px solid #cecece;}/* 페이지타이틀 */
.contents_inner .line_map:after {content:''; display:block; visibility:hidden; clear:both;}
.contents_inner .line_map h2 {display:inline-block; float:left; font-size:3.2rem; font-weight:500; line-height:1.3; color:#121212; } /* 페이지타이틀폰트*/
.contents_inner .line_map .util_box {display:inline-block; padding:0; margin:0; float:right;}/*유틸*/
.contents_inner .line_map .util_box:after {content:''; display:block; visibility:hidden; clear:both;}
.contents_inner .line_map .util_box .location_box {float:left; margin-top:5px; margin-bottom:5px;}/*로케이션*/
.contents_inner .line_map .util_box .sns_box {float:right;}/*SNS 공유*/

.location_box li, .sns_box li {float:left;}
.location_box li {padding:0; margin:0 3px;}
.location_box li span {display:inline-block; padding:0 5px;}
.location_box li.on {font-weight:500; color:#333;}
.location_box li.home {position:relative;}
.location_box li.home span {font-size:0; text-indent:-9999px;}
.location_box li.home:after {content:''; position:absolute; left:50%; top:50%; display:inline-block; width:14px; height:14px; margin:-7px 0 0 -7px; background:url(../images/sub_ir.png) 0 -83px no-repeat;}
.location_box li:before {content:''; display:inline-block; width:7px; height:11px; background:url(../images/sub_ir.png) -15px -83px no-repeat;}
.location_box li:first-child:before {content:none;}

/*sns공유, 프린트*/
.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_ir.png); background-repeat:no-repeat;}
.sns_box a.sns_print:before {background-position: -22px 0;}/*프린트*/
.sns_box a.sns_share:before {background-position: -57px 0;}/*공유하기*/
.sns_box a.sns_share.sns_open:before {background-position: -57px -35px;}/*공유하기 활성*/
.sns_box a.sns_cacao:before {background-position: -92px 0;}/*SNS 카카오*/
.sns_box a.sns_facebook:before {background-position: -127px 0;}/*SNS 페이스북*/
.sns_box a.sns_twitter:before {background-position: -162px 0;}/*SNS 트위터*/
.sns_box a.sns_blog:before {background-position: -197px 0;}/*SNS 블로그*/

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

.content_box {position:relative;}

/********************************
 media query
 *******************************/
@media screen and (max-width:1200px) {

}

@media screen and (max-width:1024px) {
	aside {display:none;}
	#top_layout .top_inner, #body_layout .body_inner, #foot_layout .foot_inner {width:100%;}
	.sns_box a.sns_print {display:none;}
	.contents_inner {width:100%; padding:30px 40px 0; transition: width 0.1s linear;}
	.contents_inner .line_map h2 {font-size:2.8rem;}
}

@media screen and (max-width:767px) {
	#body_layout .body_inner {margin-bottom:40px;}
	
	.contents_inner {padding:30px 20px 0;}
	.contents_inner .line_map h2 {font-size:2.4rem;}
}

@media screen and (max-width:640px) {
	.contents_inner {padding:25px 20px 0;}
	.contents_inner .line_map {padding-bottom:0;}
	.contents_inner .line_map h2 {display:block; float:none; font-size:2.2rem;}
    .contents_inner .line_map .util_box {display:blcok; float:none;}
	.contents_inner .line_map .util_box .sns_box {float:left;}
}

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