@charset 'utf-8';
/* 怨듯넻 */
/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px; line-height: 140%; word-break: keep-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; margin-top:8px;}
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt h3.tit { font-size:16px; color: #666; text-align:left; padding:0 0 0 0;}
.sTxt h4 { font-size:15px; color: #666; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin:10px 0 0 20px; }
.sTxt dl { margin:0 0 0 20px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }
.inner { max-width:1400px; margin:0 auto; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.clearfix:after { content:""; display:block; clear:both;}
.pc{ display: block; }
.mobile { display: none; }
/*input style*/
input { vertical-align: top; }
input[type="checkbox"], input[type="radio"] { display:none; }
input[type="checkbox"] + label { cursor:pointer; }
input[type="checkbox"] + label span { display:inline-block; width:15px; height:15px; box-sizing:border-box; margin:-3px 5px 0 0; vertical-align:middle; cursor:pointer; position: relative; background: #193787; }
input[type="checkbox"]:checked + label span { background:#193787 url(/img/sub/icon_checkbox.gif) no-repeat center; }
input[type="radio"] + label { cursor:pointer; color: #626262; font-weight: 300; }
input[type="radio"] + label span { display:inline-block; width:18px; height:18px; margin:-2px 5px 0 0; vertical-align:middle; cursor:pointer; border:1px solid #dedede; border-radius:50%; box-sizing:border-box; position: relative; background: #fff; }
input[type="radio"]:checked + label span { }
input[type="radio"]:checked + label span:before { content: ""; display: block; width: 7px; height: 7px; box-sizing:border-box; border-radius:50%; background: #193787; position: absolute; top:5px; left: 5px; }
select { font-size:14px; width: auto; border:1px solid #ccc; height:32px; padding-left:10px; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none; position: relative; background:url(/img/common/icon_select.gif) no-repeat right 10px center; font-weight: 300; vertical-align: top; }
select::-ms-expand{ display: none; }
input[type='text'],
input[type='password']{ font-size:14px; font-weight: 300; border:1px solid #ccc; height:32px; box-sizing:border-box; line-height:28px; text-indent:10px; }
input[type='text'].center { text-align: center; text-indent:0; }
textarea { border:none; padding:5px; box-sizing:border-box; }
/*
input[type='text']:-ms-input-placeholder { color: #a8a8a8; font-size:13px; line-height:150%; font-weight: 300; letter-spacing: -.5px; }
input[type='text']::-webkit-input-placeholder { color: #a8a8a8; font-size:13px; line-height:150%; font-weight: 300; letter-spacing: -.5px; }
input[type='text']::-moz-placeholder { color: #a8a8a8; font-size:13px; line-height:150%; font-weight: 300; letter-spacing: -.5px; }
textarea:-ms-input-placeholder { color: #a8a8a8; text-align: center; font-size:13px; line-height:150%; font-weight: 300; letter-spacing: -.5px; }
textarea::-webkit-input-placeholder { color: #a8a8a8; text-align: center; font-size:13px; line-height:150%; font-weight: 300; letter-spacing: -.5px; }
textarea::-moz-placeholder { color: #a8a8a8; text-align: center; font-size:13px; line-height:150%; font-weight: 300; letter-spacing: -.5px; }
*/
/*header*/
header { width:100%; height:100px; background:#fff; position:absolute; top:0; left:0; z-index:9999; }
header h1 { position:absolute; top:16px; left:60px; }
header > nav { width:100%; text-align:center; margin-top:49px; }
#gnb { text-align:center; }
#gnb > li { display:inline-block; vertical-align:top; margin:0 35px; padding-bottom:50px; }
#gnb > li > a { display:block; font-size:19px; color:#000; }
#gnb > li > a i { font-size:17px; color:#333; }
/* #gnb > li:first-child > a { color:#ff329b; } */
#gnb > li:last-child { margin-top:-12px; }
#gnb > li:last-child > a { background:#7d7d7d; color: #fff; display: block; width:120px; height:42px; line-height:42px; }
#gnb > li > ul { display: none; position: absolute; top: 100px; /* left: 35%; width:50%; min-width:710px; */ width:700; overflow: hidden; }
#gnb > li > ul.menu2 {/* left:30%; */left:50%; margin-left:-15vw; }
#gnb > li > ul.menu3 { left:50%; margin-left:-15vw; }
#gnb > li > ul.menu4 { left:50%; margin-left:-5vw; }
#gnb > li > ul.menu5 { left:50%; margin-left:5vw; }
#gnb > li > ul li { float: left; margin-left:30px; font-size:17px; line-height: 86px; font-weight: 300; }
#gnb > li > ul li a { color:#6b6d72; }
#gnb > li > ul li a:hover { color:#333; }
#gnb > li .icon_s { width:22px; display:inline-block; }
#gnb > li .icon_s img { margin:-2px 0 0 -3px; }
#gnb > li.recruit > a { color:#0000E2; font-weight:700; }
header .login { position: absolute; top:39px; right:220px; z-index:50; width:auto; }
header .login li { float: left; width:95px; }
header .login li a { display: block; width:100%; height: 38px; text-align: center; line-height:36px; border:1px solid #dadada; /* font-family: "Montserrat"; */ font-size:14px; text-transform: uppercase; }
header .login li:first-child a { border-right:none; background: #ebebeb; }
header .right { position:absolute; top:0; right:0; }
header .right .cateM { float:left; width:100px; height:100px; }
header .right .cateM a { display:block; width:100%; height:100%; background:#183687; position:relative; font-size:0; }
header .right .cateM a i { position:absolute; left:34px; width:31px; height:1px; background:#fff; }
header .right .cateM a i:first-child { top:38px; }
header .right .cateM a i:nth-child(2) { top:48px; }
header .right .cateM a i:nth-child(3) { top:58px; }
header .right .cateM.on a { position: absolute; top: 0; left: 0; }
header .right .cateM.on a i:first-child { transform:rotate(45deg); -webkit-transform:rotate(45deg); top: 48px; }
header .right .cateM.on a i:nth-child(2) { display: none; }
header .right .cateM.on a i:nth-child(3) { transform:rotate(-45deg); -webkit-transform:rotate(-45deg); top: 48px; }
header .right .lang { float:right; width:100px; height:100px; background:#939598; position:relative; font-family:"Roboto"; font-size:14px; letter-spacing:-.5px; z-index:999; }
header .right .lang > a { display:block; width:100%; height:100%; color:#fff; line-height:100px; text-align:center; }
header .right .lang > a img { margin:48px 0 0 10px; }
header .right .lang ul { position:absolute; top:100px; left:0; z-index:99; width:100%; overflow:hidden; background:#fff; display: none; }
header .right .lang li { overflow:hidden; height:42px; }
header .right .lang li a { display:block; width:100%; line-height:60px; background:#f3f3f3; color:#939598; text-align:center; line-height:42px; }
/*gnbBg*/
.gnbBg { display: none; width: 100%; min-width:1200px; height: 85px; position: absolute; top: 100px; left: 0; background:#f6f6f6; border-top:1px solid #d3d5d9; z-index:90; }
/**/
div.smenu { display: none; background:#f6f6f6; width: 100%; height: 470px; overflow: hidden; position: absolute; top: 100px; left: 0; }
div.smenu > nav { width:100%; position: absolute; bottom: 0; left: 0; width:100%; height:80px; background:#183687; }
div.smenu > nav > div { width: 1000px; margin: 0 auto; color: #fff; }
div.smenu > nav > div > a { display: block; width:100%; height:100%; }
div.smenu > article { width:1000px; overflow: hidden; height:100%; box-sizing:border-box; border-left:1px solid #d3d5d9; margin: 0 auto; }
div.smenu > article > div { border-right:1px solid #d3d5d9; width:20%; height: 470px; box-sizing:border-box; float: left; text-align: left; }
.prdBox nav div h4 a { display: block; width:100%; height:80px; line-height:80px; text-align: center; color: #fff; }
.prdBox nav div h4 a span { margin-left:15px; }
.prdBox dl { margin:30px 0; overflow: hidden; height:150px; }
.prdBox dt { padding:0 20px; box-sizing:border-box; }
.prdBox dt a { font-size:18px; line-height:120%; color:#36373b; font-weight: 500; }
.prdBox dt a i { display: inline-block; width:32px; height:15px; line-height:15px; vertical-align: top; margin:4px 0 0 5px; background:#183687; border-radius:4px; font-style:normal; color:#fff; font-family: "Roboto"; font-weight: 500; font-size:10px; text-align: center; }
.prdBox dt a:hover { color:#183687; }
.prdBox dt { padding-bottom:4px; }
.prdBox dd.sTxt { margin-top:8px; color:#b1b1b1; font-size:14px; line-height:120%; font-weight: 300; letter-spacing: -.5px; padding:0 20px; }
.prdBox dd { /* margin-top:3px; */ box-sizing:border-box; }
.prdBox dd a { display: block; width:100%; overflow: hidden; position: relative; font-size:16px; color:#6b6d72; height: 32px; line-height:32px; padding:0 20px 0 30px; box-sizing:border-box; }
.prdBox dd a:hover { background:#2fa5f4; color:#fff; font-weight: 700; }
/* .prdBox dd a:hover:before { content:""; display: block; width:4px; height:5px; background:url(/img/common/icon_dot_arrow.png) no-repeat; position: absolute; top: 14px; left: 20px; } */
.prdBox dd a:before { content:""; display: block; width:2px; height:2px; background:#77797d; position: absolute; top: 14px; left: 20px; }
.prdBox dd a span { display: block; margin:5px 0 0 10px; color:#b1b1b1; font-size:14px; line-height:120%; font-weight: 300; letter-spacing: -.5px; }
.prdBox dd a i { display: inline-block; width:32px; height:15px; line-height:15px; vertical-align: top; margin:9px 0 0 5px; background:#183687; border-radius:4px; font-style:normal; color:#fff; font-family: "Roboto"; font-weight: 500; font-size:10px; text-align: center; }
/*�ъ씠�몃㏊*/
.sitemap { display: none; position: fixed; top: 100px; left: 0; z-index:9999; width: 100%; min-width:1300px; height: calc(100% - 100px); background: #f6f6f6; box-sizing:border-box; border-top:1px solid #d3d5d9; }
.sitemap.on { display: block; }
.sitemap > div { float: left; width:16.666%; height:100%; position: relative; box-sizing:border-box; border-left:1px solid #ddd; padding:80px 30px; }
.sitemap > div:hover { background:#fff; }
.sitemap > div:before { display: none; }
.sitemap h3 { color:#252525; font-size:35px; line-height:120%; font-weight: 700; }
.sitemap div > ul { margin-top:25px; overflow: hidden; }
.sitemap div > ul li { overflow: hidden; margin-top: 15px; min-height:40px; }
.sitemap div > ul li a > span { display: inline-block; font-size:20px; letter-spacing:-.5px; font-weight: 500; color: #36373b; }
.sitemap div > ul li a > span i { display:inline-block; }
.sitemap div > ul li span.stxt { color:#b5b5b5; font-size:14px; font-weight: 300; margin-top:5px; }
.sitemap div > ul li span i { display: inline-block; vertical-align: top; margin:1px 0 0 5px; width:42px; height:20px; line-height:20px; text-align: center; color:#fff; font-style:normal; border-radius:5px; background:#183687; font-family: "Roboto"; font-size:13px; font-weight: 500; }
.sitemap div > ul li a:hover > span:first-child { color:#183687; }
.sitemap div > ul li .icon_s { width:25px; display:inline-block; margin:0 -10px 0 0; }
.sitemap div > ul li .icon_s img { margin-top:-1px; }
.sitemap div > ul li.recruit a > span { color:#0000E2; font-weight:700; }
.sitemap > div > aside { position: absolute; bottom: 0; left: 0; width: 100%; height:80px; background: #183687; }
.sitemap > div > aside a { display: block; width:100%; height:80px; line-height:80px; text-align: center; color:#fff; font-size:20px; letter-spacing: -.5px; }
.sitemap > div > aside a img { margin:35px 0 0 15px; }
.sitemap .bottom { position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; border-top:1px solid #e0e0e0; }
.sitemap .bottom ul { width: 100%; overflow: hidden; }
.sitemap .bottom li { float: left; width:36.5%; height: 58px; }
.sitemap .bottom li:last-child { width:27%; }
.sitemap .bottom li a { display: table; width:100%; height:100%; /* line-height:58px; */ text-align: center; color: #303030; font-size:16px; letter-spacing: -.5px; background: #fff; }
.sitemap .bottom li:nth-child(2) a { background: #d6d6d6; color:#000; }
.sitemap .bottom li a span { display: table-cell; vertical-align: middle; }
.sitemap .bottom p { width: 100%; overflow: hidden; }
.sitemap .bottom p a { display: block; width:100%; height:80px; line-height:80px; text-align: center; color:#fff; font-size:20px; letter-spacing: -.5px; background: #183687; }
.sitemap .bottom p a img { margin:35px 0 0 15px; }
/*�ъ씠�몃㏊_紐⑤컮��*/
.mSitemap { display: none; position: fixed; top: 90px; left: 0; width: 100%; height:100%; background:#f6f6f6; z-index:1200; }
.mSitemap.on { display: block; }
.mSitemap > article { height:calc(100% - 150px); background: #ddd; box-sizing:border-box; padding:30px; overflow: hidden; overflow-y:auto; text-align: right; }
.mSitemap > article > div { margin-top:15px; }
.mSitemap > article h3 { color:#252525; font-size:30px; line-height:120%; font-weight: 700; padding-bottom: 10px; }
.mSitemap > article h3.on { color:#183687; }
.mSitemap > article ul { display:none; }
.mSitemap > article li { overflow: hidden; margin-top: 5px; min-height:30px; }
.mSitemap > article li a > span { display: inline-block; font-size:18px; font-weight: 400; color: #36373b; }
.mSitemap > article li span.stxt { color:#b5b5b5; font-size:14px; font-weight: 300; margin-top:5px; }
.mSitemap > article li span i { display: inline-block; vertical-align: top; margin:1px 0 0 5px; width:42px; height:20px; line-height:20px; text-align: center; color:#fff; font-style:normal; border-radius:5px; background:#183687; font-family: "Roboto"; font-size:13px; font-weight: 500; }
.mSitemap > article li a:hover > span:first-child { color:#183687; }
.mSitemap > article li .icon_s { width:22px; display:inline-block; margin:-4px 0 0 0; }
.mSitemap > article li.recruit a > span { color:#0000E2; font-weight:700; }
.mSitemap .login { position: fixed; bottom:0; left:0; z-index:50; width:100%; box-sizing:border-box; }
.mSitemap .login li { float: left; width:50%; height:60px; }
.mSitemap .login li a { display: block; width:100%; height: 58px; text-align: center; line-height: 58px; border:1px solid #dadada; font-family: "Montserrat"; font-size:16px; text-transform: uppercase; }
.mSitemap .login li:first-child a { border-right:none; background: #ebebeb; }
/*layout*/
#wrap > article { overflow:hidden; }
/* footer */
footer { background:#222935; box-sizing:border-box; }
footer > article { width:100%; max-width:1300px; margin:0 auto; box-sizing:border-box; }
footer nav { width:100%; height:42px; border-bottom:1px solid #393f4a; padding:30px 0 35px; }
#fnb { float:left; }
#fnb li { float:left; margin-right:25px; line-height:43px; }
#fnb li a { color:#a9abb3; font-size:16px; letter-spacing:-.5px; }
#fnb li a.privacy { color:#2aa6d0; }
footer .siteBox { float:right; width:230px; height:42px; box-sizing:border-box; border:1px solid #4c515b; position:relative; }
footer .siteBox > a { display:block; width:100%; height:100%; line-height:40px; background:#2b313d; position:relative; font-family:"Roboto"; color:#fff; font-size:14px; letter-spacing:-.5px; padding-left:20px; box-sizing:border-box; }
footer .siteBox > a:after { content:""; display:block; position:absolute; top:16px; right:15px; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid #fff; }
footer .siteBox ul { display:none; position:absolute; bottom:40px; left:-1px; width:100%; overflow:hidden; background:#2b313d; border:1px solid #4c515b; z-index:999; }
footer .siteBox ul li a { color:#fff; font-size:15px; padding:0 18px; display:block; line-height:40px;}
footer > article > article { overflow:hidden; padding:30px 0 50px; }
footer article > div { float:left; }
footer article > div address { overflow:hidden; color:#a9abb3; line-height:170%; font-size:15px; }
footer article > div address i { font-style:normal; margin:0 8px; line-height:110%; }
footer article > div p { margin-top:10px; color:#656a74; font-size:15px; line-height:120%; font-family:"Roboto"; }
footer .scrollTop { float:right; width:63px; height:63px; }
footer .scrollTop a { display:block; width:100%; height:100%; background:#183687 url(/img/common/icon_scrollTop.gif) no-repeat center; position:relative; font-size:0; }
select {background:url(/img/sub/icon_select.gif) no-repeat 90% center; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
select::-ms-expand{ display: none; }
@media screen and (max-width:1800px) {
#gnb > li { margin:0 30px; }
}
@media screen and (max-width:1700px) {
/*header*/
header .login { right:210px; }
header .login li { width:70px; }
#gnb > li > ul.menu2 { margin-left: -20vw; }
}
@media screen and (max-width:1600px) {
#gnb > li { margin:0 25px; }
}
@media screen and (max-width:1480px) {
/*header*/
header { max-width:100%; /* overflow: hidden; */ }
header h1 { left:15px; }
header > nav { margin-left:-80px; }
#gnb > li { margin:0 20px; }
}
@media screen and (max-width:1300px) {
.pc{ display: none; }
.mobile { display: block; }
/*header*/
header { height:90px; }
header h1 { top:14px; left:15px; }
header > nav { display: none; }
header .right .cateM { width:90px; height:90px; }
header .right .cateM a i { left:30px; }
header .right .cateM a i:first-child { top:38px; }
header .right .cateM a i:nth-child(2) { top:48px; }
header .right .cateM a i:nth-child(3) { top:58px; }
header .right .cateM.on a i:first-child { transform:rotate(45deg); -webkit-transform:rotate(45deg); top: 48px; }
header .right .cateM.on a i:nth-child(2) { display: none; }
header .right .cateM.on a i:nth-child(3) { transform:rotate(-45deg); -webkit-transform:rotate(-45deg); top: 48px; }
header .right .lang { width:90px; height:90px; }
header .right .lang ul { top:90px; }
header .login { display: none; }
/* #wrap > article { margin-top:90px; } */
/* footer */
footer > article { max-width:100%; padding:0 15px; }
footer nav { height:35px; padding:20px 0 25px; }
#fnb li { margin-right:15px; }
footer .scrollTop { width:45px; height:45px; }
}
@media screen and (max-width:650px) {
/*header*/
header h1 { top:20px; left:15px; }
header h1 img { height:75px; }
header > nav { display: none; }
header .right .cateM { width:80px; height:90px; }
header .right .cateM a i { left:25px; }
header .right .lang { width:80px; height:90px; }
#wrap > article { margin-top:80px; }
/* footer */
footer nav { width:100%; height:auto; border-bottom:1px solid #393f4a; padding:15px 0 0; }
footer .siteBox { width:140px; }
footer .siteBox > a { font-size:14px; padding-left:10px; }
footer .siteBox > a:after { top:16px; right:10px; }
footer .siteBox ul li a { padding:0 10px; line-height:35px; }
#fnb { float:none; width: 100%; overflow: hidden; text-align: center; padding:5px 0 10px; }
#fnb li { float:none; display: inline-block; width:auto; text-align: center; margin:0 3px; }
#fnb li a { color:#a9abb3; font-size:17px; letter-spacing:-.5px; }
#fnb li a.privacy { color:#2aa6d0; }
footer > article > article { padding:20px 0 30px; }
footer article > div { float:none; }
footer .scrollTop { margin-top: 5px; }
/*�곗씠�� popup*/
#popup .pop_close{right:15px; top:15px;}
#popup .pop_close button{width:25px; height:25px; background-size:contain;}
}
/* 20200911 �섏젙 */
.sitemap .bottom li{width: 50%;}
.sitemap .bottom li:first-of-type{width: 100%; border-bottom: 1px solid #e0e0e0;}
.sitemap .bottom li:last-child{width: 50%;}
div.gmoBox> article > div{width: 25%;}
.gmoBox > nav > div li:first-child{width: 250px;}
.prdBox dd a{display:inline-block; padding: 0; margin: 0 20px 0 27px; overflow: visible; width: auto;}
.prdBox dd a:hover{ color:#183687; font-weight: 500; border-bottom:1px solid #475997; background: transparent;}
.prdBox dd a:before{left: -10px; top: 16px;}
header h1{top:3px}
/*
@media screen and (max-width: 1300px){
.sitemap{top:90px; min-width:auto; text-align: right; }
.sitemap > div{float:none; height: auto; padding: 10px 30px; width: 100%;}
.sitemap > div:first-child{margin-top:30px;}
.sitemap > div > aside{position:fixed; bottom: 0;}
.sitemap div > ul{display:none;}
.sitemap .bottom{position:fixed; bottom: 80px;}
.sitemap div > ul{margin-top:10px}
.sitemap div > ul li{margin-top:0; padding: 10px 0; min-height:auto}
}
*/
@media screen and (max-width: 1300px){
.sitemap { display: none !important; }
}
/*遺꾩꽍�쒕퉬��*/
.gmoBox > nav > div h4 { float: left; width:308px; height:80px; line-height:80px; }
.gmoBox > nav > div h4 span { margin-left:15px; }
.gmoBox > nav > div ul { float: left; }
.gmoBox > nav > div li { float: left; width:250px; height:80px; }
.gmoBox > nav > div li:first-child { width:192px; }
.gmoBox .link li a { display: table; width:100%; height:100%; background: #1a3d99; }
.gmoBox .link li:nth-child(2) a { background:#2049b3; }
.gmoBox .link li:last-child a { background: #1e4cc2; }
.gmoBox .link li a span { display: table-cell; vertical-align: middle; color: #fff; }
.gmoBox .link li a img { margin-left:7px; }
.gmoBox dl { margin:40px 10px 0; height:140px; /* padding-left:45px; */padding-left: 40px; letter-spacing: -.5px; }
.gmoBox dl.sv1 { background:url(/img/common/icon_service1.gif) no-repeat; }
.gmoBox dl.sv2 { background:url(/img/common/icon_service2.gif) no-repeat; }
.gmoBox dl.sv3 { background:url(/img/common/icon_service3.gif) no-repeat; }
.gmoBox dl.sv4 { background:url(/img/common/icon_service4.gif) no-repeat; }
.gmoBox dl.sv5 { background:url(/img/common/icon_service5.gif) no-repeat; }
.gmoBox dl.sv6 { background:url(/img/common/icon_service6.gif) no-repeat; }
.gmoBox dl.sv7 { background:url(/img/common/icon_service7.gif) no-repeat; }
.gmoBox dl.sv8 { background:url(/img/common/icon_service8.gif) no-repeat; }
.gmoBox dl.sv2 dt,
.gmoBox dl.sv4 dt,
.gmoBox dl.sv6 dt,
.gmoBox dl.sv8 dt { /* height: 35px; */ }
.gmoBox dt { font-size:17.5px; color:#36373b; font-weight: 500; letter-spacing: -1.5px; }
.gmoBox dt a { color:#36373b; }
.gmoBox dt a:hover { color:#183687; }
.gmoBox dt+dd { margin-top:8px; }
.gmoBox dd { margin-top:5px; /* padding-left:10px; */padding-left:7px; position: relative; }
.gmoBox dd:before { content:""; display: block; width:2px; height:2px; background:#77797d; position: absolute; top: 9px; left: 0; }
.gmoBox dd a { color:#6b6d72; font-size:16px; line-height:130%; font-weight: 300; }
.gmoBox dd:hover a { color:#183687; font-weight: 500; border-bottom:1px solid #475997; }
.gmoBox dl.sv3 dd a span { padding:0 3px; }
/*�곗씠�� popup*/
#popup{display:none; width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,0.2); z-index:9999;}
#popup .img{/*width:982px; height:640px; */width:90%; max-width:750px;padding:2%; background-color:#fff; border:1px solid #ddd; box-sizing:border-box;position: absolute; left: 50%; top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
#popup .img img{max-width:90%; max-height:100%;}
#popup.on .img { max-width:1000px; }
#popup.on .img img { max-width:100% }
#popup .pop_close{position:absolute; right:30px; top:30px; }
#popup .pop_close button{width:40px; height:40px; background:url("/img/common/popup_close.png") no-repeat; padding:0; border:none; outline:none;}