@charset "utf-8";body,
button { font-size: 14px }

#open_search,
#respond_buttons,
#topmenu { display: none }

#wrap { position: relative; min-width: 1240px }

/*헤더*/
#wrap #header { position: relative; z-index: 888; height: 151px; padding-top: 46px; box-sizing: border-box; width: 100%;}

#header:before { position: absolute; top: 0; left: 0; right: 0; height: 46px; content: ''; border-bottom: 1px solid #e5e5e5; }

#header:after { content: ""; clear: both; display: block }

#wrap.gnb_open #header { border-bottom: 2px solid #ccc; }

/* 로고 및 유틸 메뉴*/
#snb { position: relative; max-width: 1440px !important; height: 46px; margin: -46px auto 0; z-index: 10; display: flex; align-items: center; justify-content: space-between; }

#snb h1 { position: absolute; top: 66px; left: 0; }

#snb h1 a { display: block; width: 195px; height: 48px;font-size:0;}

#snb .sitemap { position: absolute; right: 0; top: 87px; width: 20px; height: 16px; }

#snb .sitemap a { display: block; width: 100%; height: 100%; background: url(/images/kor/common2/sitemap.png); font-size: 0; }

#snb .tg_box { position: absolute; top: 67px; left: 182px }

#snb .util_hm { height: 46px; display: flex; align-items: center; justify-content: flex-start; }

#snb .util_hm:after { content: ""; clear: both; display: block }

#snb .util_hm a { display: block; min-width: 95px; height: auto; padding: 0 15px; line-height: 1; font-weight: normal; font-size: 14px; color: #fff; background: none; box-sizing: border-box; color: #2b2f36; position: relative; }

#snb .util_hm a:hover,
#snb .util_hm a:active { /* text-decoration:underline; */
 color: #017f3c; }

#snb .util_hm a::before { content: ""; position: absolute; bottom: -17px; width: 0%; height: 2px; background: #017f3c; left: 50%; opacity: 1; transition: all .3s; }

#snb .util_hm a:hover::before,
#snb .util_hm a:active::before { opacity: 1; width: 100%; left: 0%; }

#snb .util_hm a img { margin: -4px 5px 0 0; vertical-align: middle; }

#snb .util_hm .last a img { margin: 0 5px 0 0; vertical-align: bottom; }

#snb .util_hm .toContent { float: left; background: #265bc8 }

#snb .util_hm .sitelink { float: left; border-left: 1px solid rgba(255, 255, 255, 0.3); text-align: center; font-size: 15px; border-right: 1px solid #c9c9c9; }

#snb .util_hm .sitelink.home { /* border:none; */ }

#snb .util_hm .sitelink.home a { }

#snb .util_hm p:last-child { border-right: 0px solid #000; }

#snb .util_hm p:first-child a { padding-left: 0; text-align: left; min-width: auto; }

#snb .grap { height: 46px; margin-right: 15px; }

#snb .grap:after { display: block; clear: both; visibility: hidden; content: ''; }

#snb .zoom { display: flex; align-items: center; justify-content: center; font-size: 14px; color: #333; }

#snb .zoom button { position: relative; width: 20px; height: 20px; border-radius: 3px; background: #f1f1f1; font-size: 0; vertical-align: middle; margin: 0 4px; }

#snb .zoom button:before,
#snb .zoom button:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

#snb .zoom button:before { width: 10px; height: 2px; background: #484b5e; }

#snb .zoom button:after { width: 2px; height: 10px; background: #484b5e; }

#snb .zoom button#zoom-out { }

#snb .zoom button#zoom-out:after { display: none; }

#snb .zoom button#zoom-in { }

#snb .zoom button:hover,
#snb .zoom button:focus { background: #f1f1f1; }


.mois { display: flex; align-items: center; justify-content: center; font-size: 14px; color: #333;}
.mois img { display: block; margin-right: 5px; }

#snb .grap .lang,
#snb .grap .sitelink,
#snb .grap .basic_search { float: left }

#snb .grap a { padding: 0 20px; background: none }

#snb .grap .lang { position: relative; height: 100%; }

#snb .grap .lang h2 { position: relative; z-index: 2; height: 100%; display: flex; align-items: center; justify-content: center; }

#snb .grap .lang h2:after { content: ""; position: absolute; top: 19px; right: 20px; width: 12px; height: 7px; background: url(/images/kor/common2/lang_d.png) 0 0 no-repeat; }

#snb .grap .lang h2 a { padding: 0 40px 0 20px; font-size: 14px; color: #333333; }

#snb .grap .lang ul { display: none; position: absolute; z-index: 1; border: 2px solid #d2d2d2; background: #fff; width: 100%; box-sizing: border-box; top: 0; padding: 0 10px; padding-top: 46px; padding-bottom: 15px; }

#snb .grap .lang ul li { border-top: 1px dashed #dbdbdb; padding: 5px 0; }

#snb .grap .lang ul li a { height: 34px; color: #585858; padding: 0 0 0 10px; }

#snb .grap .lang ul li a:hover,
#snb .grap .lang ul li a:active { text-decoration: underline; color: #0b6ebb }

#snb .grap .lang ul li:first-child { border-top-width: 0; }

#snb .grap .lang ul li.close { background: #efefef }

#snb .grap .lang ul li.close a { color: #1c2332; text-align: center; background: none; line-height: 35px; }

#snb .grap .sns { display: none; float: left; padding: 0 10px 0 10px; margin-left: 10px; background: url(/images/kor/header/global_line.gif) no-repeat left 14px }

#snb .grap .sns a { float: left; width: 21px; height: 40px; padding: 0 5px; overflow: hidden; line-height: 40px; text-indent: -999px; background: url(/images/kor/header/snb_ico.png) no-repeat center -132px }

#snb .grap .sns a.icon1 { background-position: center -133px }

#snb .grap .sns a.icon2 { background-position: center -168px }

#snb .grap .sns a.icon3 { background-position: center -200px }

#snb .grap .basic_search label { margin-left: 15px; line-height: 39px; color: #fff }

#snb .grap .basic_search input[type="search"] { width: 200px; height: 31px; border-width: 0; line-height: 31px; color: #fff; background: #2f3e56 }

#snb .grap .basic_search input[type="submit"],
#wrap #open_search { display: none; width: 39px; height: 39px; margin-left: -5px; padding: 0; text-indent: -9999px; border-width: 0; background: #2f3e56 url(/images/kor/header/topsearch_submit.png) no-repeat 50% 50%; }

#snb .util_hm .grap .basic_search .search { background-color: #2f3e56 }

/*메인 메뉴*/
#gnb { position: relative;width: 100%; }

#wrap.gnb_open #header #gnb:before { position: absolute; left: 0; right: 0; top: 105px; height: 100%; background-color: #fff; content: ''; width: 100%;}

#wrap.gnb_open #header #gnb { overflow: hidden;}
#wrap.gnb_open #header #gnbwrap + :after { display: none; }
#wrap.gnb_open:before { position: absolute; bottom: 0; top: 157px; left: 0; right: 0; z-index: 100; height: 100%; background: rgba(0, 0, 0, 0.7); content: ''; }

#wrap.gnb_open #header #animate {padding-bottom: 30px;}
#animate { position: relative; overflow:hidden;height: 105px; width: 100%;z-index: 0;}
#animate::after {position: absolute; top: 150px; left: -100px; width: 481px; height: 398px; background: url(/images/kor/common2/gnb_logobg.png) 0 0 no-repeat; content: '';z-index: -1;}

/* #wrap.gnb_open #animate { min-height: 565px; } */

#gnbwrap { position: relative;width: 100%; }

#tm { position: absolute; top: 0; left: 50%; width: 100%; height: 100%; max-width: 1440px; padding-left: 167px; /* margin-left: -620px; */
 text-align: center; transform: translate(-50%, 0); box-sizing: border-box; }

#tm .th1 { display: inline-block; }

#wrap #tm .th1 .th1_lnk { position: relative; display: block; padding: 40px 27px; line-height: 1; font-size: 21px; font-weight: bold; color: #0a0a0a; box-sizing: border-box; font-family: 'score-dream'; }

#tm .th1 .th1_lnk:before { position: absolute; left: 0; top: 32px; width: 1px; height: 18px; background: #bfbfbf; transform: rotate(30deg); content: ''; display: none; }

#tm .th1:first-child .th1_lnk:before { display: none; }

#tm .th1 .th1_lnk.current:after { content: ""; position: absolute; bottom: 15px; left: 50%; width: 7px; height: 7px; margin-left: -8px; background: #1672da; border-radius: 50%; border-bottom-color: #4a73d9; display: none; }

#tm .th1 .th1_lnk.current { border-bottom: 4px solid #1672da; color: #336fbd; }

#tm .th1 .th1_lnk:hover,
#tm .th1 .th1_lnk:focus,
#tm .th1 .th1_lnk:active { }

#tm .th1 .th1_lnk>span { display: block; margin-top: -25px; padding-bottom: 3px; text-align: right; line-height: 1; font-size: 0.75em; color: #2155b5 }

#tm li .gnb-title { display: none; overflow: hidden; position: absolute; top: 105px; left: -20px; bottom: 0; z-index: 1; width: 280px; padding: 35px 0 0 0; text-align: left; box-sizing: border-box; /*border-right: 1px solid #e9e9e9;*/}

#tm .th1 .th1_lnk.current+.gnb-title { display: block; width: 260px; border-radius: 0; /* padding: 0; */ }
#tm .th1.no8 .gnb-title/*,#tm> li:last-child .gnb-title*/ { display: none !important; }
#tm .th1.no8 .th2/*,#tm > li:last-child .th2*/ {padding-left: 0;align-items: center;justify-content: center;padding-top: 50px;}
#tm .th1.no8 .th2{height: 220px;}
#tm .th1.no8 .th3 { display: none; }
#tm > li.no8 .th2::before { display: none; }
#tm > li.no8 .th2 > li {display: inline-block;width: calc(100% / 10 - 55px);margin: 0 10px;}
#tm > li.no8 .th2 > li::after { display: none; }
#tm > li.no8 .th2 > li > a { width: 77px; padding: 0; background: none; margin: 0 auto; flex-wrap: wrap; align-items: center; justify-content: center; transition: all .3s; }
#tm > li.no8 .th2 > li > a > span { font-size: 16px; color: #404751; margin-top: 10px; font-family: "ngn","Nanum Gothic","shm","돋움",dotum,"Lucida Grande",sans-serif; font-weight: bold; display: block; position: relative; transition: all .3s; }
#tm > li.no8 .th2 > li:first-child > a > span:after { display: block; }
#tm > li.no8 .th2 > li > a > span:after { border: 0 solid #000; width: 13px; height: 9px; background: url(/images/kor/common2/chk.png) 0 0 no-repeat; top: 5px; right: -20px; left: auto; opacity: 0; transition: all .3s; }
#tm > li.no8 .th2 > li > a:after { display: none; }
#tm > li.no8 .th2 > li > a:before { position: static; width: 100%; height: 77px; border-radius: 50%; background: #f5f5f5; background-color: #f5f5f5; background-position:center center !important; background-repeat: no-repeat; opacity: 1; transition: all .3s;top: auto;right: auto;transform: translate(0, 0);}
#tm > li.no8 .th2 > li > a:hover:before,#tm > li.no8 .th2 > li > a:active:before,#tm > li.no8 .th2 > li > a:focus:before { background-color: #366098; }
#tm > li.no8 .th2 > li > a:hover span,#tm > li.no8 .th2 > li > a:active span,#tm > li.no8 .th2 > li > a:focus span { color: #366098; }
#tm > li.no8 .th2 > li > a:hover > span:after,#tm > li.no8 .th2 > li > a:active > span:after,#tm > li.no8 .th2 > li > a:focus > span:after { opacity: 1; }
#tm > li.no8 .th2 > li.th2_1 > a:before { background-image: url(/images/kor/common2/th2_icon1.png); }
#tm > li.no8 .th2 > li.th2_2 > a:before { background-image: url(/images/kor/common2/th2_icon2.png); }
#tm > li.no8 .th2 > li.th2_3 > a:before { background-image: url(/images/kor/common2/th2_icon3.png); }
#tm > li.no8 .th2 > li.th2_4 > a:before { background-image: url(/images/kor/common2/th2_icon4.png); }
#tm > li.no8 .th2 > li.th2_5 > a:before { background-image: url(/images/kor/common2/th2_icon5.png); }
#tm > li.no8 .th2 > li.th2_6 > a:before { background-image: url(/images/kor/common2/th2_icon6.png); }
#tm > li.no8 .th2 > li.th2_7 > a:before { background-image: url(/images/kor/common2/th2_icon7.png); }
#tm > li.no8 .th2 > li.th2_8 > a:before { background-image: url(/images/kor/common2/th2_icon8.png); }
#tm > li.no8 .th2 > li.th2_9 > a:before { background-image: url(/images/kor/common2/th2_icon9.png); }
#tm > li.no8 .th2 > li.th2_10 > a:before { background-image: url(/images/kor/common2/th2_icon10.png); }
#tm > li.no8 .th2 > li.th2_11 > a:before { background-image: url(/images/kor/common2/th2_icon11.png); }
#tm > li.no8 .th2 > li.th2_12 > a:before { background-image: url(/images/kor/common2/th2_icon12.png); }

#tm > li.no8 .th2 > li.th2_1 > a:hover:before,#tm > li.no8 .th2 > li.th2_1 > a:active:before,#tm > li.no8 .th2 > li.th2_1 > a:focus:before { background-image: url(/images/kor/common2/th2_icon1_on.png); background-color: #366098; }
#tm > li.no8 .th2 > li.th2_2 > a:hover:before,#tm > li.no8 .th2 > li.th2_2 > a:active:before,#tm > li.no8 .th2 > li.th2_2 > a:focus:before { background-image: url(/images/kor/common2/th2_icon2_on.png); background-color: #366098; }
#tm > li.no8 .th2 > li.th2_3 > a:hover:before,#tm > li.no8 .th2 > li.th2_3 > a:active:before,#tm > li.no8 .th2 > li.th2_3 > a:focus:before { background-image: url(/images/kor/common2/th2_icon3_on.png); background-color: #366098; }
#tm > li.no8 .th2 > li.th2_4 > a:hover:before,#tm > li.no8 .th2 > li.th2_4 > a:active:before,#tm > li.no8 .th2 > li.th2_4 > a:focus:before { background-image: url(/images/kor/common2/th2_icon4_on.png); background-color: #366098; }
#tm > li.no8 .th2 > li.th2_5 > a:hover:before,#tm > li.no8 .th2 > li.th2_5 > a:active:before,#tm > li.no8 .th2 > li.th2_5 > a:focus:before { background-image: url(/images/kor/common2/th2_icon5_on.png); background-color: #366098; }
#tm > li.no8 .th2 > li.th2_6 > a:hover:before,#tm > li.no8 .th2 > li.th2_6 > a:active:before,#tm > li.no8 .th2 > li.th2_6 > a:focus:before { background-image: url(/images/kor/common2/th2_icon6_on.png); background-color: #366098; }
#tm > li.no8 .th2 > li.th2_7 > a:hover:before,#tm > li.no8 .th2 > li.th2_7 > a:active:before,#tm > li.no8 .th2 > li.th2_7 > a:focus:before { background-image: url(/images/kor/common2/th2_icon7_on.png); background-color: #366098; }
#tm > li.no8 .th2 > li.th2_8 > a:hover:before,#tm > li.no8 .th2 > li.th2_8 > a:active:before,#tm > li.no8 .th2 > li.th2_8 > a:focus:before { background-image: url(/images/kor/common2/th2_icon8_on.png); background-color: #366098; }
#tm > li.no8 .th2 > li.th2_9 > a:hover:before,#tm > li.no8 .th2 > li.th2_9 > a:active:before,#tm > li.no8 .th2 > li.th2_9 > a:focus:before { background-image: url(/images/kor/common2/th2_icon9_on.png); background-color: #366098; }
#tm > li.no8 .th2 > li.th2_10 > a:hover:before,#tm > li.no8 .th2 > li.th2_10 > a:active:before,#tm > li.no8 .th2 > li.th2_10 > a:focus:before { background-image: url(/images/kor/common2/th2_icon10_on.png); background-color: #366098; }
#tm > li.no8 .th2 > li.th2_11 > a:hover:before,#tm > li.no8 .th2 > li.th2_11 > a:active:before,#tm > li.no8 .th2 > li.th2_11 > a:focus:before { background-image: url(/images/kor/common2/th2_icon11_on.png); background-color: #366098; }
#tm > li.no8 .th2 > li.th2_12 > a:hover:before,#tm > li.no8 .th2 > li.th2_12 > a:active:before,#tm > li.no8 .th2 > li.th2_12 > a:focus:before { background-image: url(/images/kor/common2/th2_icon12_on.png); background-color: #366098; }
/* #tm .th1.no1 .th1_lnk.current + .gnb-title { background:url(/images/kor/common2/gnb_bg01.jpg) right bottom; background-size: cover; }
#tm .th1.no2 .th1_lnk.current + .gnb-title { background:url(/images/kor/common2/gnb_bg02.jpg) right bottom; background-size: cover; }
#tm .th1.no3 .th1_lnk.current + .gnb-title { background:url(/images/kor/common2/gnb_bg03.jpg) right bottom; background-size: cover; }
#tm .th1.no4 .th1_lnk.current + .gnb-title { background:url(/images/kor/common2/gnb_bg04.jpg) right bottom; background-size: cover; }
#tm .th1.no5 .th1_lnk.current + .gnb-title { background:url(/images/kor/common2/gnb_bg05.jpg) right bottom; background-size: cover; }
#tm .th1.no6 .th1_lnk.current + .gnb-title { background:url(/images/kor/common2/gnb_bg06.jpg) right bottom; background-size: cover; }
#tm .th1.no7 .th1_lnk.current + .gnb-title { background:url(/images/kor/common2/gnb_bg07.jpg) right bottom; background-size: cover; } */

#tm li .gnb-title strong { display: block; margin: 0 0 20px; font-size: 30px; color: #303030; font-family: 'score-dream'; font-weight: bold; line-height: 1; margin-bottom: 15px; }



#tm li .gnb-title p { display: block; font-size: 15px; color: #787878; font-weight: bold; }

#tm .th1 a[target="_blank"] { padding-right: 18px; }


#tm .th2>li>a[target="_blank"]:before { display: block; position: absolute; right: 10px; left: auto; top: 50%; width: 13px; height: 13px; transform: translate(0px, -50%); background: url(/images/kor/common2/target_blank.png); content: ''; z-index: 1; opacity: 1; border-radius: 0; }

#tm .th2>li>a[target="_blank"].on:before,
#tm .th2>li>a[target="_blank"]:hover:before,
#tm .th2>li>a[target="_blank"]:focus:before { background-position: -13px 0; }

#tm .th2>li>a[target="_blank"].on,
#tm .th2>li>a[target="_blank"]:hover,
#tm .th2>li>a[target="_blank"]:focus { color: #fff; }

#tm .th2 { position: absolute; top: 105px; left: 0; width: 100%; box-sizing: border-box; padding: 0px 0 0 240px; max-width: 1440px; /* overflow:hidden; */
 border-width: 0 1px; }

#tm .th2::before { content: ""; position: absolute; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; width: 262px; background: #f5f7fb; top: 0px; bottom: 0px; left: 239px; box-sizing: border-box; }

#tm .th2>li { position: relative; /* float: left; */
 width: 100%; padding: 0; /* margin-bottom:10px; */
 display: flex; align-items: flex-start; justify-content: flex-start; height: auto; }

#tm .th2>li:first-child>a>span:after { display: none; }

#tm .th2>li::after { content: ""; position: absolute; border-bottom: 1px dashed #e9e9e9; width: calc(100% - 280px); left: 270px; height: 0; top: 0px; }

#tm .th2>li>a>span:after { content: ""; position: absolute; border-bottom: 1px dashed #e9e9e9; width: calc(100% - 20px); left: 10px; height: 0; top: 0px; }

#tm .th2>li:first-child:after { display: none; content: ""; position: absolute; border-bottom: 1px dashed #e9e9e9; width: calc(100% - 20px); left: 10px; height: 0; bottom: 0px; }

#tm .th2>li>a { display: inline-block; position: relative; /* min-width: 100%; */
 width: 260px; height: 65px; /* border-left: 1px solid #e9e9e9; */
 /* border-right: 1px solid #e9e9e9; */
 font-size: 18px; color: #366098; line-height: 1.2; word-break: keep-all; word-wrap: break-word; box-sizing: border-box; background: #f5f7fb; font-family: 'score-dream'; padding: 10px 0; padding-left: 35px; display: flex; align-items: center; justify-content: flex-start; transition: all .3s; position: relative; z-index: 3; /* height: 100%; */
 min-height: 65px; }

#tm .th2>li:first-child>a { padding-top: 20px; }

#tm .th2>li>a.on,
#tm .th2>li>a:hover,
#tm .th2>li>a:focus,
#tm .th2>li>a:active { color: #fff; }

#tm .th2>li>a:before { position: absolute; right: -7px; top: 14px; width: 38px; height: 38px; border-radius: 50%; background: #5685c3 url(/images/kor/common2/th2.png) center no-repeat; content: ''; z-index: 1; opacity: 0; transition: all .3s; }

/* #tm .th2>li:first-child>a:before { right: -7px; top: 18px; } */

#tm .th2>li>a.on:before,
#tm .th2>li>a:hover:before,
#tm .th2>li>a:focus:before { opacity: 1; }

#tm .th2>li>a:after { content:
 ""; display: block; position: absolute; top: 50%; left: 10px; height: calc(100% - 27px); width: calc(100% - 10px); border-radius: 30px; background: #366098; transform: translate(0, -50%); z-index: -1; opacity: 0; }

#tm .th2>li:first-child>a:after { top: calc(50% + 4px); }

#tm .th2>li>a.on:after,
#tm .th2>li>a:hover:after,
#tm .th2>li>a:focus:after { opacity: 1; }

#tm .th3 { width: calc(100% - 260px); display: flex; align-items: center; justify-content: flex-start; height: 100%; padding-left: 20px; padding-top: 0px; box-sizing: border-box; flex-wrap: wrap; }

#tm .th3>li { position: relative; }

#tm .th3>li>a { display: block; padding: 0; font-size: 16px; background: none; vertical-align: middle; word-break: keep-all; color: #303030; box-sizing: border-box; padding: 0 5px; margin: 0 15px; height: 65px; line-height: 65px; }

#tm .th3>li>a.ov,
#tm .th3>li>a:hover,
#tm .th3>li>a:focus,
#tm .th3>li>a:active { /* text-decoration:underline; */
 color: #366098; font-weight: bold; border-bottom: 2px solid #366098; }

#tm .th3>li>a:before { position: absolute; right: 0; top: 30px; width: 4px; height: 4px; border-radius: 50%; background: #818898; opacity: .4; content: ''; }

#tm .th3>li>a:hover:before { background: #366098; opacity: 1; }

#tm .th3>li>a[target="_blank"] { position: relative }

#tm .th3>li>a[target="_blank"]:after { display: inline-block; width: 13px; height: 13px; margin-left: 5px; background: url(/images/kor/common2/target_blank.png); vertical-align: middle; content: ''; }

/* #summery1 > li { min-height: 285px; }
#summery1 > li:nth-child(9),#summery1 > li:nth-child(10),#summery1 > li:nth-child(11),#summery1 > li:nth-child(12) { min-height:100% }
#summery2 > li { min-height: 350px; }
#summery3 > li:nth-child(1),#summery3 > li:nth-child(2),#summery3 > li:nth-child(3),#summery3 > li:nth-child(4) { min-height: 400px; }
#summery5 > li { min-height:231px }
#summery5 > li:nth-child(5),#summery5 > li:nth-child(6),#summery5 > li:nth-child(7),#summery5 > li:nth-child(8) { min-height:180px }
#summery5 > li:last-child { min-height:100% }
#summery6 > li { min-height:180px }
#summery6 > li:nth-child(9) { width:45% }
#summery6 > li:nth-child(9) li { float:left; width:25% }
#summery7 .th3 { display:none; } */
.searchFrm { width: 100%; max-width: 480px; }
.searchFrm h2 { display: none; }
.searchFrm .flow {font-size:0;text-indent: -9999px;}
.searchFrm .search { display: flex; align-items: center; justify-content: space-between; height: 70px; border-bottom: 1px solid #000; }
.searchFrm .search input[type=text] { display: block; font-size: 21px; font-family: 'score-dream'; font-weight: bold; color: #000; height: 48px; width: calc(100% - 80px); background: transparent; border: 0px solid #000; }
.searchFrm .search input[type=text]::placeholder { font-size: 21px; font-family: 'score-dream'; font-weight: bold; color: #000; }
.searchFrm .search input[type=submit] { display: block; width: 48px; height: 48px; border-radius: 50%; background:#000 url(/images/kor/common2/search.png) center no-repeat; font-size: 0; }
#svisual { height: 141px; padding: 0; background: url(/images/kor/common2/svisual_bg.png) center; background-size: cover; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }

#svisual strong { display: block; width: 242px; height: 51px; margin: 0 auto; background: url(/images/kor/common2/svisual_tit.png); font-size: 0; }

/*컨테이너*/
#containerwrap { width: 100%; }

#container { position: relative; max-width: 1240px; margin: 0 auto; padding: 0px 0 25px 0; }

.main #container { padding-top: 0; }

#container:after { content: ""; clear: both; display: block }

#lnb { float: left; position: relative; top: -30px; width: 230px; }

#lnb h2 { height: 140px; padding-top: 35px; padding-left: 0; font-size: 25px; font-weight: normal; background: #366098; color: #fff; box-sizing: border-box; font-family: 'score-dream'; border-radius: 15px; text-align: center; }

#lnb .lm_2th { border-radius: 15px; border: 1px solid #dadcdf; background: #fff; position: relative; margin-top: -40px; padding: 0 15px 30px; }

#lnb .lm_2th>li { margin-top: 15px; }

#lnb .lm_2th>li:first-child { /* border-top-width: 1px; */ }

#lnb .lm_2th>li>a { display: block; position: relative; padding: 5px 10px 10px 10px; font-weight: normal; background: none; font-size: 16px; color: #505152; font-weight: bold; border-bottom: 1px solid #dadcdf; box-sizing: border-box; }

#lnb .lm_2th>li>a.link_2th_ov { font-size: 16px; background: none; color: #366098; border-bottom: 2px solid #366098; }

#lnb .lm_2th > li > a:before { display: block; position: absolute; z-index: 1; right: 18px; top: 15px; content: ''; width: 4px; height: 4px; border: solid #585c62; border-width: 0 1px 1px 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
#lnb .lm_2th > li > a:after { display: block; position: absolute; right: 10px; top: 8px; content: ''; width: 19px; height: 19px; border: 1px solid #cacaca; border-radius: 50%; }
#lnb .lm_2th li a.link_2th_ov:after, #lnb .lm_2th li a.link_2th:hover:after, #lnb .lm_2th li a.link_2th:focus:after, #lnb .lm_2th li a.link_2th:active:after { border: 1px solid #366098; background: #366098; }
#lnb .lm_2th li a.link_2th_ov:before, #lnb .lm_2th li a.link_2th:hover:before, #lnb .lm_2th li a.link_2th:focus:before, #lnb .lm_2th li a.link_2th:active:before { top: 17px; border-color: #fff; border-width: 1px 0 0 1px; }
#lnb .lm_3th { padding: 5px; border-bottom: 1px solid #366098; }

#lnb .lm_3th>li { margin-bottom: 5px; }

#lnb .lm_3th>li>a { display: block; position: relative; padding: 10px; padding-left: 20px; font-size: 15px; background: none; border-bottom: 1px dashed #cacaca; }
#lnb .lm_3th>li:last-child>a { border-bottom: 0px dashed #cacaca; }
#lnb .lm_3th>li>.link_3th_ov,
#lnb .lm_3th>li>a:hover,
#lnb .lm_3th>li>a:focus,
#lnb .lm_3th>li>a:active { color: #366098; }

#lnb .lm_3th>li>a:after { display: block; position: absolute; z-index: 1; right: 13px; top: 18px; content: ''; width: 4px; height: 4px; border: solid #585c62; border-width: 0 1px 1px 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
#lnb .lm_3th>li>.link_3th_ov:after,
#lnb .lm_3th>li>a:hover:after,
#lnb .lm_3th>li>a:focus:after,
#lnb .lm_3th>li>a:active:after { border: solid #366098; border-width: 0 1px 1px 0; }
#lnb a[target="_blank"]:after { display: inline-block; width: 13px; height: 13px; margin-left: 5px; background: url(/images/common/ico_window_ov.gif); content: ''; vertical-align: middle; }
#lnb .lm_2th > li > a[target="_blank"]:after { display: inline-block; background: url(/images/common/ico_window_ov.gif) center no-repeat; content: ''; border: 0 solid #000; }
#lnb .lm_3th>li>a[target="_blank"]:after { display: inline-block; background: url(/images/common/ico_window_ov.gif) center no-repeat; content: ''; width: 13px; height: 13px; border: 0 solid #000; transform: rotate(0deg); -webkit-transform: rotate(0deg); right: 7px; top: 14px; }
#lnb .lm_2th > li > a[target="_blank"]::before { display: none; }
#lnb a[target="_blank"].link_2th_ov,
#lnb a[target="_blank"].link_3th_ov,
#lnb a[target="_blank"]:hover:after,
#lnb a[target="_blank"]:focus:after,
#lnb a[target="_blank"]:active:after { background-image: url(/images/common/ico_window_ov.gif) }

#contentswrap { margin-left: 295px }

#contentswrap:after { content: ""; clear: both; display: block }

/*네비*/
#location { float: right; width: 100%; padding: 0; /*background:url(/images/kor/common/location_border.gif) repeat-x 0 100%*/
 border-bottom: 1px dotted #999999; }

#location:after { content: ""; clear: both; display: block }

#location h3 { padding: 30px 0 20px; font-family: 'score-dream'; font-size: 23px; font-weight: bold; color: #3f434a; line-height: 1; }

#location .dir { position: static; margin-bottom: 15px; }

#location .dir a { display: inline-block; position: relative; line-height: 25px; vertical-align: top; padding: 0; font-size: 14px; letter-spacing: -1px; color: #525252; }
:root #location .dir a { background-position: 100% 5px; }
#location .dir a:last-child { display: inline-block; padding: 0 0 0 3px; background: none; font-weight: 700; color: #5b5b5b; /* text-decoration: underline; */ }
#location .dir a:not(:last-child):after { display: inline-block; content: ''; margin: 9px 7px 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 5px solid #c5c5c5; vertical-align: top; /* position: absolute; */ }
#location .dir a.home { width: 16px; height: 17px; margin: 3px 0 0; background: url(/images/kor/common2/ico_ir.png)no-repeat -21px 0; font-size: 0; margin-right: 14px; position: relative; }
#location .dir a.home:after { position: absolute; top: -3px; right: -18px; }
#location .location_buttons { position: absolute; top: 31px; right: 10px; }

#location .location_buttons .sns { display: inline-block; position: relative; }

#location .location_buttons .sns a { background-position: 3px -108px; }
#location .location_buttons .sns>div>a { width: 32px; height: 32px; margin: 0; margin-bottom: 10px; }
#location .location_buttons .sns.on>a { /* display:none; */ }

#location .location_buttons .sns>a+div { display: none; }

#location .location_buttons .sns.on a+div { display: block; position: absolute; top: 40px; right: -5px; width: 32px; }

#location .location_buttons .sns.on a+div .clickClose { position: absolute; top: -44px; right: 0px; border-radius: 50%; background-position: 0 -134px; }

#location .location_buttons a { float: left; width: 21px; height: 20px; margin-left: 12px; overflow: hidden; text-indent: -999px; background: url(/images/kor/common2/ico_ir.png)no-repeat; }

#location .location_buttons a[target="_blank"] { padding-right: 0 }

#location .location_buttons a.icon1 { background-position: 0 -174px; }

#location .location_buttons a.icon2 { background-position: 0 -214px; }

#location .location_buttons a.icon3 { background-position:-105px -215px; }
#location .location_buttons a.icon4 { background-position:-35px -215px; }
#location .location_buttons a.icon5 { background-position:-70px -215px; }
#location .location_buttons a.icon6 { background-position:-140px -215px; }
#location .location_buttons a.print { background-position: -43px -108px; }
#location .location_buttons a.copy { background-position: -20px -108px; }
#location p#print a { position: absolute; top: 6px; right: 0; display: inline-block; width: 27px; height: 26px; overflow: hidden; text-indent: -999px; background: url(/images/kor/common/location_button.gif) no-repeat -116px 0 }

/*실제 컨텐츠 영역*/
#contents { float: right; width: 100%; margin: 45px 0; }

/*만족도조사*/
.satisfaction p { float: none; width: 100% }

/*푸터*/
#footersitelink .footersitelinkwrap { max-width: 1440px; margin: 0 auto 40px; }

#footersitelink .footersitelinkwrap:after { content: ""; clear: both; display: block }

#footersitelink .footersitelinkwrap p,
#footersitelink .footersitelinkwrap>ul { padding: 15px 0 15px 25px; margin-top: 27px }

#footersitelink .footersitelinkwrap p,
#footersitelink .footersitelinkwrap>ul>li { float: left; }

#footersitelink .footersitelinkwrap strong { width: 110px; padding-left: 55px; margin-top: 25px; font-weight: normal; font-size: 1.3em; background: url(/images/kor/footer/footer_ico.png) no-repeat 0 10px; color: #101010 }

#footersitelink .footersitelinkwrap p { font-weight: bold }

#footersitelink .footersitelinkwrap>ul { padding-left: 0; margin-top: 15px; display: flex; align-items: center; justify-content: space-between; }

#footersitelink .footersitelinkwrap>ul:after { display: block; clear: both; content: ''; }

#footersitelink .footersitelinkwrap>ul>li { position: relative; width: calc(100% / 5 - 15px); }

#footersitelink .footersitelinkwrap>ul>li:first-child { margin-left: 0 }

#footersitelink .footersitelinkwrap>ul>li:after { content: ""; clear: both; display: block }

#footersitelink .footersitelinkwrap>ul>li>a { display: block; position: relative; padding: 18px 25px; font-size: 16px; border-radius: 10px; background: #f3f4f6; color: #000; position: relative; transition: all .3s; }

#footersitelink .footersitelinkwrap>ul>li>a:before { display: block; position: absolute; z-index: 1; right: 28px; top: 22px; content: ''; width: 7px; height: 7px; border: solid #585c62; border-width: 0 2px 2px 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: all .3s; }

#footersitelink .footersitelinkwrap>ul>li>a.ov,
#footersitelink .footersitelinkwrap>ul>li>a:hover,
#footersitelink .footersitelinkwrap>ul>li>a:focus,
#footersitelink .footersitelinkwrap>ul>li>a:active { outline: 1px solid #4a73d9; background-color: #4a73d9; color: #fff; }

#footersitelink .footersitelinkwrap>ul>li>a.ov:before,
#footersitelink .footersitelinkwrap>ul>li>a:hover:before,
#footersitelink .footersitelinkwrap>ul>li>a:focus:before { border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(225deg); -webkit-transform: rotate(225deg); top: 27px; }

#footersitelink .footersitelinkwrap .obj { display: none; position: absolute; bottom: 67px; left: 0; z-index: 10; padding: 20px 0 10px 20px; background: #fff; overflow: hidden; outline: 1px solid #4a73d9; border-radius: 10px; }

#footersitelink .footersitelinkwrap .obj li { float: left; width: 50%; margin-bottom: 8px }

#footersitelink .footersitelinkwrap .obj li a { position: relative; display: inline-block; padding-left: 15px; font-size: 0.8em; background: url(/images/kor/main/mcont6_bullet.gif) no-repeat 0 -20px }

#footersitelink .footersitelinkwrap .obj li a[target="_blank"] { padding-right: 0 }

#footersitelink .footersitelinkwrap .obj li a[target="_blank"]:after { content: ""; position: absolute; top: 0; right: -18px; width: 13px; height: 12px }

#footersitelink .footersitelinkwrap .obj li a[target="_blank"]:after { background: url(/images/common/ico_window.gif) no-repeat 100% 0 }

#footersitelink .footersitelinkwrap .obj li a:hover,
#footersitelink .footersitelinkwrap .obj li a:focus,
#footersitelink .footersitelinkwrap .obj li a:active { text-decoration: underline; background-position: 0 7px; color: #252525 }

#footersitelink .footersitelinkwrap form { display: none }

#footer { position: relative; max-width: 1440px; padding-bottom: 30px; margin: 0 auto }

#footer:after { content: ""; clear: both; display: block }

#footer .f_logo { display: none; float: left; width: 130px; height: 78px; background: url(http://www.seocheon.go.kr/images/kor/footer/f_logo.gif) no-repeat; }

#footer .qrcode { position: absolute; top: -20px; right: 0 }

#siteinfo { float: left; }

#siteinfo:after { content: ""; clear: both; display: block }

#siteinfo .fm { margin-bottom: 25px }

#siteinfo .fm:after { content: ""; clear: both; display: block }

#siteinfo .fm li { position: relative; float: left; padding-left: 20px; margin-left: 20px }

#siteinfo .fm li:after { content: ""; position: absolute; top: 8px; left: 0; height: 7px; border-left: 1px solid #dcdcdc }

#siteinfo .fm li:first-child { padding-left: 0; margin-left: 0 }

#siteinfo .fm li:first-child:after { display: none }

#siteinfo .fm li a { display: block }

#siteinfo .fm li a .point01 { color: #1d6dbb; }

#siteinfo .addr address { margin-bottom: 5px }

#siteinfo .black { color: #000 }

/*마크*/
#footer .mark { height: 74px; top: 0; width: 113px; float: right; }

#footer .mark span { background: url(/images/kor/footer/mk.png) no-repeat scroll 0 0; display: block; font-size: 0; height: 74px; line-height: 0; width: 113px; }


#snb .right_util { display: flex; align-items: center; justify-content: flex-end; }

#snb .right_util .weather { display: flex; align-items: center; justify-content: flex-end; }

#snb .right_util .weather .wt_icon { display: flex; align-items: center; justify-content: flex-start; margin-right: 8px; }

#snb .right_util .weather .wt_icon em { display: block; width: 30px; height: 24px; background-position: center; background-repeat: no-repeat; margin-right: 8px; }

#snb .right_util .weather .wt_icon span { color: #1d6dbb; font-family: 'score-dream'; font-size: 14px; }

#snb .right_util .weather .wt_icon.wt_icon1 em { background-image: url(/images/kor/common2/wt_icon1.png); }

#snb .right_util .weather .wt_icon.wt_icon2 em { background-image: url(/images/kor/common2/wt_icon2.png); }

#snb .right_util .weather .wt_icon.wt_icon3 em { background-image: url(/images/kor/common2/wt_icon3.png); }

#snb .right_util .weather .wt_icon.wt_icon4 em { background-image: url(/images/kor/common2/wt_icon4.png); }

#snb .right_util .weather .wt_icon.wt_icon5 em { background-image: url(/images/kor/common2/wt_icon5.png); }

#snb .right_util .weather .wt_icon.wt_icon6 em { background-image: url(/images/kor/common2/wt_icon6.png); }

#snb .right_util .weather>strong { font-family: 'score-dream'; font-size: 14px; color: #2b2f36; margin-right: 8px; }

#snb .right_util .weather>em { margin-right: 8px; font-size: 14px; color: #2b2f36; }

#snb .right_util .weather>span { font-size: 14px; color: #2b2f36; }

#topmenu .grap { background: #3e4651; height: 82px; }

#topmenu .grap .lang { position: relative; height: 100%; }

#topmenu .grap .lang h2 { position: relative; z-index: 2; height: 100%; display: flex; align-items: center; justify-content: center; width: 144px; }

#topmenu .grap .lang h2:after { content: ""; position: absolute; top: 36px; right: 20px; width: 12px; height: 7px; background: url(/images/kor/common2/lang_w.png) 0 0 no-repeat; }

#topmenu .grap .lang h2 a { padding: 0 40px 0 30px; font-size: 14px; color: #fff; position: relative; }

#topmenu .grap .lang.on h2 a { color: #3e4651; }

#topmenu .grap .lang.on h2:after { content: ""; position: absolute; top: 36px; right: 20px; width: 12px; height: 7px; background: url(/images/kor/common2/lang_d.png) 0 0 no-repeat; }

#topmenu .grap .lang ul { display: none; position: absolute; z-index: 1; border: 2px solid #d2d2d2; background: #fff; width: 143px; box-sizing: border-box; top: 0; padding: 0 10px; padding-top: 66px; padding-bottom: 15px; }

#topmenu .grap .lang ul li { border-top: 1px dashed #dbdbdb; padding: 5px 0; }

#topmenu .grap .lang ul li a { height: 34px; color: #585858; padding: 0 0 0 10px; }

#topmenu .grap .lang ul li a[target="_blank"] { background: none; }

#topmenu .grap .lang ul li a:hover,
#topmenu .grap .lang ul li a:active { text-decoration: underline; color: #0b6ebb }

#topmenu .grap .lang ul li:first-child { border-top-width: 0; }

#topmenu .grap .lang ul li.close { background: #efefef }

#topmenu .grap .lang ul li.close a { color: #1c2332; text-align: center; background: none; line-height: 35px; }

#topmenu a.m_menu_close { width: 17px; height: 17px; position: absolute; display: block; font-size: 0; top: 30px; right: 20px; background: url(/images/kor/common2/m_close.png) 0 0 no-repeat; }
.footer_banner { width: 100%; height: 100px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;box-sizing: border-box; }
.banner { width: 100%; max-width: 1440px; margin: 0 auto; position: relative; position:relative; display: flex; align-items: center; justify-content: flex-start; height: 100%; }
/* slick */
.banner .slick-slider { position:relative; }
.banner .slick-list { overflow:hidden; position:relative; /* height: 100%; */ }
.banner .slick-track { position:relative; top:0; left:0; margin-right:auto; margin-left:auto; /* height: 100%; */ }
.banner .slick-track:before, .slick-track:after { display:table; }
.banner .slick-track:after { clear:both; }
.banner .slick-loading .slick-track { visibility:hidden; }
.banner .slick-slide { display:none; float:left; min-height: 69px; }
.banner .slick-slide.slick-loading img { display:none; }
.banner .slick-initialized .slick-slide { display:block; min-height: auto; height: auto; }
.banner .slick-loading .slick-slide { visibility:hidden; }
.banner .slick-vertical .slick-slide { display:block; }
.banner__inner { position:relative; padding-left: 120px;; width: calc(100% - 130px); box-sizing: border-box; }
.banner strong { color:#000; font-size:21px; font-weight:bold; display: block; font-family: 'score-dream'; }
.banner .banner_list { /* min-height:69px; */ }
.banner .item { display:inline-block; }
.banner .item a { display:block; position:relative; margin-right:25px; padding-right:25px; color:#636363; font-size:15px; line-height:17px; border-right: 1px solid #dcdcdc; }
.banner .item a[target="_blank"] { padding-right: 25px; background:none }
.banner .item:before { display:block; position:absolute; top:0; bottom:0; left:0; width:3px; height:3px; margin-top:auto; margin-bottom:auto; border-radius:100%; background-color:#cbceda; }
.banner .banner_anchor { position:relative; color:#636363; }
.banner .banner_anchor:before { visibility:hidden; opacity:0; display:block; position:absolute; bottom:-7px; left:0; width:100%; height:1px; border-bottom:1px dotted #3b434f; }
.banner .banner_anchor:hover:before { visibility:visible; opacity:1; }
.banner .slick-slide > div { display:inline-block; }
.banner .slick-slide > div:first-child .item { margin-left:0; padding-left:0; }
.banner .slick-slide > div:first-child .item:before { display:none; }
.banner .control { position:absolute; top: -4px; left: 17px; height:13px; margin-top:auto; margin-bottom:auto; }
.banner .control [data-control] { font-size: 0; width:28px; height:28px; border-radius: 50%; border: 1px solid #c8c8c8; background: #fff; }
.banner .control [data-control],
.banner .control .slick-arrow { display:inline-block; position:relative; vertical-align:middle; }
.banner .control [data-control]:before,
.banner .control .slick-arrow:before { display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background-repeat:no-repeat; background-size:100%; content:''; }
.banner .control [data-control="prev"]:before { width:100%; height:100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z' fill='rgba(74,80,107,1)'/%3E%3C/svg%3E"); }
.banner .control [data-control="next"]:before { width:100%; height:100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z' fill='rgba(74,80,107,1)'/%3E%3C/svg%3E"); }
.banner .control button[data-control="play"] { display: none; }
.banner .control button[data-control]:before,
.banner .control button[data-control]:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.banner .control button[data-control="play"]:before { right: -3px; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #000; border-style: solid; width: 0; height: 0; }
.banner .control button[data-control="stop"]:before { width: 2px; height: 9px; box-shadow: -2px 0 #000, 2px 0 #000; }
/* @media all and (max-width:1000px){
 .banner strong { top:6px; left:3%; padding-left:28px; font-size:14px; }
.banner strong:before { top:3px; left:0; width:20px; height:20px; background-size:20px auto; }
.banner .banner_list { min-height:39px; padding-left:100px; padding-right:60px; }
.banner .item { margin-left:15px; padding:11px 0 11px 15px; font-size:14px; }
.banner .control { right:3%; }
 }*/

@media screen and (max-width:1279px) { /* #lnb */
 #gnb { display: none; }
 #respond_buttons { display: block; position: absolute; top: 70px; right: 10px; }
#snb .sitemap { display: none; }
 #tm li .gnb-title { padding: 65px 20px; }

 #tm .th1 .th1_lnk.current+.gnb-title { width: auto; }

 #tm li .gnb-title p br { display: none; }

 #wrap #tm { padding-left: 240px; }

 #wrap #tm .th1 .th1_lnk { padding: 37px 0px; }

 #wrap #tm .th2 { padding-left: 180px; }

 #snb .sitemap { right: 30px; }

 #footer { max-width: 980px; }

 #wrap #footersitelink .footersitelinkwrap>ul { width: 100%; margin: 0; }

 #wrap #footersitelink .footersitelinkwrap>ul>li { width: 19%; }

 #tm .th2>li { position: relative; float: left; width: 25%; padding: 0px 15px; margin-bottom: 10px; }
#respond_buttons { display:block; position:absolute; top:70px; right:10px }
#respond_buttons a { display:block; width:22px; height:17px; padding:12px; overflow:hidden; text-indent:-999px; /* border:1px solid #dedede; */background: url(/images/kor/common2/sitemap.png) center no-repeat; }
#topmenu { display:block; position:absolute; top:0; overflow:auto; width:200px; height:100%; opacity:0; background:#333; z-index:1040 }
#topmenu a { display:block }
#topmenu .tmc a.tmcd { padding:10px; color:#fff }
#topmenu .tmc a.ov { font-size:1.43em; font-weight:700 }
#topmenu .tmc .thm { padding:10px; background:#f9f9f9 }
#topmenu .tmc .thm a { padding:5px 10px; line-height:1.2 }

#topmenu { right:-224px; width:224px; padding-left:5px; background:url(/images/kor/header/mobile_topmenu_bg.png) repeat-y }
#topmenu a { display:block; color:#fff }
#topmenu .global { display:table; width:100%; border-bottom:1px solid #435688 }
#topmenu .global a { display:table-cell; width:100px; padding:50px 0 20px; text-align:center; border-left:1px solid #435688; background-position:40px -80px }
#topmenu .global a:first-child { border:0; background-position:40px 20px }




#topmenu #gnb_device .th1 { border-top:1px solid #2b3756; border-bottom:1px solid #48567b }
#topmenu #gnb_device .th1:first-child { border-top:0 }
#topmenu #gnb_device .th1 a.th1_lnk { padding:15px 0; padding-left:20px; font-size:1.14em; background-position:178px -330px }
#topmenu #gnb_device .th1 a.ov,
#topmenu #gnb_device .th1 a.th1_lnk:active { background-color:#1b2848; background-position:-60px -324px }
#topmenu #gnb_device .th2 { background:#2c3a5d }
#topmenu #gnb_device .th2 li { border-top:1px solid #384870; background:url(/images/kor/header/mobile_topmenu.png) no-repeat 170px -382px }
#topmenu #gnb_device .th2 li a { padding:10px 0; padding-left:30px; background-position:35px -280px }
#topmenu #gnb_device .th2 li a:active { color:#90daf7 }
#topmenu #gnb_device .th2 li li { background:none; border-top:0 }
#topmenu #gnb_device .th2 li li a { padding:3px 0; padding-left:32px; color:#c8ccd7; border-top:0; background:none }
#topmenu #gnb_device .th2 li li a:hover,
#topmenu #gnb_device .th2 li li a:active { color:#90daf7; text-decoration:underline }
#topmenu #gnb_device .th2 li li a:before { content:"·"; display:inline; margin-right:5px; color:#7183b1 }
#topmenu #gnb_device .th3 { display:none; padding:10px 0; background:#36456c }
 }
@media (max-width:1279px){
 #wrap #header { height: 114px; padding-top: 0; padding-left: 30px; padding-right: 30px; }

 #wrap #snb { background: none; justify-content: flex-end; padding-right: 0px; margin-top: 0; }

 #snb .sitemap { display: none; }

 #snb .util_hm .grap { display: none; }

 #snb .util_hm .sitelink:nth-child(3) a { background-position: 7px 15px; background-size: 18px; }

 #wrap #respond_buttons { top: 60px }

 #wrap #topmenu { right: -296px; width: 296px; padding: 0; background: #eaeef5 url(/images/kor/common2/mbgnb_bg.png); }

 #wrap #topmenu .global { height: 50px; padding: 0; background: #1e273a; border: 0; }

 #wrap #topmenu .global a { display: block; width: 100%; height: 100%; padding: 0; background: url(/images/kor/common2/mbgnb_tit.png) no-repeat 30px center; font-size: 0; }

 #wrap #topmenu .mb_link {overflow: hidden;background: #fff;}

 #wrap #topmenu .mb_link li { display: block; float: left; width: 33.333%; margin: -1px 0 0 -1px; border: 1px solid #30394c; font-size: 14px; text-align: center; box-sizing: border-box; }

 #wrap #topmenu .mb_link li:nth-child(1),
 #wrap #topmenu .mb_link li:nth-child(2) {background: url('/images/kor/common/logout.png') no-repeat;background-size: 16px 16px;background-position: 24px center;width: 100%;text-align: unset;padding-left: 54px;font-weight: bold;}

 #wrap #topmenu .mb_link li a {display: block;padding: 13px 0;background: none;color: black;}

 #wrap #topmenu .mb_link li a span { display: inline-block; width: 10px; height: 10px; margin-right: 10px; background: url(/images/kor/common2/mbgnb_icon.png); vertical-align: middle; }

 #wrap #topmenu .mb_link li a .icon1 { width: 16px; height: 15px; background-position: 0 0; }

 #wrap #topmenu .mb_link li a .icon2 { width: 17px; height: 13px; background-position: -20px -1px; }

 #wrap #topmenu .mb_link li a .icon3 { width: 22px; height: 15px; background-position: -40px 0; }

 #wrap #topmenu .mb_link li a .icon4 { width: 16px; height: 13px; background-position: -62px -2px; }

 #wrap #topmenu .mb_link li a .icon5 { width: 17px; height: 15px; background-position: -81px 0; }

 #wrap #topmenu #gnb_device { position: relative; height: calc(100% - 144px); width: 100%; }

 #wrap #topmenu #gnb_device:before { position: absolute; left: 0; top: 0; bottom: 0; width: 112px; background: #334467; border-radius: 0 0 30px 0; /* content:''; */ }

 #wrap #topmenu #gnb_device .th1 { /* padding-left:112px; */
 border: 0; width: 100%; }

 #wrap #topmenu #gnb_device .th1 a.th1_lnk { position: relative; width: 100%; padding-left: 0; background: #334467; text-align: left; color: #404751; background: #fff; font-weight: bold; padding-left: 25px; padding-right: 25px; box-sizing: border-box; border-bottom: 1px solid #e5e5e5; }

 #wrap #topmenu #gnb_device .th1 a.th1_lnk.ov { background: #366098; color: #fff; border-bottom: 0px solid #e5e5e5; }

 #wrap #topmenu #gnb_device .th1 a.th1_lnk::before { content: ""; width: 9px; height: 6px; position: absolute; top: 23px; right: 22px; background: url(/images/kor/common2/m_th1.png) 0 0 no-repeat; }

 #wrap #topmenu #gnb_device .th1 a.th1_lnk.ov::before { background: url(/images/kor/common2/m_th1_on.png) 0 0 no-repeat; }

 #wrap #topmenu #gnb_device .th2 { /* padding-left:16px; */
 background: none; padding: 0 20px; }

 #wrap #topmenu #gnb_device .th2 li { background: none; border-color: transparent; }

 #wrap #topmenu #gnb_device .th2>li>a { position: relative; padding: 12px 0 12px 10px; background: none; color: #2c2c2c; font-size: 15px; }

 #wrap #topmenu #gnb_device .th2>li>a:hover,
 #wrap #topmenu #gnb_device .th2>li>a:focus,
 #wrap #topmenu #gnb_device .th2>li>a.on { color: #fff; font-weight: bold; background: #366098; border-radius: 30px; }

 #wrap #topmenu #gnb_device .th2>li>a:before,
 #wrap #topmenu #gnb_device .th2>li>a:after { content: ''; position: absolute; top: 0; right: 19px; bottom: 0; margin: auto; transition: all 2s 0s ease; }

 #wrap #topmenu #gnb_device .th2>li>a:before { width: 14px; height: 2px; background: #333; }

 #wrap #topmenu #gnb_device .th2>li>a:after { right: 25px; width: 2px; height: 14px; background: #333; }

 #wrap #topmenu #gnb_device .th2>li>a:hover:before,
 #wrap #topmenu #gnb_device .th2>li>a:focus:before,
 #wrap #topmenu #gnb_device .th2>li>a.on::before { background: #fff; }

 #wrap #topmenu #gnb_device .th2>li>a:hover:after,
 #wrap #topmenu #gnb_device .th2>li>a:focus:after,
 #wrap #topmenu #gnb_device .th2>li>a.on:after { display: none; }

 #wrap #topmenu #gnb_device .th1 .th3 { background: #fff; border: 1px solid #3564dd; padding-top: 40px; margin-top: -30px; border-radius: 15px; }

 #wrap #topmenu #gnb_device .th1 .th3 li a { background: none; padding-left: 20px; color: #595959; }

 #wrap #topmenu #gnb_device .th1 .th3 li a:hover,
 #wrap #topmenu #gnb_device .th1 .th3 li a:focus { color: #1847a7; font-weight: bold; text-decoration: none; }



 #snb,
 #footersitelink .footersitelinkwrap { padding: 0 30px }

 #footersitelink .footersitelinkwrap>ul>li>a { padding-left: 10px; font-size: 14px; }

 #footersitelink .footersitelinkwrap>ul>li>a:before { right: 10px }

 #wrap #footersitelink .footersitelinkwrap .obj li a { padding: 0 }

 #snb .util_hm { display: none; }
 }
@media(max-width:1199px){
 #snb .util_hm a { min-width: auto; }

 #snb .util_hm a img { display: none; }
 }

@media (max-width:1050px){
 #snb .util_hm .sitelink { min-width: auto; }

 #snb .util_hm a { padding: 0 9px; font-size: 14px; }
 }
@media (max-width:1000px){
 #svisual { display: none; }
 }


@media screen and (max-width:767px){
 #wrap #header { height: 71px; }

 #header:before { display: none; }

 #wrap #snb h1 { top: 15px; left: -10px; }

 #snb h1 a { width: 122px; height: 35px; }

 #snb .util_hm { display: none; }

 #wrap #respond_buttons { top: 15px; z-index: 10; }

 #wrap #snb { height: 76px; }

 #snb .right_util,.mois,#snb .zoom { display: none; }
 }

@media screen and (max-width:639px){
 #wrap #footersitelink .footersitelinkwrap>ul>li { width: 49%; }
 }

/* 코로나 상황알림 추가 */
#snb .util_hm a.corona { /* background-color:red */ }

#snb h1 a.corona { display: none; }

@media screen and (max-width:767px) { /* #snb h1 a.corona { display:block; position:absolute; right: -124px; top:14px; } */}

@media(max-width:340px){
 #snb h1 a.corona { right: -110px; width: 110px; }
 }


@media(max-width:1440px){
 #snb .util_hm a { padding: 0 10px; min-width: auto;}
#wrap #header,.footer_banner { padding-left: 30px; padding-right: 30px; }
 }
 @media(max-width:1280px){
 #snb .util_hm {  display: none;}
 }
@media(max-width:100px){
 #location .dir { background: none; border-bottom: 0px solid #000; }
 }
@media (max-width: 639px){
 #location .location_buttons { margin-top: -45px; }
 }
@media (max-width: 767px){
 #wrap #footersitelink .footersitelinkwrap>ul { flex-wrap:wrap}
 #wrap #footersitelink .footersitelinkwrap>ul>li { width: 48%; margin-bottom: 15px; }
 #footersitelink .footersitelinkwrap>ul:after { display: none; }
 }
@media (max-width: 560px) {.banner { padding-top: 15px; align-items: flex-start; }
.banner .control { position: absolute; top: 36px; left: -76px; height: 13px; margin-top: auto; margin-bottom: auto; }
.banner__inner { padding-left: 30px; padding-top: 20px; }
}


/* plank */

#popup_content{z-index:10000}



#plank{display:none;position:absolute;z-index:2000;top:0;right:-100%;width:100%;background: #f0f3e4;}
#plank:after {content:'';background-image: url(/images/kor/main2/tree3_40.png);width: 776px;height: 649px;position: absolute;right: 0;bottom: 0;}
#plank:before {content:'';background-image: url(/images/kor/main2/tree2.png);width: 181px;height: 156px;position: absolute;left: 0;bottom: 0px;}
#plank_visualwrap {width:100%;background:url(http://www.seocheon.go.kr/images/kor/plank/visual_bg.gif) repeat-x 50%}
#plank_visualwrap #plank_visual{max-width:980px;margin:0 auto;overflow:hidden;height:283px}


#plank #plank_headerwrap {position:relative;width:100%;/* background:#787a77 url(http://www.seocheon.go.kr/images/kor/plank/plank_bg.gif) no-repeat 50% top; */text-align: center;}
#plank #plank_headerwrap:before {content:'';background-image: url(/images/kor/main2/tree.png);width: 154px;height: 254px;position: absolute;left: 0px;top: 31px;background-repeat: no-repeat;}
#plank #plank_headerwrap:after {content:'';background-image: url(/images/kor/main2/w-dot.png);position: absolute;right: 45px;top: 40px;width: 168px;height: 263px;background-repeat: no-repeat;}
#plank #plank_header{max-width: 1440px;margin:0 auto;/* overflow:hidden; */height: auto;/* padding-top: 80px; */position: relative;height: 257px;margin-top: 66px;}
#plank #plank_header:before {content:'';background-image: url(/images/kor/main2/cha.png);width: 223px;height: 176px;position: absolute;right: 238px;top: 37px;background-repeat: no-repeat;}
#plank #plank_header #plank_logo{float:left;width: 195px;height: 48px;/* margin-top:18px; */background: url(/images/kor/main2/sc-logo.png) no-repeat;}
#plank_exit{position:absolute;top: 0;left:50%;margin-left: 676px;}
#plank_exit a{display:block;width:50px;height:50px;background: url(/images/kor/main2/close.png) no-repeat;}
#plank #plank_header #plank_logo,
#plank_exit a{text-indent:-999px;overflow:hidden}
#plank #plank_headerwrap .title {display: inline-block;text-align: center;position: absolute;left: 50%;top: 71px;transform: translate(-50%, 0);}
#plank #plank_headerwrap .title .sub-title {display: inline-block;line-height: 1;font-size: 23px;color: #333;letter-spacing: -1px;margin: 0 auto;margin-bottom: 26px;/* text-align: center; */}
#plank #plank_headerwrap .title .main-title {font-size: 59px;line-height: 1;color: #649a28;display: block;width: 100%;}
#plank #plank_headerwrap .title .main-title em {color: #3e5221;margin-right: 14px;}

#plank #plank_body{position:relative;max-width: 1440px;margin:0 auto;overflow:hidden;/* height:1900px; */padding-bottom: 134px;z-index: 1;}
#plank #plank_body h3{position:absolute;top: -9999px;left: -9999px;height:0;width:0;line-height:0;}

#plank .nav-area {width: 100%;display: block;/* height: 50px; */display: block;justify-content: center;max-width: 1440px;width: 100%;margin: 0 auto;}
#plank #plank_nav{/* position:absolute; *//* top:25px; *//* left:50%; *//* margin-left:-200px; */width: 100%;display: flex;height: 100%;justify-content: space-between;margin: 0 0;}
#plank #plank_nav li{/* float:left; *//* margin-right:35px; */display: inline-block;width: calc(100% / 4 - 0px);}
#plank #plank_nav li a{/* float:left; */display:block;/* line-height:36px; *//* padding-left:47px; */color: #000;font-size:1.188em;/* background:url(http://www.seocheon.go.kr/images/kor/plank/plank_icon.png) no-repeat; */text-align: center;font-size: 25px;font-weight: 600;font-family: 'score-dream';border: 3px solid #000;border-left: none;border-top-color: transparent;border-right: none;padding-top: 27px;padding-bottom: 24px;margin: 0 -1.5px;}
#plank #plank_nav li.ico1 a{background-position:0px 0;}
#plank #plank_nav li.ico2 a{background-position:0 -52px}
#plank #plank_nav li.ico3 a{background-position:0 -117px}
#plank #plank_nav li.ico4 a{background-position:0 -174px}
#plank #plank_nav li a.ov,
#plank #plank_nav li a:hover,
#plank #plank_nav li a:focus{border-bottom: none;border-top: 3px solid #000;border-left: 3px solid #000;border-right: 3px solid #000;border-top-left-radius: 30px;border-top-right-radius: 30px;}
/* #plank #plank_nav li.ico2 a.ov,
#plank #plank_nav li.ico2 a:hover,
#plank #plank_nav li.ico2 a:focus{background-position:0px -296px}
#plank #plank_nav li.ico3 a.ov,
#plank #plank_nav li.ico3 a:hover,
#plank #plank_nav li.ico3 a:focus{background-position:0px -361px}
#plank #plank_nav li.ico4 a.ov,
#plank #plank_nav li.ico4 a:hover,
#plank #plank_nav li.ico4 a:focus{background-position:0px -418px} */

#plank #plank_body .obj{/* position:absolute; *//* top: 79px; *//* left:0; */width:100%;margin-top: 70px;}
#plank #plank_body .obj:after{content:"";clear:both;display:block;visibility:hidden;}
#plank #plank_body .obj .item{position:relative;float:left;width: 341px;height: 535px;margin: 0 0 42px 25px;background-color: #fff;border-radius: 15px;box-shadow: 0px 7px 15px #ddd;}
#plank #plank_body .obj .item:first-child,
#plank #plank_body .obj .item.break{margin-left:0}
#plank #plank_body .obj .item figure {height: 242px;width: 100%;display: block;overflow: hidden;}
#plank #plank_body .obj .item figure img {border-top-right-radius: 15px;border-top-left-radius: 15px;max-width: none;width: 100%;height: auto;}
#plank #plank_body .obj .item .pt,
#plank #plank_body .obj .item .btn{border: 1px solid #e0e0e0;/* border-width:0 1px 1px; */background:#fff}
#plank #plank_body .obj .item .pt{/* padding:0 20px; */height: 150px;overflow:hidden;padding-top: 27px;padding: 27px 38px 29px;border: none;}
#plank #plank_body .obj .item .pt .ti{display:block;/* margin-top:20px; */font-weight:normal;color: #649a28;line-height: 1;background:url(http://www.seocheon.go.kr/images/kor/plank/plank_icon.png) no-repeat;;;;font-size: 15px;;;;;;;;;;;;;;;;;;;;;;;;;;;margin-bottom: 15px;;;;;;;;;}
#plank #plank_body .obj .item .pt h4{/* font-size:1.42em; */font-weight:normal;color:#000;line-height: 1;font-size: 25px;font-weight: 600;margin-bottom: 19px;font-family: 'score-dream';}
#plank #plank_body .obj .item .pt p{/* margin-top:7px; */}
#plank #plank_body .obj .item .btn{/* height: 50px; */text-align:center;margin: 0 38px;/* border-radius: 15px; */border: none;}
#plank #plank_body .obj .item .btn a{display:inline-block;height:50px;padding-left:40px;line-height:50px;background:url(http://www.seocheon.go.kr/images/kor/plank/plank_btn_icon.gif) no-repeat 0 -11px;;;;font-size: 16px;;;;;;;;;;;;;;;;;border: 1px solid #ddd;;;;;;;;;;;;;;;;;;;;;;border-radius: 10px;;;;;;;;;;}
#plank #plank_body .obj .item .btn a[target="_blank"]{padding-right:0;}
#plank #plank_body .obj .item .btn .home {display: block;width: 100%;padding: 0;background-image: url(/images/kor/main2/home.png);background-position: 80px 47%;}
#plank #plank_body .obj .item .btn .map {}

#plank #plank_body .obj .item .btn.btn2 {text-align: unset;}
#plank #plank_body .obj .item .btn.btn2 .home {display: inline-block;width: auto;background-position: 13px 50%;}
#plank #plank_body .obj .item .btn.btn2 .map {background-image: url(/images/kor/main2/flag.png);background-size: 17px 18px;background-position: 13px 50%;}
#plank #plank_body .obj .item .btn.btn2 .home , #plank #plank_body .obj .item .btn.btn2 .map {display: inline-block;width: calc(100% / 2 - 2px);padding: 0;margin: 0;text-align: center;padding-left: 20px;box-sizing: border-box;background-position: 19px 50%;}
#plank #plank_body .obj .item .btn.btn2.map2 .map{
  width: 100%;
  background-position: 80px 47%;
}

#plank #plank_body .obj .item .btn a+a{margin-left:40px;background-position:0 -79px}
#plank #plank_body .obj .item .btn a+a:before{content:"";float:left;margin-left:-60px;height:50px;border-left:1px solid #e0e0e0;display: none;}
#plank #plank_body .button1+.obj .pt .ti{background-position:0 0}
#plank #plank_body .button2+.obj .pt .ti{background-position:0 -300px}
#plank #plank_body .button3+.obj .pt .ti{background-position:0 -200px}
#plank #plank_body .button4+.obj .pt .ti{background-position:0 -100px}

#plank_footerwrap {max-width:980px;margin:30px auto;display: none;}
#plank_sns {position:relative;max-width:320px;margin:50px auto;text-align:center;}
#plank_sns strong{font-weight:normal}
#plank_sns .location_buttons{max-width:118px;margin:10px auto;text-align:center;}
#plank_sns .location_buttons:after{content:"";clear:both;display:block;visibility:hidden;}
#plank_sns .location_buttons a{float:left;width:32px;height:32px;padding:0 7px;overflow:hidden;text-indent:-999px;background:url(http://www.seocheon.go.kr/images/kor/plank/plank_sns.png) no-repeat}
#plank_sns .location_buttons a[target="_blank"]{padding-right:0;}
#plank_sns .location_buttons a.icon1{background-position:0 0}
#plank_sns .location_buttons a.icon2{background-position:0 -34px}
#plank_sns .location_buttons a.icon3{background-position:0 -68px}
#plank_sns .location_buttons a.icon4{background-position:0 -102px}
#plank_footer {border-top:3px solid #494a4b;padding:20px 0;}
#plank_footer:after{content:"";clear:both;display:block}
#plank_footer .copyright{float: left;font-size:0.750em;color: #818181;}
#plank_footer .f_logo{float: right;}

/* 인트로 */
#sc_intro {background: url(/images/intro_bg.jpg) no-repeat center / cover; display: flex; align-items: center; justify-content: center; height: 100dvh;}
#sc_intro > img {max-width:94%;}