@charset "utf-8";
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Play:wght@700&family=Titillium+Web:wght@300;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

body {/*min-width:1400px;*/ transform:unset !important; -webkit-transform:unset !important; margin:0 !important; overflow:visible !important;}
@media all and (max-width:1024px) {
	body {min-width:320px;}
}

#mayor_wrap {overflow:hidden;}

/*****************************************************
	Common Style
*****************************************************/

* {font-family:'Noto Sans KR',"Arial","Helvetica","AppleGothic","Sans-serif";letter-spacing:-0.05em;}
#wrap {min-width:320px;}
body{font-size: 17px; line-height:1.6; margin-bottom:0 !important; font-family:'Noto Sans KR',"Malgun Gothic","Arial","Helvetica","AppleGothic","Sans-serif";}
#wrap{overflow:hidden;}
#container{padding: 47px 0 60px;}
#content{width:1067px;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-family:'Noto Sans KR',"Malgun Gothic", 'Dotum', '돋움', 'sans-serif';}

.fix-layout {position:relative; max-width:1680px; margin:0 auto;}
@media all and (max-width:1430px) {
	.fix-layout {max-width:100%; margin-left:15px; margin-right:15px;}
}

@media all and (max-width:1400px) {
	#container{width:100%;}
	#content{width: calc(100% - 330px);}
}

body.lnb_open:before {content:""; display:block; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.7); z-index:10;}

@media all and (max-width:1024px) {
	#container{padding: 15px 2%;box-sizing: border-box;}
	#content{width:100%;}

}

/*****************************************************
	Header
*****************************************************/

/** GNB **/

.header_wrap {background:#fff; height:130px; z-index:10; border-bottom:2px solid #e7e8ec;box-sizing: border-box;}
.header_wrap .header {width:auto !important; height:45px;background: #3677b9;}
.header_wrap .header .gnb {max-width:1680px; margin:0 auto; height:45px; border-bottom-width:0; padding-top:0; z-index:9999;}

/** Portal Link */
.gnb .nav li {text-align: center;margin:0; font-weight:400;}
.gnb .nav {width:60%;}
.gnb .nav,
.gnb .nav li,
.gnb .nav a {height:100%;}
.gnb .nav li a {background:none !important; padding:0 20px; font-size:14px; color:#fff; font-weight:400; line-height:45px; border-radius:0; height:100%;}
.gnb .nav li a:hover {color:#fff;text-decoration:underline !important;}
.gnb .nav li.n2 a {background: #fff !important; color: #0c0d0f !important;font-weight: 700;height: 40px;line-height: 35px;margin-top: 5px;}
.gnb .nav li.n2 a:hover{color: #0c0d0f;}

.lnb_06 { display: none !important; }

/** Language */
.gnb .lang-wrap {display:block; float:none; width:auto; position:absolute; right:0; top:0; padding:0;}
.gnb .lang {display:block; float:left; width:auto; padding:0;}
.gnb .lang.etc {margin-right:1px;}
.gnb .lang em {position:relative; width:100%; height:100%; border:none; background:none; z-index:2;}
.gnb .lang em a{display: inline-block;font-family: 'Play', sans-serif;font-size: 15px;font-weight: 600;letter-spacing: 0.06em;color: #fff;line-height: 45px;height: 45px;padding: 0 55px;background-color: #205e9d !important;background: url(/gjmayor/img/common/ico_gnb_select.png) no-repeat top 50% right 10px;}
.gnb .lang em a:before{content: '';display: inline-block;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);height: 15px;width: 16px;background: url(/gjmayor/img/common/ico_lang.png) no-repeat 0 0;}

.gnb .lang ul {width:100%; top:44px; z-index:1; border:none; background:none; padding:0 10px 5px; box-sizing:border-box;}
.gnb .lang ul:before {content: "";display: block;position: absolute;top: 0px;left: 0;right: 0;bottom: 0;background: #fff;border: 1px solid #dbd8d8;border-radius: 0 0 16px 16px;z-index: -1;-webkit-box-shadow: 0 25px 20px 0 rgb(10 64 139 / 15%);-moz-box-shadow: 0 25px 20px 0 rgb(10 64 139 / 15%);box-shadow: 0 25px 20px 0 rgb(10 64 139 / 15%);}
.gnb .lang ul li {border:none; border-top:1px dashed #dbd8d8;}
.gnb .lang ul li a {display:block; line-height:28px; color:#666666; padding:0; text-align:center;}
.gnb .lang ul li a:hover {color:#000; background:none; background:url('/portal/img/common/ico_lang_on.png') no-repeat left 10px top 50%; opacity:1;}
.gnb .lang ul#langList {left: auto;right: 0;width: 800px;text-align: left;}
.gnb .lang ul#langList li{width: 16%;float: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;  /* 2줄 넘어가면 말줄임 */-webkit-box-orient: vertical;}
@media all and (max-width:1024px) {
	.gnb .nav {width:auto; margin-right:110px; float:none;}
	.gnb .lang:before,
	.gnb .lang ul:before {border-radius:0; border-right-width:0;}
}

/** Logo */
.header_wrap .logo {position:absolute;top:50px;left:50%;margin-left:-840px;}

/** Header Side Link */
.head_link {position:absolute; width:auto; right:50%; margin-right: -840px; top: 45px;}
.head_link a {position:relative; right:auto; top:auto; left:auto; width:85px; margin-left:20px; height:85px; background:url('/gjmayor/img/common/spr_ico.png') no-repeat 0 0; z-index:0;}
.head_link .sitemap,
.head_link .sitemap:hover{right: auto;background:url('/gjmayor/img/common/ico_menu_02.png') no-repeat center center; border:1px solid #ddd; border-top-width:0; border-top-width:0; border-bottom-width:0;}
.head_link .search,
.head_link .search:hover {right: auto;background:url('/gjmayor/img/common/ico_search.png') no-repeat center center; z-index:2;}

.head_link .search.close:hover,
.head_link .search.close:focus,
.head_link .search.close:active,
.head_link .search.close {right:auto; background:url('/gjmayor/img/common/ico_close.png') no-repeat center center; margin-left:20px; z-index:2;}

#search_area {top: 7px;right: 115px;height: 70px;border-radius: 9em;background: #29408c;overflow: hidden;z-index: 1;width: 400px;}
#search_area fieldset {display:block; padding:0 60px 0 25px;}
#search_area .total_search {position:relative; height:20px; border:none; line-height:20px; padding:25px 40px 25px 105px; width:auto;}
#search_area .total_search > * {height:20px;}
#search_area .total_search select,
#search_area .total_search input[type="text"] {height:20px; background:none; color:#fff; font-size:17px; padding:0; width:100%;}
#search_area .total_search select {position:absolute; top:25px; left:0px; width:90px;}
#search_area .total_search select option {color:#333 !important;}
#search_area .total_search input[type="text"] {border-bottom:1px solid rgba(255,255,255,.5);}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000000s ease-in-out 0s;
}
#search_area input[type="submit"] {display:block; width:45px; height:100%; position:absolute; right:55px; top:0; background:url('/gjmayor/img/common/ico_search_on.png') no-repeat center center; overflow:hidden; text-indent:-999px; border:none;}

/** LNB */
#lnb {top: 45px;}
#lnb nav:before { display:none;min-height:250px;}
.lnb_open #lnb nav:hover:before { content: ''; position: absolute;top: 85px; left: 0; width: 100%; display: block; bottom:0; background-color: #fff; background-position: 0 top; }
#lnb > nav > ul {text-align:center; float:right;width: 80%; padding: 0 5%;}
#lnb > nav > ul > li {width: 25%;display:inline-block; vertical-align:top; float:left;}
#lnb > nav > ul > li > a {display:block; position:relative;font-size: 120%;margin:0 10px; color:#636363;height: 85px;line-height: 85px;box-sizing:border-box;}
#lnb > nav > ul > li > a > span.bg {background:#000000; transform: translateX(-50%);margin:0;width:100%;}
#lnb > nav > ul > li > a:hover,
#lnb > nav > ul > li > a:focus,
#lnb > nav > ul > li > a:active,
#lnb > nav > ul > li > a.on,
#lnb > nav > ul > li > a.over  {color:#000;}

#lnb .tit {display:block; position:absolute; }

/**
#lnb > nav > ul > li > a:hover:after,
#lnb > nav > ul > li > a:focus:after,
#lnb > nav > ul > li > a:active:after,
#lnb > nav > ul > li > a.on:after,
#lnb > nav > ul > li > a.over:after  {content: ''; position: absolute; width: 100%; height: 4px; background-color: #000; left: 0; bottom: 0;}
**/
#lnb > nav > ul > li > a > span.bg{background:#000 !important;height:5px;}

.lnb_depth02>ul>li>div>ul>li>a[target="_blank"] {padding-right:23px; background:url('/portal/img/common/depth01_bul_blank.png') no-repeat 100% 2px;}

.depth02 {min-height:280px; border:0; top:85px; padding-left:430px; text-align:center; width:auto; right:0; background: #fff url(../img/common/lnb_bg.png) no-repeat right bottom;}
.depth02 .tit {display:block; position:absolute; top:0; left:0; width:400px; bottom:0; background:url(../img/common/gnb_bg.png) no-repeat 100% 100% #122a5e;}
.depth02 .tit > div {display:table; width:100%; height:100%; table-layout:fixed;}
.depth02 .tit > div > span {display:table-cell; vertical-align:middle; text-align:center;}
.depth02 .tit > div > span i {display:inline-block; position:relative; font-size:25px; color:#fff; font-weight:600; padding-top:10px;}
/* .depth02 .tit > div > span i:before {content:""; display:block; position:absolute; left:0; top:-30px; width:40px; height:40px; background:url(../img/common/ico_depth02_title.png) no-repeat 0 0;} */
.depth02 .tit > div > span i:after {content:""; display:block; position:absolute; top:50%; right:100%; width:700px; height:1px; background:#fff; margin-right:20px;}

.lnb_depth02 > ul > li > div,
.lnb_depth02 > ul > li > div > ul {display:block !important;}

@media all and (max-width:1400px) {
	.depth02 {padding-left:300px;}
	.depth02 .tit {width:270px;}
}

.lnb_depth02 {position:relative; padding:20px; left:0 !important; right:0 !important; width:auto !important;}
.lnb_depth02 > ul{background:none; padding: 0}
.lnb_depth02 > ul > li{overflow:hidden;float:left;padding:5px;width:25%; text-align: center; box-sizing:border-box;}
.lnb_depth02 > ul > li > a{float:none;display:block;position:relative; max-width:100%; width:auto; text-align: center;font-weight:600;height:55px; line-height:55px; padding:0; margin:0; border:none; font-size:16px; color:#333;letter-spacing: -1px;background:#e9f4ff;}

.lnb_02 .lnb_depth02{left:-100%;}
.lnb_03 .lnb_depth02{left:-200%;}
.lnb_04 .lnb_depth02{left:-300%;}

#lnb > nav > ul > li:hover > .depth02 > .lnb_depth02 > ul > li > a:hover{ text-decoration: underline; }

.head_link .home,
#lnb .pic { display: none !important; }
.lnb_depth02>ul>li>div {float:none; width:auto; border:none !important;}
.lnb_depth02>ul>li>div>ul>li {display:block; float:none; width:auto; padding:0;}
.lnb_depth02>ul>li>div>ul>li + li {margin-top:3px;}

@media all and (max-width:1680px) {
	.header_wrap .logo {left:10px; margin-left:0;}
	.head_link {right:0; margin-right:0;}
}
@media all and (max-width:1420px) {
	.head_link {right:10px;}
	.sns_box {margin-right:120px;}
	#lnb nav:hover:before { background-position: -5% bottom; }

	#lnb > nav > ul > li > a{font-size:18px;}
	#lnb > nav > ul > li > a{font-size:18px;}
	.lnb_depth02>ul>li>div>ul>li {font-size:16px;}
}
@media all and (max-width:1400px) {
	#lnb > nav > ul {text-align:center; width: 70%; padding: 0 10%;}
	#lnb > nav > ul li{}
}
@media all and (max-width:1250px) {
	#lnb nav:hover:before {background-position:-100px 0;}
	#lnb > nav > ul {text-align:center;padding: 0 15%;}
	#lnb > nav > ul > li{width:auto;float:none;}
	#lnb nav:hover:before { background-size: 35%; }
	.lnb_depth02 > ul > li > a{width:200px;}

}
@media all and (max-width:1150px) {
	.header_wrap .logo img {max-width:200px;}
}
@media all and (max-width:1024px) {
	.logo {z-index:99;}
	.header_wrap {height:100px; border-bottom:1px solid #dbd8d8;}
	.header_wrap .header {height:30px;}
	.header_wrap .header .gnb {height:30px;}

	.header_wrap .logo {left:50%; top:45px;transform: translateX(-50%);}
	.header_wrap .logo a{ display: inline-block; }
	.gnb .nav li a {padding:0 10px; font-size:14px; line-height:30px;}
	.gnb .nav li.n2 a{height:30px; margin-top: 0;line-height: 30px;}
	.gnb .nav li.n1 a:before {display:none;}
	.menu-btn {background: #205e9d;}
	.head_link {position:static;}
	.head_link .search,
	.head_link .search:hover {top:17px; right:10px !important; background:#173167 url('/gjmayor/img/common/ico_search_on.png') no-repeat center center;background-size: 70%;}
	.head_link .search.close:hover,
	.head_link .search.close:focus,
	.head_link .search.close:active,
	.head_link .search.close {z-index:1000;}

	#search_area {top:31px; height:70px; z-index:999; width:Auto; left:0; right:0; border-radius:0;}
	#search_area fieldset {padding:0 60px 0 10px;}
	#search_area .total_search {height:30px;}
	.menu_mobile {top:47px;}
	#search_area .total_search select,
	#search_area .total_search input[type="text"] {height:30px;}
	#search_area input[type="submit"] {background:url('/gjmayor/img/common/ico_search_on.png') no-repeat center center;background-size: 70%;}

	#mobileNavi > div { background: #182c5e; }
	#mobileNavi .depth1 > li > a { background: #03369f url(/common/img/common/bg_m_off.png) no-repeat 95% 60% }
	#mobileNavi .header_wrap .header .gnb {z-index:999992;}
	#mobileNavi .gnb .lang {top:-1px; right:1px;}

	.gnb .lang ul{top:29px;}
	.gnb .lang em{line-height:normal;}
	.gnb .lang em a{height:29px;font-size:13px;line-height:30px;}

}

@media all and (max-width:767px) {
	.header_wrap .logo{width:200px;}	
	.gnb .lang em a{padding: 0 25px}
	.gnb .lang em a:before{left:0;}
}

@media all and (max-width:478px) {
	.header_wrap {height:130px;}
	.header_wrap .header {height:60px;}
	.gnb .nav {margin-right:0;}
	.gnb .lang-wrap {position:relative; width:100%;}
	.gnb .lang ul:before {top:0;}
	.header_wrap .logo, #lnb {top:75px;}
	.header_wrap .logo, .header_wrap .logo img {max-width:100px;}
	.menu_mobile, .head_link {top:77px;}
	.head_link .search, .head_link .search:hover {top:47px;}
	#search_area {top:60px;}
}

/*****************************************************
	Footer
*****************************************************/

footer {background: #3677b9;padding:70px 0;}
footer .area{width:1680px;margin:0 auto;overflow:hidden;}
footer .area h1{float:left;}
footer .area .detail{float:left;margin-left:60px;}
footer .area .detail ul {display:inline-block;margin-bottom:25px;}
footer .area .detail ul li{position:relative;float:left;padding-right:50px;}
footer .area .detail ul li:before{content:'';position:absolute;right:24px;top:50%;transform: translateY(-50%);width:3px;height:3px;background:#fff;border-radius:100%;}
footer .area .detail ul li:last-child:before{display:none;}
footer .area .detail ul li a{font-size:18px;color:#fff;font-weight:300;}

footer .area .detail address{margin-bottom:15px;font-size:16px;color:#fff;opacity:0.8;}

footer .area .detail address .blck{margin-left:20px;}

footer .area .detail .copy{font-family: 'Play', sans-serif;font-size:15px;color:#fff;opacity:0.6;letter-spacing: 0.06em;}

footer .area .sns{float:right;}
footer .area .sns ul{display:inline-block;}
footer .area .sns ul li{float:left;margin-left:25px;}
footer .area .sns ul li a{}

@media all and (max-width:1680px) {
	footer .area{width:96%;}

}

@media all and (max-width:1024px) {
	footer{padding:40px 0;}
	footer .area h1{width:100%;text-align:center;margin-bottom: 20px;}
	footer .area .detail{width:100%;float:none;text-align:center;margin:0;}
	footer .area .detail ul{margin-bottom: 20px;}
	footer .area .detail ul li{padding-right: 30px;}
	footer .area .detail ul li:before{right: 14px;}
	footer .area .detail ul li a{font-size:16px;}
	footer .area .detail address{font-size:15px;}
	footer .area .detail .copy{font-size: 15px;}
	footer .area .sns{float:none;width:100%;text-align: center;margin-top:20px;}
}

@media all and (max-width:630px) {
	footer .area .detail ul{width:100%;}
	footer .area .detail ul li{width: 50%;padding-right:0;border: 1px solid rgba(255,255,255,0.3);box-sizing:border-box;}
	footer .area .detail ul li:before{display:none;}
	footer .area .detail ul li a{display:block;padding:15px 10px;width:100%;padding-right: 0;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

}

/*****************************************************
	Body
*****************************************************/

/** tit_wrap */

#tit_wrap .bg{display:none;}
#tit_wrap > h3{font-size:40px;border-bottom:1px solid #ddd;padding-bottom:15px;font-weight: 700;color: #000;}
.sub_acc .location{display:none;}
.sub_acc .util li.print > a{background:url(/gjmayor/img/common/ico_print.png) no-repeat center center ;opacity:0.7;}
.sub_acc .util li.print > a:hover,
.sub_acc .util li.print > a:focus{background:url(/gjmayor/img/common/ico_print.png) no-repeat center center ;opacity:1;}
.sub_acc .util li.sub_acc_sns > a{display:block;width:32px;height:32px;background:url(/gjmayor/img/common/ico_share.png) no-repeat center center;opacity:0.7;}
.sub_acc .util li.sub_acc_sns > a:hover,
.sub_acc .util li.sub_acc_sns > a:focus{background:url(/gjmayor/img/common/ico_share.png) no-repeat center center;opacity:1;}
.sub_acc .util li.sub_acc_sns > a img{display:none;}

/** snb_wrap */
.snb_tit{width:280px;height:180px;padding:0;margin:0;background:#122454 url(/gjmayor/img/common/snb_bg.png) no-repeat -28px -25px;border-radius:0 50px 0 0;}
.snb_tit .title{background:none;padding:0;display: table;height: 100%;width: 100%;}
.snb_tit h2{font-family:'Noto Sans KR';width:100%;color:#fff;font-size:30px;font-weight:700;vertical-align: middle;display: table-cell;text-align: left;padding: 0 30px 30px 40px;word-break: keep-all;line-height: 1.4em;}
.snb_tit p{display:none;}

.snb_wrap nav{border-radius:30px;border:1px solid #ddd;position:relative;top:-30px;background:#fff;padding:15px 20px;}

.snb > li > a{font-size:19px;color:#555;font-weight:600;border-bottom:1px solid #ddd;background:url(/gjmayor/img/common/snb_bu.png) no-repeat 205px center;padding: 0 40px 0 10px;box-sizing: border-box;width: 100%;padding: 15px 40px 15px 10px;box-sizing: border-box;width: 100%;line-height: 1.4em;}
.snb > li > a:hover{color:#122454;}
.snb > li > a.on,
.snb > li > a.on.arrow{width:auto;color:#122454;border-bottom:2px solid #122454;background:url(/gjmayor/img/common/snb_bu_on.png) no-repeat 205px center;}
.snb > li > a.arrow{background-position: 205px;}

.snb > li:last-child > a{border-bottom:0;}

.snb > li > ul{width:auto;padding:0 10px;border-bottom:2px solid #122454;background:#fff;}

.snb > li > ul > li > a,
.snb > li > ul > li > a:hover,
.snb > li > ul > li > a:active,
.snb > li > ul > li > a:focus,
.snb > li > ul > li > a.on{color:#122454;padding:15px 0 15px 25px;border-bottom:1px dashed #ddd;background:none;}
.snb > li > ul > li > a.on:before{background:#122454;}
.snb > li > ul > li:last-child > a {border-bottom:0;}

.snb > li > ul > li > a{position:relative;color:#777;font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.snb > li > ul > li > a:before{content:'';position:absolute;left: 7px;top: 25px;border-radius:100%;width:5px;height:5px;background:#bbb;}

/** pageInfo */

.pageInfo .tit{padding-left:35px;font-size:16px;color:#222;background:url(/gjmayor/img/common/ico_researchtit.png) no-repeat 0 0;margin-bottom:15px;}
.pageInfo .research{padding:25px 3% 15px 3%;background:#f7f7f7;}
.pageInfo .research .radio_list{margin: 0 2% 5px 0; position:relative !important;top:auto !important; right:auto !important;}
.pageInfo .research .radio_list:after {content:''; clear:both; display:block;}
.pageInfo .research .radio_list label {font-size:.8em !important;}

.pageInfo .radio_list li{padding-left: 30px;height: 33px;margin-right: 10px;}
.pageInfo .radio_list li:nth-child(1){background:url(/gjmayor/img/common/ico_research01.png) no-repeat 0 50%;}
.pageInfo .radio_list li:nth-child(2){background:url(/gjmayor/img/common/ico_research02.png) no-repeat 0 50%;}
.pageInfo .radio_list li:nth-child(3){background:url(/gjmayor/img/common/ico_research03.png) no-repeat 0 50%;}
.pageInfo .radio_list li:nth-child(4){background:url(/gjmayor/img/common/ico_research04.png) no-repeat 0 50%;}
.pageInfo .radio_list li:nth-child(5){background:url(/gjmayor/img/common/ico_research05.png) no-repeat 0 50%;}

input[type="text"].txtbox{padding:10px 2%; width:85%; height: 43px; margin:0 0 0.7em 0; box-sizing:border-box; font-size:.8em;}
.regBtn {width: 14%; height:43px; font-size:.8em; margin:0 0 0.7em 0; background: #333;  border:1px solid #333; text-align: center; line-height: 43px; color: #fff; transition:1s;}
.regBtn:hover { background: #555; border:1px solid #555;}

.pageInfo .dataOffer{overflow:hidden;border-bottom:0;border-top:1px solid #ddd;padding: 15px 3%;background:#fff;}
.pageInfo .dataOffer .offer,
.pageInfo .dataOffer .recently_date{float:left;}
.pageInfo .dataOffer .offer dt,
.pageInfo .dataOffer .recently_date dt{color:#111f41;}
.pageInfo .dataOffer .offer{margin-right:25px;padding:0;}
.pageInfo .dataOffer .recently_date{position:relative;width:auto;top:0;}
.pageInfo .dataOffer .recently_date dd{float:left;}

.pageInfo .regBtn{background:#333;}

@media all and (max-width:1024px) {
	.pageInfo{width: 100%;box-sizing: border-box;}
}

@media all and (max-width:570px) {
	.pageInfo .research .radio_list {text-align:left !important;}
}

/** SubVisual */
.SubVisual{height:350px;text-align:center;}
.SubVisual h2{padding-top: 150px;font-size: 45px;font-weight:700;color:#fff; display: none; line-height: 1.2;}
.SubVisual h2 br{display: none;}
.SubVisual .location{display:inline-block;margin-top:35px;}
.SubVisual .location li{float:left;padding-left:30px;color:#fff;font-size:17px;background:url(/gjmayor/img/common/loca_arrow.png) no-repeat 13px center;}
.SubVisual .location li.home{font-size:0;width:22px;height:19px;padding-top: 7px;padding-left:0;background: url(/gjmayor/img/common/loca_home.png) no-repeat center;}

.SubVisual.img1{background:url(/gjmayor/img/common/SubVisual01.jpg) no-repeat center center;}
.SubVisual.img2{background:url(/gjmayor/img/common/SubVisual02.jpg) no-repeat center center;}
.SubVisual.img3{background:url(/gjmayor/img/common/SubVisual03.jpg) no-repeat center center;}
.SubVisual.img4{background:url(/gjmayor/img/common/SubVisual04.jpg) no-repeat center center;}
.SubVisual.img5{background:url(/gjmayor/img/common/SubVisual02.jpg) no-repeat center center;}

.subvisual-tit br {display:none;}

@media all and (max-width:1024px) {
	.SubVisual{height:auto;padding: 140px 3% 40px 3%; background-image: none !important; background: linear-gradient(to top, rgba(74,32,135,1), rgba(224,39,132,1)) !important;}
	.SubVisual h2{font-size:30px;padding-top:0;}
	.SubVisual.img1 h2.st1{display: block;}
	.SubVisual.img2 h2.st2{display: block;}
	.SubVisual.img3 h2.st3{display: block;}
	.SubVisual.img4 h2.st4{display: block;}
	.SubVisual .location li{font-size:15px;}

	.sub_acc{position:absolute;}

}

@media all and (max-width:640px){
	.subvisual-tit br {display:block;}
	.SubVisual h2 br{display: block;}
}

/* Sitemap */
#conts .sitemapLeft {width:30%;}
#conts .sitemapLeft h4 {}
#conts .sitemapRight {width:69%;}
#conts .sitemapRight > ul > li > a {font-size:18px; padding-top:0;}
#conts .sitemapRight > ul > li > div {border:none;border-radius: 10px;padding: 15px;}

/* board */
#conts h4 ~ div.bod_wrap,
#conts h4 ~ div.view_info,
#conts h4 ~ div.view_cont {margin:0;}
#conts .bod_view h4 ,
#conts .bod_view .view_info{background:#f9f9f9; padding: 0 2rem; }

#conts .list_gellery.juminMeeting .bod_photo,
#conts .bod_photo,
#conts .bod_blog li:first-child,
#conts .bod_view h4{ margin-bottom:0 !important; border-bottom-width:0; padding: 2rem 0 0.5rem 2rem !important; text-align:left;}
#conts .bod_view .view_info{padding-bottom: 2rem !important; text-align:center;}
#conts .bod_view .view_info ul{float:none;}
#conts .bod_view .view_info li:first-child{padding-left:0;margin-left:0; border-left-width:0;}
#conts .bod_view .file_list li {position:relative; display:block; float:none; padding-left:10px;}
#conts .bod_view .file_list li:before {content:''; position:absolute; width:3px; height:3px; background:#555; top:13px; left:0;}
#conts .bod_view .open_license{margin:0;}



#conts .bod_guide {position: relative;border-radius: 20px;padding: 70px; border:none;padding-left: 350px; background: #e6f3ff url('/gjmayor/img/sub/ico_sotong.png') no-repeat left 30px bottom;}
#conts .bod_guide .tit,
#conts .bod_guide .tit span{font-family: GmarketSansMedium; font-size: 2rem; line-height: 1.3; color: #122454;}
#conts .bod_guide .tit span{font-family: GmarketSansBold; color: #2d59ce; }
#conts .list_gellery.juminMeeting .bod_photo a > span,
#conts .bod_blog li a .blog_tit,
#conts #discussionWrap .summaryWrap h4{font-family: GmarketSansBold; }

#conts .bod_photo ul li a{color:#222;}

#conts .bod_page > a{border:none;}
#conts .bod_page > span{border:none;background: #f2f2f5;padding: 10px 15px;border-radius: 50%;color: #222;}

#conts .bod_head .bod_search select,
#conts .bod_head .bod_search input{padding: 10px; height:auto;font-size: 1rem;height: 45px;border-radius: 5px; }
#conts .bod_head .bod_search input[name="searchBt"] {background-color:#2d59ce; color:#fff; border:none;}
#conts .bod_head .bod_search .btn.small{background-color:#2d59ce; color:#fff; border:none;}
#conts .bod_head .bod_search .btn.small:hover{background-color: #122454; }

#conts .bod_blog li a{height:220px;}
#conts .bod_blog a:after{display:none;}
#conts .bod_blog li a > p{width:49%; height:220px;}
#conts .bod_blog li a > p > span{max-height:200px!important; height:200px;}
#conts .bod_blog li a > p > span > img{height:100%;}
#conts .bod_blog li a > .blog_con{width:50%;text-align:left;}
#conts .bod_blog li a .blog_tit{font-size:1.4rem; color:#222;}
#conts .bod_blog li a .blog_list{margin-top:20px;}
#conts .bod_blog li a .blog_list p{line-height:2;}
#conts .bod_blog li a .blog_list strong{background: #002460;padding: 2px 8px;border-radius: 5px;margin-right: 10px;color: #ffffff;}
#conts .bod_blog li:hover { background: #f9f9f9;}

#conts .bod_view .view_info{padding :0 0 2em 2rem; text-align:center;}
#conts .bod_view .view_info ul{float:none;}
#conts .bod_view .view_info li:first-child{padding-left:0;margin-left:0; border-left-width:0;}

#conts #discussionWrap .summaryWrap {background:#f5f8fa; padding:30px;}
#conts #discussionWrap .summaryWrap h4{font-size:26px;background: #122454;color: #fff;padding: 20px;}
#conts #discussionWrap .summary ul{border-top-width:0; margin:0;}
#conts #discussionWrap .summary ul li:last-child{border-bottom-width:0;}
#conts #discussionWrap .summary ul li span{width:20%;}

#conts .list_gellery.juminMeeting .bod_photo .summary{padding:0; background:0;margin-top: 20px;}
#conts .list_gellery.juminMeeting .bod_photo .summary li{padding:4px 0;}
#conts .list_gellery.juminMeeting .bod_photo > ul > li{padding: 20px;min-height: auto;}
#conts .list_gellery.juminMeeting .bod_photo .summary li span{background: #002460;padding: 2px 8px;border-radius: 5px;margin-right: 10px;color: #ffffff;}
#conts .list_gellery.juminMeeting .bod_photo .summary li span:after{display:none;}



#conts .btn_wrap a {background-color: #fff; border: 2px solid #ddd; padding: 10px 15px; display: inline-block; font-weight:bold; font-size: 15px; letter-spacing: -1pt;
box-sizing: border-box; transition:0.5s; font: 15px "NanumS"; vertical-align: middle; line-height: 1.2em; margin-bottom: 5px;}
#conts .btn_wrap a:hover {border: 2px solid #59bddb;}



@media all and (max-width:1200px){
	#conts .bod_guide{padding:50px; padding-top:220px;background-position: top 40px center;background-size: 220px;}
    #conts #discussionWrap .thumb {float:inherit; margin:0 auto 30px;}
    #conts #discussionWrap .summary {float:nherit; width:100%;}
}

@media all and (max-width:640px){
	#conts .bod_guide{padding:30px; padding-top:210px;}
	#conts .bod_guide .tit,
	#conts .bod_guide .tit span{ font-size: 1.6rem;}
	#conts .bod_guide .tit br{display:none;}

	#conts .bod_blog li a{height:auto; min-height:auto;}
	#conts .bod_blog li a > p{height: 170px; margin-bottom: 20px;}
	#conts .bod_blog li a > p,
	#conts .bod_blog li a > .blog_con{float: none; width: 100%;}
	#conts .bod_blog a:after{display: none;}
	#conts .bod_blog li a > p > span{width: 100%;}

	#conts #discussionWrap .summaryWrap {padding:20px;}
	#conts #discussionWrap .summaryWrap h4{padding:15px; font-size:20px;}

}

@media all and (max-width:500px){
	#conts #discussionWrap .summary ul li span{width:100%;margin-bottom: 5px;}
}


.view_file dd a.btn_preview {border: 1px solid #122454;margin-left:0.5em;border-radius: 4px;padding:3px 12px 3px 12px;}
.view_file dd a.btn_preview > span.blank {font-size:0.85em;width:inherit; height:inherit;vertical-align:text-bottom; margin:0;}
.view_file dd .btn_preview[target="_blank"]:not(.btn):after,
.view_file dd .btn_preview:after {display: none !important;}