@charset "UTF-8";

.sub_section { width: 95%; max-width: 1200px; margin: 0 auto; }


/* layout */
.contents .sub_section .wrap .content-body {margin-top:70px; margin-bottom:70px;}
.division {display:flex;justify-content: flex-start;}
.division:first-child {padding:100px 0 0 ;border-top:1px dotted #000}
.division  + .division {padding:100px 0 0 ;border-top:1px dotted #000}
.division .left{width:50%}
.division .left .title{font-family: 'OTWelcomeRA';font-size:32px;font-weight:700;color:#222;line-height:1.2em}
.division .left p.text{padding-top:20px;font-size:17px;font-weight:300;color:#555;line-height:24px;word-break: keep-all;}
.division .right{width:calc(100% - 50%)}

.division .right p.txt {padding-top:8px;font-size: 18px;color: #555;line-height: 30px;letter-spacing: -0.02em;word-break: keep-all;}


@media screen and (max-width:768px) {/* tablet */
	/* layout */
	.division{flex-flow:row wrap}   
	.division  + .division {margin:80px 0 0;padding:80px 0 0}
	.division .left .title{font-size:24px;}
	.division .left,
	.division .right{width:100%}
}


@media screen and (max-width:640px) {/* mobile */
	.division  + .division {margin:40px 0 0;padding:40px 0 0}
	.division .left .title{font-size:22px;}
}


.contents { font-weight: 200; overflow: hidden; letter-spacing: -0.025em; }

.contents .wrap { max-width: 1200px; }

.contents em { font-style: normal; }

.contents .tit-box { padding: 50px 0; line-height: 1.2; }

.contents .tit-box .tit-sub { margin-bottom: 15px; }

@media all and (max-width: 1024px) { .contents .tit-box { padding: 70px 0 50px; }
  .contents .tit-box .tit-sub { margin-bottom: 15px; }
  .contents .tit-box .tit-sub img { height: 30px; } }

@media all and (max-width: 768px) { .contents .tit-box { padding: 53px 0 38px; }
  .contents .tit-box .tit-sub { margin-bottom: 11px; }
  .contents .tit-box .tit-sub img { height: 23px; } }

@media all and (max-width: 500px) { .contents .tit-box { padding: 46px 0 33px; }
  .contents .tit-box .tit-sub { margin-bottom: 10px; }
  .contents .tit-box .tit-sub img { height: 20px; } }

@media all and (max-width: 375px) { .contents .tit-box { padding: 35px 0 25px; }
  .contents .tit-box .tit-sub { margin-bottom: 8px; }
  .contents .tit-box .tit-sub img { height: 15px; } }

.sub-visual { position: relative; padding: 100px 0; background: no-repeat center center; background-size: cover; height: 600px; }

.sub-visual.st-4 { background-image: url(../images/sub/visual04.jpg); }

.sub-visual .sv-tit-box { position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 55%; color: #fff; opacity: 0; -webkit-transition: left 0.5s, right 0.5s, top 0.5s, bottom 0.5s, opacity 0.5s; -moz-transition: left 0.5s, right 0.5s, top 0.5s, bottom 0.5s, opacity 0.5s; -o-transition: left 0.5s, right 0.5s, top 0.5s, bottom 0.5s, opacity 0.5s; -ms-transition: left 0.5s, right 0.5s, top 0.5s, bottom 0.5s, opacity 0.5s; transition: left 0.5s, right 0.5s, top 0.5s, bottom 0.5s, opacity 0.5s; }

.sub-visual .sv-tit-box > * { z-index: 1; position: relative; }

.sub-visual .sv-tit-box .sv-tit { -webkit-transition: font-size 0.3s; -moz-transition: font-size 0.3s; -o-transition: font-size 0.3s; -ms-transition: font-size 0.3s; transition: font-size 0.3s; font-weight: 400; }

.sub-visual .sv-tit-box .svi-01 { margin-bottom: -40px; opacity: 0.5; }

.sub-visual .sv-tit-box.on { top: 50%; opacity: 1; }

@media all and (max-width: 1024px) { .sub-visual { height: 666px; }
  .sub-visual.st-3 { background-image: url(../images/sub/visual03_m.jpg) !important; background-position: center bottom; }
  .sub-visual.st-4 { background-image: url(../images/sub/visual04_m.jpg); background-position: center bottom; }
  .sub-visual .sv-tit-box .svi-01 { margin-bottom: -40px; height: 40px; } }

@media all and (max-width: 768px) { .sub-visual { height: 500px; }
  .sub-visual .sv-tit-box .svi-01 { margin-bottom: -30px; height: 30px; } }

@media all and (max-width: 500px) { .sub-visual { height: 433px; }
  .sub-visual .sv-tit-box .svi-01 { margin-bottom: -26px; height: 26px; } }

@media all and (max-width: 375px) { .sub-visual { height: 333px; }
  .sub-visual .sv-tit-box .svi-01 { margin-bottom: -20px; height: 20px; } }

.location-menu { margin-top: 20px; }

.location-menu a { color: #fff; }

.location-menu .lcm > li { display: inline-block; padding: 0 1em; position: relative; }

.location-menu .lcm > li:not(:first-child):before { content: '/'; position: absolute; left: -0.25em; }

.location-menu .lcm > li:not(:first-child):before a { font-size: 18px; }

.location-menu .lcm > li > ul { display: none; }

.location-menu .lcm .home a { font-weight: 400; }

@media all and (max-width: 1024px) { .location-menu { display: none; } }

/*form-wrap : 응원하기 list */
.form-wrap { border-top: 1px solid #222; padding-top: 1px; }

.form-wrap .fmw-info { height: 2em; margin-top: -2em; }

.form-wrap .fm-list { overflow: hidden; }

.form-wrap .fm-list span { display: block; }

.form-wrap .fm-list::after { display: block; content: ""; clear: both; }

.form-wrap .fm-list li { float: left; width: 100%; position: relative; border-bottom: 1px solid #ccc; }

.form-wrap .fm-list li.hlaf { width: 50%; }

.form-wrap .fm-list li .fml-con { width: 100%; display: table; table-layout: fixed; }

.form-wrap .fm-list li .fml-con .fml-tit, .form-wrap .fm-list li .fml-con .fml-text { display: table-cell; vertical-align: middle; word-break: keep-all; }

.form-wrap .fm-list li .fml-con .fml-tit { font-weight: 400; width: 200px; background: #f2faff; text-align: center; color: #000; font-size: 20px; padding: 30px 25px; }

.form-wrap .fm-list li .fml-con .fml-tit > span { display: inline; }

.form-wrap .fm-list li .fml-con .fml-text { width: auto; font-size: 18px; padding: 30px 50px; }

.form-wrap .fm-list li .fml-con .fml-text .fm-ip.full, .form-wrap .fm-list li .fml-con .fml-text .fm-file, .form-wrap .fm-list li .fml-con .fml-text .fm-btn { width: 80%; }

.form-wrap .fm-list li .fml-con .fml-text .fm-file .fm-ip.full, .form-wrap .fm-list li .fml-con .fml-text .fm-btn .fm-ip.full { width: 100%; }

@media all and (max-width: 1219px) { .form-wrap .fm-list li.hlaf { width: 100%; } }

@media all and (max-width: 1024px) { .form-wrap .fm-list li .fml-con .fml-tit { width: 25%; }
  .form-wrap .fm-list li .fml-con .fml-text { width: 75%; }
  .form-wrap .fm-list li .fml-con .fml-text .fm-ip.full, .form-wrap .fm-list li .fml-con .fml-text .fm-file, .form-wrap .fm-list li .fml-con .fml-text .fm-btn { width: 100%; }
  .form-wrap .fm-list li .fml-con .fml-tit { font-size: 21px; padding: 23px 9px; }
  .form-wrap .fm-list li .fml-con .fml-text { font-size: 18px; padding: 23px 38px; } }

@media all and (max-width: 768px) { .form-wrap .fm-list li .fml-con .fml-tit { font-size: 18px; padding: 20px 8px; }
  .form-wrap .fm-list li .fml-con .fml-text { font-size: 16px; padding: 20px 33px; } }

@media all and (max-width: 500px) { .form-wrap .fm-list li .fml-con .fml-tit { font-size: 14px; padding: 15px 6px; }
  .form-wrap .fm-list li .fml-con .fml-text { font-size: 12px; padding: 15px 25px; } }

.agree-box .table-box { width: 100%; table-layout: fixed; border-top: 1px solid #cccccc; word-break: keep-all; }

.agree-box .table-box th { width: 280px; padding: 30px 25px; background: #757e90; color: #fff; text-align: center; vertical-align: middle; font-size: 20px; font-weight: 400; border-bottom: 1px solid #cccccc; }

.agree-box .table-box td { padding: 30px 50px; font-size: 18px; vertical-align: middle; font-weight: 200; border-bottom: 1px solid #cccccc; }

@media all and (max-width: 1441px) { .agree-box br { display: none; } }

@media all and (max-width: 1024px) { .agree-box br { display: none; }
  .agree-box .table-box th { display: block; width: 100%; }
  .agree-box .table-box td { display: block; width: 100%; }
  .agree-box .agree-radio { text-align: center; display: block; }
  .agree-box .table-box th { padding: 23px 19px; font-size: 21px; }
  .agree-box .table-box td { padding: 23px 38px; font-size: 20px; } }

@media all and (max-width: 768px) { .agree-box .table-box th { padding: 20px 16px; font-size: 18px; }
  .agree-box .table-box td { padding: 20px 33px; font-size: 17px; } }

@media all and (max-width: 500px) { .agree-box .table-box th { padding: 15px 13px; font-size: 14px; }
  .agree-box .table-box td { padding: 15px 25px; font-size: 13px; } }

.radio-list { display: inline-block; margin-left: 20px; }

.radio-list li { display: inline-block; }

@media all and (max-width: 1024px) { .radio-list { display: block; text-align: right; }
  .radio-list .agree-radio { display: block; } }

.btn-box { padding-bottom: 15px; }

.btn-box .btn { width: 270px; height: 100px; line-height: 100px; font-size: 20px; padding: 0; text-align: center; background: #a4aec1; color: #fff; box-shadow: 0 0 0; }

.btn-box .btn + .btn { margin-left: 25px; }

.btn-box .btn:hover { border-color: #a4aec1; box-shadow: 5px 5px 10px #d2d7e0; }

.btn-box .btn.btn-color-01:hover { box-shadow: 5px 5px 10px #e1bd9a; }

.btn-box .btn.btn-color-02:hover { box-shadow: 5px 5px 10px #9c9a98; }

.btn-box .btn.btn-color-03:hover { box-shadow: 5px 5px 10px #ffe3cb; }

.btn-box .btn.btn-color-04:hover { box-shadow: 5px 5px 10px #ffb5ca; }

@media all and (max-width: 1024px) { .btn-box { padding-bottom: 11px; }
  .btn-box .btn { width: 203px; height: 75px; line-height: 75px; font-size: 20px; }
  .btn-box .btn + .btn { margin-left: 11px; } }

@media all and (max-width: 768px) { .btn-box { padding-bottom: 10px; }
  .btn-box .btn { width: 176px; height: 65px; line-height: 65px; font-size: 17px; }
  .btn-box .btn + .btn { margin-left: 10px; } }

@media all and (max-width: 500px) { .btn-box { padding-bottom: 8px; }
  .btn-box .btn { width: 135px; height: 50px; line-height: 50px; font-size: 13px; }
  .btn-box .btn + .btn { margin-left: 8px; } }

.cheer-list { margin: 70px 0 0; padding: 40px 0; background: url(../images/sub/board_list_bg.jpg) no-repeat top center; background-size: 100% 410px; }

.cheer-list .cl::after { display: block; content: ""; clear: both; }

.cheer-list .cl .cl-itme { width: 25%; display: block; float: left; padding: 0 10px; }

.cheer-list .cl .cl-itme > a { display: block; color: #222; background: #fff; border: 1px solid #ddd; }

.cheer-list .cl .cl-itme > a img { width: 100%; }

.cheer-list .cl .cl-itme > a:hover { box-shadow: 5px 5px 10px #cccccc; }

.cheer-list .cl .cl-itme > a .cli-tit { /* 여러 줄 자르기 추가 스타일 */ white-space: normal; line-height: 1.2; height: 3.5em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.cheer-list .cl .cl-itme > a .cli-text-box { padding: 20px; font-weight: 400; }

.cheer-list .cl .cl-itme > a .cli-name { margin-top: 1.5em; color: #666666; }

@media all and (max-width: 1024px) { .cheer-list { padding-bottom: 0; }
  .cheer-list .cl .cl-itme { width: 50%; margin-bottom: 20px; }
  .cheer-list .cl .cl-itme > a .cli-tit { height: 4.7em; -webkit-line-clamp: 4; } }

@media all and (max-width: 500px) { .cheer-list .cl .cl-itme { width: 100%; }
  .cheer-list .cl .cl-itme .cli-text-box { font-size: 15px; } }

.board-view { border-top: 2px solid #222222; }

.board-view .bv-top { border-bottom: 1px solid #ccc; padding: 40px 220px 40px 60px; position: relative; }

.board-view .bv-top .bv-tit { font-size: 24px; line-height: 1em; }

.board-view .bv-top .bv-data { text-align: right; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 160px; right: 60px; font-size: 20px; }

.board-view .bv-bottom { padding: 40px 60px; font-size: 20px; word-break: keep-all; border-bottom: 1px solid #ccc; }

.board-view .bv-bottom img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 1em; }

@media all and (max-width: 768px) { .board-view .bv-top { padding: 26px 143px 26px 20px; }
  .board-view .bv-top .bv-tit { font-size: 22px; }
  .board-view .bv-top .bv-data { width: 104px; right: 20px; font-size: 20px; }
  .board-view .bv-bottom { padding: 26px 20px; font-size: 18px; } }

@media all and (max-width: 375px) { .board-view .bv-top { padding: 20px 110px 20px 15px; }
  .board-view .bv-top .bv-tit { font-size: 17px; }
  .board-view .bv-top .bv-data { width: 80px; right: 15px; font-size: 15px; }
  .board-view .bv-bottom { padding: 20px 15px; font-size: 14px; } }

.board-btn-box { text-align: center; }

.board-btn-box .btn { padding: 0; width: 80px; height: 80px; }

.board-btn-box .btn-list { line-height: 80px; width: 180px; }

.board-btn-box .btn-list i { margin-right: 5px; }

@media all and (max-width: 1024px) { .board-btn-box .btn { width: 60px; height: 60px; }
  .board-btn-box .btn i.icon-prev, .board-btn-box .btn i.icon-next { width: 60px; height: 60px; background-size: contain; }
  .board-btn-box .btn-list { line-height: 60px; width: 135px; }
  .board-btn-box .btn-list i { margin-right: 4px; } }

@media all and (max-width: 768px) { .board-btn-box .btn { width: 52px; height: 52px; }
  .board-btn-box .btn i.icon-prev, .board-btn-box .btn i.icon-next { width: 52px; height: 52px; background-size: contain; }
  .board-btn-box .btn-list { line-height: 52px; width: 117px; }
  .board-btn-box .btn-list i { margin-right: 3px; } }

@media all and (max-width: 375px) { .board-btn-box .btn { width: 40px; height: 40px; }
  .board-btn-box .btn i.icon-prev, .board-btn-box .btn i.icon-next { width: 40px; height: 40px; background-size: contain; }
  .board-btn-box .btn-list { line-height: 40px; width: 90px; }
  .board-btn-box .btn-list i { margin-right: 3px; } }

/*about-info*/
.about-info { overflow: hidden; padding: 130px 0; background: url(../images/main/main_info.jpg) no-repeat top center; background-size: cover; }

.about-info .ai1-item { display: block; text-align: center; color: #fff; width: 25%; float: left; }

@media all and (max-width: 1024px) { .about-info { background: url(../images/main/main_info_m.jpg) no-repeat top center; background-size: 100% 100%; }
  .about-info .ai1-item { padding: 2.5%; width: 50%; margin-bottom: 10%; } }

@media all and (max-width: 375px) { .about-info { background-size: 150% 100%; } }

.about-slide .as-wrap { padding: 60px; }

.about-slide .as-wrap img { width: 100%; }

.about-slide .as-wrap .slick-dots { margin-top: 2em; text-align: center; }

.about-slide .as-wrap .slick-dots li { display: inline-block; margin: 0 0.25em; }

.about-slide .as-wrap .slick-dots button { background: transparent; width: 10px; height: 10px; border: 1px solid #c27a34; border-radius: 100%; padding: 0; overflow: hidden; text-indent: -1000px; }

.about-slide .as-wrap .slick-dots li.slick-active button { background: #c27a34; }

.about-slide .as-wrap .my-btn-box .btn-my-perv, .about-slide .as-wrap .my-btn-box .btn-my-next { position: absolute; display: block !important; background: transparent; border: 0; cursor: pointer; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

.about-slide .as-wrap .my-btn-box .btn-my-perv { left: 0px; padding-bottom: 40px; }

.about-slide .as-wrap .my-btn-box .btn-my-next { right: 0px; padding-bottom: 40px; }

@media all and (max-width: 1024px) { .about-slide .as-wrap { padding: 0px; }
  .about-slide .as-wrap .my-btn-box .btn-my-perv, .about-slide .as-wrap .my-btn-box .btn-my-next { background: no-repeat center center; background-size: contain; margin-top: -20px; }
  .about-slide .as-wrap .my-btn-box img { display: none; }
  .about-slide .as-wrap .my-btn-box .btn-my-perv { background-image: url(../images/main/mm_prev.png); }
  .about-slide .as-wrap .my-btn-box .btn-my-next { background-image: url(../images/main/mm_next.png); }
  .about-slide .as-wrap .my-btn-box .btn-my-perv, .about-slide .as-wrap .my-btn-box .btn-my-next { width: 21px; height: 39px; }
  .about-slide .as-wrap .my-btn-box .btn-my-perv { left: 20px; }
  .about-slide .as-wrap .my-btn-box .btn-my-next { right: 20px; } }

@media all and (max-width: 768px) { .about-slide .as-wrap .my-btn-box .btn-my-perv, .about-slide .as-wrap .my-btn-box .btn-my-next { width: 16px; height: 29px; }
  .about-slide .as-wrap .my-btn-box .btn-my-perv { left: 15px; }
  .about-slide .as-wrap .my-btn-box .btn-my-next { right: 15px; } }

@media all and (max-width: 500px) { .about-slide .as-wrap .my-btn-box .btn-my-perv, .about-slide .as-wrap .my-btn-box .btn-my-next { width: 14px; height: 25px; }
  .about-slide .as-wrap .my-btn-box .btn-my-perv { left: 13px; }
  .about-slide .as-wrap .my-btn-box .btn-my-next { right: 13px; } }

@media all and (max-width: 375px) { .about-slide .as-wrap .my-btn-box .btn-my-perv, .about-slide .as-wrap .my-btn-box .btn-my-next { width: 11px; height: 20px; }
  .about-slide .as-wrap .my-btn-box .btn-my-perv { left: 10px; }
  .about-slide .as-wrap .my-btn-box .btn-my-next { right: 10px; } }

.about-info2 { background: #e9f7ff; padding: 40px 0 100px; }

.about-info2 .ai { max-width: 1140px; margin: 0 auto; }

.about-info2 .ai::after { display: block; content: ""; clear: both; }

.about-info2 .ai li { position: relative; float: left; width: 33.333%; }

.about-info2 .ai li > * { position: relative; z-index: 1; }

.about-info2 .ai li img { border-radius: 100%; box-shadow: 5px 5px 10px #cabcae; }

.about-info2 .ai li span { display: block; }

.about-info2 .ai li .dash { position: absolute; width: 120%; height: 1px; border-bottom: 1px dashed #c27a34; top: 90px; z-index: 0; right: -50%; -webkit-transition: width 0.5s; -moz-transition: width 0.5s; -o-transition: width 0.5s; -ms-transition: width 0.5s; transition: width 0.5s; }

@media all and (max-width: 1024px) { .about-info2 .ai { width: 90%; max-width: 800px; margin: 0 auto; }
  .about-info2 .ai li { position: relative; float: none; width: 100%; text-align: left; }
  .about-info2 .ai li img { position: absolute; top: 50%; left: 0; border-radius: 100%; }
  .about-info2 .ai li .ai-text { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
  .about-info2 .ai li span { display: block; }
  .about-info2 .ai li .dash { width: 1px; height: 100%; border-bottom: 0; border-left: 1px dashed #c27a34; right: auto; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; -o-transition: height 0.5s; -ms-transition: height 0.5s; transition: height 0.5s; }
  .about-info2 { padding: 40px 0 100px; }
  .about-info2 .ai li { padding: 30px 60px 30px 220px; min-height: 250px; }
  .about-info2 .ai li img { width: 170px; margin-top: -85px; }
  .about-info2 .ai li .dash { top: 90px; left: 85px; } }

@media all and (max-width: 768px) { .about-info2 { padding: 30px 0 75px; }
  .about-info2 .ai li { padding: 23px 45px 23px 165px; min-height: 188px; }
  .about-info2 .ai li img { width: 128px; margin-top: -64px; }
  .about-info2 .ai li .dash { top: 68px; left: 64px; } }

@media all and (max-width: 500px) { .about-info2 { padding: 26px 0 65px; }
  .about-info2 .ai li { padding: 20px 39px 20px 143px; min-height: 163px; }
  .about-info2 .ai li img { width: 111px; margin-top: -55px; }
  .about-info2 .ai li .dash { top: 59px; left: 55px; } }

@media all and (max-width: 375px) { .about-info2 { padding: 20px 0 50px; }
  .about-info2 .ai li { padding: 15px 30px 15px 110px; min-height: 125px; }
  .about-info2 .ai li img { width: 85px; margin-top: -43px; }
  .about-info2 .ai li .dash { top: 45px; left: 43px; } }

@media all and (max-width: 1024px) { .guidance_li::after { display: block; content: ""; clear: both; }
  .guidance_li li { width: 50%; } }


/* 인증현황 서브메뉴 */
.subLink{width:100%; max-width: 1200px; margin:0 auto; text-align: center; padding-top:0px; padding-bottom:40px;}
.subLink a{ position: relative; display: inline-block; width:300px;height:50px;background:#004f99;color: #fff; font-weight: 500; font-size:18px; line-height:50px;}
.subLink a + a{ margin-left: 10px; }
/* .subLink a + a::before{ content: ''; display: inline-block; width: 1px; height: 14px; margin-top: -7px; background-color: rgba(0,0,0,.5); position: absolute; left: 0; top: 50%; transform: rotate(20deg);} */
.subLink a:hover,
.subLink a.active{background:#e60044; color:#fff; }
.subLink a.on{background:#e60044; color:#fff;}

@media screen and (max-width:1000px){ 
	.subLink{padding-bottom:20px;}
	.subLink a{ width:250px; padding:0 15px; height:40px;background:#004f99;color: #fff; font-weight: 500; font-size:16px; line-height:40px;}
	.subLink a + a{ margin-left: 3px; }
}

@media screen and (max-width:824px){ 
	.subLink{padding-bottom:20px;}
	.subLink a{ position: relative; display: inline-block; width:auto; padding:0 15px; height:35px;background:#004f99; color: #fff; font-weight: 500; font-size:13px; line-height:35px;}
	.subLink a + a{ margin-left: 3px; }
}

@media screen and (max-width:460px){ 
	.subLink{padding-bottom:20px;}
	.subLink a{ position: relative; display: inline-block; width:auto; padding:0 5px; height:25px;background:#004f99; color: #fff; font-weight: 500; font-size:12px; line-height:25px;}
	.subLink a + a{ margin-left: 2px; }
}

/* 사업소개 */
.productBox { padding:120px 0 150px;}
.productBox h2 { position:relative; padding-bottom:115px; font-size:55px; font-family: 'Montserrat'; color:#111314; font-weight:normal; line-height:1; letter-spacing: -3px;}
.productBox h2 .subTit { display:block; margin-bottom:45px; font-size:20px; color:#b09160; font-weight:800; font-family: 'NotoSans'; line-height:1; letter-spacing:0.1px;}
.productBox h2 .subTit2 { display:block; margin-top:15px; font-size:24px; color:#121314; font-weight:300; line-height:1; letter-spacing:0.1px;}
.productBox h2:after { content:''; display:block; position:absolute; z-index:1; bottom:-60px; left:0; width:1px; height:150px; background:#000;}
.productBox .textBox { position:relative; padding-bottom:10px; background:#f5f5f5;}
.productBox .textBox:before { content:''; display:block; position:absolute; top:0; left:-120px; width:120px; height:100%; background:#f5f5f5;}
.productBox .textBox:after { content:''; display:block; position:absolute; top:0; right:-1000px; width:1000px; height:100%; background:#f5f5f5;}
.productBox .textBox h3 { padding-top:110px; font-size:30px; color:#252828; font-weight:800;}
.productBox .textBox .img { position:absolute; z-index:1; right:-120px; top:-300px;}
.productBox .textBox .text {padding-top:80px; margin:10px 0 70px; font-size:18px; color:#565555;}

.productBox.type2 { background:#;}
.productBox.type2 h2 { margin-left:750px;}
.productBox.type2 .textBox .img { right:auto; left:-120px;}
.productBox.type2 .textBox h3 { margin-left:600px;}
.productBox.type2 .textBox .text { margin-left:750px;}


@media screen and (max-width:1240px){
	.productBox .textBox .img { right:0; top:-150px; width:500px;}
	.productBox .textBox .img img { width:100%;}
	
	.productBox .textBox .list li { padding-right:30px;}
	
	.productBox.type2 h2 { margin-left:0px;}
	.productBox.type2 .textBox .img { left:auto; right:0;}
	.productBox.type2 .textBox h3 { margin-left:0;}
	.productBox.type2 .textBox .text { margin-left:0;}
}


@media screen and (max-width:1024px){
	.productBox { padding:50px 0 50px;}
	.productBox .textBox .img { top:-100px; width:400px;}

}


@media screen and (max-width:768px){
	.productBox { padding:50px 0 0px;}
	.productBox h2 { padding-bottom:10px; font-size:22px; letter-spacing:0px;}
	.productBox h2 br {display:none;}
	.productBox h2 .subTit { margin-bottom:20px; font-size:14px;}
	.productBox h2 .subTit2 { margin-top:10px; font-size:14px;}
	.productBox h2:after { display:none;}

	.productBox .textBox { padding-top:20px; padding-bottom:30px;}	
	.productBox .textBox .img { position:static; width:auto;}
	.productBox .textBox h3 { padding-top:30px; font-size:26px;}
	.productBox .textBox .text {padding-top:0px; margin:10px 0 0px; font-size:14px;}
	.productBox .textBox .list li { width:100%; padding:30px 0; font-size:14px;}
	.productBox .textBox p.text br {display:none;}

}


.wrap2 { width: 100%; max-width: 1200px; margin: 0 auto; }

.ceo-sec01 {
	padding: 0 0 100px 0;
}
.flex_cell_inner:after{
	content:'';
	display:block;
	clear:both;
}
.ceo-sec01 .flex_cell_inner {
	padding-top:20px;
	width:100%;
	margin:0 auto;
}
.ceoImg {width:44%;float:left;max-width:100%;}
.ceoImg p {background:#004f99;padding:30px 0px; text-align:center; color:#fff;font-size:18px;}
.ceo_txt_wrap {
	width:56%;
	position: relative;
	float:right;
	padding-left:50px;
}
.ceo_txt_wrap p {
	font-size:18px;
	color:#191919;
	font-weight:350;
	letter-spacing:inherit;
	margin:0 0 2em;
}
.ceo_txt_wrap p.ceo-sign {
    line-height: 65px;
	text-align:right;
	color: #191919;
	font-size: 18px;
	margin-top: 50px;
	padding-right:200px;
	vertical-align: middle;
	background:url(/design/default/images/sub/ceo_sign.jpg) no-repeat right;}
}
.avia_image {display:block; position: relative; max-width: 100%;}

@media screen and (max-width:768px){
	.ceoImg {width:100%;float:none;margin:0 auto;text-align:center;}
	.ceo_txt_wrap {width:100%;float:none;padding-left:0px;padding-top:30px; }
	.avia_image {padding-bottom:20px;text-align:center;margin:0 auto;}
	.ceo-sec01 {padding: 0 0 50px 0;}
	.ceo_txt_wrap p {font-size:15px;margin:0 0 1em;}
	.ceo_txt_wrap p.ceo-sign {font-size:15px;}
  }

 /* 오시는 길 */
 .map_img {padding-top:30px;}
 .map_img p {width:100%; background:#e60044;text-align:left; font-size:18px; color:#fff; line-height:50px; height:50px;}
 .map_img p span {padding:0 30px;}

 .map_info {padding-top:80px;}
 .map_info h2 {font-size:24px; font-weight:500; color:#4d4d4d;}
 .map_info p {font-size:20px; font-weight:400; color:#4d4d4d;}
 .map_info p span {padding-right:30px;}

 @media screen and (max-width:1000px){
	.map_img p {text-align:center; font-size:15px; line-height:40px; height:40px;}

	.map_info {padding-top:60px;}
}

 @media screen and (max-width:640px){
	.map_img p {text-align:left; font-size:13px; padding:10px; line-height:24px; height:auto;}
	.map_img p span {display:block;padding:0 10px;}
	 .map_info h2 {font-size:17px; font-weight:500; color:#4d4d4d;}
	.map_info p {font-size:14px; font-weight:400; color:#4d4d4d;}
}


 /* 외장적층마감공법 */
.business-sec01 {position: relative; overflow:hidden; display:block;padding-top:30px; text-align:left; clear:both;}
.business-sec01 h2 {font-size:30px; color:#525252; font-weight:500; padding-bottom:40px;}
.business-sec01 .businessImg {width:50%;float:left;max-width:100%;}
.business-sec01 .business_txt_wrap {width:50%; position: relative; float:right; padding-left:50px;}
.business-sec01 .business_txt_wrap h3 {font-size:23px; color:#004f99; font-weight:600; padding-bottom:15px;}
.business-sec01 .business_txt_wrap p {font-size:17px; color:#191919; font-weight:350; letter-spacing:inherit; line-height:28px; margin:0 0 2.5em;}

.business-sec01 .business_txt_wrap .board1 {width:100%; float:left;}
.business-sec01 .business_txt_wrap .board1 p {font-size:17px; line-height:30px; padding-bottom:5px; font-weight:bold; color:#000;}
.business-sec01 .business_txt_wrap .board1 table{ width:100%; text-align:center;border-top:1px solid #b8b8b8;}
.business-sec01 .business_txt_wrap .board1 table thead{border-bottom: 0px solid #6c6c6c; border-top: 0px solid #6c6c6c}
.business-sec01 .business_txt_wrap .board1 table thead tr{height:30px; }
.business-sec01 .business_txt_wrap .board1 table thead tr th{font-size:15px; line-height:22px;padding:15px 10px; background-color:#004f99;}
.business-sec01 .business_txt_wrap .board1 table thead tr th:first-child{border-left:none}
.business-sec01 .business_txt_wrap .board1 table tbody tr{border-bottom:1px solid #b8b8b8;}
.business-sec01 .business_txt_wrap .board1 table tbody tr.gray{background-color:#fafafa;}
.business-sec01 .business_txt_wrap .board1 table tbody tr th{font-size:14px; text-align:center; color:#fff; line-height:22px;background-color:#004f99;vertical-align: middle;}
.business-sec01 .business_txt_wrap .board1 table tbody tr td{font-size:14px; line-height:17px;padding:20px 30px; text-align:left; }
.business-sec01 .business_txt_wrap .board1 table tbody tr td span {color:#909090;}
.business-sec01 .business_txt_wrap .board1 table tbody tr td:first-child{border-left:none}
.business-sec01 .business_txt_wrap .board1 table tbody tr td.yellow{background:#fcfc8b;}
.business-sec01 .business_txt_wrap .board1 table tbody tr td.skyblue{background:#e8f6ff;}
.business-sec01 .business_txt_wrap .board1 p {line-height:24px; text-align:15px;}

@media all and (max-width:800px){
	.business-sec01 .businessImg {width:100%;float:none;max-width:100%;}
	.business-sec01 .business_txt_wrap {width:100%; position: relative; float:none; padding-left:0px;}

	.business-sec01 .business_txt_wrap .board1 p {font-size:14px; line-height:20px;}
	.business-sec01 .business_txt_wrap .board1 table thead tr th{font-size:14px; line-height:18px;}
	.business-sec01 .business_txt_wrap .board1 table tbody tr td{font-size:14px; line-height:20px;padding:10px;}
}
@media all and (max-width:640px){
	.business-sec01 h2 {font-size:18px; padding-bottom:20px;}
	.business-sec01 .business_txt_wrap h3 {font-size:16px; color:#004f99; font-weight:600; padding-bottom:5px;}
	.business-sec01 .business_txt_wrap p {font-size:14px; color:#191919; font-weight:350; letter-spacing:inherit; line-height:20px; margin:0 0 1.5em;}

	.business-sec01 .business_txt_wrap .board1 table thead tr th{font-size:12px; line-height:15px;}
	.business-sec01 .business_txt_wrap .board1 table tbody tr td{font-size:12px; line-height:15px;padding:5px;}
}

.business-sec02 {position: relative; overflow:hidden; display:block;padding-top:30px; text-align:left;}
.business-sec02 h2 {font-size:30px; color:#525252; font-weight:500; padding-bottom:40px;}
.business-sec02 .banner {overflow:hidden; padding-bottom:100px;}
.business-sec02 .banner li {vertical-align: middle; width:31.3333%; margin-left:1%; margin-right:1%; float:left; padding:20px 40px; height:160px; text-align:center; color:#fff; font-size:17px;}
.business-sec02 .banner li.red {background-color:#e60044; border-top:6px solid #183453; border-bottom:6px solid #183453;}
.business-sec02 .banner li.blue {background-color:#183453; border-top:6px solid #e60044; border-bottom:6px solid #e60044;}
.business-sec02 .point {overflow:hidden; padding-bottom:100px;}
.business-sec02 .point li {vertical-align: middle; width:23%; margin-left:1%; margin-right:1%; float:left; padding:20px 20px; height:120px; text-align:center; color:#fff; font-size:17px;}
.business-sec02 .point li.red {background-color:#e60044;}
.business-sec02 .point li.blue {background-color:#183453;}


.business-sec02 .businessImg {width:40%; padding-bottom:100px; float:left;max-width:100%; clear:both;}
.business-sec02 .business_txt_wrap {width:60%; padding-top:30px; position: relative; float:right; padding-left:50px;}
.business-sec02 .business_txt_wrap h3 {font-size:23px; color:#004f99; font-weight:600; padding-bottom:15px;}
.business-sec02 .business_txt_wrap p {font-size:17px; color:#191919; font-weight:350; letter-spacing:inherit; line-height:28px; margin:0 0 2.5em;}
.business-sec02 .business_txt_wrap li {position: relative; font-size:17px; color:#191919; font-weight:350; letter-spacing:inherit; line-height:28px; padding-bottom:10px; padding-left:12px;}
.business-sec02 .business_txt_wrap li:last-child {margin:0 0 3.5em;padding-bottom:0px;}
.business-sec02 .business_txt_wrap li:before {content:"-"; font-size:22px; position:absolute; top:-2px; left:0px; width:0px; height:0px; background:#000;}

@media all and (max-width:800px){
	.business-sec02 .banner {overflow:hidden; padding-bottom:0px;}
	.business-sec02 .banner li {vertical-align: middle; width:100%; margin-bottom:2%; margin-left:0%; margin-right:0%; float:none; padding:20px; height:auto; text-align:left; color:#fff; font-size:14px;}
	.business-sec02 .banner li br {display:none;}

	.business-sec02 .point {overflow:hidden; padding-bottom:40px;}
	.business-sec02 .point li {vertical-align: middle; width:48%; margin-bottom:1%; margin-left:1%; margin-right:1%; float:left; padding:20px 10px; height:auto; text-align:center; color:#fff; font-size:14px;}
	.business-sec02 .point li.red {background-color:#e60044;}
	.business-sec02 .point li.blue {background-color:#183453;}

	.business-sec02 .businessImg {width:100%; padding-top:30px; padding-bottom:20px; float:none;text-align:center; max-width:100%;}
	.business-sec02 .business_txt_wrap {width:100%; padding-top:0px; position: relative; float:none; padding-left:0px;}

	.business-sec02 .business_txt_wrap .board1 p {font-size:14px; line-height:20px;}
	.business-sec02 .business_txt_wrap .board1 table thead tr th{font-size:14px; line-height:18px;}
	.business-sec02 .business_txt_wrap .board1 table tbody tr td{font-size:14px; line-height:20px;padding:10px;}
}

@media all and (max-width:640px){
	.business-sec02 h2 {font-size:18px; padding-bottom:20px;}

	.business-sec02 .businessImg {width:100%;padding-bottom:0px; float:none;text-align:center; max-width:100%;}

	.business-sec02 .business_txt_wrap h3 {font-size:16px; color:#004f99; font-weight:600; padding-bottom:5px;}
	.business-sec02 .business_txt_wrap p {font-size:14px; color:#191919; font-weight:350; letter-spacing:inherit; line-height:20px; margin:0 0 1.5em;}
	.business-sec02 .business_txt_wrap li {position: relative; font-size:14px; color:#191919; font-weight:350; letter-spacing:inherit; line-height:20px; padding-bottom:10px; padding-left:10px;}
	.business-sec02 .business_txt_wrap li:last-child {margin:0 0 2.5em;padding-bottom:0px;}

	.business-sec02 .business_txt_wrap .board1 table thead tr th{font-size:12px; line-height:15px;}
	.business-sec02 .business_txt_wrap .board1 table tbody tr td{font-size:12px; line-height:15px;padding:5px;}
}


 /* 곤돌라 */
.gondola-sec01 {position: relative; overflow:hidden; display:block;padding-top:50px; text-align:left; clear:both;}
.gondola-sec01 h2 {font-size:30px; color:#004f99; font-weight:500; padding-top:50px; padding-bottom:40px;clear:both;}
.gondola-sec01 .gondolaImg {width:50%;float:left;max-width:100%;}
.gondola-sec01 .gondola_txt_wrap {width:50%; position: relative; float:right; padding-left:50px;}
.gondola-sec01 .gondola_txt_wrap h3 {font-size:23px; color:#004f99; font-weight:600; padding-bottom:15px;}
.gondola-sec01 .gondola_txt_wrap h4 {font-size:23px; color:#414141; font-weight:600; padding-bottom:15px;}
.gondola-sec01 .gondola_txt_wrap p {font-size:17px; color:#191919; font-weight:350; letter-spacing:inherit; line-height:30px; margin:0 0 2.5em;}
.gondola-sec01 .gondola_txt_wrap p span {font-size:16px; color:#404040;line-height:30px; padding-top:0px; padding-left:20px; display:block;}

.gondola-sec01 .board1 {width:100%;}
.gondola-sec01 .board1 table{ width:100%;  max-width:1200px; text-align:center;border-top:1px solid #b8b8b8;}
.gondola-sec01 .board1 table tbody tr.color {background:#eeefef;}
.gondola-sec01 .board1 table tbody tr{border-bottom:1px solid #a5a6a6;}
.gondola-sec01 .board1 table tbody tr th{font-size:15px; font-weight:300; text-align:center; color:#fff; border-left:1px solid #fff;  line-height:17px; padding:10px 0px; background-color:#004f99;vertical-align: middle;box-sizing:border-box;}
.gondola-sec01 .board1 table tbody tr td{font-size:15px; line-height:17px;padding:10px 0px; text-align:center; border-left:1px solid #a5a6a6;box-sizing:border-box;}
.gondola-sec01 .board1 table tbody tr td span {color:#909090;}
.gondola-sec01 .board1 table tbody tr td:first-child{border-left:none}
.gondola-sec01 .board1 p {line-height:35px; font-size:15px; font-weight:300; text-align:left;}


@media all and (max-width:800px){
	.gondola-sec01 h2 {font-size:18px; padding-top:0px; padding-bottom:20px;clear:both;}

	.gondola-sec01 .gondolaImg {width:100%;float:none;max-width:100%; display:block;clear:both; }
	.gondola-sec01 .gondolaImg img	{width:100%; height:auto; margin-bottom:0.5%; margin-left:1%; margin-right:1%; float:left; max-width:100%;}
	.gondola-sec01 .gondola_txt_wrap {width:100%; position: relative; float:none; padding-left:0px;}

	.gondola-sec01 .gondola_txt_wrap h3 {font-size:16px; color:#004f99; font-weight:600; padding-bottom:5px;}
	.gondola-sec01 .gondola_txt_wrap h4 {font-size:16px; color:#414141; font-weight:600; padding-bottom:5px;}
	.gondola-sec01 .gondola_txt_wrap p {font-size:14px; color:#191919; font-weight:350; letter-spacing:inherit; line-height:24px; margin:0 0 1.5em;}
	.gondola-sec01 .gondola_txt_wrap p span {font-size:13px; color:#404040;line-height:20px; padding-top:0px; padding-left:10px; display:block;}

	.gondola-sec01 .board1 p {font-size:13px; line-height:20px;}
	.gondola-sec01 .board1 table tbody tr td{font-size:14px; line-height:20px;padding:10px;}
}
@media all and (max-width:640px){
	.gondola-sec01 .board1 table tbody tr td{font-size:10px; line-height:15px;padding:5px;}
}


.gondola-sec02 {position: relative; width:100%; overflow:hidden; text-align:center; margin:0 auto; display:block;padding-top:50px; clear:both;}
.gondola-sec02 h2 {font-size:30px; color:#004f99; font-weight:500; text-align:left; padding-top:50px; padding-bottom:20px;clear:both;}
.gondola-sec02 .avia_image {margin:0 auto; text-align:center;}

.gondola-sec02 .board1 {width:100%; float:left;}
.gondola-sec02 .board1 p {font-size:17px; line-height:30px; padding-bottom:5px; font-weight:bold; color:#000;}
.gondola-sec02 .board1 table{ width:100%; text-align:center;border-top:1px solid #b8b8b8;}
.gondola-sec02 .board1 table thead{border-bottom: 0px solid #6c6c6c; border-top: 0px solid #6c6c6c}
.gondola-sec02 .board1 table thead tr{height:30px; }
.gondola-sec02 .board1 table tbody tr.color {background:#eeefef;}
.gondola-sec02 .board1 table thead tr th{font-size:15px; line-height:22px;padding:15px 10px; background-color:#004f99;}
.gondola-sec02 .board1 table thead tr th:first-child{border-left:none}
.gondola-sec02 .board1 table tbody tr{border-bottom:1px solid #a5a6a6;}
.gondola-sec02 .board1 table tbody tr.gray{background-color:#fafafa;}
.gondola-sec02 .board1 table tbody tr th{font-size:16px; text-align:center; color:#fff; border-left:1px solid #fff; line-height:22px;padding:10px 0px; background-color:#004f99;vertical-align: middle;}
.gondola-sec02 .board1 table tbody tr td{font-size:16px; line-height:17px;padding:20px 30px; text-align:center; border-left:1px solid #a5a6a6;}
.gondola-sec02 .board1 table tbody tr td span {color:#909090;}
.gondola-sec02 .board1 table tbody tr td:first-child{border-left:none}
.gondola-sec02 .board1 table tbody tr td.yellow{background:#fcfc8b;}
.gondola-sec02 .board1 table tbody tr td.skyblue{background:#e8f6ff;}
.gondola-sec02 .board1 p {line-height:35px; font-size:15px; font-weight:300; text-align:left;}


@media all and (max-width:800px){
	.gondola-sec02 h2 {font-size:18px; padding-top:0px; padding-bottom:20px;clear:both;}

	.gondola-sec02 .board1 p {font-size:14px; line-height:20px;}
	.gondola-sec02 .board1 table tbody tr th{font-size:14px; line-height:18px;}
	.gondola-sec02 .board1 table tbody tr td{font-size:14px; line-height:20px;padding:10px 0px;}
}
@media all and (max-width:640px){
	.gondola-sec02 .board1 table tbody tr th{font-size:11px; line-height:15px;}
	.gondola-sec02 .board1 table tbody tr td{font-size:11px; line-height:15px;padding:5px 0px;}
}


.gondola-sec03 {position: relative; overflow:hidden; display:block;padding-top:50px; text-align:left; clear:both;}
.gondola-sec03 h2 {font-size:30px; color:#004f99; font-weight:500; padding-top:50px; padding-bottom:40px;clear:both;}
.gondola-sec03 .gondolaImg {width:60%;float:right;max-width:100%;}
.gondola-sec03 .gondola_txt_wrap {width:35%; position: relative; float:left; margin-right:5%;}
.gondola-sec03 .gondola_txt_wrap h3 {border-top:8px solid #e60044; width:100%; background:#004f99 url(/design/default/images/sub/033_logo.jpg) no-repeat 30px center; font-size:17px; text-align:center; color:#fff; font-weight:400; padding:30px;}
.gondola-sec03 .gondola_txt_wrap h4 {font-size:23px; color:#414141; font-weight:600; padding-bottom:15px;}
.gondola-sec03 .gondola_txt_wrap p {font-size:17px; color:#191919; font-weight:350; letter-spacing:inherit; line-height:30px; margin:0 0 2.5em;}
.gondola-sec03 .gondola_txt_wrap p span {font-size:16px; color:#404040;line-height:30px; padding-top:0px; padding-left:20px; display:block;}


@media all and (max-width:800px){
	.gondola-sec03 {padding-top:30px;}

	.gondola-sec03 h2 {font-size:18px; padding-top:0px; padding-bottom:20px;clear:both;}
	.gondola-sec03 .gondolaImg {width:100%;float:none;max-width:100%;}
	.gondola-sec03 .gondola_txt_wrap {width:100%; position: relative; float:none; margin-right:0%;}

	.gondola-sec03 .gondola_txt_wrap h3 {border-top:5px solid #e60044; background:#004f99 url(/design/default/images/sub/033_logo.jpg) no-repeat 30px center; background-size:20px; font-size:15px;padding:15px;}

}
@media all and (max-width:640px){
	.gondola-sec03 .board1 table thead tr th{font-size:12px; line-height:15px;}
	.gondola-sec03 .board1 table tbody tr td{font-size:12px; line-height:15px;padding:5px;}
}


.gondola-sec04 {position: relative; overflow:hidden; display:block;padding-top:50px; text-align:left; clear:both;}
.gondola-sec04 h2 {font-size:30px; color:#4b4b4b; font-weight:500; padding-top:50px; padding-bottom:40px;clear:both;}
.gondola-sec04 .gondolaImg {width:55%;margin-right:5%;float:left;max-width:100%;}
.gondola-sec04 .gondola_txt_wrap {width:40%; position: relative; float:right;}
.gondola-sec04 .gondola_txt_wrap h3 {border-top:8px solid #e60044; width:100%; background:#004f99 url(/design/default/images/sub/033_logo.jpg) no-repeat 30px center; font-size:17px; text-align:center; color:#fff; font-weight:400; padding:30px;}
.gondola-sec04 .gondola_txt_wrap h4 {font-size:23px; color:#414141; font-weight:600; padding-bottom:15px;}
.gondola-sec04 .gondola_txt_wrap p {font-size:17px; color:#191919; font-weight:350; letter-spacing:inherit; line-height:30px; margin:0 0 2.5em;}
.gondola-sec04 .gondola_txt_wrap p span {font-size:16px; color:#404040;line-height:30px; padding-top:0px; padding-left:20px; display:block;}

@media all and (max-width:800px){
	.gondola-sec04 {padding-top:30px;}

	.gondola-sec04 h2 {font-size:18px; padding-top:0px; padding-bottom:20px;clear:both;}
	.gondola-sec04 .gondolaImg {width:100%;float:none;max-width:100%;}
	.gondola-sec04 .gondola_txt_wrap {width:100%; position: relative; float:none; margin-right:0%;}

	.gondola-sec04 .gondola_txt_wrap h3 {border-top:5px solid #e60044; background:#004f99 url(/design/default/images/sub/033_logo.jpg) no-repeat 30px center; background-size:20px; font-size:15px;padding:15px;}
	.gondola-sec04 .gondola_txt_wrap p {font-size:14px; color:#191919; font-weight:350; letter-spacing:inherit; line-height:24px; margin:0 0 1.5em;}
}
@media all and (max-width:640px){
	.gondola-sec04 .board1 table thead tr th{font-size:12px; line-height:15px;}
	.gondola-sec04 .board1 table tbody tr td{font-size:12px; line-height:15px;padding:5px;}
}



.gondola-sec05 {position: relative; overflow:hidden; display:block;padding-top:50px; text-align:left; clear:both;}
.gondola-sec05 h2 {font-size:30px; color:#004f99; font-weight:500; padding-top:50px; padding-bottom:40px;clear:both;}
.gondola-sec05 h3 {font-size:20px; color:#3c3c3c; font-weight:400; padding-top:20px; padding-bottom:40px;clear:both;}
.gondola-sec05 .gondolaImg {width:34%;margin-right:3%;float:left;max-width:100%;}
.gondola-sec05 .gondolatable {width:30%;margin-right:5%;float:left;max-width:100%;}
.gondola-sec05 .gondola_txt_wrap {width:28%; float:right;max-width:100%;}

.gondola-sec05 .board1 {width:100%; float:left;}
.gondola-sec05 .board1 p {font-size:17px; line-height:30px; padding-bottom:5px; font-weight:bold; color:#000;}
.gondola-sec05 .board1 table{ width:100%; text-align:center;border-top:1px solid #b8b8b8;}
.gondola-sec05 .board1 table thead{border-bottom: 0px solid #6c6c6c; border-top: 0px solid #6c6c6c}
.gondola-sec05 .board1 table thead tr{height:30px; }
.gondola-sec05 .board1 table tbody tr.color {background:#eeefef;}
.gondola-sec05 .board1 table thead tr th{font-size:15px; line-height:22px;padding:15px 10px; background-color:#004f99;}
.gondola-sec05 .board1 table thead tr th:first-child{border-left:none}
.gondola-sec05 .board1 table tbody tr{border-bottom:1px solid #a5a6a6;}
.gondola-sec05 .board1 table tbody tr.gray{background-color:#fafafa;}
.gondola-sec05 .board1 table tbody tr th{font-size:16px; text-align:center; color:#fff; border-left:1px solid #fff; line-height:22px;padding:10px 30px; background-color:#004f99;vertical-align: middle;}
.gondola-sec05 .board1 table tbody tr td{font-size:16px; line-height:17px;padding:20px 30px; text-align:center; border-left:1px solid #a5a6a6;}
.gondola-sec05 .board1 table tbody tr td span {color:#909090;}
.gondola-sec05 .board1 table tbody tr td:first-child{border-left:none}
.gondola-sec05 .board1 table tbody tr td.yellow{background:#fcfc8b;}
.gondola-sec05 .board1 table tbody tr td.skyblue{background:#e8f6ff;}
.gondola-sec05 .board1 p {line-height:35px; font-size:15px; font-weight:300; text-align:left;}


@media all and (max-width:800px){
	.gondola-sec05 h2 {font-size:18px; padding-top:0px; padding-bottom:0px;clear:both;}
	.gondola-sec05 h3 {font-size:15px; color:#3c3c3c; font-weight:400; padding-top:10px; padding-bottom:20px;clear:both;}

	.gondola-sec05 .gondolaImg {width:100%;text-align:center; margin-bottom:1%;margin-right:0%;float:none;}
	.gondola-sec05 .gondolatable {width:100%;margin-right:0%;float:none;max-width:100%;}
	.gondola-sec05 .gondola_txt_wrap {width:100%; text-align:center; padding-top:10px; float:none;}

	.gondola-sec05 .board1 p {font-size:14px; line-height:20px;}
	.gondola-sec05 .board1 table thead tr th{font-size:14px; line-height:18px;}
	.gondola-sec05 .board1 table tbody tr td{font-size:14px; line-height:20px;padding:10px;}
}
@media all and (max-width:640px){
	.gondola-sec05 .board1 table thead tr th{font-size:12px; line-height:15px;}
	.gondola-sec05 .board1 table tbody tr td{font-size:12px; line-height:15px;padding:5px;}
}


.introduce-sec01 {position: relative; overflow:hidden; display:block;padding-bottom:50px; text-align:left; clear:both;}
.introduce-sec01 h2 {font-size:30px; color:#004f99; font-weight:500; padding-top:50px; padding-bottom:40px;clear:both;}
.introduce-sec01 .introduce {width:60%;float:right;max-width:100%;}
.introduce-sec01 .introduce p {font-size:17px; color:#191919; font-weight:400; letter-spacing:inherit; line-height:30px; margin:0 0 0em;}
.introduce-sec01 .introduce_txt_wrap {width:35%; position: relative; float:left; margin-right:5%;}
.introduce-sec01 .introduce_txt_wrap h3 {width:100%; background:#004f99; border-top-left-radius:30px; border-bottom-right-radius:30px; font-size:22px; text-align:center; color:#fff; font-weight:500; padding:15px;}
.introduce-sec01 .introduce_txt_wrap h3.pink {width:100%; background:#e60044; border-top-left-radius:30px; border-bottom-right-radius:30px; font-size:22px; text-align:center; color:#fff; font-weight:500; padding:15px;}
.introduce-sec01 .introduce_txt_wrap h4 {font-size:23px; color:#414141; font-weight:600; padding-bottom:15px;}
.introduce-sec01 .introduce_txt_wrap p {font-size:17px; color:#191919; font-weight:350; letter-spacing:inherit; line-height:30px; margin:0 0 2.5em;}
.introduce-sec01 .introduce_txt_wrap p span {font-size:16px; color:#404040;line-height:30px; padding-top:0px; padding-left:20px; display:block;}

@media all and (max-width:800px){
	.introduce-sec01 {padding-bottom:20px;}
	.introduce-sec01 .introduce {width:100%;float:none;max-width:100%;}
	.introduce-sec01 .introduce p {font-size:15px; color:#191919; font-weight:400; letter-spacing:inherit; line-height:24px; margin:15px;}
	.introduce-sec01 .introduce_txt_wrap {width:100%; position: relative; float:none; margin-right:0%;}
	.introduce-sec01 .introduce_txt_wrap h3 {width:100%; background:#004f99; border-top-left-radius:20px; border-bottom-right-radius:20px; font-size:18px; text-align:center; color:#fff; font-weight:500; padding:10px;}
	.introduce-sec01 .introduce_txt_wrap h3.pink {width:100%; background:#e60044; border-top-left-radius:20px; border-bottom-right-radius:20px; font-size:18px; text-align:center; color:#fff; font-weight:500; padding:10px;}
}


/* 자주하는 질문 */
.search_zone{margin:0px 0 30px;background: #f6f6f6; border-radius:10px; text-align: center;}
.search_zone .inner{display: table;margin: 0 auto;}
.search_zone .col{display: table-cell;height:110px;vertical-align: middle;padding-right: 5px;}
.search_zone .col:after{display: block;content: '';clear: both;}
.search_zone .tit{padding:0 30px;font-size: 21px;color: #222;font-weight: 700;background: url(../images/contents/icn_search.png) no-repeat 0 51%;}
.search_zone select{font-size:16px;width: 140px;height:42px;padding-left: 15px;color: #888;background:#ffffff url(/design/default/images/sub/arrow_select.png) no-repeat right 10px top 16px;}
.search_zone input[type='text']{font-size:16px;width: 421px;height:42px;float: left;padding-left: 15px;}

.qna_list{border-top: 2px solid #212121;}
.qna_list > li{font-size: 16px; font-weight:300; color: #333;background: url(/design/default/images/sub/icn_q.png) no-repeat 19px 13px;}
.qna_list > li > a{text-align:left;display: block;width:100%;box-sizing: border-box;padding-left: 51px;border-bottom: 1px solid #e1e1e1;background: url(/design/default/images/sub/qna_down.png) no-repeat right 31px top 50%;}
.qna_list > li.on > a{background-image: url(/design/default/images/sub/qna_up.png)}
.qna_list > li.on > a .title{color: #333;font-weight: 700;}
.qna_list > li > a .col{display: table-cell;vertical-align: middle;height:58px;box-sizing: border-box}
.qna_list > li > a .type{width: 15%;text-align: center;}
.qna_list > li > a .title{padding:6px 60px 6px 0px;color: #666;}
.qna_list .down{display:none;background: #f8fafc;border-bottom: 1px solid #e1e1e1;line-height: 1.6;}
.qna_list .down .inner{padding: 28px 0 32px 60px;background: #f9f9f9;border-bottom: 1px solid #e1e1e1;line-height: 1.6;}
.qna_list .down .inner p{text-align:left;color: #333;}
.btns{display: inline-block;height: 44px;line-height: 42px;font-size: 15px;color:#005ec2;text-align:center;border: 1px solid #767676;box-sizing: border-box;}
.btns.blue{background: #767676;color: #fff;}
.btns.blue.s{width: 120px;height: 42px;line-height: 40px;}

@media (max-width: 640px){
	.search_zone{margin:0px 0 10px;background: #f6f6f6; border-radius:10px; text-align: center;}
	.search_zone .inner, .search_zone .col{display: block;padding:0;}
	.search_zone .col{height: 30px;}
	.search_zone select{width: 100%;font-size: 14px;padding-left: 10px;background:#ffffff url(/design/default/images/sub/arrow_select.png) no-repeat right 8px top 12px;}
	.search_zone .col:last-child{padding-right: 40px;position: relative;margin-top: 15px;}
	.search_zone input[type='text']{width: 100% !important;font-size: 14px;}
	.search_zone .btns.blue.s{position:absolute;top:0;right:0;width: 42px;font-size: 0;color: transparent;background: #3383de url(/design/default/images/sub/icn_search_w_big.png) no-repeat 50% 50% / 20px 20px;}
	.search_zone.type2 .tit{position:absolute;top:8px;left:0;display:inline-block;padding-left:0px;font-size: 14px;background-image: url(../images/m/contents/icn_search.png);background-size: 17px 17px;}
	.search_zone.type2{margin-bottom: 15px;padding: 15px 20px;}
	.search_zone.type2 .inner{position: relative;}
	.search_zone.type2 .col.has_tit{margin-left:0px;}
	.search_zone.type2 select,
	.search_zone.type2 input[type='text']{height:32px;border:1px solid #e3e3e3;}
	.search_zone.type2 select {width:180px; float:right;}
	.search_zone.type2 .btns.blue.s{width: 32px;height:32px;}
	.search_zone.type2 .col:last-child{margin-top: 11px;padding-right: 34px;}

	.qna_list > li{font-size: 13px; font-weight:300; color: #333;background: url(/design/default/images/sub/icn_q.png) no-repeat 10px 8px;}
	.qna_list > li > a{text-align:left;display: block;width:100%;box-sizing: border-box;padding-left:40px;border-bottom: 1px solid #e1e1e1;background: url(/design/default/images/sub/qna_down.png) no-repeat right 10px top 50%;}
	.qna_list > li > a .col{display: table-cell;vertical-align: middle;height:45px;box-sizing: border-box}
	.qna_list .down .inner{padding: 15px 0 15px 40px;background: #f9f9f9;border-bottom: 1px solid #e1e1e1;line-height: 1.6;}
}