@charset "utf-8";
/*@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');*/


tbody{font-weight:400}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: "Noto Sans KR", sans-serif !important; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: "Noto Sans KR", sans-serif !important;
	vertical-align: middle;
}

select::-ms-expand {display: none;}

/* HTML5 display-role reset for older browsers */
body { font-family: "Noto Sans KR", sans-serif !important; min-width: 1240px;overflow-x: auto; font-weight:normal}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
*{font-family: "Noto Sans KR", sans-serif !important;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
a,
a:hover,
a:focus{color: #000;}
table {border-collapse: collapse;border-spacing: 0;}
.float_none{float: none;}
input[type=checkbox]
{
	/* Double-sized Checkboxes */
	-ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	-o-transform: scale(1.5); /* Opera */
	padding: 5px;
}
/*common style*/
input, select, button {vertical-align: middle;border-radius:3px}
textarea{resize: none;}
a:focus, a:hover {text-decoration: none !important;}

footer{clear:both}
.height{padding: 20px; }
.height100{height: 100% !important;}
.height855{height: 855px !important;}
.height925{min-height: 925px !important;}
.min_hig900{min-height: 900px !important;}
.flLeft{float:left}
.flRight{float:right}
.float_none{float: none !important;}

.col{background-color: #F1F2F2;}
.pd0{padding:0px! important}
.pd5 {padding: 0 5px;}
.pd10{padding:10px;}
.pd15{padding:15px;}
.pd-15{padding:15px 15px}
.pd20{padding:20px;}
.pd-25{padding:25px 25px;}
.pd25{padding:25px 0px}
.pdL10{padding-left:10px}
.pdR10{padding-right:10px}
.pdT0{padding-top:0px}
.pdT10{padding-top:10px}
.pdT15 {padding-top: 15px !important; padding-bottom: 15px !important;}
.pdT20{padding-top:15px !important;box-sizing: border-box}
.pdT25{padding-top:25px !important}
.pdT30{padding-top:30px !important}
.pdT100{padding-top:100px !important}
.pdBT10{padding-bottom:10px}
.pdBT40{padding-bottom:40px}
.pdBT80{padding-bottom:0px}
.pdBT100{padding-bottom:100px}
.pdL35{padding-left: 35px !important}
.pdCustom1{padding:10px 15px 0px !important}
.pdCustom2{padding:25px 0px 20px;box-sizing: border-box}
.pdb20 {padding-bottom: 20px;}
.pdb5 {padding-bottom: 5px !important;}
.panelpd { padding: 5px 20px;}
.pd20_0{padding: 20px 0!important;}

.mg0{margin:0px !important}
.mgT5{margin-top:5px !important;}
.mgT10{margin-top:10px !important;}
.mgT15{margin-top:15px !important;}
.mgT20{margin-top:20px !important;}
.mgT40{margin-top:40px !important;}
.mgT50{margin-top:50px !important;}
.mgT70{margin-top:70px !important;}
.mgT80{margin-top:80px !important;} /*07-30 추가*/
.mgT105{margin-top:105px !important;}
.mgT-10{margin-top:-10px}
.mgT-15{margin-top:-15px}
.mgT30{margin-top:30px !important;}
.mgR10{margin-right:10px}
.mgR50{margin-right:50px}
.mgL10{margin-left: 10px;}
.mgL20{margin-left:20px !important;}
.mgL30{margin-left:30px !important;}

.mgt0 {margin-top: 0; !important;}
.mgB3{margin-bottom:3px !important;} /*07-30 추가*/
.mgB10{margin-bottom:10px !important;}
.mgB20{margin-bottom:20px !important;}
.mgB30{margin-bottom:30px !important;}
.mgB50{margin-bottom:50px !important;}
.mgB70{margin-bottom:70px !important;}
.panelpd { padding: 5px 20px;}
.mgauto {margin: auto;}

.font18{font-size:0.85em }
.font19{font-size:0.98em}
.font20{font-size:1.12em}
.font22{font-size:1.3em}
.font26{font-size:26px;}
.font44{font-size:44px;}

/*font-weight*/
.ftW300{font-weight:300}
.ftW400{font-weight:400}
.ftW500{font-weight:500}
.ftW600{font-weight:600}

/*border color*/
h1{font-size:2em}
h2{font-size:1.5em}
h3{font-size:1.17em}
h4{font-size:1em}
h5{font-size:0.83em; font-weight: 400;}
h6{font-size:0.75em}

.width10{width:10px !important;}
.width320{width:320px !important;}
.width375{width:375px !important;}

.width70per{width:70%}
.width100per{width:100% !important;}

.font_fff{color: #fff !important;}
.font_blue{color: blue !important;}
.font_red{color: red !important;}
.font_e22{color: #E22F25} /*07-30 추가*/
.inner{width: 1200px; margin: 0 auto;}
.over-hid{overflow: hidden;}
.float-l{float: left;}
.float-r{float: right;}

/*header*/
header {

}

.hd_wrap{ vertical-align: middle; box-sizing: border-box; height: 104px; margin: 0 auto; position: fixed; z-index: 99999; width: 100%;/*background:#fff;*/border-bottom: 1px solid rgba(255,255,255,.3); -webkit-box-shadow: 7px 9px 5px rgba(0,0,0,0.03);-moz-box-shadow:7px 9px 5px rgba(0,0,0,0.03);box-shadow: 7px 9px 5px rgba(0,0,0,0.03);
}
.hd_wrap.change { background-color: #fff; height: 102px;}
.hd-box a.change{color: #333;}
.hd_wrap .hd_menu ul li a.change{color:#444444; font-size: 14px;}
/*.hd_wrap .hd_row2 .logo a.change{background: url(../images/logo-1.svg) no-repeat; height: 43px; width: 109px; display: block;}*/
.hd_row1{ text-align: right; color: #fff; margin-top: 20px;}
.hd_row1 a{color: #fff; font-size: 13px;}
.hd_row1 .hd-box{display: inline-block;}
.hd_row1 .hd-1{float: left; margin-right: 20px;}
.hd_row1 .hd-2{float: left;margin-right: 50px;}
.hd_row1 .hd-3{float: left;}
.hd_row1 .hd-3 li{float: left; margin-right: 10px;}
.hd_row1 .hd-3 li.action a{color: red}
.hd_row1 .hd-3 li:last-child{margin-right: 0px;}
.hd_row2 {height: 60px;}
.drop-1{background-color: #1D1D1D; color: #fff; margin-top: 10px; overflow: hidden; padding: 5px 5px 8px! important;}
.drop-1 img{margin-right: 5px;}
.hd_row2 .logo{float: left;}
/*.hd_wrap .hd_row2 .logo{background: url(../images/logo.svg) no-repeat; height: 43px; width: 109px; display: block;}*/
.hd_row2 .hd-menu{float: right !important; text-align: right !important; }
.top_menu .nav{float: right; margin-top: 12px;}
.top_menu .nav:hover .drop-1,
.top_menu .nav:focus .drop-1{ background-color:#1D1D1D !important; border-color: #1D1D1D !important;}
.top_menu .nav:hover .drop-1,
.top_menu .nav:focus .drop-1{color: #fff;}
.top_menu .nav .open>a, .top_menu .nav .open>a:focus, .top_menu .nav .open>a:hover { background-color:#1D1D1D !important;border-color: #1D1D1D !important;}
.hd_wrap .hd_menu{margin: 0 auto; text-align: center;display: flex; float: left; min-height: 0;  padding-top: 4px;border: 0 !important; width: 980px}
/*.hd_wrap .hd_menu ul{overflow: hidden; margin: 0 auto;flex-direction: row;  clear: both; padding-top: 15px;}*/
/*.hd_wrap .hd_menu ul li{float: left; margin-right: 30px; padding-bottom: 15px; width: 120px; display:}*/
.hd_wrap .hd_menu ul li:last-child{ margin-right: 0px}
.hd_wrap .hd_menu ul li.action,
.hd_wrap .hd_menu ul li:hover{border-bottom: 5px solid #E7302A; padding-bottom: 10px}
.hd_wrap .hd_menu ul li.action a,
.hd_wrap .hd_menu ul li:hover a{color: #E7302A; }
.hd_wrap .hd_menu ul li a{color: #fff; font-size: 14px;}
.banner .inner{padding-top: 200px; }
/*.banner .banner-img{ background: url(../images/banner.png) no-repeat; height: 441px;margin: 0 auto; max-width: 1920px;}*/
/*.banner .banner-img1{ background: url(../images/banner-img1.png) no-repeat; height: 441px;margin: 0 auto; max-width: 1920px;}*/
.banner .box-left{color: #fff; font-size: 32px;}
.banner .box-right{border-radius: 5px;background-color: rgba(255, 255, 255, 0.78);padding: 20px; overflow: hidden;}
.banner .box-right .checks{float: left; padding: 0; margin: 4px 0 0;}
.checks {position: relative;}
.checks input[type="radio"]{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden; clip:rect(0,0,0,0);border: 0;}
.checks input[type="radio"] + label {display: inline-block;position: relative;padding-left: 30px; cursor: pointer;-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; margin-right: 20px;}
.checks input[type="radio"] + label:before {content: ''; position: absolute; left: 0; top: 0px; width: 21px; height: 21px; background: #e22f25;;text-align: center; background: #fff; border: 2px solid #CCCCCC; border-radius: 100%; box-shadow: none}
.checks input[type="radio"] + label:active:before,
.checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.checks input[type="radio"]:checked + label:before { background: #fff;border-color: #e22f25;}
.checks input[type="radio"]:checked + label:after {content: '';position: absolute;top: 5px; left: 5px; width: 11px; height: 11px; background: #e22f25;; border-radius: 100%;box-shadow: none;}
.banner .rg_btn{float: left;  background-color: #e7302a; display: block; color: #fff; padding: 5px 10px; font-size: 16px;}
.banner .box-right .row1{float: left; margin-bottom: 10px; }
.banner .box-right .row2{float: left;}
.banner .form-control{height: 50px; border: solid 1px #cecece; background-color: #ffffff;}
.banner .input-group-addon:last-child {border-left: 0;height: 50px;opacity: 0.9; padding: 0px 35px;background-color: #232c3c; color: #fff;}
.main{margin-top: 60px;}
.main .tab1 { border-bottom: 0;  width: 41%;text-align: center; margin: 0 auto; border: 1px solid #B2B2B2; border-radius: 30px;}
/*.main .tab1>li {float: left; margin-bottom: -1px; width: 33.333333%;; font-size: 15px; padding: }*/
.main .tab1>li>a { position: relative; display: block; padding: 15px 15px; color: #838383; font-weight: bold; border: 0;}
.main .tab1>li.active>a, .main .tab1>li.active>a:focus, .main .tab1>li.active>a:hover {color: #fff; cursor: default; background-color: #383838; border-radius: 30px; font-weight: bold ; border: 1px solid #383838;}
.main .tab1>li:hover a{background-color: transparent;}
.main .tab-main h2{font-size: 50px;font-weight: 300; width: 1200px; margin: 0 auto; text-align: center; margin-top: 40px; margin-bottom: 50px;}
/*.main .con{ background: url(../images/main-style.png) no-repeat; margin: 0 auto; max-width: 1920px;}*/
.main .con .inner{padding-top: 80px; overflow: hidden; padding-bottom: 30px}
.main .con .hd{overflow: hidden;}
.main .con .hd h3{font-size: 33px; font-weight: bold; color: #262626;}
.main .con .hd .left{float: left;}
.main .con .hd .left span{height: 6px; width: 6px; background-color: #e22f25; display: inline-block; margin-right: 10px;}
.main .con .hd .left p{margin-left: 10px;}
.main .con .box{margin-left: 10px;}
.main .con .box p{margin-bottom: 10px;}
.main .con .box p:last-child{margin-bottom: 0;}
.main .con .card{background-color: #fff; width: 49%; padding: 50px 50px ;border-radius: 5px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); min-height: 317px;}
.main .con .box button{border: 0; background-color: #E22F25; color: #fff; width: 100%; height: 48px; line-height: 45px; margin-top: 25px;}
.tab-box{overflow: hidden;}
.tab-box .main-tab-1 img{ width: 100%;}
.tab-box .main-tab-1{float: left;width: 50%}
.tab-box .main-tab{float: right; width: 50%}
.tab-box .main-tab li{border: 1px solid #ddd;padding: 40px;}
.tab-box .main-tab li.active a{border: 1px solid #E63229}
.tab-box .main-tab li a h4{font-size: 25px;font-weight: bold;}
.tab-box .main-tab li a p{font-size: 15px; font-weight: normal;}
.vertical-tabs .nav>li.active>a,
.vertical-tabs .nav>li:hover>a,
.vertical-tabs.nav>li:focus>a{ background:#fff; color:#0D0D0D; border: 1px solid red;}
.vertical-tabs{ font-size:15px; padding:10px; color:#000;overflow: hidden;}
.vertical-tabs .nav-tabs .nav-link{border-radius: 0;background:#FAFAFA;font-size: 15px;color:#0D0D0D; width: 100%;  padding: 31px 40px; ;}
.vertical-tabs .tab-content>.active{ background:#fff; display:block; }
.vertical-tabs h4{font-size: 25px;font-weight: bold; margin-bottom: 4px;}
.vertical-tabs p{font-weight: normal;}
.vertical-tabs>.nav-tabs>li { float: none; border: 1px solid #D6D6D6; background-color: red; box-sizing: border-box;}
.vertical-tabs .nav.nav-tabs{ border-bottom:0; display:block; float: right; width: 50%;}
.vertical-tabs .sv-tab-panel{ float: left; width: 50%;}
.vertical-tabs .sv-tab-panel img{width: 100%;}
.main .company{ margin-top: 90px;}
.main .company h3{font-size: 60px;font-weight: 300; text-align: center; margin-bottom: 45px;}
.main .company .txt{font-size: 18px;font-weight: 300; width: 937px; margin: 0 auto; margin-bottom: 50px;}
.main .company .info{margin-bottom: 100px;}
.main .company .info ul{overflow: hidden; width: 1080px; margin: 0 auto;}
.main .company .info ul li{color: #464646; float: left; width: 25%;  text-align: center;}
.main .company .info ul li p{font-size: 60px;font-weight: bold;}
.main .company .info ul li p span{font-size: 15px;font-weight: bold;}
.contac{background-color: #efefef; padding: 70px 0px;}
.contac h4{font-size: 60px;text-align: center;font-weight: 300; margin-bottom: 20px;}
.contac p{font-size: 24px;font-weight: 500; text-align: center; margin-bottom: 60px;}
.contac .sec-box{}
.contac .row1{margin-bottom: 20px;overflow: hidden;}
/*.contac select {width: 100%;  padding: .9em .9em;  font-family: inherit;  background: #fff url(../images/down-chevron.svg) no-repeat 98% 50%; border-radius: 0px;-webkit-appearance: none;-moz-appearance: none; appearance: none;border-radius: 4px; border: solid 1px #d6d6d6;}*/
.contac .row1 .input-group{float: left;width: 49.5%; margin-right: 1%;  }
.contac .row1 .input-group:last-child{margin-right: 0;}
.contac .row1 .input-group .form-control{height: 50px;  border: solid 1px #d6d6d6; background-color: #ffffff;  border-radius: 4px;}
.contac .row1 textarea{min-height: 145px; border: solid 1px #d6d6d6; background-color: #ffffff;  border-radius: 4px; width: 100%; padding: 20px;}
/*.contac .custom-checkbox input[type=checkbox]:not(old):checked + label {background-position: 0px;background: url(../images/check-1.svg) no-repeat 0px 2px; font-size: 15px; margin-top: 0px;}*/
.contac .custom-checkbox input[type=checkbox]:not(old), .board-1 .custom-checkbox input[type=radio ]:not(old) { padding: 0; opacity: 0; cursor: pointer; position: absolute; height: 40px; width: 30px;}
.contac .custom-checkbox label { color: #333333; font-weight: normal; display: block; font-size: 15px; white-space: normal; line-height: 1.3; text-align: left; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 21px;}
/*.contac .custom-checkbox input[type=checkbox]:not(old) + label {display: inline-block; font-weight: normal; padding-left: 25px; background: url(../images/uncheck-1.svg) no-repeat 0 2px; font-size: 15px; cursor: pointer;margin-top: 0px;}*/
.contac .custom-checkbox button{border-radius: 2px;border: solid 1px #cccccc;background-color: #ffffff; font-size: 13px; color: #6e6e6e; padding: 5px 8px ; margin-left: 10px;}
.contac-btn{background-color: #e22f25; border: 0; color: #fff;width: 288px;height: 56px;}
.main .tab_default_2 .card1{padding: 60px 80px; border-radius: 5px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);background-color: #ffffff; overflow: hidden;}
.main .tab_default_2 .card1 .card-l h3{font-size: 33px;font-weight: bold; color: #262626; float: left;}
.main .tab_default_2 .card1 .card-l .row1 p{color: #262626; font-size: 22px; margin-left: 20px;}
.main .tab_default_2 .card1 span {height: 6px;width: 6px;background-color: #e22f25; display: inline-block;margin-right: 10px !important;}
.main .tab_default_2 .card1 .card-l{float: left;}
.main .tab_default_2 .card1 .card-r{float: right;}
.main .tab_default_2 .card1 .card-l .row2{margin-top: 30px;}
.main .sec-wrap{margin-top: 80px;}
.main .sec-wrap .sec-box{overflow: hidden; margin-bottom: 70px}
.main .sec-wrap .sec-box .txt{width: 49%; text-align: center;  padding: 100px 0;}
.main .sec-wrap .sec-box .txt h4{color: #0d0d0d; font-size: 35px;font-weight: bold;}
.main .sec-wrap .sec-box .txt .img{ margin: 0 auto; width: 100%; margin: 33px 0; }
.main .sec-wrap .sec-box .txt p{color: #0d0d0d; font-size: 17px;}
.main .sec-wrap .sec-box .imgbox{width: 49%;}
.main  .tab_default_3 .card-l{width: 50%;}
.main  .tab_default_3 .card-l .txt{ padding-top: 20px;}
.main  .tab_default_3 .card-l .txt p{clear: both; font-size: 18px;}
.main  .tab_default_3 .card-l button{background-color: #E22F25; border: 0; color: #fff; font-size: 14px; width: 346px; height: 52px; margin-top: 50px;}
.main .tab_default_3 .sec-wrap .sec-box .txt {width: 49%; text-align: center;  padding: 55px 0;}
.sub_banner .inner{padding-top: 170px; text-align: center;}
.sub_banner .inner h2{color: #fff; font-size: 50px; margin-bottom: 5px}
.sub_banner .inner p{color: #fff; font-size: 20px;}
.sub_banner .banner-img{ background: url(../images/sub-banner.png) no-repeat; height: 326px;margin: 0 auto; max-width: 1920px;}
/*.sub_banner .banner-img1{ background: url(../images/contact-banner.png) no-repeat; height: 326px;margin: 0 auto; max-width: 1920px;}*/
.about{background-color: #F8F8F8; padding-top: 20px; padding-bottom: 50px;}
.about .hd h3{color: #212529;font-size: 40px;font-weight: 500; text-align: center; margin-bottom: 10px;}
.about .hd p{color: #212529;font-size: 17px;}
.about .hd p span{font-weight: bold;}
.home_list{padding-top: 20px;}
.home_list ul{overflow: hidden;}
.home_list ul li{float: left; margin-right: 10px;}
.about .slider { position:relative;  margin:20px auto 0;  width:1200px; padding: 0 !important;}
.about .slider-container {  width:1110px;  margin:0 auto; overflow:hidden; }
.about .thumb {  display:block; width:370px; padding:5px;float:left; }
.about .thumb .row1 {  display:block;  width:360px;float:left; box-shadow:inset 0 0 1px #000;  padding:15px 15px; font-size: 14px;height: 300px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border: solid 1px #dedede; background-color: #fff;}
.about .thumb .row1 .tit{overflow: hidden;}
.about .thumb .row1 .tit h4{float: left;font-size: 21px;font-weight: bold;}
.about .thumb .row1 .tit img{float: right}
.about .thumb .row1 .tit p{clear: both; padding-top: 10px;}
.about .thumb .row1 .txt{margin-top: 10px;}
.about .thumb .row1 .txt .tit{font-weight: bold;}
.about .thumb .row1 .txt .tit span{height: 5px;  width: 5px; background-color: #e22f25;display: inline-block;margin-right: 10px; margin-bottom: 3px}
.about .btnPrev, .btnNext { border:0;cursor:pointer; position:absolute;top:44%; background-color: transparent;}
.about .btnPrev { left:0; padding: 0; }
.about .btnNext { right:0;  padding: 0;}
.section .row1{margin: 45px 0;}
.section .row1 h5{font-size: 24px; text-align: center; margin-bottom: 25px;}
.section .sel-box{width: 710px; margin: 0 auto;}
.section .sel-box button{ border: 0; background-color: #E22F25; color: #fff; width: 118px; height: 44px; line-height: 40px; border-radius: 2px;}
/*.section .sy1{ width: 36%; padding: .7em .9em;  font-family: inherit;  background: #fff url(../images/down-chevron1.svg) no-repeat 98% 50%;*/
/*	border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; border: 0;border-bottom: solid 1px #E2E2E4;}*/
.peta-tab .nav-tabs .nav-item{width: 16.66666666666667%; background-color: #F7F7F7; height: 55px; }
.peta-tab .nav-tabs .nav-item.active{background-color: #fff ; border-bottom: 0!important;}
.peta-tab .nav-tabs .nav-item a{margin-right: 0px; text-align: center; line-height: 1.42857143;border: 1px solid #E5E5E5; border-radius: 0; height: 55px; line-height: 35px;     border-bottom: 1px solid #000; padding: 8px 2px; font-size: 10pt;}
.peta-tab .nav-tabs .nav-item.activ a{border-bottom: 0;}
.peta-tab .nav-tabs>li { float: left;margin-bottom: -1px;}
.peta-tab .nav-tabs>li.active>a, .peta-tab .nav-tabs>li.active>a:focus, .peta-tab .nav-tabs>li.active>a:hover { border: 1px solid #000 ;border-bottom: 1px solid #fff;}
.menu1{padding: 40px 0;}
.menu1 .row1{overflow: hidden;}
.menu1 .row1 .float-l{width: 763px;height: 390px;border-radius: 15px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);border: solid 1px #eaeaea;background-color: #ffffff; padding: 22px; margin-left: 5px; }
.menu1 .row1 .float-l .tit{font-size: 24px;font-weight: 500; text-align: center; border-bottom: solid 1px #eaeaea; padding-bottom: 10px;}
.menu1 .row1 .float-l .txt-box{overflow: hidden; padding: 0 90px;}
.menu1 .row1 .float-l .txt-box .img{float: left;}
.menu1 .row1 .float-l .txt-box .txt{float: left; margin: 40px 0 0 40px;}
.menu1 .row1 .float-l .txt-box .txt ul li{color: #989898; font-size: 18px; margin-bottom: 15px;}
.menu1 .row1 .float-l .txt-box .txt ul li span{height: 11px;  width: 11px; display: inline-block;margin-right: 10px; margin-bottom: 2px; border-radius: 6px;}

/*재원 수정*/
.back_col-0{background-color: #3366cc !important;}
.back_col-1{background-color: #dc3912 !important;}
.back_col-2{background-color: #ff9900 !important;}
.back_col-3{background-color: #109618 !important;}
.back_col-4{background-color: #990099 !important;}
.back_col-5{background-color: #0099c6 !important;}
.back_col-6{background-color: #80CBC4 !important;}
.back_col-7{background-color: #F8F8F8 !important;}
.back_col-8{background-color: #f2f2f2 !important;}
/*끝*/
.table-col_1{background-color: #F5F5F5}
.table-col_2{background-color: #FCF4F4}
.table-col_3{background-color: #FFEAEA}
.table-col_4{background-color: #F2F2F2}
.table-col_5{background-color: #E8E8E8}
.table-col_6{background-color: #FDF4F4}
.table-col_7{background-color: #FAFAFA}
.table-col_8{background-color: #FDF4F4}
.table-col_9{background-color: #FFF5F5}

.menu1 .row1 .float-r{ padding-top: 5px}
.menu1 .row1 .float-r table{text-align: center;}
.menu1 .row1 .float-r table thead{border-top: 1px solid #000; border-bottom: 1px solid #404040; }
.menu1 .row1 .float-r table thead tr th{ width: 191px; text-align: center; font-size: 16px; font-weight: normal; padding: 12px 0; border-right: 1px solid #CCCCCC;}
.menu1 .row1 .float-r table thead tr th:last-child,
.menu1 .row1 .float-r table tbody tr td:last-child{border-right: 0;}
.menu1 .row1 .float-r table tbody tr td{border-right: 1px solid #CCCCCC; padding: 12px 0;}
.menu1 .row1 .float-r table tbody span{height: 11px;  width: 11px; display: inline-block;margin-right: 10px; margin-bottom: 2px; border-radius: 6px;}
.menu1 .row1 .float-r table tfoot tr td{ border-top: 1px solid #404040; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 12px 0;}
.menu1 .row1 .float-r table tfoot tr td:nth-child(1){background-color: #f4f4f4;}
.menu1 .row1 .float-r table tfoot tr td:nth-child(2){background-color: #FCFCFC;}
.menu1 .row2{border-radius: 5px;box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);background-color: #ffffff; padding:  50px 40px;}
.menu1 .row2 .tit{font-size: 24px;font-weight: 500; text-align: center; border-bottom: solid 1px #eaeaea; padding-bottom: 20px;}
.menu1 .row2 .img{margin-top: 50px;text-align: center;}
.menu1 .row2 .img img{width: 100%;}
.menu2 .row1 h4,
.menu2 .row2 h4{font-size: 24px;font-weight: bold; text-align: center; margin-bottom: 20px;}
.menu2 .row1 .table thead{background-color: #E22F25; color: #fff; font-weight: normal; border: 0;}
.menu2 .row1 .table thead tr th{text-align: center; font-weight: normal; font-size: 15px;  padding: 13px 10px; }
.menu2 .row1 .table tbody tr td{text-align: center; font-size: 15px; border-top: 0; padding: 13px 10px;}
.menu2 .row1 .table tbody tr td a{text-decoration: underline}
.menu2 .row2{margin-bottom: 60px; padding-top: 20px;}
.menu2 .row2 .table thead{ font-weight: normal; border: 0; border-top: 2px solid #2B2B2B;}
.menu2 .row2 .table thead tr th{text-align: center; font-weight: normal; font-size: 15px;  padding: 13px 10px; }
.menu2 .row2 .table tbody tr td{text-align: center; font-size: 15px; border-top: 0; padding: 13px 10px; border-bottom: 1px solid #fff}
.menu2 .row2 .table tbody tr td .icon{vertical-align: middle; display: inline-block;}
.menu2 .row2 .table tbody tr td .icon img{margin-left: 5px; margin-bottom: 3px; vertical-align: middle;}
.menu3 .row1{border-radius: 5px;box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);background-color: #ffffff; padding:  50px 40px;}
.menu3 .row1 .tit{font-size: 24px;font-weight: 500; text-align: center; border-bottom: solid 1px #eaeaea; padding-bottom: 20px;}
.menu3 .row1 .img{margin-top: 50px; text-align: center;}
.menu3 .row1 .img img{width: 100%; }
.menu3 .row2 .table thead{background-color: #E22F25; color: #fff; font-weight: normal; border: 0;}
.menu3 .row2 .table thead tr th{text-align: center; font-weight: normal; font-size: 15px;  padding: 13px 10px;  }
.menu3 .row2 .table tbody tr td{text-align: center; font-size: 15px; border-top: 0; padding: 13px 10px;; border-bottom: 1px solid #E3E3E3}
.menu3 .row2 .table tbody tr .td1{text-align: left; width: 70%; padding: 15px}
.menu3 .row2 .table tbody tr .td1 span{width: 20px;display: inline-block;}
.menu3 .row2 .table tbody tr .td1 .img{margin-bottom: 5px; margin-right: 10px;}
.menu3 .row2 .table tbody tr td a{text-decoration: underline}
.menu3 .row2{margin-bottom: 60px; padding-top: 20px;}
.menu4{padding-bottom: 60px;}
.menu4 .row1{text-align: center;}
.menu4 .row1 h4{font-size: 30px; font-weight: 500; margin-bottom: 10px;}
.menu4 .row1 .txt-box{overflow: hidden; text-align: center; width: 720px;  margin: 0 auto; margin-top: 30px;}
.menu4 .row1 .txt-box .left{float: left !important; margin-right: 10px;  }
.menu4 .row1 .txt-box .left p select{margin-bottom: 5px;}
.menu4 .row1 .txt-box .left:last-child{ margin-right: 0px; }
.menu4 .row1 .txt-box .left p{font-size: 16px; width: 340px }
.menu4 .row2 .table thead{background-color: #FFF8F8;  font-weight: normal; border: 0; border-top: 1px solid #EFA29C;}
.menu4 .row2 .table thead tr th{text-align: center; font-weight: normal; font-size: 15px;  padding: 13px 10px; border: 0; }
.menu4 .row2 .table tbody tr td{text-align: center; font-size: 15px; border-top: 0; padding: 13px 10px; border-right: 1px solid #EAEAEA;}
.menu4 .row2 .table tbody tr td:last-child{border-right: 0;}
.menu4 .row2 .table tbody tr td a{text-decoration: underline}
.menu5 .row1{border-radius: 5px;box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);background-color: #ffffff; padding:  50px 40px;}
.menu5 .row1 .tit{font-size: 24px;font-weight: 500; text-align: center; border-bottom: solid 1px #eaeaea; padding-bottom: 20px;}
.menu5 .row1 .img{margin-top: 50px; text-align: center;}
.menu5 .row1 .img img{width: 100%; }
.menu5 .row2 {margin-bottom: 100px;}
.menu5 .row2 .table thead{background-color: #FFF8F8;  font-weight: normal; border: 0; border-top: 1px solid #EFA29C;}
.menu5 .row2 .table thead tr th{text-align: center; font-weight: normal; font-size: 15px;  padding: 13px 10px; border: 0; }
.menu5 .row2 .table tbody tr td{text-align: center; font-size: 15px; border-top: 0; padding: 13px 10px; border-bottom: 1px solid #E8E8E8;}
.menu5 .row2 .table tbody tr td a{text-decoration: underline}
.menu6 .row1{overflow: hidden;}
.menu6 .row1 .card{border-radius: 10px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);border: solid 1px #eaeaea; background-color: #ffffff; width: 580px;height: 367px; padding: 20px;margin: 0 5px 10px}
.menu6 .row1 .card .tit{font-size: 20px;font-weight: 500; text-align: center; border-bottom: solid 1px #eaeaea; padding-bottom: 20px;}
.menu6.row1 .img{text-align: center;}
.menu6 .row1 .img img{width: 100%; }
.menu6 .row2{border-radius: 5px;box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);background-color: #ffffff; padding:  50px 40px; margin-bottom: 80px;}
.menu6 .row2 .tit{font-size: 24px;font-weight: 500; text-align: center; border-bottom: solid 1px #eaeaea; padding-bottom: 20px;}
.menu6 .row2 .img{margin-top: 50px; text-align: center;}
.menu6 .row2 .img img{width: 100%; }
.comment-wrap{background-color: #F7F7F7; padding-bottom: 30px;}
.comment-wrap h4{font-size: 30px; font-weight: 300; font-style: normal; text-align: center; padding: 30px 0;}
.comment-wrap h4 img{margin-right: 5px; margin-bottom: 8px}
.comment-wrap .row1{overflow: hidden; margin: 0; margin-bottom: 15px;}
/*.comment-wrap select {width: 100%;  padding: .9em .9em; font-family: inherit;  background: #fff url(../images/down-chevron.svg) no-repeat 98% 50%;  -webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 4px;border: solid 1px #d6d6d6;}*/
.comment-wrap .row1 textarea{min-height: 145px; border: solid 1px #d6d6d6; background-color: #ffffff;  border-radius: 4px; width: 100%; padding: 20px;}
.comment-wrap .btn-box{text-align: right;}
.comment-wrap .btn1{width: 228px; height: 48px;background-color: #e22f25; border: 0; color: #fff; display: inline-block;}
.join-wrap{margin-bottom: 100px;}
.join-wrap .tit-box{overflow: hidden; border: solid 5px #dedede; padding: 16px 40px; margin-top: 10px;}
/*.join-wrap .row1 .img{float: left;background: url(../images/join-tit-icon.svg) no-repeat; width: 84px; height: 84px;}*/
.join-wrap .row1 .tit{float: left; font-size: 20px;font-weight: 500; line-height: 84px ; margin-left: 50px;color: #333333;}
.join-wrap .row1 .txt{float: right; font-size: 15px;  margin-top: 8px; line-height: 1.7; color: #333333;}
.join-wrap .txt-box{margin-top: 20px; margin-bottom: 50px;}
.join-wrap .row2 .hd{overflow: hidden; border-bottom: 2px solid #333333; margin-bottom: 10px; padding-bottom: 10px;}
.join-wrap .row2 .hd h4{font-size: 18px; font-weight: normal; float: left; margin-top: 15px;}
.join-wrap .row2 .hd .agreement_box .agree_btn{border: solid 1px #e22f25; float: right;background-color: #ffffff;font-size: 19px;cursor: pointer; padding: 8px 50px; font-size: 16px; border-radius: 0; }
.join-wrap .row2 .con .box1 .row1{overflow: hidden;}
.join-wrap .row2 .con .box1 .row1 h5{float: left; font-size: 16px; margin: 15px 0}
.join-wrap .row2 .con .box1 .row1 .checks{float: right;}
.join-wrap .row2 .con .box1 .row2{border-radius: 4px;border: solid 1px #ebebeb; background-color: #f5f5f5; padding: 15px 30px; font-size: 12px; max-height: 100px; overflow-x: hidden; overflow-y: auto;}
.join-wrap .row2 .con .box2{text-align: right;}
.join-wrap .row2 .con .box2 .txt{overflow: hidden; display: inline-block}
.join-wrap .row2 .con .box2 .txt p{float: left; font-size: 15px; margin-top: 12px; margin-right: 10px;}
.join-wrap .row2 .con .box2 .txt .checks {float: left;}
.join-wrap .row2 .con1{ margin-top: 20px;}
.join-wrap .row2 .con1 h5{font-size: 18px; margin-bottom: 10px;}
.join-wrap .row2 .con1 table tbody{border-top: 2px solid #333;}
.join-wrap .row2 .con1 table tbody tr{ border-bottom: 1px solid #E0E0E0;}
.join-wrap .row2 .con1 table tbody tr td{vertical-align: middle; text-align: center; padding: 15px}
.join-wrap .row2 .con1 table tbody tr td .row1{overflow: hidden;}
.join-wrap .row2 .con1 table tbody tr td .row1 .input-group{float: left; margin-right: 10px;}
.join-wrap .row2 .con1 table tbody tr td .row1 .input-group select{width: 170px; border: 1px solid #d6d6d6; border-radius: 2px; height: 50px;}
.join-wrap .row2 .con1 table tbody tr td .row1 .input-group .form-control { height: 50px; border: solid 1px #d6d6d6; background-color: #ffffff; border-radius: 2px; width: 170px;}
.join-wrap .row2 .con1 table tbody tr td .row1 .input-group button{width: 106px;height: 50px;border-radius: 3px;background-color: #313131; color: #fff; border: 0; font-size: 13px;}
.join-wrap .row2 .con1 table tbody tr td .row2{margin-top: 10px}
.join-wrap .row2 .con1 table tbody tr td .row2 .input-group{float: left; margin-right: 10px;}
.join-wrap .row2 .con1 table tbody tr td .row2 .input-group .form-control { height: 50px; border: solid 1px #d6d6d6; background-color: #ffffff; border-radius: 2px; width: 170px;}
.join-wrap .row2 .con1 table tbody tr td .row2 .input-group button{width: 106px;height: 50px;border-radius: 3px;background-color: #E3E3E3; color: #333333; border: 0; font-size: 13px;}
.join-wrap .row2 .con1 table tbody tr td .row2 .input-group button.active{background-color: #E22F25; color: #fff;}
.join-wrap .row2 .con1 table tbody tr td .row2 .input-group .txt{margin-top: 15px; color: red; font-size: 14px; margin-left: 2px}
.join-wrap .row2 .con1 table tbody tr td .row1 .input-group .txt2{margin-top: 15px;  font-size: 14px; margin-left: 2px}
.join-wrap .btn-box .join_btn{ margin: 0 auto; }
.join-wrap .join_btn{ width: 351px;height: 50px; border-radius: 2px;background-color: #d93530; border: 0; color: #fff; display: block;}
.login-box { width: 528px; height: 560px;border-radius: 12px;box-shadow: 0 3px 6px 0 rgba(98, 98, 98, 0.16); background: #fff; float: none;margin: 0 auto; margin-top: 40px;border: 1px solid #EBEBEB;padding: 50px; margin-bottom: 80px;}
.login-box .tit{text-align: center;;}
.login-box .tit h3{font-size: 35px; font-weight: 500; margin-bottom: 15px; }
.login-box .tit p{font-size: 16px;font-weight: 300;  width: 290px; margin: 0 auto; margin-bottom: 20px}
.login-box .txt .row1{text-align: center; margin: 0 auto;  margin-top: 10px;}
.login-box .txt .row1 input{height: 50px; border: solid 1px #d6d6d6;background-color: #ffffff;border-radius: 2px;}
.login-box .txt .row1 .login-btn{width: 100%; color: #fff; border: 0 ; background-color: #D93530; height: 50px; border-radius: 2px;}
.login-box .txt .log-btn-wrap{padding-bottom: 20px; border-bottom: 1px solid #B9B9B9}
.login-box .txt-1{margin-top: 20px;}
.login-box .txt-1 button{width: 48%; height: 50px; font-size: 13px; background: #fff; border: 0; border-radius: 2px;}
.login-box .txt-1 button:last-child{margin-left: 2%;}
.login-box .txt-1 .btn-1{ border: 1px solid #DC4A34;}
.login-box .txt-1 .btn-2{border: 1px solid #03C75A;}
.login-box .txt-2{overflow: hidden; margin-top: 10px; font-size: 14px;}
.login-box .txt-2 a:nth-child(1){float: left;}
.login-box .txt-2 a:nth-child(2){float: right;}
.contactus-wrap{padding: 20px 0 50px;;}
.contactus-wrap .box-1{text-align: center;}
.contactus-wrap .box-1 h4{font-size: 40px;font-weight: 500;}
.contactus-wrap .box-1 p{font-size: 16px;line-height: 1.56; margin-top: 15px;}
.contactus-wrap .box-2{ margin-bottom: 20px;}
.contactus-wrap .box-2 .tit,
.contactus-wrap .box-3 .tit{border-bottom: 2px solid #333; padding-bottom: 5px; font-size: 15px; margin: 30px 0; font-size: 18px;}
.contactus-wrap .box-2 label{color: #777777;font-size: 14px; font-weight: normal;}
.contactus-wrap select{width: 100%;}
.contactus-wrap .row1{overflow: hidden; margin: 0; margin-bottom: 15px;}
/*.contactus-wrap select {width: 100%;  padding: .9em .9em; font-family: inherit;  background: #fff url(../images/down-chevron.svg) no-repeat 98% 50%; -webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 4px;border: solid 1px #d6d6d6;}*/
.contactus-wrap .row1 textarea{min-height: 145px; border: solid 1px #d6d6d6; background-color: #ffffff;  border-radius: 4px; width: 100%; padding: 20px;}
.contactus-wrap .row1 .input-group { width: 49%;}
.contactus-wrap .row1 .input-group .form-control { height: 52px;border: solid 1px #d6d6d6; background-color: #ffffff; border-radius: 4px;}
.contactus-wrap .box-3 .tit{margin-bottom: 15px;}
.contactus-wrap .box-3 .box1 .row1 { border-radius: 4px; border: solid 1px #ebebeb; background-color: #f5f5f5; padding: 15px 30px; font-size: 12px; max-height: 150px; overflow-x: hidden; overflow-y: auto;}
.contactus-wrap .box-3 .row2{text-align: right}
.contactus-wrap .box-3 .row2 .txt {overflow: hidden;display: inline-block;}
.contactus-wrap .join_btn-1 { width: 351px; height: 50px; border-radius: 2px; background-color: #d93530; border: 0; color: #fff;display: block; margin: 0 auto;}
.cpc-wrap .box-1{text-align: center; margin-bottom: 10px;}
.cpc-wrap .box-1 h4{font-size: 40px;font-weight: 500;}
.cpc-wrap .box-1 p{font-size: 16px;line-height: 1.56; margin-top: 15px;}
.cpc-wrap .box-2 .table tr{background-color: #f5f5f5; text-align: center;}
.cpc-wrap .box-2 .table tr td{ border-top: 0;}
.cpc-wrap .box-2 .table tr td a{line-height: 33px; height: 33px; display: block;}
.cpc-wrap .box-2 .table tr td.active{background-color: #2C2C2C; font-weight: bold;}
.cpc-wrap .box-2 .table tr td.active a{color: #fff;}
.cpc-wrap .box-3 .table{margin: 0; margin-bottom: 10px; }
.cpc-wrap .box-3 .table tr{ box-shadow: 0 3px 4px 0 rgba(168, 168, 168, 0.16);border: solid 1px #e6e6e6; background-color: #ffffff; margin-bottom: 5px; color: #4D4D4D; border-radius: 10px !important; cursor: pointer; }
.cpc-wrap .box-3 .table tr td{ border-top: 0;  height: 64px; line-height: 43px; padding: 10px 30px; font-size: 16px;}
.cpc-wrap .box-3 .active tr{border: 1px solid #E22F25 !important; border-radius: 10px; background-color: #ffff !important; box-shadow: 0 3px 4px 0 rgba(168, 168, 168, 0.16);}
.cpc-wrap .box-3 .font_red,
.cpc-wrap .box-4 .font_red{font-weight: bold;}
.cpc-wrap .box-4{overflow: hidden; margin-bottom: 30px;}
.cpc-wrap .box-4 .left{float: left;}
/*.cpc-wrap .box-4 .left .img{background: url(../images/cpc-icon1.svg) no-repeat; width: 29px; height: 26px; margin-left: 15px;}*/
.cpc-wrap .box-4 .right{float: right;  border: solid 1px #dedede; background-color: #fcfcfc; width: 95%;}
.cpc-wrap .box-4 .right .table{padding: 0; margin: 0; }
.cpc-wrap .box-4 .right .table tr{}
.cpc-wrap .box-4 .right .table tr td{ border-top: 0; padding: 10px 20px; border-bottom: 1px solid #E0E0E0;vertical-align: middle; height: 60px; }
.cpc-wrap .box-5 {margin-bottom: 50px;}
.cpc-wrap .box-5  .table thead{background-color: #FFF8F8;  font-weight: normal; border: 0; border-top: 1px solid #EFA29C;}
.cpc-wrap .box-5  .table thead tr th{text-align: center; font-weight: normal; font-size: 15px;  padding: 13px 10px; border: 0; }
.cpc-wrap .box-5  .table tbody tr td{text-align: center; font-size: 15px; font-weight: normal; border-top: 0; padding: 13px 10px; border-bottom: 1px solid #E8E8E8;}
.cpc-wrap .box-5  .table tbody tr td a{text-decoration: underline}
.search-wrap .box-1{padding: 20px 0 50px;;}
.search-wrap .box-1 h4{font-size: 40px;font-weight: 500; text-align: center;}
.search-wrap .box-1 p{font-size: 16px;line-height: 1.56; margin-top: 15px; text-align: center;}
.search-wrap .box-2{margin-bottom: 50px;}
.search-wrap .box-2 .tit{font-size: 24px;font-weight: normal; text-align: center; margin: 35px 0;}
.search-wrap .box-2 .tit img{margin-right: 10px;}
.search-wrap .box-2 .txt-box{border: solid 5px #f2f2f2; padding: 20px 160px; margin-bottom: 20px;}
.search-wrap .box-2 .txt-box .row1{overflow: hidden;}
.search-wrap .box-2 .txt-box .row1 .form-control {height: 50px; border: solid 1px #cecece;background-color: #ffffff;}
.search-wrap .box-2 .txt-box .row1 .form-control2 {height: 50px; width:300px; border: solid 1px #cecece;background-color: #ffffff;}
.search-wrap .box-2 .txt-box .row1 .float-l{margin-right: 10px;}
.search-wrap .box-2 .txt-box .row1 .search-icon{background-color: #212121; width: 50px; height: 50px; text-align: center; line-height: 40px;}
.search-wrap .box-2 .txt-box .row1 .search-icon2{width: 50px; height: 50px; text-align: center; line-height: 40px;}
.search-wrap .box-2 .txt-box .row1 label{color: #7b7b7b;font-size: 13px;font-weight: 500;margin-bottom: 5px;}
.search-wrap .box-2 .txt-box .row1 .float-l button{width: 113px; height: 50px;background-color: #e22f25; border: 0; color: #fff; margin-top: 24px;}
.search-wrap .box-2 .txt-box .row2{overflow: hidden; margin-top: 10px;}
.search-wrap .box-2 .txt-box .row2 .line-1{float: left;color: #7b7b7b;font-size: 13px;
	font-weight: 500; margin-right: 20px;}
.search-wrap .box-2 .txt-box .row2 .line-2{float: left;}
.search-wrap .box-2 .txt-box .row2 .line-2 p{color: #e22f25;font-size: 15px;font-weight: 500; float: left; margin-right: 20px;}
.search-wrap .box-2 .txt-box .row2 .line-2 p:last-child{margin-right: 0;}
.search-wrap .box-2 .txt-box .row2 .line-2 p img{margin-left: 5px;}
.search-wrap .box-2 .txt-box1{height: 73px;border-radius: 4px;font-size: 18px; font-weight: 500; background-color: #f7f7f7; text-align: center; line-height: 76px;color: #969696;}
.search-wrap .box-2 .txt-box1 span{color: #333; vertical-align: top;}
.search-wrap .box-3 .row1 h4 { font-size: 24px; font-weight: bold;margin-bottom: 20px;}
.search-wrap .box-3 .row1 .table thead { border: 0;border-top: 2px solid #2B2B2B;}
.search-wrap .box-3 .row1 .table thead tr th{text-align: center; font-weight: normal;}
.search-wrap .box-3 .row1 .table tbody tr td { text-align: center; font-size: 15px; border-top: 0; padding: 13px 10px; border-bottom: 1px solid #fff;}
.search-wrap .box-3 .row1 .table tbody tr .icon {text-decoration: underline;}
.search-wrap .box-4 .row1 h4 {font-size: 24px; font-weight: bold;margin-bottom: 20px;}
.search-wrap .box-4 .row1 .txt_box{overflow: hidden; border: solid 1px #e8e8e8;background-color: #f2f2f2; padding: 40px 45px; margin-bottom: 40px;}
.search-wrap .box-4 .row1 .txt_box .left{float: left}
.search-wrap .box-4 .row1 .txt_box .right{float: right}
.search-wrap .box-4 .row1  .range-value { display: inline-block; position: relative; width: 60px; color: #FF4A40; font-size: 16px;  line-height: 20px;  text-align: center; border-radius: 3px; background: #fff; padding: 5px 10px;margin-left: 0px;}
.search-wrap .box-4 .row1  .range-value::after{position: absolute; bottom: -15px;  left: 21px; width: 0; height: 0; background: transparent; color: #fff;  border-top: 8px solid  #fff; border-right: 7px solid transparent;  border-left: 7px solid transparent; border-bottom: 7px solid transparent;  content: '';}
.search-wrap .box-4 .input-range { -webkit-appearance: none; width: 350px;height: 5px; border-radius: 5px; background: #D9D9D9; outline: none;}
.search-wrap .box-4 .input-range::-webkit-slider-thumb {-webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #FF4A40; border: 2px solid #fff; cursor: pointer; -webkit-transition: background .15s ease-in-out; transition: background .15s ease-in-out;}
.search-wrap .box-4 .row1 .range-slider{position: relative ; height: 0px; }
.search-wrap .box-4 .row1 .range-slider .range-value{position: absolute; top: -60px; left: 50px;}
.search-wrap .box-4 .row1 .range-slider .hidden-value{width: 67px; position: absolute; left: 450px; top:-25px;height: 48px;border-radius: 3px;
	border: solid 1px #c1c1c1; padding: 10px;text-align: center; color: #E22F25;}
.search-wrap .box-4 .row1 .range-slider .txt1{position: absolute; left: 370px; top:-10px;width: 100%;}
.search-wrap .box-4 .row1 .left{width: 770px; border-right: 1px solid #DDDDDD;}
.search-wrap .box-4 .row1 .right .btn-1{width: 290px; height: 48px; border: 0; display: block; margin-bottom: 10px; background-color: #e22f26; color: #fff;}
.search-wrap .box-4 .row1 .right .btn-2{ width: 290px; height: 48px;background-color: #bcbcbc; border: 0; color: #fff;display: block; margin-bottom: 10px;}
.range-list{ margin-bottom: 10px; width: 330px;}
.range-list ul{overflow: hidden;}
.range-list ul li{float: left; width: 33.3%; text-align: right;}
.search-wrap .box-4 .row2{overflow: hidden;  margin-top: 50px;}
.search-wrap .box-4 .row2 .custom-control{float: left; margin-right: 20px;}
/*.search-wrap .box-4 .row2 .custom-checkbox input[type=checkbox]:not(old):checked + label {background-position: 0px;background: url(../images/check-2.svg) no-repeat 0px 0px; font-size: 15px; margin-top: 0px;}*/
.search-wrap .box-4 .row2 .custom-checkbox input[type=checkbox]:not(old), .board-1 .custom-checkbox input[type=radio ]:not(old) { padding: 0; opacity: 0; cursor: pointer; position: absolute; height: 30px; width: 30px;}
.search-wrap .box-4 .row2 .custom-checkbox label { color: #333333; font-weight: normal; display: block; font-size: 15px; white-space: normal; line-height: 1.3; text-align: left; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 26px;}
/*.search-wrap .box-4 .row2 .custom-checkbox input[type=checkbox]:not(old) + label {display: inline-block; font-weight: normal; padding-left: 27px; background: url(../images/uncheck-2.svg) no-repeat 0 0px; font-size: 15px; cursor: pointer;margin-top: 0px; padding-top: 1px }*/
.search-wrap .box-4 .row3 {margin-top: 20px; padding-right: 30px;}
.search-wrap .box-4 .row3 .line-1{overflow: hidden;}
.search-wrap .box-4 .row3 .line-1 .float-l{overflow: hidden; width: 50%; float: left;}
.search-wrap .box-4 .row3 .line-1 .float-l span{float: left; display: block; font-size: 14px;  height: 48px; line-height: 48px; margin-right: 15px; font-weight: normal;}
.search-wrap .box-4 .row3 .line-1 .float-l span:last-child{margin-right: 0;}
.search-wrap .box-4 .row3 .line-1 .float-l .form-control{float: left; width: 263px; height: 48px; border-radius: 3px; border: solid 1px #c1c1c1;
	background-color: #ffffff;}
.search-wrap .box-4 .row3 .line-1 .float-r{float: right; width: 50%; text-align: left;padding-left: 67px;}
.search-wrap .box-4 .row3 .line-1 .float-r .btn.active, .btn:active { background-image: none; border: 1px solid #E22F25; }
.search-wrap .box-4 .row3 .line-1 .float-r .btn.active, .btn:active {background-image: none; outline: 0; box-shadow: none; }
.search-wrap .box-4 .row3 .line-1 .btn-blue.active { color: #E22F25;}
.search-wrap .box-4 .row3 .line-1 .btn-blue { color: #333333; background-color: #fff;  border: 1px solid #ccc; padding: 14px; border-radius: 5px; margin-right: 10px; width: 124px; font-size: 13px;}
.search-wrap .box-5 h5{font-size: 18px; color: #333; margin-bottom: 20px;}
.search-wrap .box-5 .search-w .search-box{border-radius: 4px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border: solid 1px #f2f2f2;background-color: #ffffff; padding: 30px 38px; overflow: hidden; margin-bottom: 35px; }
.search-wrap .box-5 .search-w .search-box .line1{overflow: hidden;}
.search-wrap .box-5 .search-w .search-box .line1 .float-l{float: left; width: 870px}
.search-wrap .box-5 .search-w .search-box .line1 .float-l .tit{overflow: hidden; margin-bottom: 10px;}
.search-wrap .box-5 .search-w .search-box .line1 .float-l .tit li{float: left; margin-right: 10px; line-height: 20px;}
.search-wrap .box-5 .search-w .search-box .line1 .float-l .tit .btn-1{border-radius: 2px;background-color: #2c51bf; color: #fff; padding: 3px 20px; font-size: 14px; display: block; float: left;}
.search-wrap .box-5 .search-w .search-box .line1 .float-l .tit .btn-2{border-radius: 2px;background-color: #21A591; color: #fff; padding: 3px 20px; font-size: 14px; display: block; float: left;}
.search-wrap .box-5 .search-w .search-box .line1 .float-l .tit .btn-3{border-radius: 2px;background-color: #E22F25; color: #fff; padding: 3px 20px; font-size: 14px; display: block; float: left;}
.search-wrap .box-5 .search-w .search-box .line1 .float-l .tit .btn-4{border-radius: 2px;background-color: #394767; color: #fff; padding: 3px 20px; font-size: 14px; display: block; float: left;}
.search-wrap .box-5 .search-w .search-box .line1 .float-l .p1{font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.search-wrap .box-5 .search-w .search-box .line1 .float-l .p2{font-size: 15px; margin-bottom: 10px;}
.search-wrap .box-5 .search-w .search-box .line1 .float-l .ul-1{overflow: hidden; width: 740px; }
.search-wrap .box-5 .search-w .search-box .line1 .float-l .ul-1 li{float:left; margin-right: 25px; width: 260px; margin-bottom: 10px;}
.search-wrap .box-5 .search-w .search-box .line1 .float-l .ul-1 li:last-child{margin-bottom: 0;}
.search-wrap .box-5 .search-w .search-box .line1 .float-l .ul-1 li:last-child{margin-right: 0; width: 180px}
.search-wrap .box-5 .search-w .search-box .line1 .float-l .ul-2{overflow: hidden; }
.search-wrap .box-5 .search-w .search-box .line1 .float-l .ul-2 li{float:left; margin-right: 25px; width: 25%; margin-bottom: 10px;}
.search-wrap .box-5 .search-w .search-box .line1 .float-l .ul-2 li:last-child{margin-bottom: 0;}
.search-wrap .box-5 .search-w .search-box .line1 .float-l .ul-2 li:last-child{margin-right: 0; width: 45%;}
.search-wrap .box-5 .search-w .search-box .line1 .float-r {float: right; margin-bottom: 30px; border: 1px solid #ddd;}
.search-wrap .box-5 .search-w .search-box .line1 .txt-box{clear: both; background-color: #f7f7f7; padding: 20px 15px; }
.pagin_box {text-align: center; margin-top: 0;  font-size: 14px; margin: 20px 0 10px; clear: both; margin-bottom: 30px;}
.pagination { display: inline-block; padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination>li>a, .pagination>li>span {  position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #333; text-decoration: none; background-color:transparent; border: 0;}
.pagination>li:hover>a, .pagination>li:hover>span{ background-color:  #E22F25; color: #fff;}
footer{background-color: #2F2F2F; color: #959595;}
footer .row1{overflow: hidden; padding: 50px 0; border-bottom: solid 2px #3c3c3c;}
footer .row1 .f-logo{float: left; width: 30%;  margin-top: 4px;}
footer .row1 .txt{float: right; width: 70%;}
footer .row1 .txt li{float: left; width: 20%; text-align: center; height: 50px; line-height: 40px;}
footer .row1 .txt li a{color: #848484; font-size: 15px; }
footer .row2{padding: 38px 0;}
/* ============ John 추가 2020-02-13 ============ */
footer .row2 .business-info-address, .business-info-phone, .business-info-email, .business-info-num {
	font-size: 14px;
}
/* ============================================== */
footer .row2 .copy{text-align: center; font-size: 14px;}
.btn-top { position: fixed;bottom: 7%;right: 5%; color: #000; width: 50px;height: 50px;line-height: 41px; text-align: center; border-radius: 25px;cursor: pointer;font-size: 18px; display: none;background-color: rgb(34, 34, 34);color: #a7a9b7; }

.btn-top img {

}

.modal-backdrop { position: absolute; top: 0; right: 0; left: 0; background-color: #000;display: none;}
.myModal-1 .personal-wrap{ width: 850px; margin: 30px auto; }
.myModal-1 .step_agree_box { max-height: 170px; padding: 17px 20px; overflow-x: hidden; overflow-y: auto; border: 1px solid #e6e6e6; text-align: left;}
.myModal-1 .personal-wrap h3{margin-bottom: 20px;}
.modal-footer{clear: both;}
.modal-body .participate{padding: 50px 40px;}
.modal-body .participate p{font-size: 20px; margin-bottom: 20px;}
.modal-body .participate .info{ color: blue; font-size: 16px;}
.modal-disin{ width: 850px;margin: 160px auto; }
.modar-wrap{border-radius: 1px; width: 900px;}
.modar-wrap .mo-header{color: #707070; font-weight: bold; font-size: 23px;     padding: 20px 25px ;}
.modar-wrap .mo-header .modal-title{font-weight:normal}
.modar-wrap .mo-header .close{ width: 20px; height: 20px;}
.modar-wrap .modal-body {text-align: left; padding: 0px;}
.modar-wrap .modal-body .mod-txt{}
.modar-wrap .modal-body .mod-txt img{}
.modar-wrap .modal-body .mod-txt p{text-align: left;}
.modar-wrap .modal-footer{ padding: 20px; border-top: 1px solid #e5e5e5;}
.modar-wrap .modal-footer .ok{ width: 350px; border: 0; }
.modar-wrap .modal-footer .btn-default { color: #333; background-color: transparent; border-color: #adadad;  background-color: #EFEFEF; color: #707070; height: 45px; width: 250px; margin: 0 auto; font-size: 18px;}
.modar-wrap .close_{ float: right;font-size: 0px; background-color: transparent; border: 0;margin-top: 5px}

/*07-30 추가*/
.portfolio{padding: 30px 0 0;}
.portfolio {}
.portfolio .tab-pane{padding: 20px 0 50px;}
.portfolio .tab-pane .txt_box{font-size: 18px;}
.portfolio .tab-pane .txt_box span{  font-weight: 600;}
.portfolio .tab-pane .txt_box1{overflow: hidden;margin: 20px 0;}
.portfolio .tab-pane .txt_box1 p{float: left; margin-top: 10px;}
.portfolio .tab-pane .txt_box1 a{float: left; border-radius: 3px; box-shadow: 0 3px 4px 0 rgba(160, 160, 160, 0.16); border: solid 1px #d1d1d1; padding: 5px 10px; font-size: 16px; margin: 5px 5px 5px 20px;}
.portfolio .tab-pane .txt_box1 a img{margin-left: 10px;}
.portfolio .tab-pane .main_box .con1{border-top: 1px dashed #AAAAAA; margin-top: 40px; padding-top: 20px;}
.portfolio .tab-pane span{vertical-align: middle; display: inline-block;}
.table_sy_1 thead{ color: #333; font-weight: normal; border-top:2px solid #333; border-bottom: 0;}
.table_sy_1 thead tr th{text-align: center; font-weight: normal; font-size: 15px;  padding: 13px 10px;  }
.table_sy_1 >thead>tr>th { vertical-align: bottom; border-bottom: 1px solid #E3E3E3;}
.table_sy_1 tbody tr td{text-align: center; font-size: 15px; border-top: 0; padding: 13px 10px;; border-bottom: 1px solid #E3E3E3}
.table_sy_1 tbody tr .td1{text-align: left; width: 70%; padding: 15px}
.table_sy_1 tbody tr .td1 .img{margin-bottom: 5px; margin-right: 10px; margin-left: 20px;}
.table_sy_1 tbody tr td a{text-decoration: underline}
.table_sy_2 thead{ color: #333; font-weight: normal; border-top: 2px solid #D93530; border-bottom:1px solid #F0D3D3; background-color: #fffafa;}
.table_sy_2 thead tr th{text-align: center; font-weight: normal; font-size: 15px;  padding: 13px 10px;  }
.table_sy_2 >thead>tr>th { vertical-align: bottom; border-bottom: 0;}
.table_sy_2 tbody tr td{text-align: center; font-size: 15px; border-top: 0; padding: 13px 10px;; border-bottom: 1px solid #E3E3E3}
.table_sy_2 tbody tr .td1{text-align: left; width: 70%; padding: 15px ; text-decoration: underline;}
.table_sy_2 tbody tr .td1 .img{margin-bottom: 5px; margin-right: 10px; margin-left: 20px;}
.table_sy_2 tbody tr td a{text-decoration: underline}
.point { height: 5px; width: 5px; background-color: #e22f25; display: inline-block;  margin-right: 10px;border-radius: 5px; margin-bottom: 3px; margin-left: 10px;}
.tab_ul-3 { width: 100%;  border-bottom: 0;}
.tab_ul-3 li { text-align: center;  margin: 0 auto;width: 50%; font-size: 22px;}
.tab_ul-3 li.active {border-bottom: 4px solid #E22F25;}
.tab_ul-3>li.active>a, .tab_ul-3>li.active>a:focus, .tab_ul-3>li.active>a:hover {font-weight: bold;cursor: default; background-color: #fff;border: 0 !important;}
.tab_ul-3 li a {background-color: #dfdfdf;}
.tab_ul-3 li a:hover{background-color: transparent; border: 0;}
.tab_ul-3 li.active a { font-weight: bold;}
.tab_ul-4 { width: 100%;  border-bottom: 0;}
.tab_ul-4 li { text-align: center;  margin: 0 auto;width: 16%; font-size: 22px;}
.tab_ul-4 li.active {border-bottom: 4px solid #E22F25;}
.tab_ul-4>li.active>a, .tab_ul-3>li.active>a:focus, .tab_ul-3>li.active>a:hover {font-weight: bold;cursor: default; background-color: #fff;border: 0 !important;}
.tab_ul-4 li a {background-color: #dfdfdf;}
.tab_ul-4 li a:hover{background-color: transparent; border: 0;}
.tab_ul-4 li.active a { font-weight: bold;}
.major{padding: 30px 0;}
.major h3{font-size: 38px;font-weight: bold;; text-align: center; margin-bottom: 30px;}
.major h3 img{margin-right: 10px; margin-bottom: 5px}
.major .tit_txt{font-size: 20px; margin-bottom: 25px;}
.major .tit_txt .mgB3{display: inline-block; margin-bottom: 5px!important;}
.table_sy_6 tr td{text-align: center;}


.table_sy_3{}
.range-box{float: left;}		.table_sy_3 thead tr th{text-align: center; background-color: #BF3C3C; color: #fff; font-size: 17px; border: 0;}
.table_sy_3 tbody tr td{ line-height: 38px; border-bottom: 1px solid #E3E3E3; }
.table_sy_3 tbody tr td:last-child{border-right: 0; }
.table_sy_3 tbody tr .td1{width:215px; text-align: center;}
.table_sy_4 thead tr th{background-color: #524949;}
.table_sy_5{text-align: center;}
.table_sy_4 thead tr th{color: #fff; text-align: center;}
.table_sy_6 tfoot tr td{border-top: 2px solid #333; height: 40px; line-height: 40px;border-right: 1px solid #E3E3E3;  }
.table_sy_6 tfoot tr td:last-child{border-right: 0;}
.result_box{border-radius: 5px;
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
	background-color: #ffffff;
	padding: 50px 40px; margin-top: 50px; margin-bottom: 50px;}
.result_box .tit {
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	border-bottom: solid 1px #eaeaea;
	padding-bottom: 20px;
}
.result_box .img {
	margin-top: 50px;
	text-align: center;
}
.result_box .img img{width:100%;}

/*07-30 추가 끝*/


.height70{height: 70px; overflow: hidden;}
.tit-btn1{display:block; float: left; background-color: #fff; padding: 10px; margin-right: 10px; border: solid 1px #e8e8e8; border-radius: 3px; min-width: 95px; text-align: center; margin-top: 10px;}
.range-box{float: left;}



@media  screen and (min-width: 1920px){
}
@media (min-width:320px) and (max-width:1024px){
	.inner{width: 1200px;}

}
@media (min-width:320px) and (max-width:1440px){
}

/*재원 추가*/
.search_table thead{background-color: #E22F25; color: #fff; font-weight: normal; border: 0;}
.search_table thead tr th{text-align: center; font-weight: normal; font-size: 15px;  padding: 13px 10px;  }
.search_table tbody tr td{text-align: center; font-size: 15px; border-top: 0; padding: 13px 10px;; border-bottom: 1px solid #E3E3E3}
.search_table tbody tr .td1{text-align: left; width: 70%; padding: 15px}
.search_table tbody tr .td1 span{width: 20px;display: inline-block;}
.search_table tbody tr .td1 .img{margin-bottom: 5px; margin-right: 10px;}
.search_table tbody tr td a{text-decoration: underline}
table.search_table tr:nth-child(even) {
	background: #F5F5F5;
}

div.major table.table_sy_1 tr:nth-child(even) {
	background: #FDF4F4;
}
table.table_sy_2 tr:nth-child(even) {
	background: #F5F5F5;
}
table.table_sy_3 tr:nth-child(even) {
	background: #F5F5F5;
}

table.table_sy_6 tfoot{
	background: #FDF4F4;
}

/* 2020/05/12 John 수정 */
.search-wrap .box-3 .inner .table tr:nth-child(even) {
	background: #FDF4F4;
}

.search-wrap .box-3 .inner #player_table tr:nth-child(even) {
	background: white;
}

.search-wrap .box-3 .inner #player_table tr:nth-child(4n+3), .search-wrap .box-3 .inner #player_table tr:nth-child(3) {
	background: #FDF4F4;
}
.search-wrap .box-3 .inner .mini-player-table tr:nth-of-type(even) {
	background: #f8f8f8 !important;
}
.search-wrap .box-3 .inner .mini-player-table tr:nth-of-type(odd) {
	background: white !important;
}
.mini-player-table>thead>tr>th {
	vertical-align: middle;
	border-bottom: 2px solid #ddd;
	height: 44px;
	font-size: 15px;
}
.mini-player-table>tbody>tr>td {
	height: 32px;
	font-size: 13px !important;
}
/* ==================================== */

/* ========================================== */


#com_detail_btn {border: 0; background-color: #E22F25; color: #fff; width: 30%; height: 48px; line-height: 45px; margin:50px 35% 50px 35%;}

.portfolio_intro_text{
	background-color: dimgray;
	color: white;
	text-align: center;
	margin-bottom: 10px;
	font-size: 24px;
	border-radius: 4px;
	height: 40px;
	line-height: 40px;
}

#report_2_content table.table_sy_1 th {
	font-weight: bold;
}
#report_2_content table.table_sy_1 td {
	font-weight: bold;
}


/* 19-12-08 gist */

.table_gi_1 thead{ color: #333; font-weight: normal; border-top:2px solid #333; border-bottom: 0;}
.table_gi_1 thead tr th{text-align: center; font-weight: normal; font-size: 15px;  padding: 13px 10px;  }
.table_gi_1 >thead>tr>th { vertical-align: bottom; border-bottom: 1px solid #E3E3E3;}
.table_gi_1 tbody tr td{text-align: center; font-size: 15px; border-top: 0; padding: 13px 10px;; border-bottom: 1px solid #E3E3E3}
.table_gi_1 tbody tr .td1{text-align: left; width: 60%; padding: 15px}
.table_gi_1 tbody tr .td1 .img{margin-bottom: 5px; margin-right: 10px; margin-left: 20px;}
.table_gi_1 tbody tr td a{text-decoration: underline}

.search-wrap .box-5 .search-w .search-box2{border-radius: 4px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border: solid 1px #f2f2f2;background-color: #ffffff; padding: 30px 38px; overflow: hidden;margin-bottom: 5px;margin-top: 10px; }




/* ======== John CSS 추가 ======== */

/* PETA 가입 필드 조정 */
#is_not {
	margin-top: 50px;
}
#apply {
	margin: 60px 0px;
}
#apply table {
	width: 500px;

}
#apply th, #apply td {
	width: 50%;
}
#apply tr, #apply th, #apply td {
	padding: 10px;
}
#apply .checks {
	margin: 5px !important;
}
#apply td #apply_btn {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 60px;
	height: 25px;
}

/* 로딩 바 */


.Progress_Loading {
	border-radius: 4px;
	font-size: 18px;
	font-weight: 500;
	background-color: #f7f7f7;
	text-align: center;
	color: #969696;
}

#com-info-table {
	border-spacing: 8px;
	border-collapse: separate;
	margin-bottom: 12px;
}
#com-info-table td{
	padding: 8px;
}
#com-info-table-kr-report {
	border-spacing: 8px;
	border-collapse: separate;
	margin-bottom: 12px;
}
#com-info-table-kr-report td{
	padding: 8px;
}
#com-info-table-en-report {
	border-spacing: 8px;
	border-collapse: separate;
	margin-bottom: 12px;
}
#com-info-table-en-report td{
	padding: 8px;
}

.com-desc-box {
	border: 1px solid transparent;
	border-radius: 1px;
	background-color: #dfdfdf;
	padding: 16px;
	font-size: 16px !important;
}

.com-result-desc hr {
	border: none !important;
	height: 2px !important;
	background-color: #333 !important;
	width: 90% !important;
	margin-left: 0% !important;
	margin-right: 20% !important;
	margin-top: 8px !important;
}
.com-result-desc #com-result-desc-title {
	width: 100%;
}

#top-5-tech-wrapper {
	margin-top: 60px;
}

#top-5-tech-title {
	margin-top: 120px;
	text-align: center;
}

#tech-table {
	margin-top: 60px !important;
	margin-bottom: 140px !important;
}


/* Header Biz-IP logo가 멘 위에있으면 ".logo a"가 크기가 없어서 안됐음 / 이 CSS는, 페이지 로딩할떼 logo가 'Home'으로 가기하는 기능 */

.hd_wrap .hd_row2 .logo a {
	height: 43px; width: 109px; display: block;
}