@charset "utf-8";
/**
공통 레이아웃
*/
.m{display:none !important;}
.mask{visibility:hidden; opacity:0; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
.mask.on{z-index:95; visibility:visible; opacity:1; transition:0.3s ease;}
#content.on + .mask{opacity:0;}

body{width:100%; min-width:320px; overflow-x:hidden;}

#skip-navigation{z-index:9999; position:absolute; left:0; top:0;}
#skip-navigation *{list-style:none; margin:0; padding:0;}
#skip-navigation a{display:block; width:1px; height:1px; overflow:hidden; color:#000; white-space:nowrap;}
#skip-navigation a:focus,
#skip-navigation a:active{width:100px; height:auto; background:#ffd;}

.inner{position:relative; width:1400px; margin:0 auto; box-sizing:border-box;}
.inner:after{content:''; display:block; clear:both;}

#header{position:relative; height:101px;}

#top{height:60px; border-bottom:1px solid #e5e5e5;}
#top .global{float:left;}
#top .global > li{position:relative; float:left; padding:0 25px 0 38px;}
#top .global > li:before, #top .global > li:after{content:''; position:absolute; top:50%; transform:translateY(-50%); left:0; width:27px; height:27px; border-radius:3px; background:#bababa url(../images/common/ico_top.png) no-repeat 7px 7px;}
#top .global > li:nth-child(2):before{background-position:7px -36px;}
#top .global > li:nth-child(3):before{background-position:7px -79px;}
#top .global > li:nth-child(1):before{background-position:7px -121px;}
#top .global > li:nth-child(2):before{background-position:7px -164px;}
#top .global > li:nth-child(6):before{background:#bababa url(../images/kr/common/top_icon2.png)no-repeat center center;}
#top .global > li:after{left:24px; width:0; height:0; margin:-3px 0 0; border-top:5px solid #bababa; border-left:5px solid transparent; border-right:5px solid transparent; border-radius:0; background:none; transform:rotate(-90deg);}
#top .global > li > a{display:block; line-height:60px; color:#555;}
#top .global > li > a:hover,
#top .global > li > a:active,
#top .global > li > a:focus,
#top .global > li.current > a{font-weight:800; color:#333;}

#top .global > li.current:before,
#top .global > li:hover:before{background-color:#403f3b;}
#top .global > li.current:after,
#top .global > li:hover:after,
#top .global > li.list:hover > a:after,
#top .global > li.list:focus > a:after,
#top .global > li.list:active > a:after,
#top .global > li.list.current > a:after{border-top-color:#403f3b;}

#top .global > li.list > a:after{content:''; display:inline-block; margin:-2px 0 0 9px; border-top:5px solid #959595; border-left:5px solid transparent; border-right:5px solid transparent; vertical-align:middle; transition:0.3s;}
#top .global > li.list > a.on:after{transform:rotate(180deg);}

#top .global li div{display:none; z-index:98; position:absolute; top:60px; left:0; width:100%; box-sizing:border-box; padding:0 8px; border:1px solid #e5e5e5; border-top:none; border-radius:0 0 4px 4px; box-shadow:3px 3px 10px rgba(0,0,0,0.1); background:#fff;}
#top .global li div a{display:block; height:44px; line-height:44px; border-top:1px dotted #e5e5e5; text-align:center;}
#top .global li div li:first-child a{border-top:none;}
#top .global .list1 div{width:300px;}
#top .global .list1 li{display:inline-block; width:30%; margin:0 1.1%;}
#top .global .list1 li:nth-child(-n + 3) a{border-top:none;}

.util_wrap{float:right;}
.util_wrap:after{content:''; display:block; clear:both;}

#top .util_wrap .global{height:60px;}
#top .global > li.list3{width:100%; padding:0;}
#top .global > li.list3:before, #top .global > li.list3:after{display:none;}
#top .global > li.list3 > a{width:120px; height:36px; line-height:34px; margin:12px 0 0; box-sizing:border-box; border:1px solid #dedede; border-radius:25px; padding:0 0 0 14px;}

.util_wrap .sns{float:left; padding:12px 30px 0;}
.util_wrap .sns li{float:left;}
.util_wrap .sns li + li{margin:0 0 0 10px;}
.util_wrap .sns li a{display:block; width:34px; height:34px; border-radius:50%; text-indent:-999px; font-size:0;
background:url(../images/common/ico_top.png) no-repeat -46px 0;}
.util_wrap .sns li:nth-child(2) a{background-position:-46px -64px;}
.util_wrap .sns li:nth-child(3) a{background-position:-46px -128px;}

#font_control{float:left; padding:13px 0 0;}
#font_control li{float:left;}
#font_control li + li{margin:0 0 0 5px;}
#font_control li a{display:block; width:34px; height:34px; line-height:34px; text-align:center; background:#eee url(../images/common/ico_top.png) no-repeat -100px 9px; text-indent:-999px; font-size:0;}
#font_control li.current a{font-size:14px; font-weight:400; color:#555; text-indent:0; background-image:none;}
#font_control li.small a{background-position:-100px -28px;}
#font_control li.print a{background-position:-100px -65px;}

.logo{z-index:94; position:absolute; top:25px; left:0;}
.logo *{display:inline-block;}
.logo a{font-family:'score'; text-decoration:none;}
.logo img{margin:0 5px 0 0; vertical-align:top;}
.logo span > span{display:block; padding:0 0 4px; line-height:100%; font-weight:200; color:#555;}
.logo strong{line-height:100%; font-size:30px; font-weight:600; color:#222;}
.m_menu .logo strong{color:#fff;}
.m_menu .logo span > span{color:rgba(255,255,255,0.5);}

.btn_menu{z-index:96; position:absolute; top:44px; right:0; width:26px; border-radius:3px; background:none;}
.btn_menu .bar{display:block; width:100%; height:3px; margin:4px 0; background:#3d3d3d;}

.btn_menu_close{display:block; z-index:96; position:absolute; top:28px; right:3%; width:50px; height:50px;}
.btn_menu_close .bar{position:absolute; top:22px; left:12px; width:27px; height:2px; background:#bec1c4;}
.btn_menu_close .bar1{transform:rotate(45deg);}
.btn_menu_close .bar2{transform:rotate(-45deg);}

/* 메인메뉴 */
#menuArea{z-index:93; overflow:hidden; position:absolute; top:62px; left:0; width:100%; border-bottom:1px solid #e5e5e5; background:#fff;}
#menuArea.on{box-shadow:0 15px 15px rgba(0,0,0,0.15);}
#menuArea:after{z-index:1; content:''; position:absolute; top:99px; left:0; width:100%; height:1px; background:#e5e5e5;}
body.on .mask{z-index:92; visibility:visible; opacity:1; top:auto; bottom:0; height:calc(100% - 150px);}

#topmenu{box-sizing:border-box; padding:0 0 0 21.5%;}
#topmenu:after{content:''; display:block; clear:both;}
#topmenu > li{float:left; width:16.66%;}
#topmenu > li > a{z-index:97; display:block; line-height:99px; font-family:'score'; font-size:18px; font-weight:400; text-align:right; text-decoration:none;}
#topmenu li a[target="_blank"]:after{content:''; display:inline-block; width:10px; height:10px; margin:3px 0 0 8px; vertical-align:top; background:url(../images/common/ico_blank.png) no-repeat;}
#topmenu li a[target="_blank"]:hover:after,
#topmenu li a[target="_blank"]:active:after,
#topmenu li a[target="_blank"]:focus:after{background-image:url(../images/common/ico_blank_w.png);}

#topmenu > li:hover > a,
#topmenu > li > a:hover,
#topmenu > li > a:active,
#topmenu > li > a:focus,
#topmenu > li.current_on > a{color:#295daa;}

#topmenu .menu{z-index:96; display:none; position:absolute; top:100px; left:0; width:100%; height:450px; box-sizing:border-box; padding:50px 0 0 350px; background:#fff;}
#topmenu .menu:before,
#topmenu .menu:after{content:''; position:absolute; top:0; right:50%; margin:0 410px 0 0; width:550px; height:100%; border-radius:0 0 50px 0; background:url(../images/common/bg_menu.jpg) no-repeat; background-size:cover;}
#topmenu .menu:after{top:auto; right:auto; bottom:0; left:50%; margin:0 0 0 710px; width:248px; height:235px; border-radius:0; background-image:url(../images/common/img_menu2.png); background-size:contain;}
#topmenu .menu .tit{position:absolute; top:60px; left:0;}
#topmenu .menu .tit:before{content:''; position:absolute; top:216px; left:0; width:150px; height:150px; background:url(../images/common/img_menu1.png) no-repeat;}
#topmenu .menu .tit h2{font-family:'jalnan'; font-size:30px;}
#topmenu .menu .tit p{color:#888;}
#topmenu .menu .tit p:before{content:''; display:block; width:50px; height:1px; margin:17px 0; background:#258eba;}

#topmenu .menu > ul > li{display:inline-block; width:calc((100% - 92px) / 4); margin:0 0 50px; vertical-align:top;}
#topmenu .menu > ul > li + li{margin:0 0 0 28px;}
#topmenu .menu > ul > li + li:nth-child(5),
#topmenu .menu > ul > li + li:nth-child(9){margin:0;}
#topmenu .menu > ul > li > a{display:block; box-sizing:border-box; padding:15px 60px 15px 30px; border-radius:15px; border:1px dashed #bbb; color:#555; font-size:18px; text-decoration:none; background:url(../images/common/img_a_menu1.png) no-repeat top 21px right 29px;}

#topmenu .menu > ul > li > a:hover,
#topmenu .menu > ul > li > a:active,
#topmenu .menu > ul > li > a:focus,
#topmenu .menu > ul > li.current_on > a{border-color:#295daa; background-color:#295daa; background-image:url(../images/common/img_a_menu2.png); color:#fff; font-weight:400; box-shadow:3px 0 10px rgba(102,102,102,0.3);}

#topmenu .menu ul li ul{box-sizing:border-box; padding:16px 0 39px 19px;}
#topmenu .menu ul li ul li{position:relative; box-sizing:border-box; padding:0 0 9px 12px;}
#topmenu .menu ul li ul li:before{content:''; position:absolute; top:9px; left:0; width:4px; height:4px; border-radius:50%; background:#f3c122;}
#topmenu .menu ul li ul li a{color:#666;}

#topmenu .menu ul li ul li ul{display:none !important;}

/* 검색*/
#search{z-index:95; position:absolute; top:-49px; right:463px; width:105px; box-sizing:border-box;}
#search form{overflow:hidden; height:36px; box-sizing:border-box; padding:0 40px 0 0; border:1px solid #dedede; border-radius:25px; background:#fff; transition:0.3s ease-in-out;}
#search input[type="text"]{width:100%; height:36px; line-height:36px; padding:0 0 0 22px; border:none;}
#search ::-webkit-input-placeholder,
#search :-ms-input-placeholder,
#search ::placeholder{font-size:14px; color:rgba(0,0,0,0.3);}
#search button{position:absolute; top:0; right:0; width:40px; height:35px; font-size:0; text-indent:-999px; background:url(../images/kr/common/bg_btn_menu.png) no-repeat 0 7px;}
#search .btn_search{display:none; position:absolute; top:0; right:0; width:20px; height:20px; font-size:0; text-indent:-999px;}
#search .btn_search:before,
#search .btn_search:after{content:''; display:block; position:absolute; top:0; left:0; width:19px; height:19px; border:3px solid #295daa; border-radius:50%; box-sizing:border-box; transition:0.3s ease;}
#search .btn_search:after{top:auto; left:auto; bottom:-3px; right:0; width:10px; height:3px; border:none; border-radius:3px; transform:rotate(45deg); transform-origin:100% 100%; background:#295daa;}
#search.on .btn_search:before{top:auto; bottom:0; width:28px; height:28px; border-radius:0; transform:rotate(45deg); border:none; border-left:3px solid #295daa; transform-origin:0 100%;}
#search.on .btn_search:after{bottom:-2px; width:28px; border-radius:0;}

/* 하단*/
.linksite:after{content:''; display:block; clear:both;}
.linksite > li{float:left; position:relative; width:22.85%; margin:0 0 0 2.86%;}
.linksite > li:first-child{margin:0;}
.linksite > li > a{z-index:1; overflow:hidden; position:relative; display:block; height:60px; line-height:60px; border-radius:10px; padding:0 0 0 30px; color:#fff; transition:0.25s ease-in-out; background:rgba(0,0,0,0.1);}
.linksite > li > a:after,
.linksite > li:last-child > a:before{content:''; position:absolute; top:50%; right:30px; width:10px; height:10px; border-top:1px solid #b6b5b5; border-right:1px solid #b6b5b5; margin:-3px 0 0 0; transition:0.3s ease-in-out; transform:rotate(-45deg);}
.linksite > li:last-child > a:before{width:7px; height:1px; border:none; background:rgba(255,255,255,0.8); transform:rotate(45deg);}
.linksite > li:last-child > a:after{width:20px; height:1px; margin:0; border:none; background:rgba(255,255,255,0.8); transform:none;} 
.linksite > li.on > a{background:#222;}
.linksite > li.on > a:after{transform:rotate(135deg);}

.linksite li div{display:none; z-index:56; position:absolute; bottom:61px; left:0; width:100%; box-sizing:border-box; background:#282d39;}
.linksite li div:before{content:''; display:block; position:absolute; bottom:0; right:0; width:150px; height:120px; opacity:0.1; background:url(../images/common/logo_l.png) no-repeat; background-size:200px;}
.linksite li.on div{display:block;}
.linksite li div ul{width:100%; overflow-y:auto; max-height:360px; min-height:155px; margin:0 auto; padding:20px 0.7em 22px 22px; box-sizing:border-box;}
.linksite li div ul li{position:relative; display:inline-block; width:100%; box-sizing:border-box; vertical-align:top; border-bottom:1px dotted rgba(255,255,255,0.17);}
.linksite li div ul li:before{content:''; display:block; position:absolute; top:50%; left:0; width:2px; height:2px; margin:-1px 0 0 0; background:#aaa;}
.linksite li div ul li a{display:block; padding:10px 0 10px 0.5em; color:rgba(255,255,255,0.85); transition:0.35s ease-in-out;}
.linksite li div ul li a:hover{box-shadow:inset 0 40px 0 rgba(255,255,255,0.08);}

#footer{padding:65px 0; line-height:160%; background:#32312f; color:rgba(255,255,255,0.3);}
#footer .link{padding:37px 0 15px;}
#footer .link li{position:relative; display:inline-block; padding:0 22px; line-height:100%; vertical-align:top;}
#footer .link li a{color:#fff;}
#footer .link .privacy a{font-weight:800; font-size:16px; color:#fbfbe1;}
#footer .link li + li:before{content:''; position:absolute; top:1px; left:0; width:1px; height:15px; transform:rotate(-15deg); background:rgba(221,221,221,0.5);}
#footer .link li:first-child{padding-left:0;}

#footer .info{position:relative;padding:0 0 0 250px; font-weight:100;}
#footer .logo{top:0;}
#footer .logo strong{padding:2px 0 3px; font-size:30px; color:rgba(255,255,255,0.5);}
#footer .logo span > span{padding:0 0 0 2px; letter-spacing:0.3px; font-family:'Noto Sans KR'; font-size:11px; color:rgba(255,255,255,0.4); text-transform:uppercase;}
#btn_top{position:absolute; top:-108px; left:50%; margin:0 0 0 750px; width:85px; height:85px; border-radius:50%; color:#fff; text-transform:uppercase; background:rgb(46,152,171);
background:-moz-linear-gradient(125deg, rgba(46,152,171,1) 0%, rgba(44,128,170,1) 50%, rgba(41,102,170,1) 100%);
background:-webkit-linear-gradient(125deg, rgba(46,152,171,1) 0%, rgba(44,128,170,1) 50%, rgba(41,102,170,1) 100%);
background:linear-gradient(125deg, rgba(46,152,171,1) 0%, rgba(44,128,170,1) 50%, rgba(41,102,170,1) 100%);}
#btn_top:before{content:''; display:block; width:12px; height:12px; margin:6px auto -1px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(-45deg);}

/*
서브 레이아웃
*/
#subVisual{background:url(../images/common/subvisual.jpg) no-repeat center; background-size:cover;}

/* 문서정보 */
#pageInfo{position:relative; float:right; width:76.5%; height:230px; box-sizing:border-box; padding:73px 0 0; color:#fff;}
#pageInfo h3{padding:0 0 20px; font-family:'score'; font-size:28px; font-weight:600;}
.location{font-size:18px;}
.location:after{content:''; display:block; clear:both;}
.location > *{float:left;}
.location a{font-weight:900; color:#f3c122;}
.location span:before{content:''; display:inline-block; width:8px; height:8px; margin:9px 21px 0 19px; border-top:1px solid rgba(255,255,255,0.8); border-right:1px solid rgba(255,255,255,0.8); transform:rotate(45deg); vertical-align:top;}

.share_wrap{z-index:2; position:absolute; top:50%; transform:translateY(-50%); right:0;}
.share_wrap:after{content:''; display:block; clear:both;}
.share_wrap button{float:left; width:50px; height:50px; font-size:0; text-indent:-999px; border-radius:50%; background:#fff url(../images/common/ico_share.png) no-repeat top 17px center;}
.share_wrap button.btn_copy{background-position:bottom 17px center;}

.share_sns{float:left; margin:0 12px 0 0;}
.share_sns div{visibility:hidden; opacity:0; position:absolute; top:60px; right:0; width:115px; padding:15px 0 10px; border-radius:10px; box-shadow:0 0 13px rgba(0,0,0,0.1); background:#fff; transition:0.25s ease-in-out; text-align:center;}
.share_sns.on div{visibility:visible; opacity:1; top:55px;}
.share_sns div p{display:none; padding:0 0 8px; font-size:18px; font-weight:800; text-align:center;}
.share_sns div li{display:inline-block; margin:0 0 5px; vertical-align:top;}
.share_sns div ul li a{display:block; width:40px; height:40px; border-radius:5px; font-size:0; text-indent:-999px; background:#3752b7 url(../images/common/ico_sns.png) no-repeat 15px 11px}
.share_sns .tw{background-color:#1cbbdf; background-position:-23px 12px;}
.share_sns .bl{background-color:#24be00; background-position:-59px 11px;}
.share_sns .kko{background-color:#f7b331; background-position:-137px 12px;}
.share_sns .insta{background-color:#c536a4; background-position:-97px 10px;}

#subContent{position:relative; max-width:1400px; margin:50px auto 0; box-sizing:border-box; padding:0 0 7.5em;}
#subContent:after{content:''; display:block; clear:both;}
#subContent #content{float:right; width:76.5%;}

/* 서브메뉴 */
#submenu{z-index:1; position:relative; float:left; width:18.5%; margin:-250px 0 0;}
#submenu .sm_tit{overflow:hidden; position:relative; display:table; width:100%; height:230px; margin:0 0 3px; box-sizing:border-box; padding:63px 0 0; border-radius:15px; color:#fff; background:#2fa1ab url(../images/common/bg_submenu.jpg) no-repeat; text-align:center; box-shadow:5px 0 15px rgba(119,119,119,0.15);}
#submenu .sm_tit:before{content:'gyeongju  city  council'; position:absolute; bottom:67px; left:0; right:0; letter-spacing:0; font-family:'jalnan'; color:rgba(255,255,255,0.2); text-transform:uppercase;}
#submenu .sm_tit h2{display:table-cell; line-height:120%; font-family:'score'; font-size:30px; font-weight:600;}
#submenu .sm_tit h2:after{content:''; display:block; width:5px; height:5px; margin:21px auto 0; border-radius:50%; background:#f3c122;}
#submenu .depth2 > li > a{position:relative; display:block; height:60px; line-height:60px; padding:0 0 0 21px; font-size:20px; color:#555; text-decoration:none; background:url(../images/common/img_submenu1.png) no-repeat center right;}
#submenu .depth2 > li > a[target="_blank"] span:after{content:''; display:inline-block; width:10px; height:10px; margin:-20px 0 0 8px; vertical-align:middle; background:url(../images/common/ico_blank.png) no-repeat;}

#submenu .depth2 > li > a:before, 
#submenu .depth2 > li > a:after{content:''; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background:#ddd; transition:.5s;}
#submenu .depth2 > li > a:after{width:0; height:3px; background:#2b425b;}

#submenu .depth2 > li:hover > a,
#submenu .depth2 > li > a:hover,
#submenu .depth2 > li > a:focus,
#submenu .depth2 > li > a:active,
#submenu .depth2 > li.current_on > a{line-height:58px; color:#2b425b; font-weight:800; background-image:url(../images/common/img_submenu2.png);}

#submenu .depth2 > li:hover > a:after,
#submenu .depth2 > li > a:hover:after,
#submenu .depth2 > li > a:focus:after,
#submenu .depth2 > li > a:active:after,
#submenu .depth2 > li.current_on > a:after{width:100%;}

#submenu .depth2 li ul{display:none; padding:17px 0 17px 21px; border-bottom:1px solid #ddd; background:#f7f7f7;}
#submenu .depth2 li ul li a{position:relative; display:block; padding:0.4em 0 0.4em 15px; font-size:100%; line-height:100%; color:#555;}
#submenu .depth2 li ul li a:before{content:''; display:block; position:absolute; top:12px; left:0; width:4px; height:4px; border-radius:50%; background:#555;}
#submenu .depth2 li ul li a:hover,
#submenu .depth2 li ul li a:focus,
#submenu .depth2 li ul li a:active,
#submenu .depth2 li ul li.current_on a{color:#2b425b; font-weight:800;}
#submenu .depth2 li ul li a:hover:before,
#submenu .depth2 li ul li a:focus:before,
#submenu .depth2 li ul li.current_on a:before{background:#2b425b;}

@media all and (max-width:1680px) {
    #btn_top{left:auto; right:15px; margin:0;}
}

@media all and (max-width:1430px) {
    .inner{width:100%; padding-left:15px !important; padding-right:15px !important;}
    #search{right:478px;}
    .logo{left:15px;}
    .btn_menu{right:15px;}
    #topmenu .menu{padding:50px 15px 0 280px;}
    #topmenu .menu:before{left:-15px; right:auto; margin:0 !important; width:250px;}
    #topmenu .menu:after{left:auto; right:-15px;}
    #topmenu .menu .tit{left:15px;}
    #topmenu .menu > ul > li > a{padding:15px 40px 15px 15px; background-position:top 21px right 12px;}
    #topmenu .menu > ul > li > a:hover,
    #topmenu .menu > ul > li > a:active,
    #topmenu .menu > ul > li > a:focus,
    #topmenu .menu > ul > li.current_on > a{background-position:bottom 21px right 12px;}
    
    .linksite > li{width:23.5%; margin:0 0 0 2%;}
    
    #subContent{padding:0 15px 7.5em;}
}

@media all and (max-width:1340px) {
    #top .global > li{padding:0 30px 0 0;}
    #top .global > li:before, #top .global > li:last-child:after{display:none;}
    #top .global > li:after{left:auto; right:14px; border:none; width:1px; height:12px; margin:-5px 0 0; background:#bababa; transform:none;}
	#top .global li div{left:-14px;}
    
    .util_wrap .sns{padding:12px 15px 0;}
    #search{right:448px;}
}

@media all and (max-width:1280px) {
    .linksite > li > a{height:54px; line-height:54px; padding:0 0 0 27px; font-size:17px;}
	.linksite > li > a:after,
    .linksite > li:last-child > a:before{right:25px;}
	.linksite li div{bottom:56px;}
}

@media all and (max-width:1230px) {
	.location{right:15px;}
}

@media all and (max-width:1200px) {
    .util_wrap .sns{padding:12px 0 0 15px;}
    #font_control{display:none;}
    #search{right:282px;}
}

@media all and (max-width:1024px) {
	img{max-width:100%;}
	.m{display:inline-block !important;}
	.w{display:none;}

	#header{height:70px !important; border-bottom: 1px solid #e5e5e5;}
    .logo{top:13px;}
	.logo img{height:43px;}
	.logo strong{font-size:25px !important;}
	.logo span > span{font-size:13px;}
    #footer .logo span > span{letter-spacing:-0.5px;}
    
	#top{height:34px;}
    #top .inner{padding-right:133px !important;}
	#top .btn_global{position:relative; width:140px; height:34px; line-height:34px; box-sizing:border-box; padding:0 10px 0 30px; color:#fff; background:#295daa; font-size:14px;}
	#top .btn_global:before{content:''; position:absolute; top:50%; left:13px; width:12px; height:12px; margin:-6px 0 0; background:url(../images/common/ico_more.png) no-repeat;}
	#top .btn_global:after{content:''; display:inline-block; margin:-2px 0 0 15px; border-top:6px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent; vertical-align:middle; transition:0.3s ease;}
	#top .btn_global.on:after{transform:rotate(180deg);}
	#top .global{z-index:99; width:83.33%; font-size:14px; transition:0.3s ease;}
	#top .btn_global.on + .global{opacity:1; visibility:visible; top:34px;}
	#top .global > li:not(.list3){width:20%; padding:0; box-sizing:border-box; border:1px solid #ddd; border-top:none; border-right:none;}
    #top .global > li:before, #top .global > li:after{display:none;}
	#top .global > li > a{height:34px; line-height:34px; text-align:center; color:#555; background:#fff;}
    #top .global > li.current > a{font-weight:200; color:#555;}    
	#top .global a[target="_blank"]:after{content:''; display:inline-block; width:10px; height:10px; margin:13px 0 0 6px; vertical-align:top; background:url(../images/common/ico_blank.png) no-repeat;}
	#top .global > li > a.on{background-color:#f7f7f7;}
	#top .global li div{top:35px; left:-1px; padding:0 5px; border-radius:0 4px 4px 0; box-shadow:3px -3px 10px rgba(0,0,0,0.12);}
	#top .global .list1 div{width:300px;}
	#top .global li div a{height:34px; line-height:34px;}
	#top .global li div a[target="_blank"]:after{margin-top:12px;}

    .util_wrap{width:16.66%;}
    .util_wrap .sns{z-index:90; position:absolute; top:0; right:15px; padding:0;}
    .util_wrap .sns li + li{margin:0 0 0 3px;}
    .util_wrap .sns li a{border-radius:0;}
    #top .util_wrap .global{width:100%; height:100%;}
    #top .global > li.list3 > a{width:100%; height:100%; margin:0; border-radius:0; border-top:none;}
    
	#search{top:24px; left:0; width:100%;}
	#search:before{opacity:0; visibility:hidden; content:''; position:absolute; top:45px; left:50%; width:0; height:100%; transition:0.3s ease-in-out;}
	#search.on:before{opacity:1; visibility:visible; left:0; width:100%; background:rgba(0,0,0,0.5);}
    #search .btn_search{display:block; right:67px;}
	#search form{visibility:hidden; opacity:0; position:absolute; top:45px; left:50%; width:0; height:auto; padding:40px 20px 40px 20px; border:none; border-radius:0; background:#2b425b;}
	#search.on form{opacity:1; visibility:visible; width:100%; left:0;}
    #search input[type="text"]{background-color:#fff;}
	#search button{top:40px; right:20px;}

	.btn_menu{top:23px;}

	/* 모바일 메뉴 */
    .m_menu .menu .tit{display:none !important;}
    
	.m_menu{overflow-y:auto; position:fixed; top:0; right:-120%; width:60%; height:100%; z-index:99; background:#2a5daa; box-shadow:0 5px 10px rgba(0,0,0,0.7); transition:0.5s ease-in-out;}
	.m_menu.on{right:0;}
	.m_menu .m_top{position:relative; height:100px; background:#242e39;}
	.m_menu .logo{position:absolute; top:28px; left:2%; width:98%; text-align:left; transform:none;}
	.m_menu .logo a{color:#fff;}
	.m_menu > ul{width:38.3%; height:auto; box-sizing:border-box; 
        background:rgb(47,162,171);
        background: -moz-linear-gradient(145deg, rgba(47,162,171,1) 0%, rgba(44,121,171,1) 50%, rgba(42,93,170,1) 100%);
        background: -webkit-linear-gradient(145deg, rgba(47,162,171,1) 0%, rgba(44,121,171,1) 50%, rgba(42,93,170,1) 100%);
        background: linear-gradient(145deg, rgba(47,162,171,1) 0%, rgba(44,121,171,1) 50%, rgba(42,93,170,1) 100%);}
	.m_menu > ul a{display:block; text-decoration:none; cursor:pointer;}
	.m_menu > ul > li{border-bottom:1px solid rgba(0,0,0,0.15);}
	.m_menu > ul > li > a{height:65px; line-height:65px; padding:0 0 0 1em; color:#fff; font-size:20px; font-weight:100;}
	.m_menu > ul > li.current_on > a,
	.m_menu > ul > li > .on{font-weight:800; background:#fff; color:#222;}
	.m_menu > ul > li > div {display:none; position:absolute; top:100px; left:38.3%; width:61.7%; height:calc(100% - 100px); box-sizing:border-box; padding:0 20px; background:#fff;}
	.m_menu > ul > li.current_on div,
	.m_menu > ul > li .on + div{display:block !important;}
	.m_menu > ul > li > div > ul > li > a{position:relative; height:65px; line-height:65px; box-sizing:border-box; padding:0 0 0 30px; border-bottom:1px solid #eee; font-size:18px; color:#444; background:url(../images/common/img_a_menu1.png) no-repeat top 26px left;}
	.m_menu > ul > li > div > ul > li a[target="_blank"]:after{content:''; display:inline-block; width:10px; height:10px; margin:-20px 0 0 4px; vertical-align:middle; background:url(../images/common/ico_blank.png) no-repeat;}
	.m_menu > ul > li > div > ul > li > ul{overflow:hidden; position:relative; width:100%; margin:-1px 0 0; box-sizing:border-box; padding:12px 0 5px 15px; border-top:1px solid #2b425b; border-bottom:1px solid #eee; background:#f7f7f7;}
	.m_menu > ul > li > div > ul > li > ul li a{position:relative; padding:0 0 7px 12px;}
	.m_menu > ul > li > div > ul > li > ul li a:before{content:''; position:absolute; top:9px; left:0; width:3px; height:3px; border-radius:50%; background:#2b425b;}

    #footer .info{font-size:15px;}
	.linksite > li > a{height:50px; line-height:50px; padding:0 0 0 23px; font-size:16px;}
	.linksite > li > a:after,
    .linksite > li:last-child > a:before{right:18px;}
	.linksite li div{bottom:51px;}
	.linksite li div:before{width:120px; height:95px; background-size:150px;}

    #pageInfo{width:100%; height:auto; padding:30px 0;}
    #pageInfo h3{padding:0 0 10px; font-size:21px;}
    .location{font-size:14px;}
    .location span:before{width:6px; height:6px; margin:8px 10px 0 8px;}
    
    #subContent{width:100%; padding-bottom:4em; margin:0 auto !important;}
	#subContent #content{width:100%;}
	#sub_default{padding:30px 0 0 !important;}
}

@media all and (max-width:768px) {
    #top .inner, .inner{padding-left:10px !important; padding-right:10px !important;}

    #header{height:55px !important;}
    
	#top{height:69px; background:#f5f5f5;}
	#top .btn_global{height:30px; line-height:32px; font-size:13px;}
	#top .btn_global.on + .global{top:30px;}
	#top .global{left:10px; width:100%;}
    #top .global > li:not(.list3){width:33.33%;}
    #top .global > li:nth-child(3){border-right:1px solid #ddd !important;}
	#top .global,
	#top .global > li > a{font-size:13px;}
	#top .global > li > a[target="_blank"]:after{margin-top:12px;}
	#top .global > li > a.current:after{margin-top:10px;}
    
	#top .global .list1 div{width:240px;}

    .util_wrap{width:33.33%; margin:-35px 0 0;}
    .util_wrap .sns{top:82px; right:102px;}
    .util_wrap .sns li a{width:30px; height:30px; background-size:110px; background-position:-41px 0;}
    .util_wrap .sns li:nth-child(2) a{background-position:-41px -57px;}
    .util_wrap .sns li:nth-child(3) a{background-position:-41px -114px;}
    
	.logo{top:10px;}
	.logo img{height:35px; margin:0 1px 0 0;}
	.logo strong{font-size:20px !important;}
	.logo span > span{padding:0 0 4px; font-size:8px !important;}

	.btn_menu{top:11px; right:10px; width:33px; height:33px; padding:0 5px;}
	.btn_menu_close{top:25px; width:34px; height:34px;}
	.btn_menu_close .bar{top:16px; left:4px;}

	#search{top:16px;}
    #search .btn_search {right:62px;}
	#search form{top:40px;}

	.m_menu .m_top{height:85px;}
	.m_menu .logo{top:23px;}
	.m_menu > ul > li > a{height:50px; line-height:50px; padding:0 0 0 0.7em; font-size:16px;}
	.m_menu > ul > li > div{top:85px; padding:0 10px;}
	.m_menu > ul > li > div > ul > li > a{height:50px; line-height:50px; padding:0 0 0 20px; font-size:15px; background-size:13px; background-position:top 21px left;}
	.m_menu > ul > li > div > ul > li > ul li a{padding:0 0 5px 10px; font-size:14px;}

	.linksite > li{width:49.5%; margin:0 0 5px 1%;}
	.linksite > li:nth-child(odd){margin-left:0;}
	.linksite > li > a{height:45px; line-height:45px; padding:0 0 0 12px; font-size:0.938em;}
	.linksite li div{bottom:45px;}
	.linksite li div ul{padding:16px 17px 19px 17px;}
	.linksite li div:before{width:75px; height:70px; background-size:110px;}

    #pageInfo h3{font-size:1.125em;}
	#subContent{padding-right:10px; padding-left:10px;}
	#sub_default{padding:25px 0 0 0 !important;}

    #footer{padding:35px 0; line-height:120%;}
    #footer .info{padding:0; text-align:center; font-size:0.875em;}
    #footer .info address span{display:block;}    
    #footer .logo{position:static; display:inline-block; margin:0 auto 15px; text-align:left;}
    #footer .link .privacy a{font-size:0.938em;}
    #footer .link li + li:before{top:50%; transform:translateY(-50%); height:80%;}
    #btn_top{top:0; width:70px; height:70px; font-size:0.813em;}
    #btn_top:before{width:8px; height:8px; margin:3px auto -1px;}
}

@media all and (max-width:568px) {
	.m_menu{width:285px;}
    .m_menu > ul > li > div > ul > li > ul li a:before{top:6px;}

	#top .global li div{padding:0 5px;}
    .logo span > span{padding:3px 0 4px;}
    .logo strong{font-size:19px !important;}
    #footer .logo strong{padding:4px 0 3px;}

	.linksite > li{margin-bottom:4px;}
	.linksite > li > a{height:38px; line-height:38px;}
	.linksite > li > a:after{width:5px; height:5px; right:15px; margin:-2px 0 0;}
    .linksite > li:last-child > a:before{width:6px; right:14px; margin:-2px 0 0;}
    .linksite > li:last-child > a:after{width:15px;}
	.linksite li div{bottom:40px;}
	.linksite li div ul{padding:12px 14px 16px 14px;}

    #pageInfo{padding:20px 0;}
	.location{font-size:13px;}
	.location span:before{margin:4px 6px 0 4px;}
    
	.share_wrap button{width:35px; height:35px; background-size:15px; background-position:top 10px center;}
    .share_wrap button.btn_copy{background-position:bottom 10px center;}
    .share_sns{margin:0 5px 0 0;}
    .share_sns div{width:85px; padding:8px 0 5px;}
	.share_sns.on div{top:39px;}
    .share_sns div li{margin:0 0 2px;}
    .share_sns div ul li a{width:30px; height:30px; background-position:10px 7px;}
    .share_sns .tw{background-position:-27px 8px;}
    .share_sns .bl{background-position:-64px 7px;}
    .share_sns .kko{background-position:-142px 7px;}
    .share_sns .ins{background-position:-103px 6px;}
    
    #btn_top{width:50px; height:50px;}
}
@media all and (max-width:380px) {
    #top{height:67px;}
	#top .btn_global,
	#top .global,
	#top .global > li > a{font-size:12px;}
	#top .btn_global:before{left:10px;}
	#top .global > li > a{height:33px !important; line-height:35px !important;}
	#top .global li div{top:34px; padding:0 3px;}
	#top .global li div a{height:33px; line-height:33px;}
	#top .global .list1 div{width:180px;}
    #top .global > li.list3 > a{border-bottom:none;}

    .util_wrap{margin:-34px 0 0;}
    .util_wrap .sns{display:none;}
    
	.m_menu > ul > li > div > ul > li > a{font-size:14px;}
	.m_menu > ul > li > div > ul > li > ul li a{font-size:13px;}

	.linksite > li{margin-bottom:3px;}
	.linksite > li > a{height:35px; line-height:35px;}
	.linksite li div{bottom:37px;}
	.linksite li div ul li a{padding:7px 0 7px 0.5em;}

	#sub_default{padding:20px 0 0 0 !important;}
}