@charset "utf-8";

#mainSection {width:100%; height:auto; position:relative; background:#f5f7f8; padding-bottom:50px; font-size:12px; }
#mainSection h3 {font-size:16px; font-weight:500; font-family: 'NotoSansKR-Light-Hestia';  color:#333 }
.policyArea {width:100%; text-align:center; max-width:1080px; background:url('/new/img/member/bg_join.jpg') right bottom no-repeat; background-color:#FFF; padding-bottom:120px; padding-top:80px; border:solid 1px #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
.policyArea .policy {text-align:left; overflow-y:scroll; margin:0 auto; width:100%; max-width:760px; height:599px; font-size:14px; line-height:30px; background:#FFF; padding:20px; border:solid 1px #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
.policyTit {font-size:38px; font-family:'NotoSansKR-Regular-Hestia'; letter-spacing:-3px;}
.policySub {font-size:16px; margin-top:25px; color:#555555; margin-bottom:70px;}
#mainSection .intro {width:100%; height:auto; min-height:2073px; position:relative; z-index:1; background:url('/new/img/etc/bak_intro2.jpg') 50% bottom no-repeat;  background-color:#FFF; background-size:100%;}
.introTit {font-size:38px; color:#FFF; font-family:'NotoSansKR-Regular-Hestia'; text-align:center; width:100%;}
.introTit2 {font-size:38px; color:#006cb8; font-family:'NotoSansKR-Regular-Hestia'; text-align:center; width:100%;}
.introTxt {font-size:16px; color:#adcfe7; line-height:25px; width:100%; padding:25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; text-align:justify;}
.introTxt2 {font-size:16px; color:#555555; line-height:25px; width:100%; padding:25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; text-align:justify;}
.introTxt span {color:#fff;}
.story {margin:0 auto; text-align:center; margin-bottom:5px;}
.introBak {position:absolute; width:100%; max-width:1078px; height:702px; z-index:2; left:1px; top:13px;}
.introBak img {width:100%;}
.introBak .bakImg {position:relative; z-index:3;}
.introBak .topArea {width:100%; height:0px; background:#006cb8;}
.boxList {width:100%; margin:0 auto; top:-25px;}
.boxList ul {width:100%; max-width:935px; height:704px; margin:0 auto; border:solid 1px #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
.boxList li {padding:20px; float:left; text-align:left; width:100%; max-width:311px; height:351px; border:solid 1px #dddddd; background:#FFF; margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
.boxList li:first-child {font-size:36px; line-height:44px; font-family:'NotoSansKR-Regular-Hestia'; background:#f5f7f8; letter-spacing:-3px; color:#333333; padding-top:65px;}
.blue {color:#006cb8;}
.introArea {position:relative; max-width:1080px; width:100%; height:auto; margin:0 auto; background:#FFF; border:solid 1px #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.archiTxt {position:absolute; width:100%; height:auto; padding-top:50px;}
.archiTxt_bak {width:100%; max-width:1078px; height:auto;}
.introTopBox {position:relative; width:100%; height:auto; max-height:702px;}
.introList {width:927px; height:auto;margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top:30px;}
.listBox {float:left; width:309px; height:310px; padding:20px; border:solid 1px #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.listBox2 {background:#f5f7f8; float:left; width:309px; font-size:36px; font-family:'NotoSansKR-Regular-Hestia'; line-height:40px; height:310px; padding:20px; border:solid 1px #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


/* 앱다운 */
.appArea {width:100%; text-align:center; max-width:1080px; background-color:#FFF; padding:80px 20px 120px 20px; border:solid 1px #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
.appArea .appBtnBox {width:100%; height:100px; max-width:440px; margin:0 auto; text-align:center;}
.appArea .appBtnBox .appBtn {float:left; width:210px; height:53px; border:solid 2px #006cb8; text-align:center; color:#006cb8; line-height:49px; font-size:16px; font-weight:600; margin:0 auto; margin-top:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
.appArea .appBtnBox .appBtn:hover {background:#006cb8; color:#FFF;}

/* 시스템소개 */
.systemTab {width:100%; height:71px; margin-bottom:50px;}
.systemTab li {float:left; width:25%; height:38px; border:solid 1px #dddddd; background:#f5f7f8; margin-top:33px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; text-align:center; line-height:38px; font-size:14px; font-weight:600; color:#555555; margin-right:-1px;}
.systemTab li:hover {background:#006cb8; border:solid 1px #006cb8; color:#FFF;}
.systemSub {text-align:center; height:auto;}
.systemSub:after {content:""; display:block; clear:both;}
.systemTab:after {content:""; display:block; clear:both;} 
.systemSub .system01-1 {width:100%; max-width:515px;}
.systemSub .system02-1 {width:100%; max-width:357px; margin-bottom:30px;}
.systemSub .system03-1 {width:100%; max-width:356px; margin-bottom:30px;}
.systemSub .system04-1 {width:100%; max-width:675px; margin-bottom:30px;}
.systemSub .systemTit {width:auto; position:relative; top:26px; height:39px; font-size:28px; font-family:'NotoSansKR-Regular-Hestia'; color:#006cb8; letter-spacing:-3px; text-align:center; margin:0 auto;}
.systemSub .systemTit span {background:#FFF;}
.systemSub .systemTxt {padding:10px; width:100%; line-height:20px; max-width:558px; height:73px; border:solid 2px #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:14px; color:#555555; font-weight:600; padding-top:25px; letter-spacing:-1px; margin:0 auto;}
.system02UL {border:solid 1px #DDDDDD; border-top:none; height:125px; padding-top:20px;}
.system02UL span {color:#006cb8; font-weight:600;}
.system02UL .pink {color:#ff1e54; font-weight:600;}
.system02UL:after {content:""; display:block; clear:both;}
.system02UL li {list-style-image:url('/new/img/system/img_dot.png'); list-style-position:inside; line-height:18px; text-align:left; height:auto; min-height:40px; font-size:14px; padding:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.system02_content {float:left; width:50%; height:195px;}
.system02_content .system02Tit {font-size:16px; height:47px; background:#006cb8; line-height:47px; color:#FFF; font-weight:600;}
.system02Tit2 {width:100%; height:47px; background:#006cb8; clear:both; line-height:47px; font-size:16px; font-weight:600; color:#FFF; margin-top:50px;}
.system02Table {width:100%; height:47px; border:solid 1px #DDDDDD; border-top:none;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; text-align:left; font-size:14px;}
.system02Table .tableTit {float:left; width:25%; height:100%; background:#f5f6f8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; line-height:47px; padding-left:10px; font-weight:600;}
.system02Table .tableTxt {float:left; width:75%; height:100%; border-left:solid 1px #DDDDDD; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; padding-top:15px; padding-left:10px;}
.system02_box1:after {content:""; display:block; clear:both;}
.system02_box2 {width:100%; margin-top:15px; margin-bottom:30px;}
.APPdown {margin:40px 0px 30px 0px;}
.APPdownList li {padding:20px 10px 0 10px; width:100%; line-height:20px; max-width:558px; height:73px; border:solid 2px #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:14px; color:#555555; font-weight:600; letter-spacing:-1px; margin:0 auto; margin-bottom:20px;}
.APPdownList span {color:#006cb8}
.systemIntroTit {width:100%; font-size:24px; margin-bottom:20px; font-family:'NotoSansKR-Regular-Hestia'; letter-spacing:-2.5px; float:left; text-align:center;}
.systemIntroTit span {color:#006cb8;}
.systemIntroTxt {font-size:14px; line-height:24px; text-align:justify; color:#555555;}
.systemIntroImg {width:100%; max-width:675px; margin-bottom:15px;}
.overview_tit {border-bottom:solid 2px #006cb8; height:30px; font-size:16px; font-weight:600;}
.overview_txt {font-size:14px; margin-top:10px; text-align:justify; line-height:22px; letter-spacing:-1px;}
.overview {width:100%; margin-top:10px;}
.overview li {width:33%; float:left; border-left:solid 1px #DDDDDD; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
.PADD1 {padding:0 10px 0 0;}
.PADD2 {padding:0 10px;}
.PADD3 {padding:0 0 0 10px;}
.overview li:first-child {border-left:none;}
.example {clear:both; margin:0 auto; text-align:center; width:100%; max-width:520px; height:auto;}
.example_tit {width:100%; height:30px; font-size:16px; font-weight:600; padding-top:40px;}
.example ul {margin:0 auto;}
.example li {float:left; text-align:left; line-height:16px; max-width:50%; margin-bottom:15px; padding:3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.example img {width:100%; max-width:166px}

/* 아키타임즈 소개 */
.companyTit {font-size:30px; font-family:'NotoSansKR-Regular-Hestia'; color:#555555;}
.companyTit2 {font-size:30px; margin-top:20px; font-family:'NotoSansKR-Regular-Hestia'; color:#555555;}
.topLine {margin-top:20px; height:38px;}
.txtLine {margin-top:10px; height:38px; clear:both;}
.txtLine2 {margin-top:10px; height:20px; clear:both;}
.companyTxt_img {float:left; width:10px; margin-top:2px;}
.companyTxt_img img {width:5px;}
.companyTxt {float:left; width:95%; font-size:14px; line-height:21px;}


.companyList_txt {list-style-image:url('/new/img/system/img_dot.png'); list-style-position:inside; border:none;}


/* 광고정책 */
#mainSection #joinArea {width:1080px; min-height:auto; margin:0 auto; position:relative; padding-top:8px; }
#mainSection #joinArea .join { width:1080px; background-color:#fff; min-height:auto; padding-bottom:50px; }
#mainSection #joinArea .tit {text-align:center; padding-top:80px;}
#mainSection #joinArea .tit h3 {font-size:38px; font-family: 'NotoSansKR-Regular-Hestia'; font-weight:500}
#mainSection #joinArea .guide {font-size:16px; text-align:center; padding-top:30px; color:#555; }
.ad_cont {margin-top:50px; height:auto; overflow:hidden;}
.ad_cont center {font-size:26px; line-height:60px; color:#333}
.ad_cont .ad_1_g {width:763px; height:auto; margin:0 auto; display:inline-block; margin-top:10px; margin-bottom:30px;   line-height:20px;  font-size:13px;}
.ad_cont .ad_1_g div {width:50%; float:right; }
.ad_cont .ad_1_g span {color:#006cb8}
.ad_cont table {clear:both; width:95%; margin:0 auto; padding-top:30px;}
.ad_cont table th {border-top:1px solid #ddd; width:10%; background:#f5f7f8; border-bottom:1px solid #ddd;  border-right:1px solid #ddd; height:40px}
.ad_cont table th:first-child {border-left:1px solid #ddd}
.ad_cont table td {text-align:center; border-bottom:1px solid #ddd;  border-right:1px solid #ddd; height:35px}
.ad_cont table td:first-child {border-left:1px solid #ddd}
.ad_cont .ad_2_g {width:95%; height:auto; margin:0 auto; display:inline-block; text-align:left; margin-top:10px; margin-bottom:30px;   line-height:20px;  font-size:13px;}
.ad_cont ul {width:95%; margin:0 auto; }
.ad_cont ul li {float:left; font-size:14px; width:16.5%; cursor:pointer; background:#f5f7f8; height:40px; line-height:40px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.ad_cont ul li:first-child {border-left:1px solid #ddd;}
.ad_cont ul li a{display:block; width:100%; height:100%;}
.ad_cont ul li:hover {background:#006cb8; color:#fff}
.ad_cont ul li:hover a {background:#006cb8; color:#fff}
.ad_cont .ad_g {clear:both;padding-top:30px;}
.ad_cont ul .over {background:#006cb8; color:#fff}
.ad_cont ul .over a {color:#fff}

@media all and (max-width:935px){
.boxList li {max-width:none;}
.introFake_top {width:100%; height:220px; background:#006cb8;}
.introTxt {padding-top:15px;}
.companyTable li {width:100%;}
.introList {padding:0 20px; width:100%;}
.listBox {width:100%; margin-top:10px;}
.listBox2 {width:100%; margin-top:10px; height:190px}
}

@media all and (max-width:800px){
.introBak .topArea {width:100%; height:220px; background:#006cb8;}
.boxList li {max-width:none;}
.policyArea {width:100%; padding-bottom:60px; padding-top:40px;}
.policyArea .policy {width:85%; height:300px; line-height:22px; padding:15px;}
.policySub {margin-top:15px; margin-bottom:30px;}
.appArea { padding-top:40px;}
.archiTxt {padding-top:30px;}
}

@media all and (max-width:600px){
.story {display:inline; text-align:justify;}
.boxList li {max-width:none;}
.appArea .appBtnBox .appBtn {width:100%;}
}