@import url("NanumSquare.css");


/*����*/
.contents_wrap { background:#000;}
.contents { width:100%; min-width:320px; /*max-width:640px;*/ margin:0 auto; background:#000; }
.top_menu { padding:10px 13px 10px 13px; text-align:center; z-index:19;}
.mypage_top { padding:14px 13px; }
.mypage_top h1 { margin-left:-14px; padding:14px 13px; }
.top_menu h1 { display:inline; font-size:15px; color:#fff; font-family :'NanumSquareB','NanumGothicWebB','Malgun Gothic','�������', '���� ���', '����', '����', 'Dotum', 'Gulim, sans-serif'; }
.top_menu .logo { height:20px; display:inline; }
.top_menu a.left { float:left; margin-top:5px; }
.top_menu a.left_arrow { float:left; margin-top:2px; }
.top_menu a.search_type { display:none; }
.top_menu a.search_type img { width:17px !important; }
.top_menu a.left_arrow .menu_btn { width:17px; }
.top_menu a.right { float:right; margin-top:3px; }
.top_menu a.right.btn_search { display:none; }
.top_menu a.right .x_btn { width:16px;}
.top_menu .menu_btn { width:14px; }
.top_menu .search_btn { width:16px; }

.cont { width:100%; }
.menu_box01 { overflow:hidden; width:100%; border-top:1px solid #262626; border-bottom:1px solid #262626; }
.menu_box_l { float:left; width:66.6%; overflow:hidden; position:relative; }
.menu_box_l ul { width:100%; }
.menu_box_l ul li { float:left; width:100%; }
.menu_box_l ul li a { float:left; width:100%;}
.menu_box_l ul li img { width:100%; }

/*
1��
.text_layer { width:100%; position:absolute; left:0; bottom:7%; }
.text_layer p { display: block; font-size: 17px; color:#fff; line-height: 1.3; padding:0 10px 0 10px; }
*/

/* 2�� */
.text_layer { width:100%; position:absolute; left:0; bottom:5%; }
.text_layer p { display: block; font-size: 17px; color:#fff; line-height: 1.3; padding:0 10px 0 10px; margin-bottom:7px; }



.menu_box_r { float:left; width:33.3%; border-left:1px solid #262626; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.menu_box_r ul { display:block; }
.menu_box_r ul li { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.menu_box_r ul li:first-child { border-bottom:1px solid #262626; }
.menu_box_r ul li img { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.menu_box_r ul li a { display:block; position:relative; }
.menu_box_r ul li span { display:block; width:100%; text-align:center; position:absolute; left:0; bottom:26%; font-size:12px; color:#fff; }

.menu_box02 { overflow:hidden; border-bottom:1px solid #262626; width:100%; }
.menu_box02 ul { display:block; overflow:hidden; }
.menu_box02 ul li { float:left; width:33.3%; border-left:1px solid #262626; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.menu_box02 ul li a { float:left; width:100%; position:relative; }
.menu_box02 ul li img { width:100%; }
.menu_box02 ul li:first-child { border-left:1px solid #000; }
.menu_box02 ul li img {} 
.menu_box02 ul li span { display:block; width:100%; text-align:center; position:absolute; left:0; bottom:26%; font-size:12px; color:#fff; }

.menu_box02 ul.first {width:66.6%; float:left; }
.menu_box02 ul.first li { width:50%;}
.menu_box02 ul.last { width:33.3%; float:left; border-left: 1px solid #262626; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.menu_box02 ul.last li { width:100%; border-left:0; }

.comment { padding-top:12px; padding-bottom:6px; }
.comment h3 { padding-left:9px; margin-left:9px; margin-bottom:8px; font-size:13px; color:#fff; background:url(../images/main/comment_bg.jpg) no-repeat left 1px; }
.comment .search_box img { width:53px; }
.comment .search_box { position:relative; display:block; padding:7px 5px; background:#262626; text-align:right;}
.comment .search_box .search_cover { padding-right:70px; }
.comment .search_box input[type="text"] { width:100%; font-size:12px; color:#fff; padding:8px 0px; border:1px solid #2fadde; background:#000; border-radius:0; margin:0; }
.comment .search_box a { position:absolute; right:5px; top:6px; }


.menu2_list { width:100%; }
.menu2_list ul { overflow:hidden;}
.menu2_list ul li { float:left; width:33.3%; }
.menu2_list ul li .first img { border-left:0; }
.menu2_list ul li a { float:left; width:100%; position:relative; }
.menu2_list img { width:100%; border-left:1px solid #262626; border-bottom:1px solid #262626; }
.menu2_list ul li span { display:block; width:100%; text-align:center; position:absolute; left:0; bottom:20%; font-size:11px; color:#fff; }

.sub_menu_area { padding:8px 3px; background:#262626; }
.sub_menu_area ul { overflow:hidden; }
.sub_menu_area ul li { float:left; width:33.3%;}
.sub_menu_area ul li div { display:block; margin:0 2px;}
.sub_menu_area ul li:first-child div { }
.sub_menu_area ul li div a img { width:100%; }
.sub_menu_area ul li div p { border:1px solid #5d5d5d; background:#363636;}
.sub_menu_area ul li div p a { display:block; padding:17px 9px 15px 9px; line-height:1; font-size:11px; color:#c3c3c3; background:url(../images/main/sub_menu_arrow.png) no-repeat 92% 17px; }
.sub_menu_area ul li.li04 { width:50%; margin-top:4px; }
.sub_menu_area ul li.li04 div { padding-left:0; } 
.sub_menu_area ul li.li05 { float:right; width:50%; margin-top:4px; }
.sub_menu_area ul li.li05 div { padding-left:0; }

.bx-wrapper .bx-caption span { padding-right:50px; font-family :'NanumSquareB','NanumGothicWebB','Malgun Gothic','�������', '���� ���', '����', '����', 'Dotum', 'Gulim, sans-serif'; }



.visual_area02 { width:100%; position:relative; border-bottom:1px solid #262626; }
.visual_area02 ul { width:100%;}
.visual_area02 ul li { width:100%;}
.visual_area02 ul li img { width:100%; }
.gradation { position:absolute; left:0; top:0; width:100%; height:100%; z-index:50; }
.gradation img { width:100%; height:100%; }

/*170414 ���ְ�� css �߰�*/

.life_box{  width:100%; min-width:320px; padding-bottom:6px; }
.life_box img.t1{  width:100%; min-width:320px; }

/* 210617 */
.life_box .float_banner{overflow:hidden;}
.life_box .float_banner a{float:left; width:50%; display:block;}