@charset "utf-8";



/*--------------------------------------------------------------------------
** lnb
--------------------------------------------------------------------------*/
.lnb_menu {float:left;position:relative;width:20%;height:auto;border:0 !important;text-align:left !important;}
.lnb_menu ul {margin:0;padding:60px 25px;list-style:none;}
.lnb_menu ul li {position:relative;margin:0 0 -1px 0;vertical-align:top;*zoom:1;}
.lnb_menu ul li a.kind {border:0;border-top:#666 dotted 1px !important;border-bottom:#666 dotted 1px !important;}
.lnb_menu ul li .kind.first {border-top:0 !important;}
.lnb_menu ul li a.kind span {color:#353535;font-size:16px}
.lnb_menu ul li a {display:block;position:relative;padding:8px 0;color:#666;font-weight:bold;text-decoration:none;background:#fff;border:0;*zoom:1;}
.lnb_menu li ul {padding:5px 0;background:#fff;}
.lnb_menu li li {margin:0;}
.lnb_menu li li a {padding:5px 10px;background:#fff;font-weight:normal;}
.lnb_menu li li a span {color:#666;}
.lnb_menu li.active {z-index:2;}
.lnb_menu li.active a.kind span {color:#0066cc !important;font-size:16px;}
.lnb_menu li.active ul {display:block;}
.lnb_menu li.active li.active a span {font-weight:bold;color:#0066cc;letter-spacing:-1px;}
.lnb_menu {float:left;position:relative;width:20%;height:auto;border:0 !important;text-align:left !important;}
.lnb_menu ul {margin:0;padding:60px 25px;list-style:none;}
.lnb_menu ul li {position:relative;margin:0 0 -1px 0;vertical-align:top;*zoom:1;}
.lnb_menu ul li a.kind {border:0;border-top:#666 dotted 1px !important;border-bottom:#666 dotted 1px !important;}
.lnb_menu ul li .kind.first {border-top:0 !important;}
.lnb_menu ul li a.kind span {color:#353535;font-size:16px}
.lnb_menu ul li a {display:block;position:relative;padding:8px 0;color:#666;font-weight:bold;text-decoration:none;background:#fff;border:0;*zoom:1;}
.lnb_menu li ul {padding:5px 0;background:#fff;}
.lnb_menu li li {margin:0;}
.lnb_menu li li a {padding:5px 10px;background:#fff;font-weight:normal;}
.lnb_menu li li a span {color:#666;}
.lnb_menu li.active {z-index:2;}
.lnb_menu li.active a.kind span {color:#0066cc !important;font-size:16px;}
.lnb_menu li.active ul {display:block;}
.lnb_menu li.active li.active a span {font-weight:bold;color:#0066cc;letter-spacing:-1px;}

/*--------------------------------------------------------------------------
/* CONTENTS
--------------------------------------------------------------------------*/
.wrap_move {position:relative;}
.web_area {clear:both;overflow:hidden;zoom:1; background-color:#fff;}

.sns_area {text-align:right;margin-top:17px;padding-bottom:60px;}
.sns_area a {padding-right:6px;}

/* ***   서브컨텐츠 시작  */
/* 해상도 1024px */
.sub_contents_area {}
.sub_contents_area:after {display:block; content:""; clear:both;}
.sub_contents_area .con_view1 {overflow:hidden;width:100%;background:url("") no-repeat 0 0;}
.sub_contents_area .con_view1 .ms_left {float:left;width:48%;}
.sub_contents_area .con_view1 .ms_left_60 {float:left;width:58%;}
.sub_contents_area .con_view1 .ms_left_40 {float:left;width:38%;}
.sub_contents_area .con_view1 .ms_left_30 {float:left;width:28%;}
.sub_contents_area .con_view1 .ms_left_20 {float:left;width:20%;}

.sub_contents_area .con_view1 .ms_right {float:right;width:48%;}
.sub_contents_area .con_view1 .ms_right_70 {float:right;width:68%;}
.sub_contents_area .con_view1 .ms_right_80 {float:right;width:78%;}
.sub_contents_area .con_view1 .ms_right_60 {float:right;width:58%;}
.sub_contents_area .con_view1 .ms_right_40 {float:right;width:38%;}
.sub_contents_area .con_view1 .ms_right_30 {float:right;width:28%;}


.web_area h2 {padding:0 0 2px 0;border:0;/*border-bottom:#e6e6e6 solid 1px;*/color:#005a9c;font-size:20px;letter-spacing:0.25px;text-align:center;}

.sub_contents_area .con_view1 .y1_area  h3 {margin:60px 0 60px 0; padding-top:5px;color:#333333;font-size:40px;letter-spacing:-0.6px;line-height:60px; text-align:center;}
.sub_contents_area .con_view1 .y1_area  h4 {margin:0px; padding:20px 0 5px 0; padding-bottom:5px; color:#0b99d4; font-size:22px;line-height:38px;letter-spacing:-0.6px; text-align:left; font-weight:bold;}
.sub_contents_area .con_view1 .y1_area  h5 {margin:0px; padding:20px 0 5px 0; padding-bottom:5px; color:#000; font-size:24px;line-height:46px;letter-spacing:-0.6px; text-align:center;font-weight:bold;}
.sub_contents_area .con_view1 .y1_area  h6 {margin:0px; padding-bottom:5px; color:#000; font-size:18px;line-height:44px;letter-spacing:-0.6px; text-align:left; font-weight:bold;}

.sub_contents_area .con_view1 .ms_left .y2_area h5 {margin-top:25px;padding:12px 0;border:0;border-top:#000 solid 2px;border-bottom:#000 solid 2px ;color:#333;font-size:18px;font-weight:bold;line-height:26px;text-align:center;}

.sub_contents_area .con_view1 .y1_area .qna_title {font-size:40px; padding-top:10px; padding-bottom:20px;font-weight:bold; line-height:40px;}


.sub_contents_area .con_view1 .y1_area  p {padding-top:5px;color:#333;font-size:18px;line-height:1.8;text-align:justify;}
.sub_contents_area .con_view1 .y1_area .caption {font-size:12px;font-weight:bold;line-height:18px;text-align:left; color:#006; text-align:justify;padding-bottom:20px;}

.sub_contents_area .con_view1 .y1_area .caption2 {font-size:12px;font-weight:bold;line-height:18px;text-align:left; color:#006; text-align:justify;padding-bottom:0px;}


.sub_contents_area .con_view1 .ms_left .y2_area { width:72%;}
.sub_contents_area .con_view1 .ms_left .y2_area ul {margin:14px 0 0 0;padding:0;}
.sub_contents_area .con_view1 .ms_left .y2_area ul li {font-size:14px;line-height:26px;}


.sub_contents_area .con_view1 .ms_right .visual_img {}

.sub_contents_area .ms_view1_con2 {clear:both;overflow:hidden;width:100%;background:url("/img/contents/mens_style_bg_con2.jpg") no-repeat 0 0;}
.sub_contents_area .ms_view1_con2:after {display:block; content:""; clear:both;}
.sub_contents_area .ms_view1_con2 .ms_left {float:left;width:48.33%;height:auto;}
.sub_contents_area .ms_view1_con2 .ms_right {float:right;width:50.5%;height:auto;}
.sub_contents_area .ms_view1_con2 .ms_right h3 {padding-top:50px;color:#000;font-size:44px;line-height:56px;letter-spacing:0.32px;}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap {float:right;width:89%;margin-top:30px;margin-right:9%;color:#333;font-size:14px;line-height:25px;}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap p {width:100%;padding-top:16px;/*background:url("/img/contents/img_border_bottom.gif") no-repeat left top;*/}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap h4 {width:70%;margin-top:21px;padding:12px 0;border:0;border-top:#000 solid 2px;border-bottom:#000 solid 2px ;color:#333;font-size:18px;font-weight:bold;line-height:26px;text-align:center;}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap ul {margin:14px 0 0 0;padding:0;}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap ul li {}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap .sns_area2 {margin-top:17px;padding-bottom:10px;}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap .sns_area2 a {padding-right:6px;}

/***** 동영상 *****/
img,
video {
    display: inline-block;
    width: auto\9 !important; /* ie8 */
    width: auto !important;
    max-width: 100%;
    height: auto !important;
}
.video-container {
    position: relative;
    height: 0;
    padding-top: 30px;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.video-container iframe,.video-container object,.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-wrapper {
    width: 600px;
    max-width: 100%;
}


/* 해상도 640px 이하 */
@media screen and (max-width:640px) {
	


.sns_area {text-align:center;margin-top:17px;padding-bottom:60px;}
.sns_area a {padding-right:6px;}

.sub_contents_area {}
.sub_contents_area:after {display:block; content:""; clear:both;}
.sub_contents_area .con_view1 {overflow:hidden;width:100%;background:none;zoom:1;}
.sub_contents_area .con_view1 .ms_left {float:left;width:100%;}
.sub_contents_area .con_view1 .y1_area  h3 {margin:20px 0 30px 0; padding-top:5px;color:#333333;font-size:36px;letter-spacing:-0.6px;line-height:50px; text-align:center;}
.sub_contents_area .con_view1 .ms_left .y1_area p {padding-top:10px;color:#333;font-size:14px;line-height:26px;text-align:justify;}
.sub_contents_area .con_view1 .ms_left .y2_area h4 {margin-top:10px;padding:12px 0;border:0;border-top:#000 solid 2px;border-bottom:#000 solid 2px ;color:#333;font-size:18px;font-weight:bold;line-height:26px;text-align:center;}


.sub_contents_area .con_view1  .y1_area .qna_title {font-size:40px; padding-top:10px; padding-bottom:20px;font-weight:bold; line-height:60px;} 


.sub_contents_area .con_view1 .ms_left .y2_area ul {margin:14px 0 0 0;padding:0;}
.sub_contents_area .con_view1 .ms_left .y2_area ul li {font-size:14px;line-height:26px;}

.sub_contents_area .con_view1 .ms_left .sns_area {margin:auto 0;padding-bottom:0;}
.sub_contents_area .con_view1 .ms_left .y2_area .sns_area a {padding-right:6px;}
.sub_contents_area .con_view1 .ms_right {float:left;width:100%;}
.sub_contents_area .con_view1 .ms_right .visual_img {}
.sub_contents_area .con_view1 .ms_right .visual_img img {width:100%;height:auto;}

.sub_contents_area .con_view1 .ms_left_60 {float:left;width:100%;}
.sub_contents_area .con_view1 .ms_left_40 {float:left;width:100%;}
.sub_contents_area .con_view1 .ms_left_30 {float:left;width:100%;}
.sub_contents_area .con_view1 .ms_left_20 {float:left;width:100%; text-align:center;}

.sub_contents_area .con_view1 .ms_right_70 {float:left;width:100%;}
.sub_contents_area .con_view1 .ms_right_80 {float:left;width:100%; text-align:center;}
.sub_contents_area .con_view1 .ms_right_60 {float:left;width:100%;}
.sub_contents_area .con_view1 .ms_right_40 {float:left;width:100%;}
.sub_contents_area .con_view1 .ms_right_30 {float:left;width:100%;}

.leftBox {float:left;width:100%; margin-right:0em;}
.rightBox {float:left; width:100%; margin-left:0em;}




.sub_contents_area .ms_view1_con2 {clear:left;overflow:hidden;width:100%;background:url("/img/contents/mens_style_bg_con2.jpg") no-repeat 0 0;background-size:100% auto;zoom:1;}
.sub_contents_area .ms_view1_con2:after {display:block; content:""; clear:both;}
.sub_contents_area .ms_view1_con2 .ms_left {float:left;width:0;height:auto;}
.sub_contents_area .ms_view1_con2 .ms_right {float:left;width:100%;height:auto;margin-bottom:0;}
.sub_contents_area .ms_view1_con2 .ms_right h3 {float:right;padding-top:60px;color:#000;font-size:32px;line-height:45px;letter-spacing:0.32px;}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap {float:left;width:100%;margin-top:36px;margin-right:5%;color:#333;font-size:14px;line-height:25px;}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap p {width:100%;margin-top:18%;padding-top:36px;/*background:url("/img/contents/img_border_bottom.gif") no-repeat left top;*/}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap h4 {width:100%;margin-top:21px;padding:12px 0;border:0;border-top:#000 solid 2px;border-bottom:#000 solid 2px ;color:#333;font-size:18px;font-weight:bold;line-height:26px;text-align:center;}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap ul {margin:14px 0 0 0;padding:0;}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap ul li {}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap .sns_area2 {margin-top:17px;padding-bottom:10px;}
.sub_contents_area .ms_view1_con2 .ms_right .con_wrap .sns_area2 a {padding-right:6px;}


}

/* 탭 */
div.tab {border-bottom:1px solid #e6e6e6;}
div.tab:after {content:""; display:block; clear:both;}
div.tab ul li {float:left;}
div.tab a {display:inline-block; *zoom:1; *display:inline; width:125px; height:20px; margin:0; padding:5px 0 0 0; border:1px solid #e6e6e6; border-bottom:none; color:#666; text-align:center;}
div.tab a.tab_on {background-color:#e6e6e6; color:#333;}

/* 테이블 영역 */
div.boder_top3 {overflow-y:scroll; height:159px; border-top:3px solid #555; border-bottom:1px solid #e6e6e6;}
div.boder_top3 table.tbl {width:100%;}
div.boder_top3 table.tbl tbody {padding:10px 0;}
div.boder_top3 table.tbl th {padding:9px 0; border-bottom:1px solid #e6e6e6; color:#363538; text-align:center}
div.boder_top3 table.tbl td {padding:9px 0;}
div.boder_top3 table.tbl th {font-size:14px; font-weight:bold;}
div.boder_top3 table.tbl td {text-align:left;}
div.boder_top3 table.tbl td.td_cen {text-align:center;}
div.boder_top3 table.tbl td a {text-align:left; color:#666; line-height:16px;}
div.boder_top3 table.tbl span {display:block; color:#999;}


.byline{ padding-bottom:60px; font-size:13px;color:#363538;}
.byline span{font-weight:normal; color:#ccc}



/*--------------------------------------------------------------------------
CSS END
--------------------------------------------------------------------------*/