@charset "utf-8";

.main_contents {width:100%; margin-top:235px;}
.main_contents ul {font-size:0;}
.main_contents ul li {display:inline-block; text-align:center; position:relative; cursor:pointer; transition: all 0.5s ease-out;}
.main_contents ul li:after {position:absolute; content:""; right:0; top:0px; height:230px; width:1px; background:#dddddd; opacity:0.2;}
.main_contents ul li:last-child:after {content:none;}
.main_contents ul li.center01 {width:30%;}
.main_contents ul li.center02 {width:40%;}
.main_contents ul li.center03 {width:30%;}
.main_contents ul li .icon {text-align:center;}
.main_contents ul li .tit {font-family: 'Noto Sans KR Bold' !important; font-weight:700; font-size:28px; color:#ffffff; text-align:center; margin-top:35px;}
.main_contents ul li .sub {font-family: 'Noto Sans KR' !important; font-weight:500; font-size:15px; color:#f1f1f1; text-align:center; margin-top:20px; line-height:20px; letter-spacing:-1px;}
.main_contents ul li .more {background:url("/Img/main/more_arrow.png") no-repeat 81% 40% transparent; border-radius:20px; line-height:30px; display:inline-block; height:30px; width:120px; font-family: 'Nanum Gothic Bold' !important; font-weight:700; font-size:11px; padding-left:18px; margin-top:20px; text-align:left; border:1px solid #ffffff; color:#ffffff;}
.main_contents ul li.on .more {background:url("/Img/main/more_arrow.png") no-repeat 81% 40%; }

.bottom_etc { width:100%; margin:40px 0 50px;}
.bottom_etc ul {display:inline-block; font-size:0; width:100%;}
.bottom_etc ul li {display:inline-block; width:25%; vertical-align:top; position:relative; text-align:right;}
.bottom_etc ul li:after {content:""; background:#e0e0e0; width:1px; height:73px; top:25px; right:0; position:absolute;}
.bottom_etc ul li:last-child:after {content:none;}
.bottom_etc ul li .etc_space {padding:0 40px; display:inline-block; text-align:left;}
.bottom_etc ul li .tit {font-family: 'Noto Sans KR Bold' !important; font-size:20px; color:#464646; position:relative; line-height:32px;}
.bottom_etc ul li .sub {font-family: 'Noto Sans KR Bold' !important; font-size:14px; color:#666666; margin-top:25px; line-height:16px;}
.bottom_etc ul li .shortcut {font-size:12px; color:#999999;  font-family: 'Noto Sans KR Light' !important; font-weight:100; margin-top:15px;}
.bottom_etc ul li .shortcut a {font-size:12px; color:#999999;  font-family: 'Noto Sans KR Light' !important; font-weight:100; margin-top:15px;}
.bottom_etc ul li.etc01 .tit span.tit01 {font-family: 'Noto Sans KR Bold' !important; font-size:24px; color:#ff3333; margin-right:5px;}
.bottom_etc ul li.etc02 .tit .etc_logo {display:inline-block; margin-right:5px;}
.bottom_etc ul li.etc03 .tit span.tit01 {font-family: 'Noto Sans KR Bold' !important; font-size:20px; color:#ff3333;}
.bottom_etc ul li.etc04 .tit span.tit01 {font-family: 'Noto Sans KR Bold' !important; font-size:20px; color:#ff3333;}
.bottom_etc ul li .tit:before {content:""; position:absolute;}
.bottom_etc ul li.etc01 .tit:before {content:""; position:absolute; background:url("/Img/main/f_banner01.png") no-repeat; width:23px; height:40px; left:-45px; top:0;}
.bottom_etc ul li.etc02 .tit:before {content:""; position:absolute; background:url("/Img/main/f_banner02.png") no-repeat; width:35px; height:35px; left:-55px; top:0;}
.bottom_etc ul li.etc03 .tit:before {content:""; position:absolute; background:url("/Img/main/f_banner03.png") no-repeat; width:38px; height:38px; left:-45px; top:0;}
.bottom_etc ul li.etc04 .tit:before {content:""; position:absolute; background:url("/Img/main/f_banner04.png") no-repeat; width:41px; height:38px; left:-55px; top:0;}

.main_contents ul li a {display:inline-block;}
.main_contents ul li .more {position:relative; overflow:hidden;}
.main_contents ul li .more.on {color:rgb(142,142,142);}
.b {background-color:#ffffff; height:30px; margin:0; width:0; border-radius: 18px; position:absolute; left:0; top:-1px; z-index:-1;}

.div_laypopup { border:1px solid #b3b3b3; display:none; border-width:0px;z-index:201; position:absolute;}
.div_laypopup .Close { height:30px; line-height:30px; background:#565656; text-align:right; color:#fff; font-size:12px;}