@charset "UTF-8"; 

/* 레이아웃 공통 */
#wrap {width:100%; margin:0 auto;}
#header {width:100%; height:150px; background-color:#fff;}
#container {width:100%; height:auto; min-height:935px;}
#container:after {display:block; clear:both; content:'';}
#contents {width:100%; height:auto;}
#footer {display:inline-table; width:100%; margin: 0 0 30px;}

#top_layout, #body_layout, #foot_layout {position:relative; width:100%;}
#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;}

/* 스킵네비게이션 */
#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;}

/* 상단영역 */
.common_gnbbox {width:100%; height:50px; border-bottom:1px solid #e0e0e0;}
.common_gnb {width:1200px; margin:0 auto;}
.icon_box_outer {float:left; width:230px; height:50px;}

.notice_outer {float:left; position:relative; height:50px; margin-left:135px; overflow:hidden;}
.notice_icon {position:relative;}
.notice_icon::before {position:absolute; top:0; left:0; content:''; width:13px; height:50px; background:url('../images/icon_notice.png') center center no-repeat; background-position:center;}
.rolling_notice {height:50px; overflow:hidden;}
.notice {position:relative; width:100%;}
.notice li {height:50px; padding:2px;}
.notice li a {display:block; padding:13px 50px 15px 25px; line-height:19px;}
.date {padding:0 10px; font-size:1.5rem; color:#777;}

.notice_ctrl {position:absolute; top:16px; right:0; width:36px; height:17px;}
.notice_ctrl li {float:left; margin-left:1px;}
.notice_ctrl li a {display:inline-flex}

.go_ulsan a {float:right; position:relative; display:block; width:112px; height:50px;}
.go_ulsan a::after {position:absolute; top:14px; left:0; content:''; width:112px; height:25px; background:url(../images/go_ulsan.png);}

.header_inner {width:1200px; height:100px; margin:0 auto;}
.logo_box {position:relative; float:left; width:200px; height:100px;}
.logo_box .tlogo {position:absolute; top:32px; left:5px; width:188px; height:37px;}
.logo_box .tlogo a {overflow:hidden; display:block; position:relative; width:188px; height:37px; font-size:0; line-height:0; text-indent:120%; white-space:nowrap; background:url('../images/top_logo.png') center center no-repeat; background-position:center;}

#nav_box {float:left; width:776px; height:100px;}
.gnb-list {float:left; width:560px; height:100px; margin:0 130px;} 

.gnb-list li {float:left;}
.gnb-list li a {position:relative; display:block;margin:0;padding:35px 30px;font-size:2.2rem;font-weight:400;line-height:3.1rem;color:#121212;}
.gnb-list li a:hover, .gnb-list li a.on {color:#0054a6;}



.gnb-inner {position:absolute; left:0; top:150px; width:100%; height:450px; z-index:500; border-top:1px solid #00549d; border-bottom:1px solid #00549d; background-color:rgba(255, 255, 255, .99);}
.gnb-box {position:relative; width:1200px; height:340px; margin:32px auto 40px;}
.gnb-box:after {position:absolute; right:100px; content:''; width:345px; height:345px; background:url('../images/gnb_img.png') 0 0 no-repeat; background-position:right;}
.gnb-sub-title {float:left; width:285px; padding-right:80px; margin-right:50px; text-align:right; font-family:'GSK'; font-size:4.2rem; font-weight:400;}
.gnb-box > .depth2 {float:left;}
.gnb-box > .depth2 > li {float:none; padding:4px 0;}
.gnb-box > .depth2 > li a {position:relative; padding:8px 50px 8px 20px; font-size:1.7rem; font-weight:400; line-height:2.0rem;}
.gnb-box > .depth2 > li a:hover {color:#fff; border-radius:50px; background-color:#00549d;}
.gnb-box > .depth2 > li a:hover::after {position:absolute; top:11px; right:15px; content:''; width:16px; height:13px; background:url(../images/tmenu_on.png) center center no-repeat;}

.tnb_box {float:left; width:180px; padding:36px 0;}
.tsearch_box {float:left; margin:3px 0;}
.tsearch_box > a {position:relative; padding:8px 22px 8px 15px; border-radius:50px;}
.tsearch_box > a:after {position:absolute; top:8px; right:10px; content:''; display:inline-block; width:19px; height:21px; background-image:url('../images/icon_search_on.png'); background-repeat:no-repeat;}

.hsns_box {float:left; margin:10px 0;}
.hsns_box:after {content:''; display:block; visibility:hidden; clear:both;}
.hsns_box > li {float:left; margin-left:2px; line-height:1;}
.hsns_box a {overflow:hidden; display:inline-block; line-height:1;}
.hsns_box a:before {content:''; display:inline-block; width:30px; height:28px; background-image:url('../images/sns_ir.png'); background-repeat:no-repeat;}
.hsns_box a.sns_cacao:before {background-position: 0 0;}/*SNS 카카오*/
.hsns_box a.sns_cacao:hover:before {background-position: 1px -28px;}/*SNS 카카오*/
.hsns_box a.sns_facebook:before {background-position: -34px 0;}/*SNS 페이스북*/
.hsns_box a.sns_facebook:hover:before {background-position: -33px -28px;}/*SNS 페이스북*/
.hsns_box a.sns_twitter:before {background-position: -66px 0;}/*SNS 트위터*/
.hsns_box a.sns_twitter:hover:before {background-position: -65px -28px;}/*SNS 트위터*/
.hsns_box a.sns_instagram:before {background-position: -100px 0;}/*SNS 인스타그램*/
.hsns_box a.sns_instagram:hover:before {background-position: -99px -28px;}/*SNS 인스타그램*/
.hsns_box a.sns_youtube:before {background-position: -133px 0;}/*SNS 유투브*/
.hsns_box a.sns_youtube:hover:before {background-position: -132px -28px;}/*SNS 유투브*/

.guide_box {float:left; margin:10px 0 0 5px;}
.guide_box:after {content:''; display:block; visibility:hidden; clear:both;}
.guide_box > li {float:left; margin-left:2px; line-height:1;}
.guide_box a {overflow:hidden; display:inline-block; line-height:1;}
.guide_box a:before {content:''; display:inline-block; width:30px; height:28px; background-image:url('../images/guide_ir.png'); background-repeat:no-repeat;}
.guide_box a.sns_wifi:before {background-position: 0 0;}/*와이파이*/
.guide_box a.guide_wifi:hover:before {background-position: 0 -28px;}/*와이파이*/
.guide_box a.guide_citytour:before {background-position: -34px 0;}/*시티투어*/
.guide_box a.guide_citytour:hover:before {background-position: -34px -28px;}/*시티투어*/

.tlang_box {float:left; position:relative;}
.tlang_box:before {position:absolute; top:6px; left:16px; display:inline-block; content:''; width:18px; height:18px; background-image:url('../images/icon_language.png'); background-repeat:no-repeat;}
.lang_select {position:relative; margin-left:40px; padding:12px 0; line-height:5px; font-weight:400; font-size:1.4rem; color:#555; background-color:#fff;}
.lang_select:after {position:absolute; top:44%; right:-14px; content:''; display:inline-block; width:7px; height:4px; background-image:url('../images/select_arrow.png'); background-repeat:no-repeat;}

.lang_listbox {display:none; position:absolute; width:100%; left:18px; top:35px; background-color:#fff; border-radius:6px; z-index:300;}
.lang_listbox.open {display:block;}
.lang_listbox > ul {position:relative; padding:5px 0 20px; border-style:solid; border-color:#005963; border-width:2px; border-radius:6px;}
.lang_listbox > ul > li {float:none;}
.lang_listbox li a {display:block; padding:2px 0; text-align:center; font-size:1.3rem;}
.lang_close {position:absolute; bottom:0; right:0; line-height:15px;}
.lang_close a {display:block; padding:5px;}

/* 전체메뉴(사이트맵) */
.all_m {float:left; width:44px; height:100px;}
.all_m > .gnbbtn {width:44px; height:44px; margin:30px 0;}
.all_m > a.gnbbtn {position:relative; display:inline-block; width:44px; height:44px; border-radius:2px; background-color:#3b3b3b;}
.all_m > a.gnbbtn:before {display:inline-block; position:absolute; top:14px; left:11px; content:''; width:22px; height:16px; background-image:url('../images/icon_fullmenu.png'); background-repeat:no-repeat;}
.all_m > a.gnbbtn:hover {background-color:#00549d; transition:all 0.2s ease;}

/* 검색 */
.search_box {position:absolute; width:600px; height:100px; top:150px; left:50%; margin-left:-300px; background-color:#fff; border-radius:5px;}
.search_dl {width:550px; height:84px; margin:5px auto; padding:20px;}
.search_txt, .search_btn {display:inline-block;}
.layer_Txt {width:400px; height:44px; margin-right:5px; padding:0 15px; color:#555; border:3px solid #aeaeae;}
.layer_btn {position:relative; height:44px; margin:0; padding:3px 15px 5px 40px; background-color:#565656; font-size:1.6rem; color:#fff; border:1px solid #fff;}
.layer_btn:hover {background-color:#454545; font-size:1.6rem; color:#fff; border:1px solid #fff;}
.layer_btn:before {position:absolute; top:11px; left:12px; content:''; display:inline-block; width:20px; height:20px; background-image:url('../images/icon_btnsearch.png'); background-repeat:no-repeat;}

.search_box > .search_closebox {position:absolute; top:32px; right:15px; width:30px; height:30px;}
.search_box > .search_closebox > .search_closebtn a {display:inline-block; width:30px; height:30px; background: url(../images/btn_close.png) no-repeat center center;}
.search_box > .search_closebox > .search_closebtn a:hover {display:inline-block; width:30px; height:30px; background:#3b3b3b url(../images/btn_close_on.png) no-repeat center center; border-radius:30px;}

/* 하단 */
.footer_inner {max-width:1200px; margin:40px auto 10px; color:#454545; line-height:25px;}
.foot_box {position:relative; padding-left:180px;}
.foot_box .foot_logo {display:block; position:absolute; left:0; top:0; width:142px; height:28px; margin:0 30px 0 0; font-size:0; line-height:0; text-indent:120%; white-space:nowrap; background:url('../images/btm_logo.png') center center no-repeat;}
.foot_box .txt_email {margin-left:8px; margin-bottom:0;}

.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 strong {color:#d52604;}
.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 50px 0 4px;}
.foot_txtbox .foot_txt_r {float:left; margin:0 15px;}
.foot_txtbox .foot_txt_r .tel {display:inline-block; padding:10px 20px; color:#121212; font-size:2.4rem; line-height:1; border-radius:30px; background-color:#eaebef;}
.foot_txtbox .foot_txt_r .tel strong {color:#0079d7; letter-spacing:-1px;}

.access {position: absolute; right: 0; top:0px;}
.access a {display: block; width:106px; height:75px;  background: url(../images/wa_mark.png) no-repeat; text-indent: -9999px;}

.btm_menu {display:inline-block; margin:15px auto 5px;}
.btm_menu li {position:relative; float:left;}
.btm_menu li a {display:block;}
.btm_menu li:first-child a:before {content:''; display:inline-block; position:absolute; top:50%; left:0; width:1px; height:15px; margin-top:-7px; background-color:#a3a3a3; z-index:1;}
.btm_menu li a:after {content:''; display:inline-block; position:absolute; top:50%; right:0; width:1px; height:15px; margin-top:-7px; background-color:#a3a3a3; z-index:1;}
.btm_menu li a span {padding:5px 14px; font-size:1.4rem;}

.foot_addbox {background-color:#474a4f;}
.foot_addinner {width:1200px; margin:0 auto; min-height:50px;}
.foot_addinner:after {content:''; display:block; visibility:hidden; clear:both;}
.link_box {position:relative; float:left; width:20%; font-size:1.4rem;}
.link_box button  {position:relative; display:block; color:#fff; margin-left:-1px; width:100%; height:50px; border-right:1px solid #5c5f64; font-size:1.4rem; background:none;}
.link_box:first-child button {border-left:1px solid #5c5f64;}
.link_box button:before {content:''; display:inline-block; position:absolute; right:8px; top:50%; margin-top:-13px; width:25px; height:25px; background:url(../images/sub_ir.png) -250px -246px no-repeat;}
.link_box button span {display:block; position:relative; padding:15px 34px 0 20px; height:inherit; text-align:left;}
.link_box button.open {background-color:#2d2f32;}
.link_box button.open:before {background-position:-277px -246px;}
.link_box a.btn_banner {color:#f4db05; text-decoration:none;}
.link_box a.btn_banner span {padding:13px 25px 0 20px;}
.link_box a.btn_banner span:before {content:''; display:inline-block; position:absolute; right:18px; top:50%; margin-top:-5px; width:7px; height:9px; background:url(../images/sub_ir.png) -277px -246px no-repeat;}

.link_cont {display:none; position:absolute; left:0px; bottom:50px; padding:20px; width:300%; border-style:solid; border-color:#2d2f32; border-width:4px 4px 1px 4px; background-color:#fff; z-index:50;}
.link_box:nth-child(1) .link_cont {width:400%;}
.link_box:nth-child(2) .link_cont {width:240%;}
.link_cont.open {display:block;}
.link_cont:after {content:''; display:block; visibility:hidden; clear:both;}
.link_box:nth-child(4) .link_cont {left:auto; right:0;}

.link_cont ul:after {content:''; display:block; visibility:hidden; clear:both;}
.link_cont ul li {float:left; width:33.33%; margin:0 0 2px;}
.link_cont ul li a {position:relative; display:block; padding-left:8px;}
.link_cont ul li a:before {content:''; display:inline-block;  position:absolute; left:0; top:10px; width:3px; height:3px; background-color:#333;}
.link_cont .link_close {display:inline-block; position:absolute; top:0; right:0; z-index:1;}
.link_cont .link_close a {display:inline-block; width:30px; height:30px; background-color:#ddd;}


/* 전체메뉴 */
.layer-wrap {display:none; position:fixed; left:0; right:0; top:0; bottom:0; background-color:rgba(0, 0, 0, 0.7); z-index:900;}
.layer-wrap:before {content:""; display:inline-block; height:100%;}
.menu-layer {position:fixed; right:-340px; top:0; height:100%; background-color:#fff; z-index:999; overflow-y:auto;}
.menu-panel {width:290px; margin:60px 0 0; padding:0 20px; text-align:left;}
.lnb-home a {display:block; width:200px; margin:0 10px 10px; padding:2px 0 4px 30px; font-size:1.9rem; font-weight:400; color:#fff; line-height:4.4rem; border-bottom:1px solid #e1e1e1; background-color:#555555; border-radius:50px;}
.lnb-home a:hover, .lnb-home a.on {color:#fff; background:#00549d url('../images/lnb_home.png') no-repeat 203px center; border-radius:50px;}
.lnb-title a {display:block; width:200px; margin:0 10px 10px; padding:2px 0 4px 30px; font-size:1.9rem; font-weight:400; color:#fff; line-height:4.4rem; border-bottom:1px solid #e1e1e1; background-color:#555555; border-radius:50px;}
.lnb-title a:hover, .lnb-title a.on {color:#fff; background:#00549d url('../images/lnb_on.png') no-repeat 195px center; border-radius:50px;}
.lnb-menu {margin:0 0 5px 35px; padding:5px; display:none;}
.lnb-menu li a {position:relative; display:inline-block; padding:3px 5px 8px 0; font-size:1.6rem; color:#111; line-height:2.4rem; font-weight:400;}
.lnb-menu li a:before {position:absolute; left:-10px; top:15px; content:''; display:block; width:3px; height:3px; background-color:#a1a1a1;}
.lnb-menu li a:hover {color:#0054a6;}
.lnb-menu li > ul{border:1px solid #e8e8e8; padding:5px 0; background-color:#f9f9f9; border-radius:3px;} /*3deps*/
.lnb-menu li > ul > li{padding-left:20px;}
.lnb-menu li > ul > li > a{position:relative;}
.lnb-menu li > ul > li > a:before {position:absolute; left:-10px; top:15px; content:''; display:block; width:5px; height:2px; background-color:#a1a1a1;}
.closebox {position:absolute; top:10px; right:10px; height:24px;}
.closebtn > a {float:right; width:30px; height:30px; text-indent:200%; overflow:hidden; white-space:nowrap; background-color:transparent; -webkit-transition: all 0.1s linear; transition: all 0.1s linear;}
.closebtn > a:hover {background-color:#007dce; border-radius:50px;}
.closebtn > a:hover::before {display:inline-block; position:absolute; top:0; left:0; content: ''; width:30px; height:30px; background:url('../images/btn_close_on.png') no-repeat center center;}
.closebtn > a::before {display:inline-block; position:absolute; top:0; left:0; content: ''; width:30px; height:30px; background:url('../images/btn_close.png') no-repeat center center;}


/********************************
 media query
********************************/

@media screen and (max-width:1200px) {
.header_inner {width:100%; padding:0 30px;}
 #nav_box {display:none;}
.logo_box {width:76%;}
.tnb_box {width:19%;}
.all_m {width:4%;}
.common_gnbbox {padding:0 20px;}
.common_gnb {width:100%;}
.notice_outer {margin-left:13%;}
.go_ulsan {position:absolute; right:30px; width:112px; height:50px;}
.foot_addinner {width:auto; padding:0 30px;}
.footer_inner {padding:0 30px;}
}

@media screen and (max-width:1080px) {
.access {display:none;}
}

@media screen and (max-width:1024px) {
.notice_outer {margin-left:12%;}
.footer_inner {margin:0 auto;}
.foot_box {padding:0;}
.foot_addbox {display:none;}
.foot_box .foot_logo {position:relative; width:100%; margin:0 auto;}
.foot_infobox ul {width:100%; text-align:center; margin:20px 0;}
.foot_txtbox {margin:0 0 15px;}
.foot_txtbox .foot_txt_l {width:100%; text-align:center;}
.foot_txtbox .foot_txt_l address {display:inline-block;}
.foot_txtbox .foot_txt_l p {display:inline-block; padding:0 10px;}
.foot_txtbox .foot_txt_r {width:100%; margin:20px auto; text-align:center;}
.foot_box .txt_email {text-align:center;}
}

@media screen and (max-width:960px) {
.logo_box {width:73%;}
.tnb_box {width:22%;}
.go_ulsan {right:20px;}
.notice_outer {margin-left:9%;}
}

@media screen and (max-width:900px) {
.notice_outer {margin-left:7%;}
}

@media screen and (max-width:800px) {
.logo_box {width:100%;}
.tnb_box {display:none;}
.all_m {position:absolute; width:44px; right:20px;}
.notice_outer {display:none;}
.footer_inner {margin:40px auto 20px;}

}

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

}

@media screen and (max-width:640px) {
.header_inner {padding:0 20px;}
}


@media screen and (max-width:480px) {
.sns_box {margin:10px 0;}
.header_inner {padding:0 15px;}
.all_m {right:15px;}
}

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

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

/********************************
 contents : sub
 *******************************/
.contents_inner {display:inline-block; width:100%; min-height:400px; padding:20px 0 0;}
.contents_inner .page_tit h2 {position:relative; margin-bottom:50px; padding:30px 0 20px; text-align:center; font-size:3.2rem; line-height:1.3; color:#121212; font-weight:400; font-family:'GSK'}
.contents_inner .page_tit h2:before {content:''; position:absolute; left:50%; margin-left:-2.5%; bottom:0; width:5%; height:2px; background-color:#121212;}
.content_box {position:relative;}

/********************************
 media query
 *******************************/

@media screen and (max-width:1200px) {
.contents_inner {width:100%; padding:30px; transition:width 0.1s linear;}	
}

@media screen and (max-width:1024px) {
.destination_list .part_con:before {left:-20px;}
.contents_inner .page_tit h2 {margin-bottom:40px; padding:10px 0 20px;}
}

@media screen and (max-width:767px) {
#body_layout .body_inner {margin-bottom:40px;}
.contents_inner .page_tit h2 {font-size:2.8rem;}
}

@media screen and (max-width:640px) {
.common_gnbbox {padding:0 10px;}
.contents_inner {padding:25px 20px 0;}
.contents_inner {float:left;}
.contents_inner .page_tit h2 {margin-bottom:30px; font-size:2.4rem;}
}

@media screen and (max-width:480px) {
.contents_inner .page_tit h2 {font-size:2.2rem;}
.content_box {padding:0;}
}

/********************************
 sub-location
 *******************************/
.util_box {width:100%; height:50px; background-color:#f9f9f9; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.util_box:after {content:''; display:block; visibility:hidden; clear:both;}
.util_box .util_inner {position:relative; max-width:1200px; margin-left:auto; margin-right:auto;}
.util_box .util_inner:after {content:''; display:block; visibility:hidden; clear:both;}

.location_box {position:absolute; top:0;}
.location_box .loc {float:left; position:relative; vertical-align:middle;}
.location_box .loc > a {position:relative; display:block; padding:0 45px 0 20px; min-width:220px; height:50px; line-height:48px; font-size:1.6rem; color:#353535; white-space:nowrap; border-right:1px solid #ddd; box-sizing:border-box;}
.location_box .loc.on > a {font-weight:500;}
.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:22px; height:20px; background:url(../images/sub_ir.png) 0 -83px no-repeat;}
.location_box .loc .loc_icon.arrow:before {content:''; position:absolute; right:20px; top:50%; margin-top:-4px; width:11px; height:7px; background:url(../images/sub_ir.png) -21px -67px 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:49px; background-color:#f5f5f5; min-width:100%; border-bottom:none; z-index:300;}
.location_box .loc:hover ul,
.location_box .loc:active ul,
.location_box .loc:focus ul {display:block; /*margin-top:1px;*/}
.location_box .loc ul li a {display:block; padding:12px 20px 8px; white-space:nowrap; border-right:1px solid #cecece; border-bottom:1px solid #cecece; border-left:1px solid #cecece; font-family:'GSK'; font-size:1.5rem; color:#333;}
.location_box .loc ul li a:hover,.location_box .loc ul li a:active, .location_box .loc ul li a:focus {background-color:#0664c5; font-weight:400; color:#fff; border-right:1px solid #0664c5; border-bottom:1px solid #0664c5; border-left:1px solid #0664c5;}


.tsns_box {position:absolute; right:0; top:0;}
.tsns_box:after {content:''; display:block; visibility:hidden; clear:both;}
.tsns_box li {display:inline-block; float:left; width:60px; height:50px; border-right:1px solid #ddd;}
.tsns_box li:first-child {border-left:1px solid #ddd;}
.tsns_box a {position:relative; display:block; width:100%; height:50px; font-size:0;}
.tsns_box a:before {content:''; position:absolute; left:50%; top:50%; margin-top:-11px; margin-left:-11px; width:23px; height:23px; background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}
.tsns_box a.tsns_print:before {background-position: -23px 0;}/*프린트*/
.tsns_box a.tsns_share:before {background-position: -46px 0;}/*공유하기*/
.tsns_box a.tsns_twitter:before {margin-left:-17px; margin-top:-17px; width:35px; height:35px; background-position: 0 -104px;}/*SNS 트위터*/
.tsns_box a.tsns_facebook:before {margin-left:-17px; margin-top:-17px; width:35px; height:35px; background-position: -36px -104px;}/*SNS 페이스북*/
.tsns_box a.tsns_kakao:before {margin-left:-17px; margin-top:-17px; width:35px; height:35px; background-position: -72px -104px;}/*SNS 카카오*/
.tsns_box a.tsns_band:before {margin-left:-17px; margin-top:-17px; width:35px; height:35px; background-position: -108px -104px;}/*SNS 네이버블로그*/
.tsns_box a.tsns_url:before {margin-left:-17px; margin-top:-17px; width:35px; height:35px; background-position: -199px -104px;}/*SNS 주소링크*/
.tsns_box li .tsns_inner {display:none; position:absolute; right:0; top:48px; width:60px; background-color:#efefef; border:1px solid #ddd; border-bottom:none; box-sizing:border-box; z-index:270;}
.tsns_box a.tsns_url, .tsns_box a.tsns_twitter, .tsns_box a.tsns_facebook, .tsns_box a.tsns_kakao, .tsns_box a.tsns_band {display:block; border-bottom:1px solid #ddd;}

.tsns_box li .tsns_share.On {background-color:#0664c5;}
.tsns_box li .tsns_share.On:before {background-position: -69px 0;}/*공유하기 활성*/
.tsns_box li .tsns_share.On + .tsns_inner {display:block;}
.tsns_box li .tsns_inner a:hover, .tsns_box li .tsns_inner a:active, .tsns_box li .tsns_inner a:focus {background-color:#ddd;}

/*url주소 복사*/
.link_opbox {position:absolute; top:55px; right:0; padding:15px; background-color:#fff;border:1px solid #aaa;border-radius:5px;z-index: 500;}
.link_opbox input {padding: 5px;border:1px solid #ddd;}
.link_opbox ul {display:block; margin-top:10px;margin-left:-10px;}
.link_opbox li {display:inline-block; float:left; padding-left:10px; width:50%; height:auto; border:none;}
.link_opbox li:first-child {border:none;}
.link_opbox li button {display:block;width:100%;border-radius:2px;padding: 3px 5px 5px;font-size:1.4rem;color:#fff;background-color:#666;}
.link_opbox li:first-child button {background-color:#0664c5;}



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

}

@media screen and (max-width:1024px) {
#top_layout .top_inner, #body_layout .body_inner, #foot_layout .foot_inner {width:100%;}
.location_box .loc > a {min-width:190px; padding:0 30px 0 10px;}
.location_box .loc .loc_icon.arrow:before {right:12px;}
.tsns_box li:first-child {border-left:none;}
.tsns_box a.tsns_print {display:none;}
}

@media screen and (max-width:767px) {
#body_layout .body_inner {margin-bottom:40px;}
.util_box {height:45px;}
.location_box .loc > a {min-width:150px; padding:0 20px 0 10px; height:43px; line-height:45px; font-size:1.5rem;}
.location_box .loc.home a {width:45px;}
.location_box .loc ul {top:43px; border-top:1px solid #ddd;}
.location_box .loc ul li a {padding:10px 13px;}


.tsns_box a {height:44px;}
.tsns_box li {width:45px; height:43px;}
.tsns_box li .tsns_inner {top:43px; width:45px;}
  
.link_opbox li {width:50%; height:inherit;}
}

@media screen and (max-width:640px) {
.location_box .loc .loc_icon.arrow:before {right:11px;}
}

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


/********************************
 통합검색
 *******************************/
/*컨텐츠 이너 영역*/
.search_bdtop {border-top:1px solid #ddd;}
.contents_inner2 {display:inline-block; width:100%; min-height:400px;}
.contents_inner2 .page_tit h2 {position:relative; margin-bottom:50px; padding:30px 0 20px; text-align:center; font-size:3.2rem; line-height:1.3; color:#121212; font-weight:400; font-family:'GSK'}
.contents_inner2 .page_tit h2:before {content:''; position:absolute; left:50%; margin-left:-2.5%; bottom:0; width:5%; height:2px; background-color:#121212;}

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

}

@media screen and (max-width:1024px) {
.contents_inner2 {width:100%; padding:0 30px; transition: width 0.1s linear;}
.contents_inner2 .page_tit h2 {margin-bottom:40px; padding:10px 0 20px;}
}

@media screen and (max-width:767px) {
.contents_inner2 {padding:0 20px;}
.contents_inner2 .page_tit h2 {font-size:2.8rem;}
}

@media screen and (max-width:640px) {
.contents_inner2 {padding:0 15px;}
.contents_inner2 {float:left;}
.contents_inner2 .page_tit h2 {margin-bottom:30px; font-size:2.4rem;}
}

@media screen and (max-width:480px) {
.contents_inner2 .page_tit h2 {font-size:2.2rem;}
}


/*통합검색*/
.search_inner {padding:20px 0;}
.search_inner:after {content:''; display:block; visibility:hidden; clear:both;}

/*레프트메뉴*/
aside {float:left; display:inline-block; width:20%;}
.leftm_list {border-color:#cecece; border-style:solid; border-width:0 0 1px;}
.leftm_list li {border-color:#cecece; border-style:solid; border-width:1px 1px 0;}
.leftm_list li a {position:relative; display:block; padding:18px 45px 12px 20px; font-size:1.6rem; line-height:1.4; vertical-align:middle; font-family:'GSK';}
.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 {font-weight:400; 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:#0064a3; background-position:-172px -104px;}
.leftm_list > li > a:hover span,
.leftm_list > li > a:active span,
.leftm_list > li > a:focus span {color:#0064a3; font-weight:400;}
.leftm_list > li > a.on:before {color:#0064a3; background-position:-172px -104px;}
.leftm_list > li > a.on span {color:#0064a3; font-weight:400;}

.left_searchtype {margin-top:20px;}
.left_searchtype p {font-size:1.6rem; font-family:'GSK'; color:#333;}
.left_searchtype ul {display:block; text-align:center; border:1px solid #ddd;}
.left_searchtype ul:after {content:''; display:block; visibility:hidden; clear:both;}
.left_searchtype li {display:inline-block;float:left; border-left: 1px solid #ddd;padding: 7px 0;}
.left_searchtype li:first-child {border-left:none;}
.left_searchtype li:hover,
.left_searchtype li:active,
.left_searchtype li:focus,
.left_searchtype li.on {background-color:#0064a3;}
.left_searchtype li:hover a,
.left_searchtype li:active a,
.left_searchtype li:focus a,
.left_searchtype li.on a {color:#fff;}
.left_searchtype ul.type_col2 li {width:50%;}
.left_searchtype ul.type_col3 li {width:33.3333%;}

/*검색결과*/
.search_area {float:right; display:inline-block; width:76%; min-height:400px;}
.sech_result {margin-bottom:20px; padding:15px 15px 12px; border:1px solid #ddd; font-family:'GSK'; font-size:1.8rem; text-align:center; background-color:#f4f4f4;}
.sech_result strong {color:#f4401a;}

.count_num {color:#0B9B06;}

.sech_rslist {position:relative; padding:20px 0; border-bottom:1px solid #ddd;}
.sech_rsmore {position:absolute; right:0; top:27px;}
.sech_rsmore a:hover,
.sech_rsmore a:active,
.sech_rsmore a:focus {font-weight:600;}

.rslist_inner {}
.rslist_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.rslist_inner ul {margin-left:-20px;}
.rslist_inner li {display:inline-block; float:left; width:33.3333%; padding-left:20px;}
.rslist_inner li .rslist_box {border:1px solid #ddd; border-radius:10px;}
.rslist_inner li .rslist_box img {background-color:#f8f8f8;}
.rslist_box img {width:100%; height:185px; border-top-left-radius:10px; border-top-right-radius:10px;}
.rslist_box span {background-color:#f8f8f8;}
.rslist_box span img {width:100%; height:185px; border-top-left-radius:10px; border-top-right-radius:10px;}
.rslist_box .rslist_tit {overflow:hidden; margin:6px 0 2px; padding:10px 15px 0; font-size:1.6rem; font-family:'GSK'; font-weight:500; color:#333; white-space:nowrap; text-overflow:ellipsis;}
.rslist_box .rslist_txt {overflow:hidden; height:38px; padding:0 15px 15px; white-space:nowrap; text-overflow:ellipsis;}

.rslist_inner.rsdt_inner li {padding:0 0 20px 20px;}
.rslist_box.rsdt_box .rslist_tit {padding:10px;}


/********************************
 media query
********************************/

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

}

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

}

@media screen and (max-width:960px) {
aside {display:block; float:none; width:100%;}
aside:after {content:''; display:block; visibility:hidden; clear:both;}
.leftm_list {border-width:1px 1px 0 0; text-align:center;}
.leftm_list:after {content:''; display:block; visibility:hidden; clear:both;}
.leftm_list li {display:inline-block; float:left; width:33.3333%; border-width:0 0 1px 1px;}
.leftm_list li a {padding:10px 10px 6px;}
.leftm_list > li > a:before {display:none;}
.left_searchtype {margin-top:10px;}
.search_area {display:block; float:none; width:100%; margin-top:20px;}
.sech_result {margin-bottom:0;}
}

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

}

@media screen and (max-width:767px) {
.rslist_box img {height:140px;}
.rslist_inner.rsdt_inner ul {margin-left:-10px;}
.rslist_inner.rsdt_inner li {padding:0 0 10px 10px;}

}

@media screen and (max-width:640px) {
.sech_rslist {padding:15px 0;}
.rslist_inner ul {margin-left:0;}
.rslist_inner li {display:block; float:none; width:100%; padding:0 0 15px 0;}
.rslist_box img {height:150px; width:100%;}
.rslist_inner.rsdt_inner ul {margin-left:-10px;}
.rslist_inner.rsdt_inner li {display:inline-block; float:left; width:50%; padding:0 0 10px 10px;}
}

@media screen and (max-width:480px) {
.rslist_inner.rsdt_inner ul {margin-left:0;}
.rslist_inner.rsdt_inner li {display:block; float:none; width:100%; padding:0 0 10px 0;}
}