/* 축소하지 못했습니다. 축소되지 않은 콘텐츠를 반환합니다.
(241,45): run-time error CSS1036: Expected expression, found '}'
 */
html, 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, textarea, input, select {
    margin: 0;
    padding: 0;
}
/* noto-sans-kr-300 - korean_latin */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans KR Light'), local('NotoSansKR-Light'), url('/fonts/noto-sans-kr-v7-korean_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/fonts/noto-sans-kr-v7-korean_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-sans-kr-regular - korean_latin */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'), url('/fonts/noto-sans-kr-v7-korean_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/fonts/noto-sans-kr-v7-korean_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-sans-kr-500 - korean_latin */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'), url('/fonts/noto-sans-kr-v7-korean_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/fonts/noto-sans-kr-v7-korean_latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-sans-kr-700 - korean_latin */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'), url('/fonts/noto-sans-kr-v7-korean_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/fonts/noto-sans-kr-v7-korean_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body { margin: 0; padding: 0; font-family: 'Noto Sans KR', 'Dotum', '돋움', 'sans-serif', 'Apple Gothic'; color: #222222;  font-size: 100%;}
img, fieldset {border: 0;}
table { border-collapse: collapse;}
table caption, fieldset legend {display: none; }
div, ul, li, th, td, input, select {  -webkit-box-sizing: border-box; box-sizing: border-box;}
li { list-style: none;} li img {  vertical-align: top;}
a { text-decoration: none; color: #9d9d9d;} a:visited {color: #9d9d9d}
em {font-style: normal;}
html {overflow-y: scroll; min-width:960px;}

#layout { width: 100%; height: 100%; min-width:960px;}
#wrap { width: 100%;}

/*main-topmenu*/
#header {width: 100%; text-align: center; z-index: 999; top: 0; background: #ffffff;}
#header .header_top { width: 100%; margin: 0 auto; min-width: 1000px;}
#header .header_top:after { content: ''; display: block; clear: both; }
#header .header_top .logo {margin: 0 auto 42px; display:flex; justify-content:space-between; flex-direction:row; width:1000px;}
#header .header_top .logo .csbanner {display:flex; display:-webkit-inline-box;}
#header .header_top .logo #chdoriBI{width:148.8px; height:69.6px; cursor:pointer;}
#header .header_top .login {width: 1000px; text-align: right;  padding:13px 0 5px;  margin:0 auto;}
#header .header_top .login ul {overflow: hidden; display: inline-block;}
#header .header_top .login ul > li {position: relative; float: left; font-size: 0.625rem; color: #999999; }
#header .header_top .login ul > li:first-child::after { content: 'ㅣ';  display: inline-block; clear: both;  margin: 0 10px; }
#header .header_top .login ul > li > a { display: inline-block; position: relative; padding: 0 0px; font-size: 14.5px;  color: #999999;text-decoration: none; }
#header .header_top .login ul > li:first-child > a:before {display: none;}

#header .header_top .menu_box {border-top: 1px solid rgba(204,204,204,0.5); border-bottom: 1px solid rgba(204,204,204,0.5); background-color:rgba(255,255,255,0.5); z-index:2; }
#header .header_top .menu_box > div {  text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; }
#header .header_top .menu_box > div > ul {  margin: 0 auto; height: 62.5px;   min-width:1000px; line-height: 63px; }
#header .header_top .menu_box > div > ul:after {content: ''; display: block; clear: both; }
#header .header_top .menu_box > div > ul > li { display:inline-flex; text-align: left;  white-space: nowrap; }
#header .header_top .menu_box > div > ul > li > div {  position: relative; display: inline-block; width:156px; text-align:center;}
#header .header_top .menu_box > div > ul > li > div > a { text-decoration: none; font-size: 1rem; color: #333333; font-weight:500;}
#header .header_top .menu_box > div > ul > li > div > ul {position: absolute; height: 0; z-index: 9;}
#header .header_top .menu_box > div > ul > li > div > ul > li a:hover {opacity: .6; filter: alpha(opacity=60);}
#header .header_top .menu_box > div > ul > li > div > ul > li.current a { color: #ee8e04;opacity: 1; filter: alpha(opacity=100);}
#header .header_top .menu_box > div > ul > li:first-child {margin-left: 0;}
#header .header_top .menu_box > div > ul > li:hover > div > a, #header .header_top .menu_box > div > ul > li > div > a.on {color: #00275f;}
#header .header_top .menu_box > div > ul > li:first-child > div { width:177.5px; position: relative; display: inline-block;background-color:#00275f;text-align:center;}
#header .header_top .menu_box > div > ul > li.current > div > a { color: #00275f;}

/*dropmenu*/
#header .header_top .menu_box .menu_back { display: block; position: absolute;  left: 0; width: 100%;  min-width: 960px; height: 0;  background-color: #00275f; z-index: 1;  opacity: 0.8;}
#menu-back {background-color: #ffffff; width: 788.5px; height: 325.6px; z-index: 2; position: absolute; display: none; border: 1px solid #00275f;}
#li_allmenu ul li > div { padding: 0 32px; text-align: left;}
#li_allmenu ul li > div > span > a { color: #333333; font-size: 1.188rem; display: block; padding: 25.2px 0;    text-align: center;line-height: 1px;}
#li_allmenu ul li > div > ul > li { text-align: center; color: #cccccc;font-size: 1rem; line-height: 1; padding: 13.6px 0;}
#li_allmenu ul li > div > ul > li a { color: #999999; }
#li_allmenu ul li > div > ul > li a:hover { color: #00419d;}

.cate-wrap {width: 100%; height: 3.125rem;  border-bottom: 1px solid #cccccc; text-align: left; background: #ffffff;}
.cate-wrap .cate-box { width:970px; margin:0 auto;}
.cate-wrap .cate-box p { color: #a8a8a8; }
.cate-wrap .cate-box p a { line-height: 3.125rem; font-size: 0.875rem; color: #cccccc;text-decoration: none; padding: 0 1rem; }
.cate-wrap .cate-box p a:first-child { padding-left: 0; }

/*fixed menu top*/
.sticky { position: fixed; top: 0; width: 100%;}
.scroll-menuback {  top: 53px;}

#contents_wrap {min-height: 900px;}
#contents_wrap .contents {position: relative; margin: 0 auto 0px; }

/*footer :zpl-60*/
#footer{width: 100%; height: 240px; display:flex; flex-direction:column; align-items:center; background-color: #3b3c40; font-family:'Noto Sans KR'}
#footer .dlist{padding:19px 18.5px; width:930px; border-bottom:solid 1px #707070;}
#footer .dlist ul{list-style: none; display:flex; font-size:0.875rem; color:#ffffff;}
#footer .dlist ul li:after{content:'|'; margin:0 15.5px; color:#909092; }
#footer .dlist ul li a{cursor:pointer; color:#ffffff; font-weight:400;}
#footer .dlist ul li:last-child::after{content: '';}
#footer .info{display:flex;  width:930px; padding:51.3px 18.5px; color:#909092;}
#footer .footer_BI{margin-right:35.5px;}
#footer .footer_BI >img {width:99.5px; height:47px;}
#footer p.address{font-size:0.875rem;}
#footer p.copyright{font-size:11px;}

/*modal*/
.modal { display: none;  position: fixed;  z-index: 15;  padding-top: 100px;  left: 0; top: 0; width: 100%; height: 100%; overflow: auto;   background-color: rgb(0,0,0);  background-color: rgba(0,0,0,0.4); }
.modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888;  width: 500px; height: 500px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);  /*-webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s;*/}
.close { color: #707070;background-color: transparent; border: 0; font-size: 2rem;}
.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer;}
.modal-header { padding: 5px; color: #222222; text-align: right;}
.modal-body { padding: 5px 15px; height: 420px; overflow-y: scroll;}
.modal-body .body-title { margin: 20px 0; }


/*slide start*/
.mySlides {display: none}
img {vertical-align: middle;}
/* Slideshow container */
.slideshow-container {position: relative; margin: auto;}
/* Next & previous buttons */
.prev, .next {cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px;  color: white;  font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0;}
/* Position the "next button" to the right */
.next { right: 0; border-radius: 3px 0 0 3px;}
/* On hover, add a black background color with a little bit see-through */
 .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); }
/* Caption text */
.text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute;bottom: 8px; width: 100%; text-align: center;}
/* Number text (1/3 etc) */
.numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px;  position: absolute; top: 0;}
/* The dots/bullets/indicators */
.dot {cursor: pointer; height: 15px; width: 15px; margin: 0 2px;background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;}
 /*.active,
.dot:hover {background-color: #717171;}*/
/* Fading animation */
.fade {-webkit-animation-name: fade;-webkit-animation-duration: 1.5s;  animation-name: fade; animation-duration: 1.5s;}
/*start end*/

@-webkit-keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

/* On smaller screens, decrease text size */

@media only screen and (max-width: 300px) {
    .prev,
    .next,
    .text {
        font-size: 11px
    }
}

/* 
#main-wrap #header {position:fixed;top:0;left:0;right:0;background:transparent;}
#header {background:#00419d;}
#header .head_top .menu_box > div > ul > li {padding:0 0 0 85px !important;}
#header .head_top .menu_box > div > ul > li:first-child {padding-left:75px !important;}
#header .head_top .logo {margin-left:38px;}
#header .head_top .menu_box {padding:0;}
#header .head_top .menu_box > div {margin:0;}
#header .head_top .app_box,
#header .head_top .log_box ul {margin-right:40px;}

#header .head_top .menu_box > div > ul > li > div > a {color:#fff;} */

/*공통사용*/
.asterisk { color: #d71820;}
.f-48{font-size:48px;} .f-40{font-size:40px;} .f-36{font-size:36px;} .f-30{font-size:30px;} 
.f-24{font-size:24px;} .f-25{font-size:15px} .f-28{font-size:28px;}
.f-19{font-size:19px;} .f-18{font-size:18px;} .f-15{font-size:15px;} .f-12{font-size:12px;} .f-10{font-size:10px;}

.f-blue{color:#084aaa;} .f-red{color:#d71820;} .f-white{color:#ffffff;} .f-black{color:#333333;}
.f-Light {font-weight:300;} .f-Medium {font-weight:500;}
.title {font-size: 30px; color: #333333;}
.red-point{color:#d71820; font-size: 1rem;}
.blue-point{color: #084aaa; font-size: 1rem;}
.descript{color: #666666;}
.back-board{border-top:solid 1px #333333; border-bottom:solid 1px #333333; background-color: #f8f8f8;}
.alertBorder { border: 1px solid #d71820 !important;}
input[type="text"]:disabled { background: #f8f8f8;}
.row-flex{display:inline-flex; flex-direction:row}
.arrow-img{width: 10px;  padding: 0 5px;}


/*로그인*/
.loginWrap{width:503.4px; margin:85.8px auto 0;}
.login-header{ font-size: 48px; color: #333333; font-weight:300; text-align:center;}
.login-header:after{content:''; border-top:1px solid rgba(112,112,112,0.5); display:block; margin-top:49.5px;}
.loginFormWrap .inputWrap{padding-bottom:33px;}
.loginFormWrap input[type=text] { width: 100%; border: 1px solid #999999;  border-radius: 5px; color: #333333; font-size: 24px; height:59.4px;  padding: 12px 21px;}
.loginFormWrap input[type=password] { width: 100%; border: 1px solid #999999; border-radius: 5px;  color: #333333; font-size: 24px; height: 59.4px; padding: 12px 21px;}
input::-webkit-input-placeholder { color: #cccccc;}
/*.loginFormWrap {width:370px; margin: 30px auto;  border-top: solid 1px #707070;padding: 2.688rem 0 2.875rem;}*/
.loginFormWrap {margin:51.9px auto 70.02px;}
.btnlogin { width: 100%; border-radius: 5px; background-color: #084aaa; border: 1px solid #084aaa; color: #ffffff; height: 76.98px; font-size: 30px; font-family:Noto Sans KR;}
.inputWrap { padding-bottom: 1.688rem;}
.loginFormWrap .loginBtnWrap {padding-top:24.6px;}
div.login-bottom ul {width:385.5px; margin:0 auto;}
div.login-bottom ul > li { display:inline-flex; font-size: 21px; color: #9d9d9d; cursor:pointer; }
div.login-bottom ul > li > a:after {content: "ㅣ";  display: inline-block; clear: both; margin: 0 0.75rem; }
div.login-bottom ul > li:last-child > a:after { display: none;}
.tab { height: 3.313rem; border: 1px solid #999999; border-radius:6px; width: 709.4px;margin: 0 auto;}
.page-contents { margin: 3.75rem auto 0;}

/*컨트롤*/
.rbl-label {font-size: 1rem;  color: #333333; margin-right: 49px;}
.rbl-label >input[type=radio] {margin-right:7.8px;}
.input_alert {border: 1px solid #d71820 !important;}
.message_box {position: absolute; font-size: 1rem; color: #d71820; padding-top: 0.18rem;}
.btn {width: 100%; border-radius: 5px; background-color: #084aaa;  height: 4rem; border: 1px solid #084aaa; color: #ffffff;font-size: 1.563rem;  cursor: pointer;}
.btnNext { border-radius: 5px; background-color: #084aaa;  height: 56.5px; width: 255.5px;  border: 1px solid #084aaa; color: #ffffff;font-size: 15px;font-weight:500; cursor:pointer;}

/*회원가입 zpl-0.69 font-0.8*/
.join .titile{margin-top:116.6px; font-size:}

.join-subWrap{display: flex; justify-content: space-between;}
.join-subWrap .descript{font-size:1rem; align-self:flex-end;}

.tb-register { min-width: 720px; width: 100%;}
.tb-register tbody th {color: #333333; text-align: left; font-weight: 500; font-size: 1.188rem; width: 25%;}
.tb-register tr td { padding: 18.3px 16.4px; } /*padding:0.875rem 61.7px;*/
.tb-register tr td .input_wrap{display:flex;}
.tb-register tr td.text-right { text-align: right;}
.tb-register tr th.border-top, td.border-top { border-top: 1px solid #cccccc; padding-top: 0.875rem; }
.tb-register input[type=text] { border: 1px solid #999999;border-radius: 5px;  color: #333333; font-size: 1rem; height: 42px; padding: 0 0.5rem; margin-right:7.3px;}
.tb-register input[type=password] { border: 1px solid #999999; border-radius: 5px; color: #333333;font-size: 1rem;  height: 42px; padding: 0.625rem 0.5rem; margin-right:7.3px;}
.tb-register select {border: 1px solid #999999; border-radius: 5px; color: #333333;  font-size: 1rem;   height: 42px; padding: 6px; margin-right:7.3px;}
.tb-register .w-sm {width: 106.8px; }
.tb-register .w-md { width: 120px; }
.tb-register .w-default {width: 318.78px; }
.tb-register .w-lg { width: 486.45px; }
.inputWrap { padding-bottom: 22px;}
.loginBtnWrap { padding: 1.25rem 0;}
.btn-default {display: inline-block;  text-align: center; line-height: 2.3; width: 88.32px;  border: solid 1px #707070; height: 42px; border-radius: 5px;  cursor: pointer;}
.btn-default a {font-size: 1rem; color: #333333;}
.text-center { text-align: center;}
.diver { border-top: 1px solid #cccccc; margin: 0.8rem 0;}

/*회원가입 계약자정보동의 체크박스*/
.custom-cbx{display:flex; align-items:center; font-size:1rem; color:#333333;}
.custom-cbx >label > span {position:absolute; padding-left:20px; line-height:1;}
input[id="cbxPayer"] + label {display: inline-block; width: 17.2px;  height: 17.2px; border: 1px solid #707070; border-radius: 50%; cursor: pointer;}
input[id="cbxPayer"]:checked + label div {width: 5px; height: 5px; background-color: #333333; border-radius: 10px; position: absolute; margin: 4px;}
input[id="cbxPayer"] {display: none;}

/*회원가입쪽 탭*/
.join {width:976px; margin:0 auto;}
.join-header{text-align:center; margin-top:116.6px;}
.join-header>span {font-size:2.375rem;}
.join-header>p {margin-top:38.5px; font-size:1.5rem; color:#666666; font-weight:300;}

.join .tab-nav {margin-top: 47px; }
.join .tab_ul, .tab_li { padding: 0; margin: 0; }
.join .tab_ul { display: inline-flex;  border-right: 0px; border-radius: 5px; font-size:24px; }
.join .tab_li {width: 326.3px; height:77.8px; justify-content: center; align-items: center; display: inline-flex; color: #333333; border-right: 1px solid #999999;  border-top: 1px solid #999999;
    border-bottom: 1px solid #999999; border-right: 1px solid #999999;}
.join .tab_li:nth-child(1) {border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-left: 1px solid #999999; }
.join .tab_li:nth-child(3) { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.join .tab_li.active { color: white; background-color: #084aaa;  border:1px solid #084aaa;}

.join .sub-header{font-size:2.375rem; color:#333333; margin-top:116.6px;}
.border-black {border-color: #333333;}

/*메인*/

.btn-ym{margin:35px 0;}
.btn-round {border-radius: 20px; display: inline-block; padding:5px 9px; cursor:pointer; text-align: center; height:44px; line-height: 33px;  font-size:15px; width:141px; cursor:pointer; }

/*.btn-white{border:1px solid  rgba(255,255,255, 0.5); color:#ffffff;}*/
.btn-gray{border:1px solid rgba(153,153,153, 0.5); }
.btn-layer{ border:1px solid  rgba(255,255,255, 0.5); color:#ffffff;}
.btn-black{border:1px solid #333333; color:#333333;}
.bg-fa{background-color:#fafafa;} .bg-f8{background-color:#f8f8f8;}

#move-top-btn { width: 75px; height: 75px; border-radius: 50px; font-size:18px; color: #ffffff; background: #084aaa;
    position: fixed; right: 2%; bottom: 250px; z-index: 999; text-align: center;cursor: pointer; display:inline-flex; flex-direction:column;}
#move-top-btn > img{margin:17px auto 0; width:17px;}
#move-top-btn .top {position:relative; bottom:10px;}

.moveBtnWrap{position: fixed; right: 2%; bottom: 200px; z-index: 999; text-align: center;cursor: pointer; display:inline-flex; flex-direction:column;}
.moveBtnWrap ul li{border-radius:50%; background: #084aaa; width:93.6px; height:93.6px; display:flex; flex-direction:column; margin-bottom:10px; align-items:center;}
.moveBtnWrap ul li img{width:24.8px; margin:14px 0 7px;}
.moveBtnWrap ul li span{line-height:1.2; color:#ffffff; font-size:0.875rem;}


#remote-btn{line-height: 32px; position:relative; border:1px solid #276ca5; border-radius:5px; width: 92.8px; height:33.6px; font-size: 14.5px; color:#276ca5; display:inline-block; margin-top:20px; cursor:pointer;}

#main>div{ width:100%;}
#main .sectionWrap{width:970px; margin:0 auto;}
#main .sectionWrap .btn-sqr{display:inline-flex; font-size:1.188rem; cursor:pointer; width:171.2px; height:53.44px; align-items:center; justify-content:center;}
#main .sectionWrap .btn-white{background-color:#ffffff; color:#333333;}
#main .section1 {background-image:url(/Content/Image/business-3528035_1920.png); background-size:cover; height:476px; display:flex; align-items:center;}
#main .section1 .title {font-size:3.5rem; font-weight:500; color:#ffffff; line-height:1;}
#main .section1 .descript{font-size: 1.75rem; font-weight:300; color:#ffffff; line-height:2.5;}
#main .section1 .btnWrap {margin-top:71.4px;}
#main .section2 {height:416.8px; text-align:center;}
#main .section2 .title {font-size:2.375rem; font-weight:700; color:#00275f; line-height:1; padding-top:48.8px;}
#main .section2 .descript{font-size: 1.188rem; font-weight:400; color:#333333; padding-top:57.5px;}
#main .section2 .mid-card {width:630px; height:266.4px; background-color:#ffffff; display:inline-flex; flex-direction:row; position:relative; top:85.6px; padding:42.4px 0;
                          -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.16);}
#main .section2 .mid-card .mid-item {justify-content: space-between;flex-direction: column;display: inline-flex;width:50%; padding:0 25px; cursor:pointer;}
#main .section2 .mid-card .mid-item img {width:60.8px; height:60.8px;}
#main .section2 .mid-card .mid-item>div p{font-size: 1.25rem; color:#333333; padding:24.8px 0;}
#main .section2 .mid-card .mid-item>p{font-size:1rem; color:#999999;}
#main .section2 .mid-card .mid-item:hover div>p {color: #00419d;}
#main .section2 .mid-card .mid-item:hover p {color: #00419d;}

#main .secion3 {background-image:url(/Content/Image/backImage.png); height:800px; background-size:cover;}
#main .secion3 .sectionWrap{position:relative; display:flex; top:231px;}
#main .secion3 .title{font-size:2.375rem; color:#ffffff; line-height:1.5; margin-bottom:52.8px;}
#main .secion3 .sub-title{font-size:1.5rem; color:#ffffff; line-height:1.5; margin-bottom:5.6px;}
#main .secion3 .descript{font-size:1rem; color:#ffffff; line-height:1.5;}
#main .secion3 .btnWrap{margin-top:64.8px;}
#main .secion3 .sectionWrap .section3-img{width:428px; margin:10px 0 0 50px;}

#main .section4 {height:622.4px; text-align:center;}
#main .section4 .title{font-size:2.5rem; padding:129.6px 0 85.6px;}
#main .section4 .srvlist{text-align:center; padding-bottom:128.8px;}
#main .section4 .srvItem{color:#999999; display: inline-block; margin:0 14px;}
#main .section4 .srvItem:nth-child(1){margin-left:0px;}
#main .section4 .srvItem:nth-last-child(1){margin-right:0px;}
#main .section4 .srvItem p.card-title{font-size:1.5rem; color:#333333; margin-bottom:3px;}
#main .section4 .srvItem:hover p.card-title{ color: #00419d;}
#main .section4 .srvItem:hover p.descript{ color: #00419d;}
#main .section4 .srvItem p.descript{font-size:1rem; color:#999999; padding-bottom:30px;}
#main .section4 .squre-div{padding:27.5px 23.8px; border:1px solid #cccccc; background-color: #ffffff; width:218px; height:218px; text-align:left; cursor:pointer;}
#main .section4 .srvlist:nth-child(1) .srvItem .squre-div {margin-left:0px;}
#main .section4 .srvlist:nth-last-child(1) .srvItem .squre-div{margin-right:0px;}
#main .section4 .srvItem .srvItem-img{width:60px; height:60px; display: inline-block; margin:5px;}
/*#main .section4 .srvItem:nth-child(1) .srvItem-img{width:76.72px; height:76.72px; display: inline-block; margin:5px;}
#main .section4 .srvItem:nth-child(2) .srvItem-img{width:85px; height:85px; display: inline-block; margin:5px;}
#main .section4 .srvItem:nth-child(3) .srvItem-img{width:58.24px; height:58.24px; display: inline-block; margin:5px;}
#main .section4 .srvItem:nth-child(4) .srvItem-img{width:58.24px; height:58.24px; display: inline-block; margin:5px;}*/

#main .section5 {height:800px; display:flex; align-items:center;}
#main .section5 .sectionWrap{display:flex;}
#main .section5 .sectionWrap .section5-img{width:427px; margin-right:98.7px;}
#main .section5 .title{font-size: 2.375rem; margin-bottom:66.4px;}
#main .section5 .sub-title{font-size: 1.5rem; font-weight:500;}
#main .section5 .descript{font-size: 1rem; color:#333333;}
#main .section5 .btnWrap{margin-top:91.2px;}

#main .section6 {height:800px; text-align:center;}
#main .section6 .title{font-size: 2.375rem; padding-top:112px;}
#main .section6 .descript{font-size: 1.5rem; font-weight:400; margin:55px 0 85px 0; color:#999999;}
#main .section6 .cardwrap{ text-align: center; padding-bottom:141.6px; display:flex; margin:0 auto;}
#main .section6 .card{display:inline-flex; flex-direction:row; width:472.8px; height:251.2px; padding:33px; margin:0 15px; text-align:left;}
#main .section6 .card.kko{background-color: #66cccc;}
#main .section6 .card >div {display:inline-block;}
#main .section6 .card.chadori-cs {background-color: #3a8bbb;}
#main .section6 .card>div>p{color:#ffffff; font-size: 1.813rem; line-height:1.5; margin-bottom:40px;}
#main .section6 .card>img{display:inline-block; position:relative; top:100px; left:140px; width:77.6px; height:77.6px;}
#main .section.mobile{height: 500px; display: flex;align-items: center;}
#main .section.mobile>div{width:731px; margin:0 auto; display:flex; flex-direction:row;}
#main .section .leftwrap{color:white; width:900px; margin:0 auto; line-height:46px;}
#main .section .titlewrap{text-align: center;}
#main .section .titlewrap span.title{display:inline-block; text-align:center; font-size:30px; font-weight:400; color:#333333; padding-bottom:53.5px;}
#main .section .titlewrap > p.sub{font-size: 15px; color:#999999;}


/*회원가입 약관동의*/
.termsWrap{margin-top:39px; padding:39.4px 0;}
.termsWrap .header{padding:0 22.5px;}
.termsWrap .header .title{color:#00275f; font-size: 1.75rem;}
.termsWrap .term{display:flex; padding:10px 22.5px;}
.termsWrap .term .title{font-size:1.5rem; line-height:1.5;}
.termsWrap .descript { color: #666666; font-size:1rem; margin:31.1px 0; }
#btn-detail{margin-left:auto; margin-right:20px; border-radius: 20px; border:1px solid #707070; background-color: #ffffff; padding:5px 9px; font-size:1.188rem; cursor:pointer; width:93.7px; text-align:center;}
.btn-blue{width: 311px; height: 78px; border-radius: 10px; background-color: #084aaa; font-weight:500; color:#ffffff; border:1px solid #084aaa;
font-size:1.5rem; line-height:3; text-align: center; margin:115px auto; font-family:'Noto Sans KR'; cursor:pointer;}


.cbxWrap{margin-left:10px;}
.cbxWrap input[type="checkbox"] { display:none;}
.cbxWrap input[type="checkbox"] + label span { position: absolute; left: 13px; top: 4px; width: 10px; height: 20px;
    border: solid #ccc;; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.cbxWrap input[type="checkbox"]:checked + label span {border-color:#084aaa; }
.cbxWrap input[type="checkbox"]:checked + label div { border-color: #084aaa;}
.container { position: relative; top: 0; left: 0; height: 39.3px; width: 39.3px; border:1.2px solid #ccc; border-radius :50%; cursor:pointer;}

/*가입완료인증안내*/
.blue-title{color:#084aaa; font-size: 1.813rem;}
.join-wrapper{margin:153px auto;}
.join-complete{padding:100px 145px;}
.join-complete .descript{margin:69.3px 0; line-height:1.5; font-size:1.5rem;}
.join-complete .email{line-height:1.5; font-size:1.5rem; border-bottom:1px solid rgba(112,112,112,0.5); width:90%;}
.email ul {display:flex; margin:7px 0;}
.email ul li a{ cursor:pointer;}
.email ul li:after { content: '|'; margin: 0 13.5px; color: rgba(112,112,112,0.5);}
.email ul li:last-child::after { content: '';}

/*아이디비번 찾기*/
.findUserWrap {width:503.4px; margin:150px auto 0; }
.findUserWrap #border-tab ul { display: flex;  padding: 0; margin-bottom: 71.4px; }
.findUserWrap #border-tab ul li{  width: 50%;  height: 60px;  line-height:3; list-style: none; border-bottom: 1px solid #084aaa; text-align: center; cursor:pointer;}
.findUserWrap #border-tab ul li.on { border: 1px solid #084aaa; border-bottom: none; }
.findUserWrap #border-tab ul li span { font-size: 18px;}
.on { border: 1px solid #084aaa;}
.findUserWrap .tab-content input {display: inline-block; width: 100%;}
.findUserWrap .btn-blue {width: 100%; height: 70px; border-radius: 7px; background-color: #084aaa; color: #ffffff; line-height: 1; text-align: center; font-size:1.313rem; margin: 20px 0;}
.findUserWrap .tab-content input[type=text] { width: 100%; border: 1px solid #999999;  border-radius: 5px; color: #333333; font-size: 18px; height: 59.4px; padding: 16.8px 21px;}
.findUserWrap input::-webkit-input-placeholder { color: #cccccc;}

/*자료실*/
.list_container{width: 930px; border-top: 1px solid #333333; border-bottom: 1px solid #333333; margin: 91.2px auto; display: block;}
.list_container table{width:100%;}
.list_container table thead tr{ font-weight: 300; background-color: #efefef; font-size: 1.125rem; }
.list_container table thead tr th{padding:14.4px 0; font-weight:400;}
.list_container table thead tr th:nth-child(1){width:10%;}
.list_container table thead tr th:nth-child(3){width:15%;}
.list_container table thead tr th:nth-child(4){width:15%;}

.list_container table tbody tr {font-size:1.188rem; border-bottom:1px solid #cccccc;}
.list_container table tbody tr:last-child{border-bottom:none;}
.list_container table tbody tr td {height:66.3px;}
.list_container table tbody tr td a.download_image{width:32.8px; height:32.8px; display:inline-block; background-image: url(../../Content/Image/download.png); background-size:cover; cursor:pointer; }
.list_container table tbody tr td a.download_image:hover{width:32.8px; height:32.8px; display:inline-block; background-image: url(../../Content/Image/download_hover.png); background-size:cover; cursor:pointer;}
/*.list_container table tbody tr td .download_image {width:32.8px; cursor:pointer;}*/
.list_container table tbody tr td:nth-child(2) {text-align:left;}
.list_container table tbody tr td a{cursor:pointer; color:#333333;}
.list_container table tbody tr td a:hover {cursor: pointer; color: #084aaa;}
/*../Content/Image/download.png*/

/*loading img*/
#divLoading{ position: fixed; top: 50%; left: 50%; width:100%; height:100%; z-index:3; opacity:0.5; transform: translate(-50%, -50%); background-color:#eeeeee; }
#divLoading>img{position:fixed; top:50%; left:50%}
/* body */
.common_body {
    /*font-family: 'Noto Sans', sans-serif;*/
    text-align: center;
    /*padding-bottom:100px;*/  /*�ӽ��ּ� �ϴܿ���*/
}

/* header */
.common_header {
    margin-top: 92.8px;
}

.common_header > span {
    font-size: 38.5px;
    /*font-weight: 200;*/
    color: #333333;
}

.common_header > p {
    font-size: 24px;
    font-weight: 300;
    color: #666666;
    margin-top: 44.8px;
    line-height: 1.5;
}

/* reset */
/*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: inherit; vertical-align: baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block;}
body { line-height: 1;}
ol,ul { list-style: none;}
blockquote,q { quotes: none;}
blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}*/