﻿/**
* OLYM Cascading Style Sheets
* File Name : contents.css
* Description : 컨텐츠 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Email : desingtj@olym.co.kr
* Date : 2018.09.21
* Update : 2018.09.21
* Copyright(c) 2018 OLYM Communications. All Rights Reserved.
*/
/* lnb2 */
#v_sub1, #v_sub2, #v_sub3, #v_sub4, #v_sub5, #v_sub6 { display:none;}
.sub_box { position:absolute; width:100%; left:0; height:360px; box-sizing:border-box; background:#fff; border:1px solid #ddd; overflow:hidden;}
.sub_box .left_title { width:20%; float:left; box-sizing:border-box; padding:80px 0 0 80px;}
.sub_box .left_title i { background:#028446; height:4px; width:55px; display:inline-block; margin-bottom:20px;}
.sub_box .left_title h2 { font-size:50px; color:#333; font-weight:900; line-height:1.2em;}
.sub_box .left_title p { color:#6b6b6b; font-size:20px; padding-top:10px;}
.sub_box .right_menu { width:80%; float:left; box-sizing:border-box; color:#fff;}
.sub_box .right_menu a { color:#fff; display:block;}
.sub_box .right_menu a:hover { text-decoration:underline;}
.sub_box .right_menu h3 { font-size:30px; font-weight:500;}
.sub_box .right_menu > div { box-sizing:border-box;}
.ul_men { margin-top:20px;}
.ul_men > li { background:url("/project/design/com/icon_dot_lnb.png") no-repeat left 10px; margin-bottom:6px; padding-left:10px; }
.ul_men.mgTop { margin-top:8px;}
.ul_men.mgTop > li {margin-bottom:2px;}
.ul_men > li > ul { margin-bottom:10px;}
.ul_men > li > ul > li { font-size:14px; margin-bottom:0;}
.ul_men > li > ul > li > a:before { content:"- "}
.ul_icon { margin-top:20px;}
.ul_icon > li { float:left; text-align:center; font-size:18px;}
.ul_icon > li i { display:block; margin-bottom:20px;}



.me_box1_1 { width:40%; float:left; height:360px; background:url("/project/design/com/bg_lnb1_1.jpg") no-repeat center top; background-size:cover; padding:60px 0 0 60px;}
.me_box1_2 { width:60%; float:left;}
.me_box1_2 a { display:block; box-sizing:border-box; height:230px; background:url("/project/design/com/bg_lnb1_2.jpg") no-repeat center top; background-size:cover; padding:80px 0 0 80px;}
.me_box1_3 { width:60%; float:left; background:#a8865a;}
.me_box1_3 ul li { width:50%; float:left; box-sizing:border-box;}
.me_box1_3 ul li a { line-height:130px; font-size:30px; font-weight:500; color:#fff; display:block; text-align:center;}
.me_box1_3 ul li a i { margin-right:10px;}
.me_box1_3 ul li:first-child a { border-right:1px solid rgba(255,255,255,0.2);}

.me_box2_1 { width:33.33%; float:left; height:360px; background:url("/project/design/com/bg_lnb2_1.jpg") no-repeat center top; background-size:cover; padding:30px 0 0 60px;}
.me_box2_2 { width:33.33%; float:left; height:360px; background:url("/project/design/com/bg_lnb2_2.jpg") no-repeat center top; background-size:cover; padding:30px 0 0 60px;}
.me_box2_3 { width:33.33%; float:left; height:360px; background:url("/project/design/com/bg_lnb2_3.jpg") no-repeat center top; background-size:cover; padding:30px 0 0 60px;}

.me_box3_1 { width:60%; float:left; height:360px; background:url("/project/design/com/bg_lnb3_1.jpg") no-repeat center top; background-size:cover; padding:60px 60px 0 60px;}
.me_box3_1 .ul_icon > li { width:33.33%;}

.me_box3_2 { width:40%; float:left; height:360px; background:url("/project/design/com/bg_lnb3_2.jpg") no-repeat center top; background-size:cover; padding:60px 60px 0 60px;}
.me_box3_2 .ul_icon > li { width:50%;}

.me_box4_1 { width:33.33%; float:left; height:360px; background:url("/project/design/com/bg_lnb4_1.jpg") no-repeat center top; background-size:cover; padding:20px 0 0 60px;}
.me_box_ce { width:33.33%; float:left; height:360px;}
.me_box4_2 { height:180px; box-sizing:border-box; background:url("/project/design/com/bg_lnb4_2.jpg") no-repeat center top; background-size:cover; padding:30px 0 0 60px;}
.me_box4_3 { height:180px; padding:30px 0 0 60px; box-sizing:border-box; background:#5a447c;}
.me_box4_4 { width:33.33%; float:left; height:360px; background:url("/project/design/com/bg_lnb4_3.jpg") no-repeat center top; background-size:cover; padding:30px 0 0 60px;}

.me_box5_1 { height:360px; background:url("/project/design/com/bg_lnb5_1.jpg") no-repeat center top; background-size:cover; padding:60px 60px 0 60px;}
.me_box5_1 .ul_icon > li { width:20%;}

.me_box6_1 { height:360px; background:url("/project/design/com/bg_lnb6_1.jpg") no-repeat center top; background-size:cover; padding:60px 60px 0 60px;}
.me_box6_1 .ul_icon > li { width:25%;}

/* 1400px */
@media all and (max-width:1400px) {
.sub_box { margin-top:10px;}
.sub_box .left_title { padding:60px 0 0 50px;}
.sub_box .left_title h2 { font-size:40px;}
.sub_box .left_title p { font-size:18px;}
.sub_box .right_menu h3 { font-size:24px;}

.me_box1_3 ul li a { font-size:20px;}
.me_box3_1 { padding:60px 30px 0 30px;}
.me_box3_2 { padding:60px 30px 0 30px;}
.me_box5_1 { padding:60px 30px 0 30px;}
.me_box6_1 { padding:60px 30px 0 30px;}
}