@charset "utf-8";

.sub-tab {text-align:center; margin-bottom:70px; margin-top:-40px;}
.sub-tab ul {display:flex; justify-content:center; width:100%; max-width:620px; margin:0 auto; border:2px solid #cccccc; border-radius:40px;}
.sub-tab ul li {position:relative; padding:0 24px;}
.sub-tab ul li:before {content:""; position:absolute; top:50%; left:0; width:1px; height:14px; background:#6e6e6e; margin-top:-7px;}
.sub-tab ul li:first-child::before {display:none;}
.sub-tab ul li a {display:block; color:#000; font-size:18px; font-weight:700; line-height:52px; letter-spacing:-.03em;}
.sub-tab ul li a:hover,
.sub-tab ul li.active a {color:#1c85e6}

.text-large {font-size:18px; line-height:1.667em;}

.doc-tit {padding-left:35px; margin-bottom:40px; color:#000; font-size:26px; line-height:1.3em; background:url("../images/sub/bullet.png") 0 6px no-repeat;}

.doc-sub-tit {padding-left:30px; margin-bottom:12px; color:#000; font-size:20px; line-height:1.3em; background:url("../images/sub/bullet2.png") 0 5px no-repeat;}

.doc-cnt {margin-bottom:100px; color:#555; font-weight:300;}
.doc-cnt:last-child {margin-bottom:0;}

.doc-sub-cnt {margin-bottom:50px; color:#555; font-weight:300;}
.doc-sub-cnt:last-child {margin-bottom:0;}

.dot-list > li {position:relative; padding-left:20px;}
.dot-list > li:before {content:"·"; position:absolute; top:0; left:0; font-size:24px;}

.greetings {color:#555;}
.greetings .tit {font-size:26px; font-weight:500; line-height:1.4em; margin-bottom:40px;}
.greetings .cnt {overflow:hidden; font-size:18px; line-height:1.667em; font-weight:300;}
.greetings .cnt .pic {float:right; width:45%; max-width:527px; margin:0 0 30px 30px;}
.greetings .sign {margin-top:20px; color:#000; font-size:20px;}
.greetings .sign span {margin-left:5px;}

.history {border-top:1px solid #eaeaea; color:#555; font-size:18px; font-weight:300; line-height:1.7em;}
.history .group {overflow:hidden; padding:39px 0; border-bottom:1px solid #eaeaea;}
.history .year {float:left; width:238px; height:69px; padding:0 0 0 49px; color:#fff; font-size:30px; font-weight:700; line-height:69px; background:#7dc0ff url("../images/sub/his_tit_bg.png") 110% 50% no-repeat; border-radius:40px;}
.history .cnt {position:relative; min-height:126px; margin-left:297px; padding:20px 0 0 47px;}
.history .cnt:before {content:""; position:absolute; top:35px; left:0; bottom:0; width:1px; background:#e0e0e0;}
.history .cnt:after {content:""; position:absolute; top:28px; left:-5px; width:12px; height:12px; background:#c3c3c3; border-radius:100%;}
.history .cnt .tt {color:#000; font-size:20px; font-weight:700; margin-bottom:15px;}
.history .cnt ul li {position:relative; padding-left:18px; margin-bottom:4px;}
.history .cnt ul li:before {content:"·"; position:absolute; top:0; left:0;}
.history .group:first-child .year {background-color:#1c85e6}
.history .group:first-child .cnt:after {background:#88c63b}

.rules {color:#555; line-height:1.875em; font-weight:300;}
.rules h3 {display:inline-block; margin:30px 0 38px; padding:0 40px 0 55px; color:#fff; font-size:26px; line-height:52px; letter-spacing:-.03em; background:#1c85e6 url("../images/sub/tit_bul.png") 23px 50% no-repeat; border-radius:30px;}
.rules h3:first-child {margin-top:0;}
.rules .group {margin:0 0 40px 18px;}
.rules .heading {display:inline-block; font-size:26px; color:#000; line-height:1.4em; padding-bottom:3px; border-bottom:2px solid #000;}
.rules .tit {font-size:20px; color:#000; line-height:1.4em; margin-bottom:10px; margin-left:-5px;}
.rules .ol-type > li {position:relative; padding-left:30px;}
.rules .ol-type > li > .num {position:absolute; top:0; left:0; color:#000;}
.rules .ol-type > li .ol-type2 {margin-left:-30px;}
.rules .ol-type2 > li {position:relative; padding-left:21px; margin-left:8px;}
.rules .ol-type2 > li > .num {position:absolute; top:0; left:0; color:#000;}

.root_daum_roughmap {width:100% !important;}

.location-info {display:flex; flex-wrap:wrap; justify-content:center; margin-top:60px; color:#555; font-size:18px; font-weight:300; line-height:1.5em;}
.location-info .col {position:relative; padding-left:60px; margin:0 4%;}
.location-info .icon {position:absolute; top:4px; left:0;}
.location-info dt {font-family:'NanumSquare',sans-serif; font-size:20px; font-weight:800; color:#000;}
.location-info dd span {margin-right:15px;}

.job-intro {display:flex;}
.job-intro .img {width:321px; border-right:1px solid #d5d5d5; margin-right:34px;}
.job-intro .cnt {flex:1 1 auto; min-width:0; width:1%; text-align:justify;}
.job-intro .tt {color:#000; font-size:20px;}

.job-content {padding:30px; margin-top:60px; background:#f7f7f7; border-radius:10px;}
.job-content h4 {display:inline-block; margin:47px 0 17px; padding:0 38px 0 21px; color:#fff; font-size:22px; line-height:49px; letter-spacing:-.03em; background:#1c85e6; border-radius:30px;}
.job-content h4:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 10px 0 0; width:5px; height:5px; background:#fff; border-radius:100%;}
.job-content h4:first-child {margin-top:0;}

.job-box {padding:21px 30px; margin-top:20px; min-height:250px; border:1px solid #ccc; border-radius:10px; background-position:100% 50%; background-repeat:no-repeat; background-size:cover;}
.job-box.bg1 {background-image:url("../images/sub/box_bg1.jpg");}
.job-box.bg2 {background-image:url("../images/sub/box_bg2.jpg");}
.job-box.bg3 {background-image:url("../images/sub/box_bg3.jpg");}
.job-box.bg4 {background-image:url("../images/sub/box_bg4.jpg");}
.job-box.bg5 {background-image:url("../images/sub/box_bg5.jpg");}

.job-box2 {padding:44px 50px; min-height:364px; color:#fff; font-weight:200;; border-radius:10px; background:url("../images/sub/box_bg5.jpg") 100% 50% no-repeat; background-size:cover;}
.job-box2 .inner {width:70%; max-width:700px}

.join-tit {font-size:18px; font-weight:500; letter-spacing:0; color:#555; line-height:1.833em; text-align:center; margin-bottom:90px;}
.join-tit span {font-size:26px; color:#174498; font-weight:700;}
.join-tit span strong {color:#555; font-weight:500;}

.join-flex ul {display:flex; margin:0 -50px; justify-content:center;}
.join-flex ul li {padding:0 50px;}

.product-detail {background:#f9f9f9; padding:65px 30px; margin-bottom:60px; border-top:1px solid #868686; border-bottom:1px solid #868686;}
.product-detail .inquiry-box {width:100%; max-width:760px; margin:0 auto;}
.product-detail .inquiry-box .txt {font-size:14px; color:#454545; font-weight:400; letter-spacing:-.03em; line-height:1.3em;}
.product-detail .inquiry-box .txt span img {vertical-align:baseline; margin-right:5px;}
.product-detail .inquiry-box .lg-tit {font-family:'pretendard'; font-size:18px; color:#242424; font-weight:700; letter-spacing:-.03em; line-height:1.3em;}
.product-detail .inquiry-box .guide-list {margin-bottom:40px;}
.product-detail .inquiry-box .guide-list ul {display:flex; flex-wrap:wrap; margin-left:-90px;}
.product-detail .inquiry-box .guide-list ul li {width:calc(50% - 90px); margin-left:90px; margin-bottom:15px;}
.product-detail .inquiry-box .guide-list ul li:nth-child(-n+2) {margin-bottom:30px;}
.product-detail .inquiry-box .guide-list ul li:nth-child(2) {text-align:right;}
.product-detail .inquiry-box .guide-list ul li .input {font-family:'pretendard'; letter-spacing:0; height:34px; font-size:14px; color:#898989; font-weight:400;}
.product-detail .inquiry-box .guide-list ul li label {display:block; font-size:15px; color:#151515; font-weight:500; letter-spacing:0; margin-bottom:5px;}
.product-detail .inquiry-box .guide-list ul li label img {vertical-align:baseline; margin-right:5px;}
.product-detail .inquiry-box .guide-list ul li label span {color:#ec6606;}
.product-detail .inquiry-box .check {}
.product-detail .inquiry-box .checkbox label {color:#505050; font-family:'pretendard';}
.product-detail .inquiry-box .check .pop_privacy {color:#505050; font-size:13px; border:1px solid #ddd; text-align:center; background:#fff; padding:3px 7px; margin-left:15px;}
.product-detail .inquiry-box .buttons {margin-bottom:0;}

.buttons-flex .btn-pack {}
.buttons-flex .btn-pack.large {min-width:150px;}
.buttons-flex .btn-pack.focus {background:#1c85e6; border:1px solid #1c85e6;}

