@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.doc-tit {padding-left:30px; margin-bottom:12px; background:url("../images/sub/bullet.png") 0 2px no-repeat; font-family:"Jeju Gothic",sans-serif; color:#000; font-size:20px; font-weight:400; line-height:1.3em; letter-spacing:-.03em;}

.overview {*zoom:1; margin-bottom:50px;}
.overview:after {content:" "; display:block; clear:both;}
.overview .img {float:left;}
.overview .cnt {margin-left:465px;}
.overview .top {font-family:"Jeju Gothic",sans-serif; color:#dcb13c; font-size:30px; line-height:1.25em;}
.overview .top2 {font-family:"Jeju Gothic",sans-serif; color:#000; font-size:26px; line-height:1.25em; margin-bottom:12px;}
.overview .top2 span {color:#9712c1;}
.overview .txt {font-size:13px; line-height:1.6em; margin-bottom:22px;}
.overview .bot {color:#9a572f; font-size:20px; font-weight:700; line-height:1.5em;}

.biz-area {overflow:hidden;}
.biz-area .row {*zoom:1; margin:0 -10px;}
.biz-area .row:after {content:" "; display:block; clear:both;}
.biz-area .col {float:left; width:50%; padding:25px 10px;}
.biz-area .ico {float:left; width:110px; height:110px; border:1px solid #dbdbdb; border-radius:5px; background-position:50% 50%; background-repeat:no-repeat;}
.biz-area .ico.ico1 {background-image:url("../images/sub/biz_icon1.png");}
.biz-area .ico.ico2 {background-image:url("../images/sub/biz_icon2.png");}
.biz-area .ico.ico3 {background-image:url("../images/sub/biz_icon3.png");}
.biz-area .ico.ico4 {background-image:url("../images/sub/biz_icon4.png");}
.biz-area dl {margin-left:133px;}
.biz-area dt {font-size:16px; margin-bottom:6px;}
.biz-area dt strong {color:#000; font-size:20px; line-height:1.2em; margin-right:7px;}
.biz-area dd {font-size:13px; line-height:1.5em;}

#map {width:100%; height:450px; border:1px solid #ddd;}
.location-info {position:relative; padding-left:55px; margin:36px 0 36px 23px; font-size:13px; line-height:1.6em;}
.location-info .ico {position:absolute; top:0; left:0; width:42px; height:42px; background:#9712c1 url("../images/sub/icon_subway.png") 50% 50% no-repeat; border-radius:3px;}

.history-toptext {text-align: center; margin-bottom: 50px;}
.history-toptext .title {font-size: 24px; font-weight: bold;color: #2e2926;}
.history-toptext .title img {width:209px;}
.hislogo-list {display: flex; align-items: center; justify-content: center; padding-top:18px;}
.hislogo-list .image {padding:0 10px; position: relative;}
.hislogo-list .image.margin {margin-bottom: 4px;}
.hislogo-list .image img {vertical-align: middle;}
.hislogo-item:not(:last-child) .image:after {position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 11px; background: #bababa;}

/* .history {padding-left:360px; background:url("../images/sub/history.jpg") 0 0 no-repeat;} */
.history {max-width: 520px; width: 100%; margin: 0 auto;}
.history > div:first-child {border-top:1px solid #e2e2e2}
.history .group {position:relative; padding:11px 0 11px 90px; border-bottom:1px solid #e2e2e2}
.history .group h3 {position:absolute; top:9px; left:0; width:70px; text-align:center; color:#9712c1; font-size:20px; line-height:1.3em; letter-spacing:-.03em;}
.history .group ul li {position:relative; padding:0 0 0 48px; line-height:22px;}
.history .group ul li .month {position:absolute; top:0; left:0; font-weight:700; color:#000;}

.tabwrap {margin-bottom: 50px;}
.tabwrap .tabs {display: flex; justify-content: center; align-items: center; margin: 0 -20px;}
.tabwrap .tabs li a {display: block; padding:0 20px; position: relative; font-size: 20px; font-weight: bold; color: #000;}
.tabwrap .tabs li:not(:last-child) a:after {position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 15px; background: #bababa;}
.tabwrap .tabs li.active a {background-image:linear-gradient(to top, #0150e1, #9001bd 70%); background-clip:text; -webkit-background-clip:text; color:transparent;}

.contest-head {margin-bottom:60px;}
.contest-head h3 {margin-bottom:40px; font-family:"Jeju Gothic",sans-serif; color:#000; font-size:24px; font-weight:400;line-height:1.25em;}
.contest-head p {font-size:18px; line-height:1.6em;}

.contest-winner {text-align:center; border-top:2px solid #30426a; margin-top:20px; margin-bottom:80px;}
.contest-winner:last-child {margin-bottom:0;}
.contest-winner .row {margin:0 -10px; padding:28px 0;}
.contest-winner .row:after {content:""; display:block; clear:both;}
.contest-winner .col {float:left; padding:0 10px;}
.contest-winner .col ul li {font-size:14px; font-weight:700;}
.contest-winner .col ul li .thumb {margin-bottom:15px;}
.contest-winner .col ul li a {display:block;}
.contest-winner .col.col-1 {width:50%;}
.contest-winner .col.col-2 {width:100%;}
.contest-winner .col.col-2 ul {margin:0 -10px;}
.contest-winner .col.col-2 ul:after {content:""; display:block; clear:both;}
.contest-winner .col.col-2 ul li {float:left; width:50%; padding:0 10px;}
.contest-winner .tit {color:#30426a; font-size:33px; font-weight:700; line-height:1.3em; margin-bottom:24px;}
.contest-winner .tit img {vertical-align:middle;}
.contest-winner .tit span {display:inline-block; border-bottom:2px solid #30426a; margin-right:30px;}
.contest-winner .txt {color:#30426a; font-size:15px; line-height:1.3em; text-align:right; margin-bottom:8px; margin-top:-20px;}

/* 250922 */
.aboutwrap {text-align: center;max-width: 630px; width: 100%; margin: 0 auto;}
.aboutwrap .sub1_1 .tit {font-size:20px;color:#000; font-weight: 400;font-family:'NanumBarunGothic'; }
.aboutwrap .sub1_1 .position {display: inline-block; position: relative;}
.aboutwrap .sub1_1 .bottom {position: absolute; left: 0; bottom: -20px; font-size:10px; color: #898989;}
.aboutwrap .sub1_1 .dec {padding:35px 0 40px; font-size: 16px; color: #636363; line-height:1.3;font-weight: 400;}
.aboutwrap .sub1-line {margin: 30px 0;}
.aboutwrap .flxWrap {display: flex; align-items: center; letter-spacing:-0.5px;}
.aboutwrap .sub1_2 .leftbx {margin-right: 15px; font-size:32px; font-weight: 500; color: #000; font-family:'GmarketSans'; line-height: 1.2;}
.aboutwrap .sub1_2 .rightbx {text-align: left;color: #636363; font-size: 13px; line-height: 1.3}
.aboutwrap .sub1_2 .dec {padding: 14px 0 25px;color: #636363; font-size: 13px;font-family:'NanumBarunGothic';font-weight: 700;}

.about-hero {display:flex; align-items: center; justify-content: flex-end; height:270px; margin-bottom:50px; padding:0 70px; background:url('/images/sub/about-hero.jpg') 50% 50%/cover no-repeat;}
.about-hero p {font-family:'JoseonLogo',sans-serif; font-size: 31px; line-height:1.2; font-weight:400; color: #fff; text-align:right;}
.about-hero p strong {font-size: 46px; font-weight:400;}

.about-content {text-align: center;max-width: 630px; width: 100%; margin: 0 auto;}
.about-content .tit {font-size:20px;color:#000; font-weight: 400;font-family:'NanumBarunGothic'; }
.about-content .position {display: inline-block; position: relative;}
.about-content .bottom {position: absolute; left: 0; bottom: -20px; font-size:10px; color: #898989;}
.about-content .dec {padding:35px 0 40px; font-size: 16px; color: #636363; line-height:1.3;font-weight: 400;}

.about-line {position:relative; margin:40px auto; width:100%; max-width:640px; height:1px; background:#000;}
.about-line:before,
.about-line:after {content:''; position:absolute; top:-4px; width:9px; height:9px; border-radius:100%; background:#000;}
.about-line:before {left:0;}
.about-line:after {right:0;}

.about-vision {max-width: 630px; width: 100%; margin: 0 auto 50px;}
.about-vision:last-child {margin-bottom:0;}
.about-vision h2 {margin-bottom:15px; font-size:32px; font-weight: 500; color: #000; font-family:'GmarketSans'; line-height: 1.2;}
.about-vision .txt1 {margin:0 0 15px 40px; color: #636363; font-size: 13px; line-height: 1.5; font-family:'NanumBarunGothic';}
.about-vision .txt2 {margin:0 0 0 30px; font-weight:700; color: #636363; font-size: 13px; line-height: 1.5; font-family:'NanumBarunGothic';}