/* 상단 레이아웃 */ 


/* 메인페이지 레이아웃 */ 
/* 메인페이지 레이아웃 */ 
#main_slide {width:100%; height:450px;}
#main_slide li {width:100%; height:450px;}
#main_slide .main_01 {background:url('/sub/img/main_bg_01.jpg')center no-repeat;}
#main_slide .text {width:100%; height:750px; background-color:rgba(0,0,0,.2); text-align:center; color:#fff; font-size:22px;}
#main_slide .text h2 {font-size:65px;  font-family: 'Lato'; font-weight:900; padding:130px 0 30px 0; text-transform:uppercase;}

.btn_sns:after{content:'';display:block; visibility:hidden; clear:both;}
.btn_sns li{width:50%; height:100px;float:left;}
.btn_sns li:first-child{background: url(/sub/img/sns_quick_01.jpg)center no-repeat; background-color:#f9e000;}
.btn_sns li:last-child{background: url(/sub/img/sns_quick_02.jpg)center no-repeat;background-color:#00c63b;}

#main_pro {width:100%;padding:20px;overflow:hidden;}
#main_pro ul {width:100%;}
#main_pro li {float:left; width:30%; margin-right:5%; margin-bottom:10px;}
#main_pro li:nth-child(3n) {margin-right:0;}
#main_pro .img {width:100%; height:100px;}
#main_pro h4 {width:100%;color:#374f8a; font-size:15px; font-family: 'Lato'; line-height:1.3; text-align:center; padding-top:15px;}
/*
#main_pro {position:absolute; top:750px; width:100%; height:700px; left:0; z-index:111111111;}
#main_pro ul {}
#main_pro li {float:left; width:30%; margin-right:5%;}
#main_pro li:nth-child(3) {margin-right:0;}
#main_pro .img {width:100%; height:180px;}
#main_pro h4 {width:100%; height:90px; color:#374f8a; font-size:27px; font-family: 'Lato'; line-height:90px; border-bottom:1px solid #374f8a;}
#main_pro p {width:100%; height:45px; line-height:45px; border-bottom:1px solid #ddd; font-size:17px; font-weight:700; font-family: 'Lato'; background:url('/sub/img/main_pro_list_arrow.png')right 15px center no-repeat;}
#main_pro p a {display:block; color:#333;}
#main_pro p a:hover {color:#374f8a;}

#main_pro_blank {width:100%; height:540px;}
*/

#main_board {width:100%; overflow:hidden; padding:40px 20px; background-color:#f5f5f5;}
#main_board .area {}
#main_board .title {width:100%; overflow:hidden; padding-bottom:20px;}
#main_board .title h2 {float:left; color:#000; font-size:22px; font-weight:900; font-family: 'Lato';}
#main_board .title a {float:right; color:#374f8a; font-size:12px; letter-spacing:1px; font-weight:900; font-family: 'Lato'; text-transform:uppercase;}
#main_board .title a:hover {opacity:0.5;}
#main_board ul {width:100%; overflow:hidden;}
#main_board li {float:left; width:49%; height:200px; margin-right:2%; margin-bottom:2%; background-color:#fff; border:1px solid #ddd;}
#main_board li:nth-child(2) {margin-right:0;}
#main_board li:nth-child(4) {margin-right:0;}
#main_board .icon {width:100%; height:145px; background:url('/sub/img/icon_download.png')center top 30px no-repeat;}
#main_board .icon p {text-align:center; color:#111; font-size:16px; font-weight:700; padding-top:95px;}
#main_board .btn {width:100%; height:75px; text-align:center; line-height:55px;}
#main_board .btn a {display:block; background-color:#374f8a; color:#fff; font-size:15px; font-weight:700; font-family: 'Lato';}
#main_board .btn a img {margin-right:5px;}
#main_board .btn a:hover {background-color:#000;}

/* 하단단 레이아웃 */ 
#tail {width:100%; overflow:hidden; padding:30px 20px; background-color:#2f3137;}
#tail .cs {width:100%; overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1);}
#tail .cs .call {width:100%; text-align:center; font-size:14px; color:#fff; font-weight:500; padding-bottom:20px;}
#tail .cs .call span {margin-bottom:5px; display:block;}
#tail .cs .call b {color:#4d7cf0;}
#tail .cs .btn {width:100%; font-size:11px; text-align:center; padding-bottom:20px;}
#tail .cs .btn a {color:#fff; opacity:0.6; margin:0 3px; background-color:rgba(255,255,255,.2); padding:5px;}
#tail .cs .btn a:hover {opacity:1.0;}
#tail .copy {width:100%; overflow:hidden; padding-top:20px; color:#fff;}
#tail .copy .info {width:100%; font-size:11px; line-height:18px; text-align:center; padding-bottom:10px;}
#tail .copy .info span {display:inline-block; margin:0 3px 5px 3px; opacity:0.5;}
#tail .copy .c {width:100%; opacity:0.3;  font-family: 'Lato'; font-weight:500; font-size:11px; text-align:center; letter-spacing:1px;}


/* 서브페이지 - 상단이미지 */ 
#subvisual {position:relative;background-repeat:no-repeat; background-position:center; background-position:top;height:100px;}
#subvisual .inner {}
#subvisual .subject {font-family:impact;font-size:30px;color:#fff;font-weight:300;text-transform:uppercase;padding-top:32px;text-align:center;}
#subvisual .content {display:none;font-size:15px;color:#fff;padding-top:10px;}

/* 서브페이지 - 레이아웃 */ 
#container {display:block;position:relative;background:#fff}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container .container_inner {padding:10px;}
#container .sub_content { }

/* 서브페이지 - 타이틀 */ 
#container .sub_title {margin-top:0px; text-align:left;padding-bottom:20px;}
#container .sub_title p.subject {color:#111;font-size:22px;padding-bottom:10px;}
#container .sub_title p.content {color:#aaa;font-size:14px;}

/* 서브페이지 - 타이틀(회원) */ 
#container .member_title {text-align:center;margin-top:0px;}
#container .member_title p.icon {padding-bottom:20px;}
#container .member_title p.subject {font-size:22px;color:#111;font-weight:900;text-align:center;letter-spacing:-2px;padding-bottom:20px;text-transform:uppercase;}

/* 서브페이지 - 이용약관, 개인정보처리, 이메일무답수집거부 */ 
#container #sub_privacy { }
#container #sub_privacy .subject {color:#1a1a1a;font-size:15px;margin-bottom:10px;font-weight:500;}
#container #sub_privacy .content {color:#9a9a9a;font-size:13px;margin-bottom:50px;line-height:150%;text-align:justify}

/* 기본 탭메뉴 */
.sub_tabmenu {display:table;border-collapse:collapse;width:100%;border-bottom:3px solid #3a3a3a;margin-bottom:20px;}
.sub_tabmenu ul {display:table-row;}
.sub_tabmenu ul li {display:table-cell;height:50px;line-height: 50px;text-align:center;border:1px solid #eaeaea;}
.sub_tabmenu ul li a {display: block;width:100%;height:100%; }
.sub_tabmenu ul li.on, .sub_tabmenu ul li.on a {color:#fff;background:#3a3a3a;border: 1px solid #3a3a3a !important;z-index:9999;}