@charset "utf-8";
/* 파랑 003876 / 밝은파랑 00a4e4 / 붉은색  ee3a43 / 노랑 ffc240
상단색상 : 1 파랑 - 01428a / 2 빨강 - 8a0142 / 3 초록 - 018a04 / 4 노랑 - e9a617 / 5 쑥색 - 868a01 */
.fcpoint{color:#ba3364 !important;} .fcorange{color:#ff6600 !important;} .fcred{color:#f00 !important;} .fcblue{color:#1058c4/*237ec9*/ !important;/*0059a9*/} .fc999{color:#999 !important;} .fcfff{color:#fff !important;} 
.fcmain{color:#1058c4/*046cc4/005348*/;}             .fcmain-m{color:#02843c;}             .fcmain-l{color:#58b35b;}

.bgcmain{background-color:#046cc4 /*1058c4/005348*/;} .bgcmain_sub1{background-color:#88b2df;}/*엷은파랑*/
.bgcblue{background-color:#e7f3ff;}

.bgcmain-m{background-color:#207e71;} .bgcmain-l{background-color:#6fc8bc;}
.bgcpoint{background-color::#fe7f0a !important;}/*주홍*/ .bgcred{background-color::#f00 !important;} .--bgcblue{background-color:#0059a9 !important;}  

/*화면크기: 320 360 375 384 400 414 480 512 533 568 600 640 667 736 768 800 */
h3.long-txt, h4.long-txt, h5.long-txt, h6.long-txt, .h3.long-txt, .h4.long-txt, .h5.long-txt, .h6.long-txt{line-height:1.4;}
h3, .h3{font-size:32px; margin-top:32px;} 
h4, .h4{font-size:25px; margin:25px 0;} 
h5, .h5{font-size:21px; margin-top:21px;} 
h6, .h6{font-size:18px; margin-top:18px; line-height:1.3;} 
h3:first-child, h4:first-child, h5:first-child, h6:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child{margin-top:0 !important;}
h4 .small,h5 .small,h6 .small,.h4 .small,.h5 .small,.h6 .small{font-size:70%; font-weight:400;}
h3 .small,.h3 .small{font-size:65%; line-height:1.1 !important; color:#999;}
h3.title{margin-bottom:40px; padding-left:40px; background:url(/img/common/ajou-mark.png) no-repeat left top;}
.community h3.title{margin-bottom:20px;}
h3.plus{float:left; margin-right:15px;}
.plusCon{float:left; font-size:0.86rem; line-height:1.1 !important; margin-bottom:20px;}
strong, .b{font-weight:500;}
.pwrap p{margin-bottom:1rem; text-align:justify;} /*내용편집시 사용*/

@media screen and (max-width:800px){
	h3.title{margin-bottom:30px;}
	.pwrap p{margin-bottom:1rem /*15px*/;}
	h6, .h6{font-size:20px; line-height:1.4;} 
}
@media screen and (max-width:640px){
	h3.plus{float:none;}
	.plusCon{display:none;}
}
@media screen and (max-width:414px){
	h3 .small,h4 .small,h5 .small,h6 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{display:none;}
}

/*p, div, dl, dt, dd{word-break:break-all;} 영문일 경우 word-break*/
a{text-decoration:none; color:#555;}
a:link, a:visited, a:action{text-decoration:none; outline:0;}
a:hover, a:active, a:focus{text-decoration:none; color: #03C;/*text-decoration:underline; color:#55aaea;*/}
.link-S:after{content:url(/img/common/newwindow-S.png); margin-left:4px;}
.link-LW:after{content:url(/img/common/newwindow-LW.png); margin-left:10px;}
.link-L:after{content:url(/img/common/newwindow-L.png); margin-left:10px;}
small, .small, .fs13{font-size:0.86rem; line-height:1.4;}
.fslarge{font-size:16.5px; font-weight:500;}
em{color:#6e91c6;}

/* list style */
/* 검은네모:\ffed/ 흰둥근원:\ffee/ 검은둥근원:\26AB > \2022/ 세모(우측):\2023/ */
/*공통 - thumbnail 이미지처리 */ /**/
.thumbnail img{position:absolute; top:0; left:0;}
.thumbnail img.landscape{width:auto; max-width:none; height:100%;} /*이미지 중앙부분 가져오기; 가로큰것 */
.thumbnail img.portrait{width:100%; max-width:none; height:auto;} /*이미지 중앙부분 가져오기; 세로큰것 */
.thumbnail .centered img{-webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}

ul.dot, dl.dot{overflow:hidden; display:block;}
dl.dot, h6.title{margin-top:30px;}
h6.title:first-child{margin-top:0;}
ul.dot li, dl.dot dd, p.dot{padding-left:0.82rem; text-indent:-0.6rem; margin-top:5px; line-height:1.4;}
ul.dot li:before, dl.dot dd:before, p.dot:before{content:"\2022"; padding-right:5px; color:#999;}
dl.dot dt, h6.title{margin-bottom:8px; font-size:1.2rem; font-weight:500; line-height:1.7; border-bottom:1px #ccc dotted;}
dl.dot dt.noline{border-bottom:none;}
.icon-title{font-size:1.2rem; font-weight:500;}
h6.noline{border-bottom:0px #ccc dashed;}
.pushleft li, .pushleft dd, .pushleft p, .pushleft{margin-left:20px;}
.pushleft .dot li, .pushleft .dot dd{margin-left:15px;}

dl.dot dt span.icon, h6.title span.icon, .icon-title{color:#eecc8f; margin-right:8px; font-size:100%;}
dl.dot dt span.icon:before, h6.title span.icon:before, .icon-title:before{content:"\26AB";}
ul.hantxt20 li,p.hantxt20{padding-left:1.35rem; text-indent:-1.35rem; margin-top:5px; line-height:1.4;}
ul.hantxt15 li,p.hantxt15{padding-left:1.14rem; text-indent:-1.14rem; margin-top:5px; line-height:1.4;} /*1.14rem=16px / 0.36rem=5px / 0.82rem=11px */
ul.hantxt10 li,p.hantxt10{padding-left:0.82rem; text-indent:-0.82rem; margin-top:5px; line-height:1.4;}


/* ABOUT COMPANY> 회사연혁 ============================================== */
.history{padding-top:10px; margin-top:50px;}
.history section{position:relative; padding:20px 0 8% 250px; min-height:150px; background:url(/img/content/bg_line_y.jpg) 256px center repeat-y;}
.history section:last-child{padding-bottom:0;}
.history section .year-h{position:absolute; left:50px; top:-3px; width:130px; height:130px; border-radius:130px; margin:0 20% 5% 0; color:#fff; background:rgba(122,0,57,0.7)/*(0,152,152,0.7) #009898 rgba(122,0,57,0.6) #7a0039*/;} 
.history section:nth-child(even) .year-h{background:#aaa;}
.history section .year-h span{display:block; color:#fff; font-size:28px; font-weight:bold; text-align:center; margin-top:50px;}
.history section .year-h span span.small{display:inline-block; font-size:0.65em; margin-top:0;}
.history section ul{margin-top:-30px;}
.history section ul li{margin:8px 0 15px;}
.history section ul .year{display:block; color:#333; font-size:18px; font-weight:bold; padding-left:25px; background:url(/img/content/bul.png) 0 3px no-repeat;}
.history section ul p{padding-left:25px; margin-top:0; line-height:1.4;}
.history .suprise-word{display:none;}
@media screen and (max-width:736px){
	.history section{padding:20px 0 8% 170px; background-position:176px center;}
	.history section .year-h{left:5px;}
	}
@media screen and (max-width:533px){
	.history{padding-top:0px; margin-top:0px;}
	.history section{padding:0 0 15px 41px; min-height:100%; background-position:48px center;}
	.history section .year-h{position:static; width:100px; height:100px; border-radius:70px; margin:0 0 0 -41px; background:rgba(122,0,57,0.8)}
	.history section .year-h span{font-size:22px; margin-top:0; padding-top:23px;}
	.history section ul{margin-top:0;}
}

/* 오시는길 ============================================== */
#map{border:1px solid #dfdfdf;}
.map-con{margin-top:10px; overflow:hidden;}
.map-con .cel01{float:left;}
.map-con .cel02{float:right;}
@media screen and (max-width:800px){
	.map-con .cel02{display:none;}
}
h4.tit-way{ font-size:1.2rem; margin-bottom:8px;}
h4.tit-way span.icon{color:#ddaf5c; margin-right:8px; font-weight:bold; font-size:120%;}
.tabWay{border-top:2px solid #919191;}
.tabWay th, .tabWay td{padding:4px 8px; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; font-size:95%; line-height:1.7;}
.tabWay th{background:#f8f8f8; font-weight:400; text-align:left;}
.tabWay th.noback{background:none;}
.tabWay th.padL10{padding:4px 0 4px 10px;}
.tabWay td{}
.tabWay th:last-child, .tabWay td:last-child{border-right:0px solid #dedede;}

/* 비즈니스(pdf) ============================================== */
.pdf_view{}
.pdf_btn{border-top:2px solid #043168;}
.pdf_btn ul:after{content:''; display:block; clear:both;}
.pdf_btn li{float:left; position:relative; width:25%; height:80px; border-bottom:1px solid #d4dce5;border-left:1px solid #d4dce5; padding:30px 0 0 100px; font-weight:400; text-align:left; line-height:1;}
.pdf_btn li.li02{width:50%;}
.pdf_btn li:first-child{border-left:none;}
.pdf_btn li.readonly{background-color: #f8f8f8;color: #929fae;}
.pdf_btn li a{position:absolute; top:0; left:0; right:0; bottom:0;z-index:1;}
.pdf_btn li.readonly a{pointer-events: none;cursor: default;}
.pdf_btn li i{position:absolute; top:10px; left:30px; width:60px; height:60px; border-radius:50%;background:#f5a700 url(/img/content/pdf-icon.png); margin-right:1em;}
.pdf_btn li.li01 i{ }
.pdf_btn li.li02 i{background-position:-60px 0; background-color:#0f66ae;}
.pdf_btn li.li03 i{background-position:-120px 0;background-color:#929fae;}
.pdf_btn li.li01:hover i{background-color:#ed9700;}
.pdf_btn li.li02:hover i{background-color:#0259a1;}
.pdf_btn li.li03:hover i{background-color:#6d7b8a;}
.pdf_btn li.readonly i{background-color: #929fae !important;}
@media screen and (max-width:800px){
	.pdf_btn li,.pdf_btn li.li02{width:100%; border-left:none;}
	.pdf_btn li i{display:block; margin:0 auto 10px;width: 50px;height: 50px;}
    .pdf_btn li.li01 i{ background-position:-5px -4px;}
    .pdf_btn li.li02 i{ background-position:-65px -4px;}
    .pdf_btn li.li03 i{ background-position:-125px -4px;}
}
@media screen and (max-width:533px){
	.pdf_view{display:none;}
}


/* 회원가입:약관:join.asp // 입점문의 개인정보이용 동의 cooperator_w.asp  ==================================================  */
h4.member{font-size:1.4rem; color:#b83215; letter-spacing:-1px; margin-top:30px; padding:12px 0 8px 0px;}
h4.member.first{margin-top:0;}
.box-policy{overflow:hidden; padding:10px 15px; background-color:#f8f8f8; border:1px solid #dfdfdf; margin-top:10px;}
.box-policy div{overflow:auto; height:100px; font-size:.95rem;}
.box-policy h5{font-size:1.1rem; margin-top:25px; padding:0;}
.box-policy h6{font-size:1rem; margin-top:15px; padding:0;}
.box-policy p,.box-policy ul {margin:10px 0;}
.box-policy h5.first,.box-policy h6.first,.box-policy p.first,.box-policy ul.first{margin-top:0;}
.box-policy ul li{padding:0 0 0 25px;background:none;}
.policy-agree{margin:10px 0; text-align:right;}
.policy-agree input{margin:0 5px 0 10px}
.btn-area{margin-top:15px; text-align:right; overflow:hidden;}

/*개인정보처리방침: policy.asp*/
.box-policy2{overflow:hidden; padding:10px 15px;}
.box-policy2 h5{font-size:1.3rem; margin-top:25px; padding:0; font-weight:bold;}
.box-policy2 h6{font-size:1rem; margin-top:15px; padding:0; font-weight:bold;}
.box-policy2 p,.box-policy ul {margin:10px 0;}
.box-policy2 ul li{padding:0 0 0 25px;background:none;}


/*탭메뉴 제목요소 ============================================== */
.tabs{}
.tab-button-outer{display:none; overflow:hidden; border-bottom:1px solid #245171; line-height:1;}
#tab-button{margin:0; padding:0;}
#tab-button li{float:left; position:relative;}
#tab-button li a{display:block; border:1px solid #dcdcdc; border-bottom:none; margin:0 -1px -1px 0; padding:0 25px; height:44px; line-height:43px; text-decoration:none; background:#f7f7f7; font-weight:500;}

#tab-button li a:hover,
#tab-button .is-active a{font-weight:bold; color:#fff; background:#003876;}
.tab-select-outer select{height:40px; line-height:40px; border:1px solid #003876; border-radius:5px;}
.tab-contents{margin-top:30px; padding:0 10px;}
.tab-contents dl{margin-top:25px;}
.tab-contents dl:first-child{margin-top:0;}
.tab-contents dl dt{font-size:1.1rem;}

@media screen and (min-width:801px){
	.tab-button-outer{position:relative; z-index:2; display:block;}
  	.tab-select-outer{display:none;}
  	.tab-contents{position:relative; margin-top:40px;}
}
/* 온라인참여에서 사용------------------------------------ */
.tab-btn-wrap{display:none; overflow:hidden; border-bottom:1px solid #245171; line-height:1;}
#tab-btn{margin:0; padding:0;}
#tab-btn li{float:left; position:relative;}
#tab-btn li a{display:block; border:1px solid #dcdcdc; border-bottom:none; margin:0 -1px -1px 0; padding:0 25px; height:44px; line-height:43px; text-decoration:none; background:#f7f7f7; font-weight:500;}

#tab-btn li a:hover,
#tab-btn .is-active a{font-weight:bold; color:#fff; background:#003876;}
.tab-sel-wrap select{height:40px; line-height:40px; border:1px solid #003876; border-radius:5px;}
.tab-con-wrap{margin-top:30px; padding:0 10px;}
.tab-con-wrap dl{margin-top:25px;}
.tab-con-wrap dl:first-child{margin-top:0;}
.tab-con-wrap dl dt{font-size:1.1rem;}

@media screen and (min-width:801px){
	.tab-btn-wrap{position:relative; z-index:2; display:block;}
  	.tab-sel-wrap{display:none;}
  	.tab-con-wrap{position:relative; margin-top:40px;}
}

/*사이트맵*/
.sitemap-wrap{}
.sitemap-wrap .col{width:25%; overflow:hidden; float:left; position:relative; min-height:1px; padding-right:8px; padding-left:8px; margin-bottom:35px;} 
.sitemap-wrap .col:nth-child(4n+1){clear:both;}
.sitemapTit{border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#f7f7f7; padding:.5rem 1rem; margin-bottom:0px;}
.sitemapTit span{color:#b00113; font-size:.9rem; padding-right:10px;}
.sitemapTit span:before{content:"\26AB";}
.sitemap{}
.sitemap li a:hover, .sitemap li a:focus{font-weight:bold;}
.sitemap li{padding:3px 0 3px 40px; text-indent:-5px; border-bottom:1px dotted #dedede;} 
.sitemap li:before{content:"\2022"; padding-right:5px;}
.sitemap li ul{display:block; overflow:hidden; border-top:1px dotted #dedede; margin:3px 0 0 -20px;}
.sitemap li ul li{padding-left:30px; border-bottom:none;}
.sitemap li ul li:before{content:"-";}
.sitemap li ul li:last-child{border-bottom:none;}
@media screen and (max-width:800px){
	.sitemap-wrap .col{width:50%;}
	.sitemap-wrap .col:nth-child(2n+1){clear:none;}
}
@media screen and (max-width:533px){
	.sitemap-wrap .col{width:100%; float:none;}
}

/* 레이어팝업 ====================================================== */
/*
.Layer-popupWrap{position:absolute; display:block; width:100%; height:auto; z-index:210;}
	.popWrap{position:absolute;display:table; top:0; left:0 ;width:100%; height:100%}
	.popWrap .outer{display:table-cell; text-align:center; vertical-align:middle;}
	.popWrap .inner{display:inline-block; border:2px solid #000; padding:30px; background-color:#fff;}
	.btn-close-popup.icon{margin-top:-20px; text-align:right; font-size:1.5rem; color:#666;}
*/
.Layer-popupWrap {position:absolute; left:0; top:0; display:block; width:100%; min-width:320px; height:auto; z-index:210;}
	.btn-close-popup.icon{margin-top:-20px; text-align:right; font-size:1.5rem; color:#666;}
  /*사목평의회 팝업*/
	.popWrap{position:absolute; display:table; top:0; left:0; width:100%; height:100%; background-color:rgba(45,60,79,0.5);}
	.popWrap h5{margin-bottom:8px; text-align:left;}
	.popWrap .outer{display:table-cell; text-align:center; vertical-align:middle}
	.popWrap .inner{display:inline-block; border:2px solid #000; padding:30px; background-color:#fff; z-index:1000 !important;}
  /*그외 팝업*/
	.popBg{position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(50,90,149,0.3);} /* 화면폭보다 높이가 클경우 윗부분 볼수 없음*/
	.pop-wrap{position:absolute; display:table; left:50%; top:50%; transform:translate(-50%,-50%); border:2px solid #000; padding:30px; background-color:#fff; z-index:1000 !important;}
	.pop-wrap h5{margin-bottom:8px; text-align:left;}