@charset "utf-8";
/* 디자인가이드용 태그 */

.tit01{font-size:1.05em; font-weight:600; }
.conBox { padding:25px; border:1px solid #ccc; background:#efefef url(/portal/img/common/conBoxBg.png) no-repeat right top;}
.conBox ul li { margin-top:15px; }
.conBox ul li.first-child { margin-top:0; }

dl.tit02 {  }
.tit02 dt { margin-top:24px; color:#444; font-size:1.05em; font-weight:600; }
.tit02 dd { margin-top:12px; }
.tit02 dd ul { margin-top:0; }

dl.tit03 {  }
.tit03 dt { margin-top:20px; padding-left:10px; position:relative;}
.tit03 dd { margin-top:5px; padding-left:10px; }
.tit03 dt:before{content: ''; position: absolute; width:4px; height:4px; left: 0; top:10px; background:#0064eb;}

dl.tit04 {  }
.tit04 dt { margin-top:24px; color:#444; font-weight:600; }
.tit04 dd { margin-top:12px; }
.tit04 dd ul { margin-top:0; }

/*.smtxt02 th, .smtxt02 td{ font-size:13px; }*/

.oga {position:relative; text-align:center; width:100%; margin-top:50px!important; margin-bottom:50px; background:#f5f5f5; padding:40px 0;}
.oga li { box-sizing:border-box; position:relative;}
.oga ul {margin-top:30px;}
.oga .ot_01 {margin-top:60px;}
.oga ul.ot_01:before {content:''; width:50.2%; height:1px; background:#ccc; position:absolute; top:85px; left:50%; display:block; margin-left:-25%}
.oga>li:before {content:''; width:1px; height:30px; background:#ccc; position:absolute; top:55px; left:50%; display:block;}
.oga li.ch01>div{background:#2caadc; color:#fff; font-size:20px; padding:15px 0px; font-weight:300; width:210px; margin:0 auto;}
.oga li.ch01>div span {display:inline-block; font-size:16px; display:block; background:rgba(255,255,255,0.2); margin-top:20px; padding:7px 0px; color:rgba(255,255,255,0.8);}
.oga li.ch02 {width:50%;float:left;}
.oga li.ch02>div{margin:0 auto;background:#78b319; color:#fff; font-size:20px; padding:15px 0px; font-weight:300;width:210px; }
.oga li.ch02>div span {display:inline-block; font-size:16px; display:block; background:rgba(255,255,255,0.2); margin-top:20px; padding:7px 0px; color:rgba(255,255,255,0.8);}
.oga li.ch02>div:after {content:''; width:1px; height:30px; background:#ccc; position:absolute; top:55px; left:50%; display:block;}
.oga li.ch02>div:before {content:''; width:1px; height:30px; background:#ccc; position:absolute; top:-30px; left:50%; display:block;}

.oga li.ch03 {width:50%;float:left;}
.oga li.ch03>div{ background:#78b319;margin:0 auto; color:#fff; font-size:20px; padding:15px 0px; font-weight:300;width:210px; }
.oga li.ch03>div:after {content:''; width:1px; height:30px; background:#ccc; position:absolute; top:55px; left:50%; display:block;}
.oga li.ch03>div:before {content:''; width:1px; height:30px; background:#ccc; position:absolute; top:-30px; left:50%; display:block;}

.oga ul.ot:before {content:''; width:60%; height:1px; background:#ccc; position:absolute; top:85px; left:50%; display:block; margin-left:-30%}
.oga ul.ot>li {float:left; width:29%; display:block; margin-right:1%; /*background:#f2f2f2;*/ margin-top:20px; position:relative;}
.oga ul.ot>li:before {content:''; width:1px; height:20px; background:#ccc; position:absolute; top:-20px; left:50%; display:block;}
.oga ul.ot>li:first-child {margin-left:5.5%;}
.oga ul.ot>li:last-child {margin-right:0;}

.oga ul.ot>li dl dt {background:#9a9a9a; color:#fff; padding:10px 0px;}
.oga ul.ot>li dl dt span {font-size:18px; display:inline-block; font-weight:200; opacity:1;}
.oga ul.ot>li dl dt span:before {content:''; width:1px; height:10px; background:rgba(255,255,255,0.5);  display:inline-block; margin:0 10px;}

.oga ul.ot>li dl dd {/*min-height:200px; padding:15px 0px;*/ box-sizing:border-box;}
.oga ul.ot>li dl dd span {display:block; font-size:14px; background:#fff; margin-top:5px; border:1px solid #dcdcdc; padding:7px 0;}
.oga ul.ot>li dl dd a:hover {text-decoration:underline; color:#3774bf; }
.oga ul.ot>li.frst a {display:block; font-size:14px; background:#9da650; padding:8px 0px; color:#fff; font-size:16px;}





@media only screen and (max-width:768px) {
	.oga ul.ot>li dl dt span {display:block;}
	.oga ul.ot>li dl dt span:before {display:none;}
	.oga li.ch02 , .oga li.ch03 {width:100%;}
	.oga ul.ot_01:before , .oga li.ch03 > div::before{display:none;}
	.oga ul.ot_01 , .oga li.ch03 {margin-top:30px;}
	
}


@media only screen and (max-width:500px) {
	.oga ul.ot:before {display:none;}
	.oga ul.ot>li:first-child {margin-left:5%;}
	.oga ul.ot>li {float:none; width:90%; display:block; margin:5%;/*margin-right:4%; background:#f2f2f2;*/  margin-top:20px; position:relative;}
	.oga li.ch03 > div::before {display:block;}
	.oga li.ch03 {margin-top:11px;}
}







ul.jaejung {border-top:2px solid #333; margin-top:30px;}
ul.jaejung li div { position:relative; font-size:16px; color:#000; word-break:break-all;}
ul.jaejung li div p.btnj { position:absolute; top:15px; right:10px; }
ul.jaejung li>div {padding:15px 60px 15px 20px; display:block; border-bottom:1px solid #dedede; background:#fafafa;}
ul.jaejung li ul li>div {padding:10px 60px 10px 20px; background:#fafafa; font-size:15px; color:#333;}
ul.jaejung li ul li>div:before {content:''; display:block; width:5px; height:2px; background:#006699; position:absolute; top:20px; left:10px;}
ul.jaejung li ul li ul li>div {padding:10px 60px 10px 30px; background:#fff; font-size:14px; color:#666;}
ul.jaejung li ul li ul li>div:before {content:''; display:block; width:2px; height:2px; background:#006699; position:absolute; top:20px; left:20px;}

ul.jaejung li p.ccon {padding:20px; border-bottom:1px solid #dedede; font-size:14px;}
ul.jaejung li ul.list_ul { margin:0; padding:20px; border-bottom:1px solid #dedede; font-size:14px;}


ul.sickList { width:100%; margin-top:20px; background:#fafafa; box-sizing:border-box; padding:20px; border:1px solid #dedede;}
ul.sickList li { width:20%; float:left; padding-left:10px; position:relative; box-sizing:border-box; }
ul.sickList li:before{content: ''; position: absolute; width:4px; height:4px; left: 0; top:10px; background:#0064eb;}

.nodrink{ text-align:center; font-size:30px; font-weight:600; color:#333; background: #fff; border: 2px solid #baced7; padding:30px; margin-bottom: 30px !important;  box-sizing: border-box; }
.dpluse{ font-size:40px; color:#cc0000;}
.dproject{ font-size:40px; color:#3366cc;}