@charset "utf-8";


#wrap {position:relative;}

header {position:relative;background:rgba(0,0,0,0.4);height:114px;}
#top{position:relative;display:block;height:32px;line-height:32px;}
#top ul{position:absolute;right:0;}
#top li {float:left;color:#fff;margin:0 10px;}
#top li:last-child {margin-right:0;}
header  a {color:#fff;}
header  a:hover {color:#fff;}
header h1 {position:absolute;top:50px;left:0;}
header #gnb>div {display:none;}
#gnb {}
#gnb>ul {position:absolute;right:0;top:32px;z-index:3;}
#gnb>ul>li {position:relative;float:left;font-size:18px;margin-left:40px;}
#gnb>ul>li>a{display:block;line-height:82px;padding:0 15px;}
#gnb>ul>li>a:hover {} 
#gnb .dep2{position:absolute;left:0;top:82px;background:rgba(255,255,255,0.8);min-width:100%;display:none;transition:0.7s}
#gnb .dep2:before{display:block;height:7px;position:absolute;right:0;left:0;top:-7px;content:'';background:url(/images/gs/menu_arr.png) center top no-repeat;opacity:0.8;transition:0.7s}
#gnb .dep2 > li + li{border-top:1px solid #ddd;}
#gnb .dep2 > li > a{display:block;color:#555;padding:10px 20px;white-space:nowrap;font-size:13px;}
#gnb .dep2 > li:hover{background-color:#f4f4f4;}

header .btn_allNavClose {display:none;}
header .btn_allNavOpen{display:none;position:absolute;right:0;top:0;width:70px;height:70px;text-indent:-9999em;background:url(/images/gs/btn_allmenu.png) no-repeat center center;}

/*Layout */
.sub_bgs {position:absolute;top:0;left:0;right:0;overflow:hidden;height:250px;}
.sub_bgsin {background:url(/images/gs/sub_bg01.jpg) 70% 0 no-repeat;height:450px;background-size:cover;}
.sub_bgsin {animation:animate_background 5s linear;}
@keyframes animate_background {0% {margin-top:0} 50% {margin-top:-150px} 100% {margin-top:0}}


#container {position:relative;margin-top:80px;}

/* #content {min-height:450px;} */
#content > div.inner {padding-top:40px;}
#content2 > div.inner {padding-top:40px;}
#content h2{font-family:'ngb';font-size:18px;background:url(/images/gs/bullet01.png) 0 center no-repeat;padding-left:18px;margin-bottom:15px;}
#content h3{font-family:'ngb';font-size:17px;background:url(/images/gs/bullet02.png) 0 center no-repeat;padding-left:17px;margin-bottom:15px;}
#content h4{font-size:15px;background:url(/images/gs/bullet03.png) 0 center no-repeat;padding-left:7px;margin-bottom:8px;}
#content2 h2{font-family:'ngb';font-size:18px;background:url(/images/gs/bullet01.png) 0 center no-repeat;padding-left:18px;margin-bottom:15px;}
#content2 h3{font-family:'ngb';font-size:17px;background:url(/images/gs/bullet02.png) 0 center no-repeat;padding-left:17px;margin-bottom:15px;}
#content2 h4{font-size:15px;background:url(/images/gs/bullet03.png) 0 center no-repeat;padding-left:7px;margin-bottom:8px;}

ul.list01 > li{font-size:15px;background:url(/images/gs/bullet03.png) 0 8px no-repeat;padding-left:7px;margin-bottom:8px;}
ul.list01 > li > ul {margin-top:5px;}
ul.list01 > li:last-child{margin-bottom:0;}

/*#content h2 + ul.list01,#content h3 + ul.list01,#content h3 + h4{margin-left:17px;}
#content h2 + h3{margin-left:1px;} */
#content ul.list01 li span.title {font-family:'ngb';color:#232323;}
#content .sheetwrap h4 {margin-left:9px;}
#content .sheetwrap h4 + div {margin-left:9px;}

#sub_visual {margin:48px auto;text-align:center;box-sizing:border-box;}
#sub_visual b {display:block;color:#fff;font-size:24px;margin-top: 15px;font-family:'ngb';text-shadow:1px 1px 0px #666;}
#sub_visual b:before {clear:both;display:block;content:"ㅡ";}

footer {position:relative;background:#fff;margin-top:100px;padding-bottom:30px;}
footer .footer_btn {text-align:center;/*height:32px;*/height:150px;background:#f2f4f7;}/*2024-09-04 height 수정 수정*/
footer .footer_btn ul li {display:inline-block;position:relative;}
footer .footer_btn ul li a{color:#767676;padding:0 15px;line-height:32px;font-size:13px;}
footer .footer_btn ul li + li:before {display:inline-block; width:1px;height:12px;content:"";background-color:#aaaaaa;position:absolute;left:0;top:10px;}
footer .copyright {margin-bottom:30px;}
footer .footer_logo {position:absolute;top:-7px;left:10px;}
footer .address {font-size:12px;color:#454545;margin-top:33px;margin-left:175px;margin-right:150px;}
footer .copy {font-size:12px;color:#767676;margin-left:175px;}
footer .family_Area {position:absolute;top:0;right:0;}
footer .family_Area>a{border:1px solid #999;width:160px;height:33px;line-height:33px;display:block;padding-left:10px;color:#555;box-sizing:border-box;background:url(/images/gs/search_arrow.png) 93% center no-repeat;}
footer .family_Area>a.on{background:url(/images/gs/search_arrow_on.png) 93% center no-repeat;}
footer .family_list {position:absolute;bottom:32px;left:0;display:none;background:#fff;width:160px;border:1px solid #acacac;box-sizing:border-box;}
footer .family_list li {line-height:21px;padding-left:10px;}
footer .family_list li a {display:block;}
footer .copyright_mobile {display:none;font-size:12px;color:#888;text-align:center;line-height: 40px;background: #f2f4f7;}

/*2024-09-04 css추가*/
footer .footer_230{height:230px !important;}
footer .footer_btn .qr_flex_box{display:flex;flex-wrap:nowrap;justify-content:space-between;text-align:left;padding-top:30px;}
footer .footer_btn .qr_flex_box .txt_box{width:49.5%;padding-left:20px;}
footer .footer_btn .qr_flex_box .txt_box .tit{position:relative;font-size:22px;font-weight:700;margin-bottom:25px;text-indent:25px;}
footer .footer_btn .qr_flex_box .txt_box .tit:before{content:'';position:absolute;width:8px;height:20px;left:0;top:0;background:#333;}
footer .footer_btn .qr_flex_box .txt_box .txt{font-size:15px;line-height:1.6;text-indent:27px;}
footer .footer_btn .qr_flex_box .qr_box{width:49.5%;}
footer .footer_btn .qr_flex_box .qr_box ul{display:flex;flex-wrap:nowrap;justify-content:right;}
footer .footer_btn .qr_flex_box .qr_box li + li:before{display:none;}
footer .footer_btn .qr_flex_box .qr_box li:nth-child(1){margin-right:10px;}
footer .footer_btn .qr_flex_box .qr_box li div{background:#fff;padding:5px;}
footer .footer_btn .qr_flex_box .qr_box li .qr_tit{text-align:center;color:#777;font-size:14px;line-height:2;}
/*2024-09-04 css추가*/

/* 버튼 */
.btn-zone{margin:5px 0;text-align:center;}
.btn-zone .left{float:left;}
.btn-zone .right{float:right;}
.btn-zone:after{content:""; display:block; clear:both;}

.jbtn{box-sizing:border-box;border-radius:2px;display:inline-block;padding:0 25px;height:38px;line-height:34px;text-align:center;}
.eng .jbtn{box-sizing:border-box;border-radius:2px;display:inline-block;padding:5px 25px 6px;height:auto;line-height:inherit;text-align:center;}
.jbtn.input{height:36px;line-height:30px;}
.eng .jbtn.input{padding:5px 20px 6px;height:auto;line-height:inherit;}
.jbtn.big{height:56px;line-height:54px;padding:0 50px;font-size:16px;}
.jbtn.small{height:28px;line-height:26px;padding:0 16px;font-size:13px;}
.jbtn.cblue{background:#5e738f;color:#fff;border:1px #4a5b72 solid;}
.jbtn.cblue2{font-family:"ngb";background:#5e738f;color:#fff;border:1px #4a5b72 solid;transition:all 0.7s}
.jbtn.cblue2:hover{background:#354356;color:#fff;border:1px #354356 solid;transition:all 0.7s}
.jbtn.gray{background:#eaeaea;color:#525252 !important;border:1px #acacac solid;}
.jbtn.gray2{font-family:"ngb";background:#eaeaea;color:#525252;border:1px #acacac solid;transition:all 0.7s}
.jbtn.gray2:hover{background:#fff;color:#888;border:1px #acacac solid;}
.jbtn.white{background:#fff;color:#555 !important;border:1px #acacac solid;}
.jbtn.dgray{background:#4a4a4a;color:#fff;border:1px #2b2b2b solid;transition:all 0.7s}
.jbtn.dgray:hover{background:#111;color:#fff;border:1px #2b2b2b solid;}
.jbtn.blue{background:#0866c6;color:#fff !important;border:1px #044b93 solid;}
.jbtn.blue2{font-family:"ngb";background:#fff;color:#0866c6;border:1px #0866c6 solid;transition:all 0.7s}
.jbtn.blue2:hover{background:#0866c6;color:#fff;border:1px #026979 solid;}
.jbtn.green{background:#438b14;color:#fff !important;border:1px #3c7815 solid;}
.jbtn.red{background:#b42c29;color:#fff !important;border:1px #a02624 solid;}
.red{color:#b42c29}
.jbtn.cyan{background:#008195;color:#fff;border:1px #026979 solid;}
.jbtn.cyan2{font-family:"ngb";background:#fff;color:#008195;border:1px #008195 solid;transition:all 0.7s}
.jbtn.cyan2:hover{background:#008195;color:#fff;border:1px #026979 solid;}
/* 버튼 추가 2019-01-14 */
.jbtn.radius{height:30px;line-height:30px;border-radius:15px;}
.jbtn.last_btn01{background:#005795; color:#fff; border:1px #026979 solid; margin:12px 0px 12px 0px; width:150px;}
.jbtn.last_btn02{background:#0866c6; color:#fff; border:1px #044b93 solid; margin:5px 0 12px 0; width:150px;}
.jbtn.last_btn03{background:#c64b08; color:#fff; border:1px #c64b08 solid; margin:5px 0 12px 0; width:150px; height:50px;}
.jbtn.non_gray{background:#666;color:#c0c0c0 !important;border:1px #acacac solid;cursor:default;}

/* 목록 */
.data-list{border-top:solid 2px #0f69a1;}
.data-list > table{width:100%;}
.data-list > table > thead > tr > th{text-align:center;padding:3px 15px;;height:49px;background-color:#f2f4f7;border:1px solid #b5c5da;box-sizing: border-box;}
.data-list > table > tbody > tr > th{text-align:center;padding:2px 15px;;height:47px;border:1px solid #d7d7d7;background-color:#f2f4f7;box-sizing: border-box;}
.data-list > table > tbody > tr > td{text-align:center;padding:2px 15px;;height:47px;border:1px solid #d7d7d7;box-sizing: border-box;}
.data-list > table > tbody > tr > td > span > a {color:#1a709b;text-decoration:underline;}
.data-list > table > tbody > tr.deactivation{background:#eee;color:#999;}

.select{border:1px solid #ccc;position:relative;background-color:#fff;white-space:nowrap;}
.select .selected{display:block;height:24px;line-height:24px;padding:0 30px 0 5px;background:url(/images/gs/select_arr.png) right center no-repeat; cursor:pointer;}
.select .opt{position:absolute;left:-1px;top:24px;width:100%;border:1px solid #ccc;background-color:#fff;padding:5px 0;display:none;}
.select .opt > li{padding:3px 5px;}

/*error page */
.error404 {width:720px;margin:10% auto;text-align:center;background: url(/images/gs/error_icon.png) center top 0 no-repeat;}
.error404 > b{margin-top:170px;display:inline-block;width:720px;font-size:40px;border-top:3px solid #555;line-height: 80px;}
.error404 p{margin-right:10px;margin-left:10px;}
.error404 p.title{color:#336699;font-size:24px;text-align:left;margin-top:10px;font-family:'ngb';}
.error404 p.txt{margin-top:30px;margin-bottom:10px;text-align:left;font-size:16px;}
.error404 p.txt2{padding-top:10px;border-top:1px dashed #dedede;margin-bottom:20px;text-align:left;font-size:16px;}
.error404 .error_box{margin-top:20px;border:1px solid #dedede;background:#f8f8f8;padding:20px;margin-bottom:30px;}


/* 게시판 */

/* 일반게시판 목록 */
.board-search{background:#fff;box-sizing:border-box;border:1px solid #ddd;padding:10px;text-align:center;margin-bottom:10px;line-height:21px;}
.board-search .btn-search{height:36px;background-color:#333;color:#fff;border:1px solid #222;padding:0 10px;width:80px;}

.board-list{border-top:solid 2px #0f69a1;}
.board-list > table{width:100%;}
.board-list > table.fixed{table-layout: fixed;}
.board-list > table > thead > tr > th{text-align:center;padding:3px 15px;height:49px;box-sizing: border-box;background-color:#f2f4f7;border-bottom:1px solid #d7d7d7;}
.board-list > table > tbody > tr > td{text-align:center;padding:2px 15px;height:47px;box-sizing: border-box;border-bottom:1px solid #d7d7d7;}
.board-list > table > tbody > tr > td.left{text-align:left;}
.board-list > table > tbody > tr > td.subject > a{display:block;width:100%;text-overflow:ellipsis;overflow:hidden; white-space: nowrap;text-decoration:underline}
.board-list > table > tbody > tr > td > span.confirm {display:inline-block;width:90px;padding:3px 0;color:#fff;background:#438b14;}
.board-list > table > tbody > tr > td > span.answer {display:inline-block;width:90px;padding:3px 0;color:#fff;background:#5e738f;}
.label-reply{display:inline-block;width:28px;height:16px;font-size:11px;color:#fff;background-color:#d34775;line-height:11px;text-align:center;border-radius:2px;}

.paging{text-align:center;padding:10px 0;}
.paging a{display:inline-block;width:25px;height:25px;line-height:25px;vertical-align:middle;}
.paging .page{border:1px solid #ccc;text-align:left;overflow:hidden;text-indent:-999px;}
.paging .page.first{background:url(/images/gs/page_first.png) center center no-repeat;}
.paging .page.prev{background:url(/images/gs/page_prev.png) center center no-repeat;margin-right:10px;}
.paging .page.next{background:url(/images/gs/page_next.png) center center no-repeat;margin-left:10px;}
.paging .page.last{background:url(/images/gs/page_last.png) center center no-repeat;}
.paging .page:hover{border-color:#000;}
.paging .num.current{text-decoration:underline;color:#0866c6;font-weight:600;}
.paging .num:hover{text-decoration:underline;}


/* 상세보기 */
.board-view{}
.board-view > table{width:100%;border-top:solid 2px #0f69a1;}
.board-view > table > tbody > tr > th{width:20%;text-align:left;padding:2px 25px;height:47px;box-sizing: border-box;background-color:#f2f4f7;border-bottom:1px solid #d7d7d7;}
.board-view > table > tbody > tr > td{text-align:left;padding:12px 15px;box-sizing: border-box;border-bottom:1px solid #d7d7d7;}
.board-view > table > tbody > tr > td.view-contents{display:block;padding:12px 15px;box-sizing: border-box;min-height:200px;}
.board-view > table > tbody > tr > td div.view-contents{display:block;min-height:200px;}
.attach-file + .attach-file{margin-top:5px;}
.attach-file a{background:url(/images/gs/i_file.png) left top no-repeat;padding-left:20px;}


/* 등록 */
.board-regist{}
.board-regist > table{width:100%;border-top:solid 2px #0f69a1;}
.board-regist > table > tbody > tr > th{width:20%;text-align:left;padding:2px 15px;height:47px;box-sizing: border-box;background-color:#f2f4f7;border-bottom:1px solid #d7d7d7;}
.board-regist > table > tbody > tr > th.center {text-align:center;padding-left:0}
span.required:after{content:"*";width: 10px;height: 10px;color:#ff0000;line-height:0;margin-right:3px;}
span.requiredany:after{content:"*";width: 10px;height: 10px;color:#ff0000;line-height:0;margin-left:3px;}
.board-regist > table > tbody > tr > td{text-align:left;padding:2px 15px;border-bottom:1px solid #d7d7d7;}

.board-top{margin-bottom:5px;}
.board-top span.count {font-family:"ngb";}
.board-top > .left{float:left;}
.board-top > .left > h2 {line-height:38px;margin-bottom:5px !important;}
.board-top > .right{float:right;}
.board-top:after{clear:both;display:block;content:'';}

.small-font {font-size:13px;color:#999;display:inline-block;}
.table_etc {margin:5px 0;font-size:13px;line-height:18px;color:#767676;}



/* 회원가입 순서 */
.progress {position:relative;margin:0 20px 10px;background:url(/images/gs/progress_line.gif) repeat-x 0 28%;}
.progress:before, .progress:after {content:'';position:absolute;width:8px;height:8px;top:28%;margin-top:-3.5px;background:#d8d8d8;border-radius:50%}
.progress:after {left:-15px;}
.progress:before {right:-15px;}
.progress ol {position:relative;width:80%;margin:0 auto;overflow:hidden;text-align:center;}
.progress li {position:relative;vertical-align:top;display:inline-block;width:85px;margin:0 5%;}
.progress li.active span {font-family:'ngb';}
.progress li .tit {display:block;}
.progress li .tit:before {content: '';display: block;width: 85px;height: 85px;margin-bottom:10px;background:url(/images/gs/progress_step.png) no-repeat 0 0;}
.progress li.step01 .tit:before {background-position:0 -86px}
.progress li.step02 .tit:before {background-position:-86px -86px}
.progress li.step03 .tit:before {background-position:-172px -86px}
.progress li.step04 .tit:before {background-position:-258px -86px}
.progress li.step05 .tit:before {background-position:right -86px}
.progress li.step01.active .tit:before {background-position:0 0}
.progress li.step02.active .tit:before {background-position:-86px 0}
.progress li.step03.active .tit:before {background-position:-172px 0}
.progress li.step04.active .tit:before {background-position:-258px 0}
.progress li.step05.active .tit:before {background-position:right 0}

/*폴더관리 */
.dividingwrap {position:relative;}
.dividingwrap > .left{float:left;}
.dividingwrap > .right{float:right;}
/*.dividingwrap > .left.border, .dividingwrap > .right.border{padding:5px;border:1px solid #ddd;height:600px;overflow-y:auto;} */
.dividingwrap:after {clear:both;display:block;content:"";}
.dividing_btn {position:absolute;top:50%;left:50%;margin:-30px 0 0 -33px;}
.dividing_btn button {display:block;margin:2px 0}
.scrolltable {overflow-y:scroll;border-top:0;}
.h300px {height:300px}
.h250px {height:250px}
.scrollbox {border:1px solid #dedede;box-sizing: border-box;}
.xscollno {overflow-x:hidden;}

/*팝업 */
#win_popup {position:relative;}
#win_popup h1{font-size:18px;font-family:'ngb';width:100%;height:55px;line-height:55px;background:#005d7f url(/images/gs/popup_bg.png) 0 0 no-repeat;padding-left:45px;box-sizing:border-box;color:#fff;}
#win_popup .pop_con{padding:25px;min-height:400px;box-sizing:border-box;}
#win_popup .close{position:absolute;top:0;right:0;display:block;width:55px;height:55px;background:url(/images/gs/popup_close.png) center center no-repeat;}
#popup {position:relative;}
#popup h1{font-size:18px;font-family:'ngb';width:100%;height:55px;line-height:55px;background:#005d7f url(/images/gs/popup_bg.png) 0 0 no-repeat;padding-left:45px;box-sizing:border-box;color:#fff;}
#popup .pop_con{padding:25px;min-height:400px;box-sizing:border-box;}
#popup .close{position:absolute;top:0;right:0;display:block;width:55px;height:55px;background:url(/images/gs/popup_close.png) center center no-repeat;}
#popup2 {position:relative;}
#popup2 h1{font-size:18px;font-family:'ngb';width:100%;height:55px;line-height:55px;background:#005d7f url(/images/gs/popup_bg.png) 0 0 no-repeat;padding-left:45px;box-sizing:border-box;color:#fff;}
#popup2 .pop_con{padding:25px;border:1px solid #acacac;min-height:400px;box-sizing:border-box;}
#popup2 .close{position:absolute;top:0;right:0;display:block;width:55px;height:55px;background:url(/images/gs/popup_close.png) center center no-repeat;}
#popup3 {position:relative;}
#popup3 h1{font-size:18px;font-family:'ngb';width:100%;height:55px;line-height:55px;background:#005d7f url(/images/gs/popup_bg.png) 0 0 no-repeat;padding-left:45px;box-sizing:border-box;color:#fff;}
#popup3 .pop_con{padding:25px;border:1px solid #acacac;min-height:400px;box-sizing:border-box;}
#popup3 .close{position:absolute;top:0;right:0;display:block;width:55px;height:55px;background:url(/images/gs/popup_close.png) center center no-repeat;}
#popup4 {position:relative;}
#popup4 h1{font-size:18px;font-family:'ngb';width:100%;height:55px;line-height:55px;background:#005d7f url(/images/gs/popup_bg.png) 0 0 no-repeat;padding-left:45px;box-sizing:border-box;color:#fff;}
#popup4 .pop_con{padding:25px;border:1px solid #acacac;min-height:400px;box-sizing:border-box;}
#popup4 .close{position:absolute;top:0;right:0;display:block;width:55px;height:55px;background:url(/images/gs/popup_close.png) center center no-repeat;}
#popup5 {position:relative;}
#popup5 h1{font-size:18px;font-family:'ngb';width:100%;height:55px;line-height:55px;background:#005d7f url(/images/gs/popup_bg.png) 0 0 no-repeat;padding-left:45px;box-sizing:border-box;color:#fff;}
#popup5 .pop_con{padding:25px;border:1px solid #acacac;min-height:400px;box-sizing:border-box;}
#popup5 .close{position:absolute;top:0;right:0;display:block;width:55px;height:55px;background:url(/images/gs/popup_close.png) center center no-repeat;}
#popup6 h1{font-size:18px;font-family:'ngb';width:100%;height:55px;line-height:55px;background:#005d7f url(/images/gs/popup_bg.png) 0 0 no-repeat;padding-left:45px;box-sizing:border-box;color:#fff;}
#popup6 .pop_con{padding:25px;border:1px solid #acacac;min-height:400px;box-sizing:border-box;}
#popup6 .close{position:absolute;top:0;right:0;display:block;width:55px;height:55px;background:url(/images/gs/popup_close.png) center center no-repeat;}
#popup7 h1{font-size:18px;font-family:'ngb';width:100%;height:55px;line-height:55px;background:#005d7f url(/images/gs/popup_bg.png) 0 0 no-repeat;padding-left:45px;box-sizing:border-box;color:#fff;}
#popup7 .pop_con{padding:25px;border:1px solid #acacac;min-height:400px;box-sizing:border-box;}
#popup7 .close{position:absolute;top:0;right:0;display:block;width:55px;height:55px;background:url(/images/gs/popup_close.png) center center no-repeat;}
#popup8 h1{font-size:18px;font-family:'ngb';width:100%;height:55px;line-height:55px;background:#005d7f url(/images/gs/popup_bg.png) 0 0 no-repeat;padding-left:45px;box-sizing:border-box;color:#fff;}
#popup8 .pop_con{padding:25px;border:1px solid #acacac;min-height:400px;box-sizing:border-box;}
#popup8 .close{position:absolute;top:0;right:0;display:block;width:55px;height:55px;background:url(/images/gs/popup_close.png) center center no-repeat;}
#popup9 h1{font-size:18px;font-family:'ngb';width:100%;height:55px;line-height:55px;background:#005d7f url(/images/gs/popup_bg.png) 0 0 no-repeat;padding-left:45px;box-sizing:border-box;color:#fff;}
#popup9 .pop_con{padding:25px;border:1px solid #acacac;min-height:400px;box-sizing:border-box;}
#popup9 .close{position:absolute;top:0;right:0;display:block;width:55px;height:55px;background:url(/images/gs/popup_close.png) center center no-repeat;}
#popupmy {position:relative;}
#popupmy h1{font-size:18px;font-family:'ngb';width:100%;height:55px;line-height:55px;background:#005d7f url(/images/gs/popup_bg.png) 0 0 no-repeat;padding-left:45px;box-sizing:border-box;color:#fff;}
#popupmy .pop_con{padding:25px;min-height:400px;box-sizing:border-box;}
#popupmy .close{position:absolute;top:0;right:0;display:block;width:55px;height:55px;background:url(/images/gs/popup_close.png) center center no-repeat;}
.day_close {text-align:right}
.day_closebtn {box-sizing:border-box;border-radius:2px;display:inline-block;padding:2px 5px;line-height:18px;text-align:center;background:#5e738f;color:#fff;border:1px #4a5b72 solid;}

#popup h2,#popup2 h2,#popup3 h2,#popup4 h2,#popup5 h2,#popupmy h2 {font-family:'ngb';font-size:17px;background:url(/images/gs/bullet02.png) 0 center no-repeat;padding-left:17px;margin-bottom:5px;}
.pop_company_search {overflow-y:auto;height:200px;border:1px solid #ddd;}
.pop_company_search li{padding:10px; background:#f2f4f8;margin:3px 0;text-align:left;display:block;text-overflow:ellipsis;overflow:hidden; white-space: nowrap;}
.pop_company_search li:first-child,.pop_company_search li:last-child {margin:0;}

.pop_box{padding:20px;border-top:1px solid #dedede;border-bottom:1px solid #dedede;background:#f2f4f7}
.pop_box ul li {margin-bottom:5px}
.pop_box ul li:last-child {margin-bottom:0}

.pay_pop_list {position:relative;}
.pay_pop_list>ul>li{margin-bottom:20px;font-size:13px;}
.pay_pop_list>ul>li>b{display:block;font-size:14px;margin-bottom:5px;}
.pay_pop_list>ul>li>span {display:block;font-size:13px;color:#767676}
.pay_pop_list>ul>li>span>a {color:#336699}
.pay_card_popup {position:absolute;top:28px;right:20px;}

.pay_list01_small {position:relative;border:1px solid #dedede;padding:20px;background:#f2f4f7;margin-bottom:5px;}
.pay_list01_small_box.last {margin-bottom:30px}
.pay_list01_small .pay_list01_small_box {}
.pay_list01_small .pay_list01_small_box li {float:left;padding:0 40px;box-sizing:border-box;}
.pay_list01_small .pay_list01_small_box li span{color:#767676;display:block;margin-bottom:5px;}
.pay_list01_small .pay_list01_small_box li b{font-size:16px;color:#008195;display:inline-block;margin-bottom:10px;line-height:18px}


.popup_pay_list01 {position:relative;border:1px solid #dedede;padding:10px;background:#f2f4f7;margin-bottom:5px;}
.popup_pay_list01_box.last {margin-bottom:10px}
.popup_pay_list01 .popup_pay_list01_box {}
.popup_pay_list01 .popup_pay_list01_box li {float:left;padding:0 30px;box-sizing:border-box;}
.popup_pay_list01 .popup_pay_list01_box li span{color:#767676;display:block;margin-bottom:5px;}
.popup_pay_list01 .popup_pay_list01_box li b{font-size:18px;color:#008195;display:block;margin-bottom:5px;line-height:20px}
.order_num {margin-bottom:10px;display:block;}
.popup_pay_list01_button{position:absolute;top:5px;right:5px;}
.popup_pay_box {border:1px solid #dedede;background:#f8f8f8;padding:10px;margin:10px 0}

.popup_pay_list02 {position:relative;padding:10px;background:#ecfcff;}
.popup_pay_list02_box.last {margin-bottom:5px}
.popup_pay_list02 .popup_pay_list02_box {}
.popup_pay_list02 .popup_pay_list02_box li {position:relative;width:50%;text-align:center;float:left;padding:0 10px;box-sizing:border-box;}
.popup_pay_list02 .popup_pay_list02_box li:after {content:"+";font-size:24px;position:absolute;top:12px;right:0;}
.popup_pay_list02 .popup_pay_list02_box li.last:after{display:none;}
.popup_pay_list02 .popup_pay_list02_box li span{color:#767676;display:block;margin-bottom:5px;}
.popup_pay_list02 .popup_pay_list02_box li b{font-size:14px;color:#008195;display:block;margin-bottom:5px;line-height:20px}
.popup_pay_list02_result {position:relative;padding:10px;text-align:center;background:#f2f4f7;}
.popup_pay_list02_result b{font-size:24px;}

.pay_choice_wrap {}
.pay_choice_wrap>div{width:49.5%;border:1px solid #dedede;}
.pay_choice_wrap>.left{float:left;}
.pay_choice_wrap>div>b.title{display:block;background:#f2f2f2;padding:10px;text-align:left;}
.pay_choice_wrap>.right{float:right;position:relative;}
.pay_choice_wrap .right .info{position:absolute;top:5px;right:5px;}
.pay_choice_wrap>.right2{float:right;border:0;}
.pay_choice_wrap .list_title{display:block;background:url(/images/gs/bullet_list.png) 0 center no-repeat;margin-left:10px;padding:7px 0 7px 12px}
.txt_red {color:red;font-size:12px;}



/* 서비스신청 */
.sheetwrap{position:relative;padding-right:200px;}
.sheet_title{position:relative;background:#005d7f;padding:30px 0;font-size:34px;color:#fff;text-align:center;margin-bottom:20px;border-bottom:10px solid #008195;}
.sheet_title .btnwrap {position:absolute;top:50%;margin-top:-19px;right:20px;}
.sheetwrap>div.data-list {}
.service_progress {margin-bottom:50px;text-align:center;}
.service_progress_btn{margin:50px auto;text-align:center;width:180px;display:inline-block;line-height:50px;border:1px solid #026979;color:#026979;font-size:18px;} 
.service_progress_btn2{margin:50px auto;text-align:center;width:180px;display:inline-block;line-height:50px;border:1px solid #aaa;color:#767676;font-size:18px;background:#f8f8f8} 
.service_box {border:1px solid #bcbcbc;margin:30px auto;}
.service_box p.title {border-bottom:1px solid #bcbcbc;background:#f2f4f7;padding:13px;text-align:left;font-size:18px;}
.service_box > div {padding:30px 15px;}
.service_box .info{padding:10px 15px;border:1px solid #ddd;background:#f5f5f5;margin-top:10px;text-align:left;}
.service_result {border:1px solid #ddd;padding:30px 10px;text-align:center;margin:30px 0 0;background:#f5f5f5;font-size:20px;}
.service_result p{margin:50px 0;}
.service_result b{color:#0866c6;}
.service_result b.list {display:block;line-height:32px;}
.service_result b.list.on a{color:#0866c6;background:#fff;display:block;line-height:32px;}


.agreewrap {background:#f5f5f7;padding:40px;border:1px solid #bcbcbc;}
.agreewrap h5{font-size:20px;}
.agreewrap input {width: 21px;height: 21px;margin-right: 4px;margin-top: 0;}
.agree_box {margin:13px 0;border:1px solid #eee;background:#fff;overflow-y: scroll;height: 310px;padding: 25px 20px;box-sizing: border-box;}
.agree {text-align:right;}


/*기업실태표 퀵메뉴 */
.business_quick{position:relative;clear:both;position:absolute;top:0;right:0;width:183px;}
ul.business_quickList{display:block;}
ul.business_quickList li{position:relative;display:block;width:183px;margin-bottom:3px;border-radius:30px;background-image:linear-gradient(to bottom,#aaa,#ccc);}
ul.business_quickList li  a{}
ul.business_quickList.business_quickBtn li span{display:block;box-sizing:border-box;height:36px;line-height:36px;font-family:ngb;text-align:left;display:block;border-radius:30px;
background:#3d3d3d;
background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
-o-background-size: 30px 30px;
background-size: 30px 30px;}
ul.business_quickList.business_quickBtn li a{position:absolute;top:0;left:12px;font-size:13px;padding-left:12px;box-sizing:border-box;color:#fff;height:36px;line-height:36px;width:183px;display:block;background:url(/images/gs/service_arrow_on.gif) 0 13px no-repeat;}
ul.business_quickList.business_quickBtn li.active{font-family:'ngb';}
ul.business_quickList.business_quickBtn li.active span {background:#0f69a1;background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
-o-background-size: 30px 30px;
background-size: 30px 30px;}
.business_quickPage{display:none;clear:both;margin:0 200px 0 20px;}
.business_quickPage.active{display:block}
.datewrap{border:1px solid #bcbcbc;background:#f2f4f8;padding:10px 0;text-align:center;margin-bottom:10px;}

/* .business_quickList.move li span{-webkit-animation: progress-bar-stripes 2s linear infinite;-moz-animation: progress-bar-stripes 2s linear infinite;-ms-animation: progress-bar-stripes 2s linear infinite;-o-animation: progress-bar-stripes 2s linear infinite;animation: progress-bar-stripes 2s linear infinite;} */
@-webkit-keyframes progress-bar-stripes{from{background-position:30px 0}to{background-position:0 0}}
@-moz-keyframes progress-bar-stripes{from{background-position:30px 0}to{background-position:0 0}}
@-ms-keyframes progress-bar-stripes{from{background-position:30px 0}to{background-position:0 0}}
@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:30px 0}}
@keyframes progress-bar-stripes{from{background-position:30px 0}to{background-position:0 0}}


/* 탭 */
.tabBar{margin-bottom:50px;}
.tabBar:after{display:block;content:"";clear:both;}
.tabBar > li{position:relative;float:left;z-index:0;}
.tabBar > li > a{display:block;margin-left:-1px;padding:10px 0;color:#727272;background-color:#f2f4f7;box-sizing:border-box;border-top:1px solid #c7c7c7;border:1px solid #d7d7d7;border-bottom:1px solid #4a4a4a;font-size:16px;text-align:center;color:#727272;}
.tabBar > li > a:hover{color:#fff;border:1px solid #08525b;background-color:#005d7f ;font-family:'ngb';}
.tabBar > li.active{z-index:2;}
.tabBar > li.active > a{color:#000;margin:0 -1px;border:1px solid #4a4a4a;border-bottom:1px solid #fff;background-color:#fff;font-family:'ngb';}
.tabBar.col2 li{width:50%;}
.tabBar.col3 li{width:33.33%;}

.tabBar2{margin-bottom:30px;}
.tabBar2:after{display:block;content:"";clear:both;}
.tabBar2 > li{position:relative;float:left;z-index:0;}
.tabBar2 > li > a{display:block;margin-left:1px;height:45px;line-height:45px;color:#727272;background-color:#f2f4f7;box-sizing:border-box;border:1px solid #b6d0df;font-size:15px;text-align:center;color:#727272;transition:0.7s;}
.tabBar2 > li > a:hover{color:#fff;border:1px solid #08525b;background-color:#008195 ;font-family:'ngb';}
.tabBar2 > li.active{z-index:2;}
.tabBar2 > li.active > a{color:#fff;border:1px solid #08525b;background-color:#008195 ;font-family:'ngb';}
.tabBar2.col2 li{width:50%;}
.tabBar2.col3 li{width:33.33%;}


/*회사소개 */
.company01 {position:relative;margin:0 0 40px;}
.company01 > span{position:absolute;top:0;left:0;}
.company01 ul {margin-left:568px;padding:30px 0;font-size:17px;box-sizing:border-box;}
.company01 p.info_img{width:1072px;margin:0 auto;}

.company02wrap {position:relative;background:url(/images/gs/company02.png) center 0 no-repeat;height:780px;}
.company02wrap .comapny02{position:relative;}
.company02wrap p{font-size:26px;line-height:36px;margin: 0 9%;font-family:'ngb';text-align:center;color:#fff;padding-top:60px;}

.company-table {position:absolute;left:0;right:0;top:450px;}
.company-table table{width:100%;}
.company-table table th{text-align:center;padding:12px 25px 11px;height:44px;box-sizing: border-box;background-color:#f5f5f5;border:1px solid #d7d7d7;}
.company-table table td{text-align:left;padding:12px 15px 11px;border:1px solid #d7d7d7;background:#fff;}

/*ceo인사말 */
.greeting {position:relative;}
.greeting img{}
.greeting p.text{position:absolute;left:275px;top:0;}
.greeting p.text .title01 {font-size:24px;}
.greeting p.text .title02 {font-size:18px;}


.relationship_box {position:relative;border:1px solid #a1b3c1;background:#eaf0f3;padding:20px 30px ;margin-bottom:10px;}
.relationship_box  p{position:absolute;left:340px;top:30px;margin-right:30px;}

/* 사업구성 */
.business01 {min-height:600px;background:url(/images/gs/business_bg.png) center 0 no-repeat;text-align:center;}
.business01 b {font-size:18px;padding-top: 390px;display: block;line-height: 24px;}
.business02 {background:#f4f4f4;}
.business02 ul li{float:left;width:33.33%;}
.business02 ul li div {position:relative;width:320px;margin:180px auto 0;height:390px;padding:15px;box-sizing:border-box;background:#fff;}
.eng .business02 ul li div {position:relative;width:320px;margin:180px auto 0 ;height:520px;padding:15px;box-sizing:border-box;background:#fff;}
.business02 ul li div span {display:block;height:140px;position:absolute;top:-100px;left:0;right:0;margin-bottom:100px;}
.business02 ul li div span.icon01 {background:url(/images/gs/business_icon01.png) center 0 no-repeat; }
.business02 ul li div span.icon02 {background:url(/images/gs/business_icon02.png) center 0 no-repeat; }
.business02 ul li div span.icon03 {background:url(/images/gs/business_icon03.png) center 0 no-repeat; }
.business02 ul li div b {display:block;margin-top:50px;text-align:center;font-size:20px;line-height:28px;}
.business02 ul li div b:after {display:block;content:"";width:30px;height:4px;background:#81ccdd;border-radius:3px;margin:30px auto;}
.business02 ul li div dl dt {font-family:'ngb';margin-top:25px;}
.business02 ul li div dl dd {margin-top:5px;}


/* DNA service */
.dna_service01{background:url(/images/gs/dna_service_bg01.png) center 0 no-repeat;height:540px;text-align:center;padding:20px 0 0 0;box-sizing:border-box;}
p.dna_service_title {color:#034583;font-size:28px;font-family:'ngb';}
p.dna_service_title.white {color:#fff;}
p.dna_service_title.white:before {color:#fff;}
p.dna_service_title:before {content:"/";font-size:36px;color:#034583;clear:both;display:block;margin:25px 0;}
.dna_service01 span {display:block;margin:50px auto 0;width:330px;height:190px;background:url(/images/gs/dna_service01_bg.png) 0 0 no-repeat; }
.dna_service01 b {font-size:18px;line-height:24px;}

.dna_service02{background:url(/images/gs/dna_service_bg02.png) center 0 no-repeat;height:488px;text-align:center;box-sizing:border-box;}
.dna_service02 li {display:block;float:left;width:33%;text-align: center;}
.dna_service02 li div{margin:100px 12%;width:290px;height:290px;border-radius:100%;border:2px solid #fff;color:#fff;line-height:22px;padding:0 30px;box-sizing:border-box;}
.dna_service02 li div b {display:block;color:#134489;font-size:24px;line-height:30px;margin:80px 0 30px;}

.dna_service03{background:#fff;text-align:center;padding:20px 0 0 0;box-sizing:border-box;}
.dna_service03 > div > ul > li {width:49.5%;float:left;}
.dna_service03 li > div {margin:50px 1%;}
.dna_service03 li > div > div{background:#f5f5f5 url(/images/gs/dna_service03_bg01.png) center 30px no-repeat;;text-align:center;padding:20px;box-sizing:border-box;}
.dna_service03 li > div > div.right{background:#f5f5f5 url(/images/gs/dna_service03_bg02.png) center 30px no-repeat;}
.dna_service03 li > div > div > b {display:block;color:#153e59;font-size:20px;padding-top:150px;}
.advantage ul {padding:20px;border:1px solid #eee;border-top:0;min-height:166px;box-sizing:border-box;}
.advantage ul li {margin-bottom:15px;padding-left:20px;background:url(/images/gs/bullet_list.png) 0 6px no-repeat;text-align:left;}

.dna_service04{background:url(/images/gs/dna_service_bg04.png) center 0 no-repeat;height:803px;text-align:center;box-sizing:border-box;padding:20px 0 0 0;}
.dna_service04 .txt {padding:40px 0;font-size:16px;line-height:22px;}
.dna_service04 div > ul > li {display:block;width:20%;float:left;}
.dna_service04 div > ul > li > div {margin-right:1px;background:#fff;min-height:480px;}
.dna_service04 div > ul > li > div b {display:block;color:#fff;font-size:20px;line-height:70px;background:#2994a5;}
.eng .dna_service04 div > ul > li > div b {display:block;color:#fff;line-height:24px;font-size:18px;padding:12px 0;height:70px;background:#2994a5;}
.dna_service04 div > ul > li > div span {display:block;height:173px;background:url(/images/gs/dna_com01_bg.png) center center no-repeat;background-size:cover;}
.dna_service04 div > ul > li > div div.img {margin:20px auto;max-width:239px;}
.dna_service04 div > ul > li > div p {padding:0 15px;word-break:keep-all}
.eng .dna_service04 div > ul > li > div p {height:180px;padding:0 15px;word-break:keep-all}
.dna_service04 div > ul > li > div.dna_com02 b {background:#077c8f;}
.dna_service04 div > ul > li > div.dna_com03 b {background:#06687a;}
.dna_service04 div > ul > li > div.dna_com04 b {background:#23609e;}
.dna_service04 div > ul > li > div.dna_com05 b {background:#064e80;}
.dna_service04 div > ul > li > div.dna_com02 span {background:url(/images/gs/dna_com02_bg.png) center center no-repeat;background-size:cover;}
.dna_service04 div > ul > li > div.dna_com03 span {background:url(/images/gs/dna_com03_bg.png) center center no-repeat;background-size:cover;}
.dna_service04 div > ul > li > div.dna_com04 span {background:url(/images/gs/dna_com04_bg.png) center center no-repeat;background-size:cover;}
.dna_service04 div > ul > li > div.dna_com05 span {background:url(/images/gs/dna_com05_bg.png) center bottom no-repeat;background-size:cover;}


/* DNA Report 개요 */
.report01 {text-align:center;}
.report01 li {margin:25px 0;}
.report01 .txt{font-size:20px;line-height:24px;color:#185071;margin:0;}

.report02 {background:url(/images/gs/dna_report02.png) center 0 no-repeat;height:386px;text-align:center;padding:20px 0 0 0;box-sizing:border-box;margin-bottom:20px;}
.major_list {padding:50px 0;box-sizing:border-box;}
.major_list li {float:left;color:#fff;font-size:18px;}
.major_list li span{background:url(/images/gs/dna_report03.png) 0 0 no-repeat;width:107px;height:130px;display:block;margin: 0 auto;}
.major_list li + li span{background:url(/images/gs/dna_report03.png) -124px 0 no-repeat;}
.major_list li + li + li span{background:url(/images/gs/dna_report03.png) -248px 0 no-repeat;}
.major_list li + li + li + li span{background:url(/images/gs/dna_report03.png) -372px 0 no-repeat;}
.major_list li + li + li + li + li span{background:url(/images/gs/dna_report03.png) -496px 0 no-repeat;}
.major_list li + li + li + li + li + li span{background:url(/images/gs/dna_report03.png) -620px 0 no-repeat;}
.major_list li + li + li + li + li + li + li span{background:url(/images/gs/dna_report03.png) -744px 0 no-repeat;}


/* DNA Report 절차 */
.dna_stepwrap {}
.dna_stepwrap .inner > ul > li {position:relative;border:1px solid #d5d5d5;background:#f5f5f5;margin-bottom:40px;}
.dna_stepwrap .inner > ul > li:after {content:"";display:block;height:15px;background:url(/images/gs/step_arrow.png) center 0 no-repeat;position:absolute;bottom:-15px;left:0;right:0;}
.dna_stepwrap .inner > ul > li.last:after  {background:none;}
.dna_stepwrap .dna_step {}
.dna_stepwrap .dna_step .title {position:absolute;top:0;left:0;box-sizing:border-box;padding:30px;}
.dna_stepwrap .dna_step .title span {font-size:36px;display:block;color:#d5d5d5;margin-bottom:20px;}
.dna_stepwrap .dna_step .title b {font-size:18px;color:#153e59}
.dna_stepwrap .dna_step > ul {padding:25px 30px;background:#fff;margin-left:30%;min-height:115px;box-sizing:border-box;}
.dna_stepwrap .dna_step > ul > li {margin-bottom:15px;padding-left:17px;background:url(/images/gs/bullet_list.png) 0 6px no-repeat;text-align:left;}
.dna_stepwrap .dna_step > ul > li:last-child {margin:0;}
.dna_stepwrap .dna_step > ul > li > ul {padding:7px;background:#f2f4f7;border:1px solid #dedede;margin-top:10px;}
.dna_stepwrap .dna_step > ul > li > ul > li{margin-bottom:7px;font-size:13px;color:#767676;}
.dna_stepwrap .dna_step > ul > li > ul > li:last-child {margin:0;}


/* DNA Report 제출서류 */
.dna_list01 > li {margin-bottom:12px;padding-left:20px;background:url(/images/gs/bullet_list.png) 0 6px no-repeat;text-align:left;}
.dna_list02 {margin-top:8px}
.dna_list02 > li {margin-bottom:12px;padding-left:10px;background:url(/images/gs/bullet03.png) 0 8px no-repeat;text-align:left;}
.dna_list01 > li.none,.dna_list02 > li.none {background:none;}

.box01 {border:1px solid #dedede;background:#f8f8f8;padding:20px;margin-bottom:20px;}


/*contact us */
.contactwrap{}
.contact > div{border:1px solid #ddd;margin:50px 0;min-height:270px;background:#f2f4f7 url(/images/gs/contact_bg.png) 95% 95% no-repeat;}
.contact > div > b {display:block;background:rgba(0,0,0,0.7);padding:20px;font-size:18px;color:#fff;}
.contact > div > ul {padding:20px;}
.contact > div > ul > li {padding-left:8px;background:url(/images/gs/bullet_list02.png) 0 9px no-repeat;margin-bottom:9px;}


/*sitemap */
.sitemapwrap {}
.sitemapwrap .sitemap{float:left;width:25%;margin-top:50px}
.sitemapwrap .sitemap > ul > li {margin:0 20px;}
.sitemapwrap .sitemap > ul > li > a {display:block;border-top:1px solid #555;border-bottom:1px solid #555;text-align:center;font-size:20px;padding:25px 0;}
.sitemapwrap .sitemap > ul > li > ul {}
.sitemapwrap .sitemap > ul > li > ul.depth02 > li {padding-left:27px;background:url(/images/gs/bullet_list.png) 10px 20px no-repeat;line-height:50px;font-size:18px;border-bottom:1px solid #dedede;}
.sitemapwrap .sitemap > ul > li > ul.depth02 > li > a {display:block;}
.sitemapwrap .sitemap > ul > li > ul.depth02 > li > ul.depth03 {margin-bottom:13px;}
.sitemapwrap .sitemap > ul > li > ul.depth02 > li > ul.depth03 > li {padding-left:10px;background:url(/images/gs/bullet_list02.png) 0 11px no-repeat;line-height:26px;font-size:14px;}
.sitemapwrap .sitemap > ul > li > ul.depth02 > li > ul.depth03 > li > a{color:#767676;display:block;}


/*이용약관 */
.stipulation {border:3px solid #dedede;padding:20px;}


/*로그인 */
.loginwrap{border:1px solid #e6e6e6; border-top:2px solid #0f69a1; margin-top:45px;}
.loginwrapin{padding:60px 107px 25px;}
.logintitle {font-size:40px; color:#252323;text-align:center; margin-bottom:15px; }
.logintext01{font-size:16px; color:#808080;text-align:center; line-height:15px; margin:20px auto 30px;}
.loginBox01{background:#f2f4f7;border-top:1px solid #999;border-bottom:1px solid #999; padding: 42px 112px; }
.loginBox01in{position:relative; max-width:500px; margin:0 auto;}
.loginBox01in ul li{margin-bottom:7px;}
.loginBox01in ul li span{width:93px; position:absolute; padding-top:15px;color:#555;}
.loginBox01in input.logininput{width:100%; height:44px; padding:5px; border:1px solid #d9d9d9;  }
.inputBox{position:relative; padding-left:90px; padding-right:125px;}
.loginbtnBox{ position:absolute; right:0; top:0}
input.btn_login{width:118px; height:94px;border-radius:2px;background-color:#0f69a1;font-family:"ngb"; font-size:18px; color:#fff; cursor:pointer;transition:all 0.7s; }
input.btn_login:hover {background:#06507e}

.loginBox02 ul{margin-top:43px; height:145px;}
.loginBox02 ul li{width:50%; float:left; text-align:center; }
.loginBox02 ul li > div {padding:0 2%;}
.loginBox02 ul li > div.memmid{border-left:1px dashed #e6e6e6;}
.loginBox02 ul li.mem1{font-size:16px; color:#353535;}
.loginBox02 ul li p.mem1s{font-size:14px; color:#767676;padding:20px 0 33px; }
.btn_type_login{font-size:14px;background:#f8f8f8;border-radius:2px;color:#555; text-align:center; display:inline-block; padding:9px 30px; border:1px solid #dbdbdb;line-height:20px; transition:all 0.7s; }
.btn_type_login:hover {background:#008195;color:#fff;border:1px solid #008195;}


/*회원가입선택 */
.joinBox ul{margin-top:43px; height:145px;}
.joinBox ul li{width:49.5%; float:left; text-align:center;}
.joinBox ul li > div {margin:0 2%;}
.joinBox ul li.mem1{font-size:16px;}
.joinBox ul li.mem1 .mem1In{background:#f2f4f7;padding:30px 0;border-top: 1px solid #999;border-bottom: 1px solid #999;margin-bottom:30px;transition:all 0.7s;color:#454545}
.joinBox ul li.mem1 .mem1In:hover{background:#005d7f;color:#fff;}
.joinBox ul li.mem1 .mem1In:hover *{color:#fff;}
.joinBox ul li.mem1 .mem1In.memmid:hover {background:#008195;}
.joinBox ul li.mem1 .mem1In.memmid i{color:#008195;}
.joinBox ul li.mem1 .mem1In.memmid:hover *{color:#fff;}
.joinBox ul li.mem1 .mem1In .icon{width:100px;height:100px;display:block;margin:10px auto;font-size:85px;color:#005d7f}
.joinBox ul li.mem1 .mem1In span {font-size:18px;font-family:'ngb';}
.joinBox ul li p.mem1s{font-size:14px; padding:20px 0 33px; line-height:18px;}
.btn_type_join{font-size:14px;background:#f8f8f8;border-radius:2px;color:#555; text-align:center;margin-top:30px;display:inline-block; padding:9px 30px; border:1px solid #dbdbdb;line-height:20px; transition:all 0.7s; }
.btn_type_join:hover {background:#008195;color:#fff;border:1px solid #008195;;}
.btn_type_join2{font-size:14px;background:#f8f8f8;border-radius:2px;color:#555  !important;; text-align:center; display:inline-block; padding:9px 30px; border:1px solid #dbdbdb;line-height:20px; transition:all 0.7s; }
.btn_type_join2:hover {background:#fff;color:#005d7f !important;border:1px solid #eaeaea;;}


/*회원정보찾기 */
.findBox > ul{margin-top:43px; height:145px;}
.findBox ul li{width:49.5%; float:left; text-align:center;}
.findBox ul li .mem1In {margin:0 2%;position:relative;}
.findBox ul li{font-size:16px; color:#2d2d2d;}
.findBox ul li .mem1In{background:#f2f4f7;padding:30px 0; border-top: 1px solid #999;  border-bottom: 1px solid #999;margin-bottom:30px;}
.findBox ul li.find_Id .mem1In .icon{display:block;position:absolute;top:30px;left:40px;}
.findBox ul li.find_Id i{font-size:67px;color:#444}
.findBox ul li.find_Pw i{font-size:75px;color:#444}
.findBox ul li.find_Pw .mem1In .icon{display:block;position:absolute;top:30px;left:40px;}
.findBox ul li .mem1In .title_bg {height:100px;}
.findBox ul li .mem1In b {padding-left:120px;margin-top:10px;display:block;text-align:left;}
.findBox ul li .mem1In p {padding-left:120px;text-align:left;}
.findBox ul li .mem1In ul {padding-left:40px;}
.findBox ul li .mem1In ul li{width:100%;margin:3px 0;text-align:left;}
.findBox ul li .mem1In ul li label{display:inline-block;width:100px;}
.findBox ul li .mem1s{font-size:14px;color:#767676;padding:10px 0 0; line-height:16px;}


/* 회원가입완료 */
.join_complete {background:url(/images/gs/join_com_bg.png) center 0 no-repeat;padding-top:200px;margin-top:20px;} 
.join_complete p{font-family:'ngb';font-size:18px;margin:70px 0 30px;}


/*나의정보현황 */
.myreportwrap {position:relative;}
.myreportwrap.last {margin-bottom:30px}
.myreportwrap .reportbox {cursor:pointer;border:2px solid #185071;padding:20px 20px 30px 140px;margin-bottom:10px;background:#f2f4f7 url(/images/gs/report_icon.png) 3px 7px no-repeat;}
.myreportwrap .reportbox.active {border:1px solid #dedede;background:#f2f4f7 url(/images/gs/report_icon2.png) 3px 7px no-repeat;}
.myreportwrap .reportbox label{cursor:pointer;margin-left:5px;font-size:20px;}
.myreportwrap .reportbox li {float:left;padding-right:3%;}
.myreportwrap .reportbox li:last-child {padding:0}
.myreportwrap .reportbox li span{color:#767676;display:block;margin-bottom:5px;}
.myreportwrap .reportbox li b{font-size:28px;color:#008195;display:inline-block;margin-bottom:10px;line-height:28px}
.myreportwrap .reportbox li button{margin-top:20px;}
.myreportwrap .btnwrap {position:absolute;bottom:2px;right:5px;}
.myreportwrap .btnwrap button {display:inline-block;margin:3px 0;}

/* .report_statewrap {position:relative;border:1px solid #dedede;padding:10px;margin-bottom:20px;} */
.report_state { background: url(/images/gs/progress_line.gif) repeat-x 0 49%;}
.report_state > div {float:left;width:20%;box-sizing:border-box;padding:15px;text-align:center;}
.report_state > div > div > ul > li {display:block;background:#f2f4f7;border:1px solid #d4ddea;color:#555;padding:15px 0;min-height:110px;box-sizing:border-box;margin-top:120px;}
.report_state > div > div > ul > li button.disable{cursor:default;}
.report_state > div > div > ul > li > b{font-size:16px;display:block;line-height:inherit;}
.report_state > div > div > ul > li.on_01 {background:#588abc;}
.report_state > div > div > ul > li.on_02 {background:#0f69a1;}
.report_state > div > div > ul > li.on_03 {background:#0866c6;}
.report_state > div > div > ul > li.on_04 {background:#123f6b;} /*서류제출보류,평가보류 배경색 같이 쓸것 */
.report_state > div > div > ul > li.on_05 {background:#008195;}
.report_state > div > div > ul > li.complete {background:#eeeeee;}
.report_state > div > div > ul > li.complete b{color:#777; margin:10px 0 10px 0;}
.report_state > div > div > ul > li.on_01 b{color:#777; margin:10px 0 10px 0;}
.report_state > div > div > ul > li.on_02 b{color:#777; margin:10px 0 10px 0;}
.report_state > div > div > ul > li.on_03 b{color:#777; margin:10px 0 10px 0;}
.report_state > div > div > ul > li.on_04 b{color:#777; margin:10px 0 10px 0;}
.report_state > div > div > ul > li.on_05 b{color:#777; margin:10px 0 10px 0;}

.report_state .step01wrap{padding:10px;width:19%;border:10px solid #eee;background:#fff;margin-right:1%;}
.report_state .step01wrap.ing{padding:10px;width:19%;border:10px solid #ADD8E6;background:#fff;margin-right:1%;}
.report_state .step02wrap.ing{padding:10px;width:19%;border:10px solid #ADD8E6;background:#fff;margin-right:1%;}
.report_state .step03wrap_add.ing{padding:10px;width:19%;border:10px solid #ADD8E6;background:#fff;margin-right:1%;}
.report_state .step03wrap.ing{padding:10px;width:19%;border:10px solid #ADD8E6;background:#fff;margin-right:1%;}
/* .report_state .step04wrap.ing{padding:10px;width:19%;border:10px solid #ADD8E6;background:#fff;margin-right:1%;} */

.report_state .step01 li button + button {margin-left:2px;}
.report_state .step01 li {margin-bottom:10px;margin-top:0; border-radius:55px;}
.report_state .step02 li {padding:0 !important;border-radius:55px;}
.report_state .step02 li b {line-height:90px;}
.report_state .step01 li:last-child {margin:0}
.report_state .step01 li b{font-size:16px;display:block;line-height:inherit;}
.report_state .step01 li.on {}
.report_state .step03 li {border-radius:55px;}
.step04wrap {padding: 15px 0 15px 15px !important; margin-top:-50px;}
.step04wrap .step04.ing > ul > li {background:#ADD8E6;}
/* .step03wrap_add {position:absolute;top:160px;left:39%;}  */


/*결제하기 */
.paywrap01 {border: 1px solid #ddd;padding: 30px 10px;text-align: center;background: #f5f5f5;   }
.paywrap01 p.title { font-size: 20px;margin-bottom:30px;}
.paywrap01 .pay_serach {}
.paywrap01 .pay_serach input {}
.pay_result {border: 1px solid #ddd;padding: 30px 10px;text-align: center;margin: 30px 0 0;background: #fff;font-size: 20px;}
.pay_result b{color:#0866c6}

.pay_list01 {position:relative;border:1px solid #dedede;padding:30px;background:#f2f4f7;margin-bottom:5px;}
.pay_list01_box.last {margin-bottom:30px}
.pay_list01 .pay_list01_box {}
.pay_list01 .pay_list01_box li {float:left;padding:0 80px;box-sizing:border-box;}
.pay_list01 .pay_list01_box li span{color:#767676;display:block;margin-bottom:5px;}
.pay_list01 .pay_list01_box li b{font-size:24px;color:#008195;display:inline-block;margin-bottom:10px;line-height:24px}

.pay_list02 {position:relative;border:1px solid #dedede;padding:30px;background:#fff;margin-bottom:5px;}
.pay_list02 p{font-size:24px;text-align:center;}
.pay_list02 p label {font-size:20px;margin-right:20px;}
.pay_list02 .pay_list02_info{font-size:9px;margin-right:20px;margin-top:20px;}
.pay_list02 .pay_list02_inner{max-width:320px;margin: 0 auto;}
.pay_list02 .pay_list02_inner > div{position:relative;margin-top:5px;}
.pay_list02 .pay_list02_inner > div:first-child{margin-top:0;}
.pay_list02 .pay_list02_inner > div > b{position:absolute;top:0;right:0;}

.pay_list02 .pay_list02_box li {float:left;padding:0 80px;}
.pay_list02 .pay_list02_box li span{color:#767676;display:block;margin-bottom:5px;}
.pay_list02 .pay_list02_box li b{font-size:24px;color:#008195;display:inline-block;margin-bottom:10px;line-height:24px}

.pay_list03 {position:relative;border:1px solid #dedede;padding:40px 10px;background:#f8f8f8;margin-bottom:5px;}
.pay_list03 p{font-size:36px;text-align:center;color:#0866c6;}
.pay_list03 p span{margin-right:20px;}

/* 2019.02.19 추가 */
.pay_list04 {position:relative;border:1px solid #dedede;padding:30px;background:#f2f4f7;margin-bottom:5px;}
.pay_list04_box.last {margin-bottom:30px}
.pay_list04 .pay_list04_box {}
.pay_list04 .pay_list04_box li {float:left;padding:0 70px;box-sizing:border-box;}
.pay_list04 .pay_list04_box li span{color:#767676;display:block;margin-bottom:5px;}
.pay_list04 .pay_list04_box li b{font-size:24px;color:#008195;display:inline-block;margin-bottom:10px;line-height:24px}
/* 2019.02.19 추가 */

.pay_list_txt {font-size:13px;padding:10px 5px;color:#767676;margin-bottom:20px}
.pay_list_txt b{margin-bottom:3px;display:block;}

.pay_button {text-align:center;}
.pay_button button {width:49.8%;display:inline-block;padding:15px 0;background:#333;color:#fff;font-family:"ngb"}
.pay_button button.remit {float:left;}
.pay_button button.card {float:right;}
.pay_button button.on {background:#008195;}
.pay_button p {border:1px solid #dedede;background:#f8f8f8;padding:20px;margin:10px 0 30px}

.pay_confirmation {}
.pay_confirmation .title{font-size:18px;margin:20px 0}
.pay_confirmation .confirmation_con {margin:20px 0}
.pay_confirmation .sign {font-size:16px;margin-top:20px;}

.pay_complete {border: 1px solid #d4ddea;padding:50px;background:#f2f4f7 url(/images/gs/pay_complete_bg.png) center 50px no-repeat;padding-top: 300px;}
.pay_complete>p>b {font-size:24px;}



/*FAQ */
#faq {border-top:2px solid #565656;}
.faqwrap > h3 {border-bottom:1px solid #ebebeb; background:url(/images/gs/faq01.png) 10px 50% no-repeat !important; text-align:left;transition: 0.25s all; position: relative;}
.faqwrap > h3 a{font-size:16px; color:#393939; font-weight:400; line-height:22px;display:block;padding:23px 40px 23px 43px !important}
.faqwrap > h3 span.arrow{background:url(/images/gs/faqopen.png) 0 0 no-repeat; width:21px; height:11px; position:absolute; top:40%; right:15px;;cursor:pointer;}
.faqwrap > h3.active span.arrow{background:url(/images/gs/faqclose.png) 0 0 no-repeat; width:21px; height:11px;}
.faqwrap > h3.active {background:url(/images/gs/faq01.png) 10px 50% no-repeat;}
.faqwrap > div {display:none;border-bottom:1px solid #ebebeb; text-align:left; font-size:14px; color:#727272; line-height:23px; letter-spacing:0; background:url(/images/gs/faq02.png) 23px 20px no-repeat #ffffff; padding: 25px 20px 27px 95px;}

.qnaagree {text-align:center;margin:20px 0;border-top:1px solid #777;padding:20px;background:#f5f5f5;}
.qnaagree h5 {font-size:18px;}
.qnaagree > .qnaagree_box {border:1px solid #ddd;padding:20px;text-align:center;background: #fff;margin:20px 0; overflow-y: scroll; height: 150px; line-height: 23px;text-align:left;}
.qnaagree_box > ul > li > span {padding-left:75px;}
.list01 > li {padding-left:10px;background:url(/images/gs/bullet_list.png) 0 center no-repeat;}
.list02 > li {padding-left:10px;background:url(/images/gs/bullet_list02.png) 0 10px no-repeat;}

.date_picker_center {text-align:center;}

.file_add_del_wrap {position:relative;}
.file_add_del {position:absolute;top:10px;right:10px;}

.ideowrap {background:url(/images/gs/ideo_bg.gif) center center no-repeat;}
.ideowrap>.inner>ul>li{float:left;width:25%;text-align:center;}
.ideowrap>.inner>ul>li>div{padding:70px 20px 70px 20px}
.ideowrap>.inner>ul>li>div>p{width:150px;height:150px;margin:0 auto;}
.ideowrap>.inner>ul>li>div>.text{}
.ideowrap>.inner>ul>li>div>.title{display:block;font-size:36px;color:#333;margin-bottom:20px}
.ideowrap>.inner>ul>li>div>.title2{display:block;font-size:20px;color:#767676;margin-bottom:40px}
.ideo01 {background:url(/images/gs/ideo_icon.png) 20px center no-repeat;}
.ideo02 {background:url(/images/gs/ideo_icon.png) -281px center no-repeat;}
.ideo03 {background:url(/images/gs/ideo_icon.png) -588px center no-repeat;}
.ideo04 {background:url(/images/gs/ideo_icon.png) -895px center no-repeat;}


.onlyPhone{display:none;}








/* ======================================== Responsive ======================================== */


/*Phone */
@media all and (max-width:768px){

body,input,textarea,select,button,table,h1,h2,h3,h4,h5,span{font-size:13px;line-height:20px;}

.jbtn{height:30px;line-height:26px;margin:5px 0;padding:0 15px;}
.jbtn.input{height:36px;line-height:30px;}
.jbtn.big{height:46px;line-height:44px;padding:0 40px;}
.jbtn.gray2,.btn.blue2,.btn.cyan2,.btn.cblue2{font-size:14px;}

ul.list01 > li{font-size:13px;margin-bottom:5px;}
ul.list01 > li > ul {margin-top:3px;}

br {display:none;}
br.disblock {display:block !important;}
#win_popup br {display:block !important;}

.onlyPC {display:none;}
.onlyPhone{display:block !important;}
.inner{width:auto;}
.sub_bgs {height:180px;}
#sub_visual {padding:20px 0;box-sizing:border-box;margin:10px auto;}
#sub_visual b {display:block;color:#fff;font-size:20px;margin-top:0;font-family:'ngb';text-shadow:1px 1px 0px #666;}

header {background:rgba(0,0,0,0.4);height:70px;}
header  a {color:#fff;}
header h1 {position:absolute;top:17px;left:10px;}

header .btn_allNavOpen{display:block;}
#top{display:none;}
header #gnb{display:none;position:fixed;top:0;bottom:0;right:0;left:-301px;width:280px;background:#fff;z-index:9999;overflow-y:auto;}
header #gnb>div{display:block;}
header #gnb>div>ul>li{border:1px solid #fff;border-top:0;border-bottom:0}
header #gnb>div>ul>li{display:inline-block;width:50%;box-sizing:border-box;}
header #gnb>div>ul>li>a{display:block;line-height:42px;background:#336699;text-align:center;color:#fff;}
header #gnb *:after{display:none !important;}
header #gnb b{display:block;padding-left:10px;height:45px;background:#1795f0;color:#fff;line-height:45px;font-size:16px;}
header .btn_allNavClose {z-index:99;display:block;position:absolute;top:-1px;left:-50px;width:47px;border:1px solid ;height:44px;background:#111 url(/images/gs/btn_allmenuclose.png) no-repeat center center;text-indent:-9999em;}
header #gnb > ul{float:none;position:relative;top:0;left:0;}
header #gnb > ul > li{float:none;padding:0;margin:0;}
header #gnb > ul > li > a{display:block;padding:10px;height:auto;font-size:15px;font-weight:bold;color:#333;line-height:180%;border-bottom:1px #ccc solid;background-color:#eaeaea !important;}
header #gnb > ul > li.active > a{color:#005d7f;background-image:none;}
header #gnb > ul > li > ul.dep2{position:static;height:auto;line-height:140%;background:#fff;border-bottom:1px #ccc solid;}
header #gnb > ul > li > ul.dep2:before {background:none;}
header #gnb > ul > li.active ul{display:block;}
header #gnb > ul > li > ul > li{display:block;padding:0;}
header #gnb > ul > li > ul > li > a{display:block;margin-right:0;padding:0;font-size:13px;color:#666;}
header #gnb > ul > li > ul > li a.on{color:#005d7f;}

#container{margin:0}
#content {padding:24px 10px 0 ;}
#content > div.inner {padding-top:0;}
#content2 > div.inner {padding-top:0;}

#content h2{font-size:15px;margin-bottom:10px;}
#content h3{font-size:14px;margin-bottom:10px;}
#content2 h2{font-size:15px;margin-bottom:10px;}
#content2 h3{font-size:14px;margin-bottom:10px;}

.lastest_Area .notice,.lastest_Area .faq {height:53px;width:49%}
.lastest_Area .notice h3,.lastest_Area .faq h3 {text-align:center;}
.lastest_Area .notice h3 a,.lastest_Area .faq h3 a{position:relative;display:block;line-height:53px;top:0;left:0;font-size:14px;color:#c5ddf0;}
.lastest_Area .notice ul ,.lastest_Area .faq ul {display:none;}

.login_Area {width:100%;background:none;margin:20px auto;}
.login_Area01 {position:relative;float:none;background:rgba(255,255,255,0.5);padding:10px 98px 10px 10px;}
.login_Area01 input {width:100%;height:34px;border:0;border-left:2px solid #185071;}
.login_Area01 input.user_id {background:#fff url(/images/gs/login_id.jpg) 8px center no-repeat;}
.login_Area01 input.user_pw {background:#fff url(/images/gs/login_pw.jpg) 8px center no-repeat;}
.login_Area01 a.login_btn{position:absolute;top:10px;right:10px;display:block;width:79px;line-height:78px;text-align:center;background:#185071;color:#fff;font-size:18px;font-weight:500;}
.login_Area02 {position:relative;float:none;background:rgba(255,255,255,0.7);margin-bottom:50px;padding:10px;}
.login_Area02 a{display:block;text-align:center;width:100%;line-height:46px;background:#008195;color:#fff;font-size:18px;}

.footer_btn {font-size:13px;}

footer *{display:none;}

.data-list{overflow-x:auto;}
.data-list table {min-width:700px;font-size:13px;}
.board-regist{overflow-x:auto;}
.board-regist table {min-width:700px;}
.board-regist table input,.board-regist table select {margin-bottom:2px;}
.board-list col.date {width:80px !important;}


/* 회원가입 순서 */
.progress {margin:10px 20px;background:url(/images/gs/progress_line.gif) repeat-x 0 35%;}
.progress:before, .progress:after {content:'';position:absolute;width:8px;height:8px;top:35%;margin-top:-3.5px;background:#d8d8d8;border-radius:50%}
.progress ol {width:100%;}
.progress li {width:60px;margin:0 1%;vertical-align:top;line-height:16px;padding-top:20px;}
.progress li .tit:before {width:60px;height:60px;background-size:298px;}
.progress li.step01 .tit:before {background-position:0 -60px}
.progress li.step02 .tit:before {background-position:-60px -60px}
.progress li.step03 .tit:before {background-position:-119px -60px}
.progress li.step04 .tit:before {background-position:-180px -60px}
.progress li.step05 .tit:before {background-position:right -60px}
.progress li.step01.active .tit:before {background-position:0 0}
.progress li.step02.active .tit:before {background-position:-60px 0}
.progress li.step03.active .tit:before {background-position:-119px 0}
.progress li.step04.active .tit:before {background-position:-179px 0}
.progress li.step05.active .tit:before {background-position:right 0}


/* 서비스신청 */
.sheetwrap{position:relative;padding-right:0;margin-left:0;}
.sheet_title{padding-bottom:10px;}
.sheet_title .btnwrap {position:relative;margin-top:10px;right:0;}
.business_quick {display:none;}

.tabBar {margin-bottom:20px}
.tabBar2 {margin-bottom:20px}
.tabBar > li > a {padding:5px 0;font-size:13px;}
.tabBar2 > li > a {padding:3px 0}


/*회사소개 */
.company01 {position:relative;margin:0 0 10px;text-align:center;}
.company01 img {width:100%;max-width:538px;}
.company01 > span{position:relative;}
.company01 ul {margin-left:0;padding:10px 0;font-size:15px;text-align:left;}
.company01 p.info_img{width:100%;margin:0 auto;}

.company02wrap {height:auto;background-size:cover;}
.company02wrap p{font-size:15px;line-height:22px;margin:0 9%;padding-top:30px;}

.company-table {position:relative;top:auto;margin-top:20px;}
.company-table table{width:100%;}
.company-table table th{text-align:center;padding:12px 25px 11px;height:40px;box-sizing: border-box;background-color:#f5f5f5;border:1px solid #d7d7d7;}
.company-table table td{text-align:left;padding:12px 15px 11px;border:1px solid #d7d7d7;background:#fff;}

.relationship_box {position:relative;text-align:center;border:1px solid #a1b3c1;background:#eaf0f3;padding:10px 30px ;margin-bottom:10px;}
.relationship_box p{position:relative;left:0;top:0;margin-right:0;}


/* 사업구성 */
.business01 {min-height:auto;background:url(/images/gs/business_bg.png) center 0 no-repeat;background-size:150%;margin-bottom:10px}
.business01 b {font-size:14px;padding:50% 0 0;display: block;line-height: 20px;word-break:keep-all;}
.business02 ul li{float:none;width:100%;}
.business02 ul li div,.eng .business02 ul li div {width:90%;margin:130px auto 0;height:auto;}
.business02 ul li div b {font-size:17px;line-height:24px;}


/* DNA service */
.dna_service01{background:url(/images/gs/dna_service_bg01.png) center 0 no-repeat;height:auto;padding:20px 0;}
p.dna_service_title {font-size:18px;}
p.dna_service_title:before {content:"/";font-size:24px;margin:5px 0;}
.dna_service01 span {display:block;margin:50px auto 0;width:330px;height:190px;background:url(/images/gs/dna_service01_bg.png) center 0 no-repeat; }
.dna_service01 b {font-size:15px;line-height:20px;padding:0 5%;display:block;word-break:keep-all;}

.dna_service02{background:url(/images/gs/dna_service_bg02.png) center 0 no-repeat;height:auto;text-align:center;box-sizing:border-box;padding:50px 0 }
.dna_service02 li {float:none;width:100%;}
.dna_service02 li div{margin:10px 10%;width:auto;height:auto;border-radius:0;line-height:20px;padding:10px 30px;background:rgba(255,255,255,0.1);}
.dna_service02 li div b {font-size:20px;line-height:26px;margin:0;}

.dna_service03 > div > ul > li {width:100%;float:none;}
.dna_service03 li > div {margin:10px 0;}
.dna_service03 li > div > div > b {font-size:16px;}
.advantage ul li:last-child {margin-bottom:0;}

.dna_service04 {height:auto;background-repeat:repeat-y;padding-bottom:15px;}
.dna_service04 .txt {width:100%;padding:20px 5%;font-size:16px;line-height:20px;box-sizing:border-box;word-break:keep-all;}
.dna_service04 div > ul > li {display:block;margin:10px auto;width:90%;float:none;}
.dna_service04 div > ul > li > div {margin-right:1px;background:#fff;min-height:auto;padding-bottom:20px}
.dna_service04 div > ul > li > div b {font-size:16px;line-height:50px;}
.dna_service04 div > ul > li > div div.img {margin:10px auto;}
.eng .dna_service04 div > ul > li > div p {height:auto;padding:0 15px;word-break:keep-all}


/* DNA Report 개요 */
.report01 .txt{font-size:16px;line-height:24px;color:#185071;margin-bottom:0;}
.report01 img{width:100%;max-width:553px;}

.report02 {background:#333 url(/images/gs/dna_report02.png) center center no-repeat;height:auto;box-sizing:border-box;padding-bottom:30px;}
.major_list {margin:30px 0 0 0;padding:0;}
.major_list li{padding-top:0;font-size:12px;margin-bottom:20px;word-break:break-all}
.major_list li span{width:60px;height:80px;display:block;margin-left:5px;background-size:410px}
.major_list li + li span{background:url(/images/gs/dna_report03.png) -59px 0 no-repeat;background-size:410px}
.major_list li + li + li span{background:url(/images/gs/dna_report03.png) -119px 0 no-repeat;background-size:410px}
.major_list li + li + li + li span{background:url(/images/gs/dna_report03.png) -179px 0 no-repeat;background-size:410px}
.major_list li + li + li + li + li span{background:url(/images/gs/dna_report03.png) -239px 0 no-repeat;background-size:410px}
.major_list li + li + li + li + li + li span{background:url(/images/gs/dna_report03.png) -299px 0 no-repeat;background-size:410px}
.major_list li + li + li + li + li + li + li span{background:url(/images/gs/dna_report03.png) -359px 0 no-repeat;background-size:410px}
.major_list li.w16{width:33.33%} 
.major_list li.w20{width:33.33%} 

/* DNA Report 절차 */
.dna_stepwrap .inner > ul > li {margin-bottom:30px;}
.dna_stepwrap .inner > ul > li.last {margin-bottom:0;}
.dna_stepwrap .dna_step .title {padding:10px;width:30%;}
.dna_stepwrap .dna_step .title span {font-size:20px;margin-bottom:0;}
.dna_stepwrap .dna_step .title b {font-size:16px;color:#153e59}
.dna_stepwrap .dna_step > ul {padding:10px;min-height:auto;}
.dna_stepwrap .dna_step > ul > li {margin-bottom:10px;}
.dna_stepwrap .dna_step > ul > li > ul {padding:7px;background:#f2f4f7;border:1px solid #dedede;margin-top:10px;}
.dna_stepwrap .dna_step > ul > li > ul > li{margin-bottom:7px;font-size:13px;color:#767676;}
.dna_stepwrap .dna_step > ul > li > ul > li:last-child {margin:0;}


/* DNA Report 제출서류 */
.dna_list01 > li {margin-bottom:5px;}
.dna_list02 {margin-top:4px}
.dna_list02 > li {margin-bottom:5px;}
.dna_list02 > li span{font-size:13px;}


.box01 {border:1px solid #dedede;background:#f8f8f8;padding:20px;margin-bottom:20px;}


/*contact us */
.contact > div{float:none;width:100%;margin:0 0 10px;min-height:auto;}
.contact > div > b {font-size:16px;}
.contact > div > ul > li {font-size:13px;}


/*sitemap */
.sitemapwrap .sitemap{float:none;width:100%;margin-top:50px}
.sitemapwrap .sitemap > ul > li {margin:0 10px;}

.pay_complete {border: 1px solid #d4ddea;padding:20px;background:#f2f4f7 url(/images/gs/pay_complete_bg.png) center 20px no-repeat;padding-top: 250px;}
.pay_complete>p>b {font-size:24px;}




.pay_list01 .pay_list01_box li {float:none;padding:0}

.popup_pay_list02 .popup_pay_list02_box li:after {right:5%;}

.pay_list03 p {font-size:22px;}




.ideowrap {background:none;}
.ideowrap>.inner>ul>li{float:none;width:100%;text-align:center;}
.ideowrap>.inner>ul>li>div{padding:30px 20px}
.ideowrap>.inner>ul>li>div>.title{font-size:28px;}
.ideowrap>.inner>ul>li>div>.title2{font-size:18px;}




/*로그인 */
.loginwrap{margin-top:0;}
.loginwrapin{padding:20px;}
.logintitle {font-size:20px;margin-bottom:15px;}
.logintext01{font-size:14px;margin:10px auto 20px;}
.loginBox01{padding:20px 40px; }
.loginBox01in{position:relative;max-width:100%;margin:0 auto;}
.loginBox01in ul li{margin-bottom:7px;}
.loginBox01in ul li span{width:70px;position:absolute;padding-top:15px;color:#555;}
.loginBox01in input.logininput{width:100%;height:44px;padding:5px;border:1px solid #d9d9d9;  }
.inputBox{position:relative;padding-right:0;}
.loginbtnBox{position:relative;}
input.btn_login{width:100%;height:45px;font-size:15px;}

.loginBox02 ul{margin-top:20px;height:145px;}
.loginBox02 ul li.mem1{font-size:14px;;}
.loginBox02 ul li p.mem1s{font-size:13px;padding:20px 0 33px;}
.btn_type_login{font-size:13px;padding:9px 15px;}




/*ceo인사말 */
.greeting {position:relative;text-align:center;}
.greeting img{}
.greeting p.text{position:relative;left:0;top:0;text-align:left;}
.greeting p.text .title01 {display:block;font-size:20px;margin:10px 0 0}
.greeting p.text .title02 {display:block;font-size:13px;margin:10px 0}



.pay_choice_wrap>div {width:100%;folat:none;margin:5px 0}
.pay_choice_wrap .right .info{position:absolute;top:0;right:5px;}

footer a.btn_scrollTop{display:block;position:fixed;top:inherit;bottom:50px;right:10px;width:44px;height:44px;text-indent:-9999em;background:url(/images/gs/btn_scrollTop.png) no-repeat;}

.faqwrap > h3 {margin:0 !important;}
}

/*토스트 메시지*/
#toast_message {opacity: 0;position: fixed;bottom: -100px;left: 50%;transform: translate(-50%,0);padding: 10px 50px;background: rgba(0, 0, 0, 0.70);border-radius: 100px;color: #fff;box-shadow: 3px 4px 11px 0px #00000040;transition: all 0.5s;}
#toast_message.active {opacity: 100%;bottom: 50px;}

/*Tablet */
@media all and (min-width:768px) and (max-width:960px){
br {display:none;}
#win_popup br {display:block !important;}
.onlyPC {display:none;}
.inner{width:auto;}
.onlyTablet{display:block !important;}
.board-regist table input, .board-regist table select {margin-bottom:2px;}
.lastest_Area {width:100%;}	
.dna_service04 {height:auto;}
.dna_service04 div > ul > li > div div.img img {width:100%}
.dna_service04 div > ul > li {display:block;margin:10px auto;width:80%;float:none;}

/*회사소개 */
.company01 {position:relative;text-align:center;margin:0 0 10px;}
.company01 img {width:100%;max-width:538px;}
.company01 > span{position:relative;}
.company01 ul {margin-left:10px;text-align:left;}




}