@import url("default.css");

html>/**/body {overflow-y:scroll;}
.pd15 {padding:15px !important;}
.mgt2 {margin-top:2px !important;}
.mgt5 {margin-top:5px !important;}
.pdt4 {padding-top:4px !important;}
.pdt5 {padding-top:5px !important;}
.pdt8 {padding-top:8px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt25 {padding-top:25px !important;}
.pdt30 {padding-top:30px !important;}
.pdt35 {padding-top:35px !important;}
.pdt40 {padding-top:40px !important;;clear:both}
.pdt45 {padding-top:45px !important;}
.pdt50 {padding-top:50px !important;}
.pdt60 {padding-top:60px !important;}
.pdt70 {padding-top:70px !important;}
.pdt80 {padding-top:80px !important;}
.pdt90 {padding-top:90px !important;}
.pdt100 {padding-top:100px !important;}
.pdt120 {padding-top:120px !important;}

.pdl5 {padding-left:5px !important;}
.pdl10 {padding-left:10px !important;}

.pdb10 {padding-bottom:10px !important;}
.pdb15 {padding-bottom:15px !important;}
.pdb17 {padding-bottom:17px !important;}
.pdb18 {padding-bottom:18px !important;}
.pdb20 {padding-bottom:20px !important;}

.dan50 {margin-top:50px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt30 {margin-top:30px !important;}
.mgt50 {margin-top:50px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgr13 {margin-right:13px !important;}
.mgr20 {margin-right:20px !important;}
.mgr23 {margin-right:23px !important;}
.mgr24 {margin-right:24px !important;}
.mgr25 {margin-right:25px !important;}
.mgr47 {margin-right:47px !important;}
.imgD {display:block;}
.bg_dotline {background:url('/design/ko/images/default/bg_dotline.gif') repeat-x;}
.ft_col_b {color:#000;}
.ft_col_p {color:#72134a;}
.box1200{position:relative; width:1200px; margin:0 auto;}
.box1900{position:relative; width:1900px; margin:0 auto;}

/* common layouts  ;border:1px solid red; */

#wrap {position:relative; width:100%;border:0 !important;}




#header {position:relative; border-top:3px solid #31c348; margin:0 auto; width:100%; background:#fff; height:78px; border-bottom:1px solid #ddd; min-width:1200px}

#header .logo {position:absolute; left:20px; top:20px;  width:240px; z-index:1}
#header .util_btn {position:absolute; right:20px; top:20px;display:block; width:140px; height:35px; background:#e6e7d3; border-radius:20px; text-align:center; font-family: 'Noto Sans KR'; font-size:14px; line-height:35px; font-weight:500; color:#9f9c5a;  z-index:1}
#header .navi{position:relative; min-width:1200px}
#header .menu {position:relative; width:720px; margin:0 auto;  overflow:auto; overflow-y:hidden; overflow-x:hidden;}
#header .menu li {float:left; width:160px; text-align:center; margin:0 10px;}
#header .menu li a {display:block; font-family: 'Noto Sans KR'; font-size:18px; line-height:75px; font-weight:500; color:#555;  border-bottom:2px solid #fff; }
#header .menu li.on a {color:#000; border-bottom:2px solid #90c320; box-sizing:border-box; }

#header_submenu {position:absolute; top:77px; width:100%; background:#fff; display:none; z-index:15; border-bottom:1px solid #ddd; }
#header .submenu_box {position:relative; width:720px; margin:0 auto; padding-top:10px; }
#header .submenu1 {position:relative; float:left; width:160px;margin:0 10px;}
#header .submenu1 li {position:relative; text-indent:10px;}
#header .submenu1 li a{font-family: 'Noto Sans KR'; font-size:16px; font-weight:400; color:#777; line-height:34px;  }
#header .submenu1 li a:hover{color:#333; font-weight:500;}
#header .submenu2 {position:relative; float:left; width:160px;margin:0 10px;}
#header .submenu2 li {position:relative;  text-indent:10px; }
#header .submenu2 li a{font-family: 'Noto Sans KR'; font-size:16px; font-weight:400; color:#777; line-height:34px;}
#header .submenu2 li a:hover{color:#333; font-weight:500;}
#header .submenu3 {position:relative; float:left; width:160px;margin:0 10px;}
#header .submenu3 li {position:relative; text-indent:10px; }
#header .submenu3 li a{font-family: 'Noto Sans KR'; font-size:16px; font-weight:400; color:#777; line-height:34px; }
#header .submenu3 li a:hover{color:#333; font-weight:500;}
#header .submenu4 {position:relative; float:left; width:160px;margin:0 10px;}
#header .submenu4 li {position:relative; text-indent:10px; }
#header .submenu4 li a{font-family: 'Noto Sans KR'; font-size:16px; font-weight:400; color:#777; line-height:34px;  }
#header .submenu4 li a:hover{color:#333; font-weight:500;}



#visual {position:relative; height:850px; width:100%;z-index:1;position:relative; background:#f1f1f1}
#visual .visualbox {position:relative; height:850px; z-index:1;}

#visual .visualbtn {position:absolute; width:100%; margin:0; top:50%; margin-top:-30px;z-index:10;}
#visual .visualbtn .vs_prev {position:absolute; top:0; left:30px;}
#visual .visualbtn .vs_prev a{display:block; width:33px; height:60px; background:url('/design/ko/images/tp/visual_arw1.png')no-repeat; background-size:100%;}
#visual .visualbtn .vs_next {position:absolute; top:0; right:30px;}
#visual .visualbtn .vs_next a{display:block; width:33px; height:60px; background:url('/design/ko/images/tp/visual_arw2.png')no-repeat; background-size:100%;}

#visual .txt_area{position:relative; width:1200px; margin:0 auto;}
#visual .visual_txt {position:absolute; width:100%; top:250px;}
#visual .visual_txt .txt1 {font-family: 'Noto Sans KR'; font-size:40px; line-height:50px; font-weight:300; color:#fff; text-align:center;}
#visual .visual_txt .txt2 {font-family: 'Noto Sans KR'; font-size:60px; line-height:70px; font-weight:500; color:#fff; text-align:center;}
#visual .visual_txt .txt3 {font-family: 'Noto Sans KR'; font-size:24px; line-height:34px; font-weight:300; color:#fff; text-align:center;}


#visual .visual_txt2 {font-size:40px; line-height:46px; }
#visual .visual_btn{display:block; margin:0 auto; width:150px; text-align:center; font-family: 'Noto Sans KR'; font-size:18px; line-height:36px; font-weight:300; color:#fff; border:2px solid #fff; border-radius:20px;  box-sizing:border-box;}


#main_content1 {position:relative; padding:5px 0; overflow:auto; overflow-y:hidden; overflow-x:hidden;  background:#444;}
#main_content1 .ttl{position:relative;float:left; width:125px; text-align:center; font-family: 'Noto Sans KR'; font-size:20px; line-height:50px; font-weight:500; color:#fff;}
#main_content1 .box{float:left; background:#fff; border-radius:25px; padding:10px 0; width:1075px; }
#main_content1 .box .txt1{text-align:left; font-family: 'Noto Sans KR'; font-size:16px; line-height:30px; font-weight:400; color:#222; padding-left:20px; }
#main_content1 .box .txt2{text-align:right; font-family: 'Noto Sans KR'; font-size:14px; line-height:30px; font-weight:300; color:#888; padding-right:20px; }



#main_content2 {position:relative; width:1200px; margin:0 auto;}
#main_content2 .ttl{text-align:center; font-family: 'Noto Sans KR'; font-size:40px; line-height:60px; font-weight:600; color:#333;}
#main_content2 .box_area{position:relative;}
#main_content2 .box_area ul{position:relative; overflow:auto; overflow-y:hidden; overflow-x:hidden;}
#main_content2 .box_area li{position:relative; float:left; margin-right:20px; width:590px; border-top:2px solid #333; margin-bottom:40px;} 
#main_content2 .box_area li:nth-child(2){margin-right:0px;}
#main_content2 .box_area li:nth-child(4){margin-right:0px;}
#main_content2 .box{position:relative; padding:20px 20px 60px 20px; background:url('/design/ko/images/tp/main_con_bg.png')no-repeat right top;}
#main_content2 .txt1{text-align:left; font-family: 'Noto Sans KR'; font-size:34px; line-height:40px; font-weight:600; color:#333; word-spacing:0em; letter-spacing:-0.05em;}
#main_content2 .txt2{text-align:left; font-family: 'Noto Sans KR'; font-size:16px; line-height:26px; font-weight:400; color:#777; word-spacing:0em; letter-spacing:-0.05em;}
#main_content2 .more {position:absolute; right:0; top:0px; z-index:15; height:34px; width:34px; display:block; background:url('/design/ko/images/tp/main_more1.png')no-repeat center #333;}
#main_content2 .icon1 {position:absolute; right:5px; top:50px; z-index:15; height:105px; width:140px; background:url('/design/ko/images/tp/main_con_img1.png')no-repeat center;}
#main_content2 .icon2 {position:absolute; right:5px; top:50px; z-index:15; height:105px; width:140px; background:url('/design/ko/images/tp/main_con_img2.png')no-repeat center;}
#main_content2 .icon3 {position:absolute; right:5px; top:50px; z-index:15; height:105px; width:140px; background:url('/design/ko/images/tp/main_con_img3.png')no-repeat center;}
#main_content2 .icon4 {position:absolute; right:5px; top:50px; z-index:15; height:105px; width:140px; background:url('/design/ko/images/tp/main_con_img4.png')no-repeat center;}


#main_content3 {position:relative; width:1200px; margin:0 auto;}
#main_content3 .ttl{text-align:center; font-family: 'Noto Sans KR'; font-size:40px; line-height:60px; font-weight:600; color:#333;}
#main_content3 .box_area{position:relative;}
#main_content3 .box_area ul{position:relative; overflow:auto; overflow-y:hidden; overflow-x:hidden;}
#main_content3 .box_area li{position:relative; float:left; margin-right:40px; width:373px; border-top:2px solid #333; margin-bottom:40px;} 
#main_content3 .box_area li:nth-child(3){margin-right:0px; }
#main_content3 .box{position:relative; padding:20px 0;}
#main_content3 .txt1{text-align:left; font-family: 'Noto Sans KR'; font-size:28px; line-height:34px; font-weight:600; color:#333; word-spacing:0em; letter-spacing:-0.05em;}
#main_content3 .txt2{text-align:left; font-family: 'Noto Sans KR'; font-size:16px; line-height:26px; font-weight:400; color:#777; word-spacing:0em; letter-spacing:-0.05em;}


#main_content4 {position:relative; width:1200px; margin:0 auto; border-top:1px solid #dfdfdf; padding:7px 0; background:#fff;}
#main_content4 ul{overflow:auto; overflow-y:hidden; overflow-x:hidden; height:60px;}
#main_content4 li{position:relative; float:left; width:190px; margin:0 25px;}
#main_content4 li img{display:block;} 
#main_content4 .arw_left{position:absolute; left:0px; top:50%; margin-top:-10px; z-index:20; width:20px; height:20px; display:block; z-index:20;}
#main_content4 .arw_right{position:absolute; right:-0px; top:50%; margin-top:-10px; z-index:20; width:20px; height:20px; display:block; z-index:20;}


#da-slider2.da-slider{height:60px;}
#da-slider2.da-slider .da-slide{width:1200px;}






#footer {position:relative;}
#footer .menu {position:relative; border-top:1px solid #dfdfdf; font-family: 'Noto Sans KR'; font-weight:300; font-size:14px; color:#ccc; line-height:60px;}
#footer .menu a {font-weight:400; font-size:16px; color:#333; font-weight:500; }
#footer .ft_top {position:absolute; bottom:0px; right:0; width:60px; height:60px; background:url('/design/ko/images/tp/foot_top.png')no-repeat center #31c348; display:block;}
#footer .copyright {position:relative; border-top:1px solid #dfdfdf; background:#f8f8f8; padding:40px 0;}
#footer .copyright .copy_txt1{text-align:left; font-family: 'Noto Sans KR'; font-size:14px; line-height:26px; font-weight:400; color:#777; word-spacing:0em; letter-spacing:-0.05em;}
#footer .copyright .copy_txt2{text-align:left; font-family: 'roboto'; font-size:14px; line-height:26px; font-weight:400; color:#999; word-spacing:0em; letter-spacing:-0.05em;}


#sb_visual1{position:relative; background:url('/design/ko/images/tp/sb_visual1.jpg') no-repeat center; height:260px; background-size:cover;}
#sb_visual2{position:relative; background:url('/design/ko/images/tp/sb_visual2.jpg') no-repeat center; height:260px; background-size:cover;}
#sb_visual3{position:relative; background:url('/design/ko/images/tp/sb_visual3.jpg') no-repeat center; height:260px; background-size:cover;}
#sb_visual4{position:relative; background:url('/design/ko/images/tp/sb_visual4.jpg') no-repeat center; height:260px; background-size:cover;}

#sb_visual_txt1{position:relative; text-align:center; color:#fff; font-size:44px; line-height:50px; font-family: 'Noto Sans KR';  font-weight:600;}
#sb_visual_txt2{position:relative; text-align:center; color:#fff; font-size:18px; line-height:26px; font-family: 'Noto Sans KR';  font-weight:400;}




#sb_content {position:relative;}


#sb_tab {position:relative; width:1200px; margin:0 auto;}
#sb_tab .sb_menu1 {position:relative; border-bottom:1px solid #eaeaea;}
#sb_tab .sb_menu1 ul{position:relative; overflow:auto;}
#sb_tab .sb_menu1 li{position:relative; float:left; width:14.2%; line-height:60px; }
#sb_tab .sb_menu1 .off{background:#fff; font-family: 'Noto Sans KR'; font-size:18px; font-weight:400; color:#666; text-align:center;}
#sb_tab .sb_menu1 .on{background:#31c348; font-family: 'Noto Sans KR'; font-size:18px; font-weight:500; color:#fff; text-align:center;}

#sb_tab .sb_menu2 {position:relative; border-bottom:1px solid #eaeaea;}
#sb_tab .sb_menu2 ul{position:relative; overflow:auto;}
#sb_tab .sb_menu2 li{position:relative; float:left; width:25%; line-height:60px; }
#sb_tab .sb_menu2 .off{background:#fff; font-family: 'Noto Sans KR'; font-size:18px; font-weight:400; color:#666; text-align:center;}
#sb_tab .sb_menu2 .on{background:#31c348; font-family: 'Noto Sans KR'; font-size:18px; font-weight:500; color:#fff; text-align:center;}

#sb_tab .sb_menu3 {position:relative; border-bottom:1px solid #eaeaea;}
#sb_tab .sb_menu3 ul{position:relative; overflow:auto;}
#sb_tab .sb_menu3 li{position:relative; float:left; width:33.3%; line-height:60px; }
#sb_tab .sb_menu3 .off{background:#fff; font-family: 'Noto Sans KR'; font-size:18px; font-weight:400; color:#666; text-align:center;}
#sb_tab .sb_menu3 .on{background:#31c348; font-family: 'Noto Sans KR'; font-size:18px; font-weight:500; color:#fff; text-align:center;}

#sb_tab .sb_menu4 {position:relative; border-bottom:1px solid #eaeaea;}
#sb_tab .sb_menu4 ul{position:relative; overflow:auto;}
#sb_tab .sb_menu4 li{position:relative; float:left;  width:33.3%; line-height:60px; }
#sb_tab .sb_menu4 .off{background:#fff; font-family: 'Noto Sans KR'; font-size:18px; font-weight:400; color:#666; text-align:center;}
#sb_tab .sb_menu4 .on{background:#31c348; font-family: 'Noto Sans KR'; font-size:18px; font-weight:500; color:#fff; text-align:center;}






#sb_con{position:relative; width:1200px; margin:0 auto; min-height:600px;}

#con_area{position:relative; padding:40px 0;}
#con_area .ttl1 {position:relative; font-family: 'Noto Sans KR'; font-size:30px; line-height:40px;  font-weight:600; color:#333; text-align:left;}


#con_area .sb1_con1{position:relative; background:url('/design/ko/images/tp/sb01_01_img1.jpg') no-repeat left top; min-height:650px;}
#con_area .sb1_con1 .box {position:absolute; background:#fff; right:0; bottom:0; width:690px; border:1px solid #eee;}
#con_area .sb1_con1 .box .pd{padding:40px;}
#con_area .sb1_con1 .txt1{position:relative; text-align:left; font-family: 'Noto Sans KR'; font-size:32px;  font-weight:400; color:#333; line-height:55px; background:url('/design/ko/images/tp/ttl_bg.gif') no-repeat left top;}
#con_area .sb1_con1 .txt2{position:relative; text-align:left; font-family: 'Noto Sans KR'; font-size:16px;  font-weight:300; color:#666; line-height:24px;}
#con_area .sb1_con1 .txt3{position:relative; text-align:right; font-family: 'Noto Sans KR'; font-size:20px;  font-weight:500; color:#333; line-height:30px;}


#con_area .sb1_con2{position:relative; min-height:700px;}
#con_area .sb1_con2 .txt1{position:relative; text-align:center; font-family: 'Noto Sans KR'; font-size:24px;  font-weight:400; color:#0f9936; line-height:40px;}
#con_area .sb1_con2 .txt2{position:relative; text-align:center; font-family: 'Noto Sans KR'; font-size:36px;  font-weight:500; color:#333; line-height:50px;}
#con_area .sb1_con2 .txt3{position:relative; text-align:center; font-family: 'Noto Sans KR'; font-size:36px;  font-weight:700; color:#31c348; line-height:50px;}
#con_area .sb1_con2 .txt4{position:relative; text-align:center; font-family: 'Noto Sans KR'; font-size:38px;  font-weight:600; color:#333; line-height:50px;}
#con_area .sb1_con2 .txt5{color:#0f9936;}
#con_area .sb1_con2 .txt6{position:relative; text-align:center; font-family: 'Noto Sans KR'; font-size:16px;  font-weight:300; color:#666; line-height:24px;}
#con_area .sb1_con2 .txt7{position:relative; text-align:center; font-family: 'Noto Sans KR'; font-size:20px;  font-weight:500; color:#333; line-height:30px;}
#con_area .sb1_con2 .txt8{position:relative; text-align:center; font-family: 'Noto Sans KR'; font-size:16px;  font-weight:300; color:#666; line-height:24px;}
#con_area .sb1_con2 .box{position:relative; text-align:center;	} 
#con_area .sb1_con2 .box .cycle1{position:relative; display:inline-block; width:320px; height:320px; background:#edf7ea; border-radius:160px;} 
#con_area .sb1_con2 .box .cycle2{position:relative; display:inline-block; width:320px; height:320px; background:#e9f2ee; border-radius:160px;} 
#con_area .sb1_con2 .box .cycle3{position:relative; display:inline-block; width:320px; height:320px; background:#edf7ea; border-radius:160px;} 
#con_area .sb1_con2 .box .box1{position:relative; display:inline-block; width:320px; background:url('/design/ko/images/tp/sb01_02_img1.png') no-repeat center top;} 
#con_area .sb1_con2 .box .box2{position:relative; display:inline-block; width:320px; background:url('/design/ko/images/tp/sb01_02_img2.png') no-repeat center top;} 
#con_area .sb1_con2 .box .box3{position:relative; display:inline-block; width:320px; background:url('/design/ko/images/tp/sb01_02_img3.png') no-repeat center top;} 




#con_area .sb1_con3{position:relative;}
#con_area .sb1_con3 .pyo1{position:relative;}
#con_area .sb1_con3 .pyo1 table{position:relative; border-top:2px solid #333;}
#con_area .sb1_con3 .pyo1 th{position:relative; padding:12px 10px; background:#f8f8f8; border-bottom:1px solid #ddd; background-clip: padding-box; line-height:40px; text-align:center; font-family: 'Noto Sans KR', sans-serif;  font-size:16px; color:#222; font-weight:500; }
#con_area .sb1_con3 .pyo1 td{position:relative; padding:12px 10px; background:#fff;  border-bottom:1px solid #ddd; background-clip: padding-box;  line-height:40px; text-align:left; font-family: 'Noto Sans KR', sans-serif;  font-size:16px; color:#666; font-weight:400; }


#con_area .sb1_con4 {position:relative;}
#con_area .sb1_con4 .history_box {position:relative; width:100%; background:url('/design/ko/images/tp/m1s3_line.png')repeat-y center;}
#con_area .sb1_con4 .his1 {margin-left:calc(50% - 9px); background-image:url('/design/ko/images/tp/m1s3_cur.png'); background-repeat:no-repeat; background-position:top left; padding:0 0 0 100px; position:relative; color:#666;}
#con_area .sb1_con4 .his1 .year {position:absolute; top: -20px; color:#f1970f; font-size:40px; font-weight:600;}
#con_area .sb1_con4 .his1 .ctnt {position:relative; padding-top: 20px; }
#con_area .sb1_con4 .his1 .ctnt ul{position:relative; overflow:auto; overflow-y:hidden; overflow-x:hidden;}
#con_area .sb1_con4 .his1 .ctnt li {position:relative; text-align:left; color:#666; font-size:16px; line-height:30px; font-weight:400; font-family: 'Noto Sans KR'; word-spacing:0em; letter-spacing:-0.05em; vertical-align:top;}
#con_area .sb1_con4 .his1 .ctnt .month {position:relative; color:#333; font-size:16px; font-weight:700; margin-right:10px; font-family: 'Noto Sans KR'; word-spacing:0em; letter-spacing:-0.05em;vertical-align:top;}
#con_area .sb1_con4 .his2 {margin-top:60px; width:calc(50% + 6px); background-image:url('/design/ko/images/tp/m1s3_left.png'); background-repeat:no-repeat; background-position:top right; padding:0 0 0 0px; position:relative; color:#666;}
#con_area .sb1_con4 .his2 .year {position:absolute; top: -20px; right:100px; color:#000; font-size:40px; font-weight:600;}
#con_area .sb1_con4 .his2 .ctnt {position:relative; padding-top: 20px; padding-right:100px; }
#con_area .sb1_con4 .his2 .ctnt ul{position:relative; overflow:auto; overflow-y:hidden; overflow-x:hidden;}
#con_area .sb1_con4 .his2 .ctnt li {position:relative; text-align:right; color:#666; font-size:16px; line-height:30px; font-weight:400; font-family: 'Noto Sans KR'; word-spacing:0em; letter-spacing:-0.05em; vertical-align:top;}
#con_area .sb1_con4 .his2 .ctnt .month {position:relative; color:#333; font-size:16px; font-weight:700; margin-left:10px; font-family: 'Noto Sans KR'; word-spacing:0em; letter-spacing:-0.05em;vertical-align:top;}
#con_area .sb1_con4 .his3 {margin-left:calc(50% - 6px); margin-top:60px;	background-image:url('/design/ko/images/tp/m1s3_right.png'); background-repeat:no-repeat; background-position:top left; padding:0 0 0 100px; position:relative; color:#666;}
#con_area .sb1_con4 .his3 .year {position:absolute; top: -20px; color:#000; font-size:40px; font-weight:600;}
#con_area .sb1_con4 .his3 .ctnt {position:relative; padding-top: 20px; }
#con_area .sb1_con4 .his3 .ctnt ul{position:relative; overflow:auto; overflow-y:hidden; overflow-x:hidden;}
#con_area .sb1_con4 .his3 .ctnt li {position:relative; text-align:left; color:#666; font-size:16px; line-height:30px; font-weight:400; font-family: 'Noto Sans KR'; vertical-align:top;}
#con_area .sb1_con4 .his3 .ctnt .month {position:relative; color:#333; font-size:16px; font-weight:700; margin-right:10px; font-family: 'Noto Sans KR'; vertical-align:top;}
#con_area .sb1_con4 .two_line{line-height:30px; display:inline-block; vertical-align:top;}


#con_area .sb1_con5 {position:relative;}
#con_area .sb1_con5 .txt1{position:relative; text-align:left; font-family: 'Noto Sans KR'; font-size:28px;  font-weight:500; color:#269d38; line-height:45px; text-decoration:underline; text-underline-offset: 10px; word-spacing:0em; letter-spacing:-0.05em;}
#con_area .sb1_con5 .bundle{position:relative; overflow:auto; vertical-align:top;}
#con_area .sb1_con5 .txt_area{position:relative; float:left; width:310px; vertical-align:top;}
#con_area .sb1_con5 .pic_area{position:relative; float:left; width:890px; vertical-align:top;}
#con_area .sb1_con5 .pic_area ul {position:relative; overflow:auto; overflow-y:hidden; overflow-x:hidden;}
#con_area .sb1_con5 .pic_area li {float:left; margin-right:30px; margin-bottom:30px;}
#con_area .sb1_con5 .pic_area li:nth-child(3){margin-right:0px;}
#con_area .sb1_con5 .pic_area li.pic_box{position:relative; border:1px solid #999; box-sizing:border-box; width:275px; height:390px; vertical-align:top;  }
#con_area .sb1_con5 .pic_area li.pic_box img{display:block; width:100%;}

#con_area .sb1_con6 {position:relative;}
#con_area .sb1_con6 img{position:relative;}

#con_area .sb1_con7 {position:relative;}
#con_area .sb1_con7 .txt1{position:relative; text-align:left; font-family: 'Noto Sans KR'; font-size:32px; font-weight:500; color:#333; line-height:45px;}
#con_area .sb1_con7 .txt2{position:relative; text-align:left; font-family: 'Noto Sans KR'; font-size:16px; font-weight:400; color:#666; line-height:24px;}
#con_area .sb1_con7 .txt3{position:relative; text-align:left; font-family: 'roboto'; font-size:16px; font-weight:500; color:#333; line-height:34px;}


#con_area .sb2_con1 {position:relative;}
#con_area .sb2_con1 .txt1{position:relative; text-align:left; font-family: 'Noto Sans KR'; font-size:16px; font-weight:400; color:#666; line-height:24px;}
#con_area .sb2_con1 .txt2{position:relative; text-align:left; font-family: 'Noto Sans KR'; font-size:32px;  font-weight:600; color:#333; line-height:55px; background:url('/design/ko/images/tp/ttl_bg.gif')no-repeat left top;}
#con_area .sb2_con1 .txt3{position:relative; text-align:left; font-family: 'Noto Sans KR'; font-size:16px; font-weight:400; color:#666; line-height:30px;}
#con_area .sb2_con1 .txt4{position:relative; text-align:left; font-family: 'Noto Sans KR'; font-size:16px; font-weight:400; color:#666; line-height:24px; width:87%; word-spacing:0em; letter-spacing:-0.05em;}
#con_area .sb2_con1 .txt5{position:relative; text-align:left; font-family: 'Noto Sans KR'; font-size:18px; font-weight:500; color:#333; line-height:30px;}
#con_area .sb2_con1 .txt6{position:relative; text-align:left; font-family: 'Noto Sans KR'; font-size:14px; font-weight:400; color:#888; line-height:24px; }
#con_area .sb2_con1 .txt7{position:relative; text-align:left; font-family: 'Noto Sans KR'; font-size:24px; font-weight:400; color:#333; line-height:55px; }
#con_area .sb2_con1 .txt8{position:relative; text-align:left; font-family: 'Noto Sans KR'; font-size:24px; font-weight:500; color:#333; line-height:34px; }

#con_area .sb2_con1 .img1{position:relative;}
#con_area .sb2_con1 .btn1{position:relative; display:block; width:164px; height:44px; line-height:40px;  text-indent:10px; border:2px solid #31c348; box-sizing:border-box; background:url('/design/ko/images/tp/btn_arw.gif')no-repeat right 10px center; text-align:left; font-family: 'Noto Sans KR'; font-size:16px; font-weight:500; color:#555; }
#con_area .sb2_con1 .bundle{position:relative;vertical-align:top;clear:both}
#con_area .sb2_con1 .txt_area{position:relative; float:left; width:340px; vertical-align:top;}
#con_area .sb2_con1 .sub_txt_area{position:relative;padding-left:340px; vertical-align:top;padding-top:30px;}
#con_area .sb2_con1 .pic_area{position:relative; float:left; width:860px; vertical-align:top;}
#con_area .sb2_con1 .sub_pic_area{;padding-left:340px;position:relative;vertical-align:top;}
#con_area .sb2_con1 .line{position:relative; border-top:1px solid #ddd; display:block; height:1px;clear:both}
#con_area .sb2_con1 .line2{position:relative; border-top:2px solid #333; display:block; height:1px;clear:both}

#con_area .sb2_con1 .bundle2{position:relative; overflow:auto; vertical-align:top;}
#con_area .sb2_con1 .txt_area2{position:relative; float:right; width:490px; vertical-align:top;}
#con_area .sb2_con1 .pic_area2{position:relative; float:left; width:350px; vertical-align:top;}

#con_area .sb2_con1 .pyo1{position:relative;}
#con_area .sb2_con1 .pyo1 table{position:relative; border-top:2px solid #333; }
#con_area .sb2_con1 .pyo1 th{position:relative; padding:10px; background:#777; border-bottom:1px solid #bbb; background-clip: padding-box; line-height:24px; text-align:center; font-family: 'Noto Sans KR', sans-serif;  font-size:16px; color:#fff; font-weight:500; }
#con_area .sb2_con1 .pyo1 td{position:relative; padding:10px; background:#fff; border-bottom:1px solid #bbbd; background-clip: padding-box; }
#con_area .sb2_con1 .pyo1 .td_txt1 {line-height:24px;text-align:center; font-family: 'Noto Sans KR', sans-serif;  font-size:14px; color:#444; font-weight:600; }
#con_area .sb2_con1 .pyo1 .td_txt2 {line-height:24px; text-align:left; font-family: 'Noto Sans KR', sans-serif;  font-size:14px; color:#666; font-weight:400; }
#con_area .sb2_con1 .pyo1 .line_r {border-right:1px solid #bbb}
#con_area .sb2_con1 .pic_area2 .pic_box{position:relative; border:1px solid #ddd; box-sizing:border-box; vertical-align:top;  }
#con_area .sb2_con1 .pic_area2 .pic_box img{display:block; width:100%;}

#con_area .sb2_con1 .bnr_area{position:relative; width:1195px; border-left:1px solid #ddd; border-top:1px solid #ddd;}
#con_area .sb2_con1 .bnr_area ul {position:relative; overflow:auto; overflow-y:hidden; overflow-x:hidden;}
#con_area .sb2_con1 .bnr_area li {float:left; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f4f4f4; width:238px; height:101px;}
#con_area .sb2_con1 .bnr_area li img {display:block; width:100%;}

/* 제품정보 */
#con_area .sb3_con1 {position:relative;}

/* 타이틀 */
#con_area .sb3_con1 .st1{position:relative; text-align:left; font-family: 'Noto Sans KR'; font-size:24px; font-weight:600; color:#124c95; line-height:40px; word-spacing:0em; letter-spacing:-0.05em;}
#con_area .sb3_con1 .st2{position:relative; text-align:left; font-family: 'Noto Sans KR'; font-size:22px; font-weight:600; color:#333; line-height:38px; word-spacing:0em; letter-spacing:-0.05em;}

/* 제품표 */
#con_area .sb3_con1 .pyo1{position:relative;}
#con_area .sb3_con1 .pyo1 table{position:relative; border-top:2px solid #333;}
#con_area .sb3_con1 .pyo1 th{position:relative; padding:12px 10px; background:#f8f8f8; border-bottom:1px solid #ddd; background-clip: padding-box;}
#con_area .sb3_con1 .pyo1 td{position:relative; padding:12px 10px; background:#fff; border-bottom:1px solid #ddd; background-clip: padding-box;}
#con_area .sb3_con1 .pyo1 .txt1{text-align:center; font-family: 'Noto Sans KR', sans-serif;  font-size:16px; color:#222; font-weight:500; word-spacing:0em; letter-spacing:-0.05em; line-height:24px;}
#con_area .sb3_con1 .pyo1 .txt2{text-align:center; font-family: 'Noto Sans KR', sans-serif;  font-size:16px; color:#666; font-weight:400; word-spacing:0em; letter-spacing:-0.05em; line-height:24px;}
#con_area .sb3_con1 .pyo1 .txt3{text-align:left; font-family: 'Noto Sans KR', sans-serif;  font-size:16px; color:#666; font-weight:400; word-spacing:0em; letter-spacing:-0.05em; line-height:24px;}
#con_area .sb3_con1 .pyo1 .line_r{border-right:1px solid #ddd;}
#con_area .sb3_con1 .alert_txt1 {text-align:left; font-family: 'Noto Sans KR', sans-serif;  font-size:14px; color:#888; font-weight:400; word-spacing:0em; letter-spacing:-0.05em; line-height:40px;}
#con_area .sb3_con1 .pyo1 th.table_title{text-align:left;position:relative; padding:12px 10px; background:#fff; border-bottom:2px solid #333; background-clip: padding-box; line-height:40px;  font-family: 'Noto Sans KR', sans-serif;  font-size:16px; color:#222; font-weight:500;}

/* 특장점 또는 리스트 */
#con_area .sb3_con1 .list1 {position:relative;}
#con_area .sb3_con1 .list1 ul{position:relative; overflow:auto; overflow-y:hidden; overflow-x:hidden;}
#con_area .sb3_con1 .list1 li{position:relative; margin-bottom:5px;}
#con_area .sb3_con1 .list1 .txt1{text-align:left; font-family: 'Noto Sans KR', sans-serif;  font-size:15px; color:#444; font-weight:500; word-spacing:0em; letter-spacing:-0.05em; line-height:25px; background:url('/design/ko/images/tp/dot1.gif')no-repeat left center; text-indent:10px;}
#con_area .sb3_con1 .list1 .txt2{text-align:left; font-family: 'Noto Sans KR', sans-serif;  font-size:14px; color:#666; font-weight:400; word-spacing:0em; letter-spacing:-0.05em; line-height:22px; background:url('/design/ko/images/tp/dot2.gif')no-repeat left 6px center; text-indent:16px;}


#con_area .sb4_con1 {position:relative;}

#con_area .sb4_con2 {position:relative;}
#con_area .sb4_con2 .txt1{position:relative; text-align:left; font-family: 'Noto Sans KR'; font-size:16px;  font-weight:300; color:#666; line-height:24px;}
#con_area .sb4_con2 .txt2{position:relative; text-align:left; font-family: 'Noto Sans KR'; font-size:24px; font-weight:500; color:#333; line-height:34px; }
#con_area .sb4_con2 .img1{position:relative;}


#con_area .sb4_con2 .pyo1{position:relative;}
#con_area .sb4_con2 .pyo1 table{position:relative; border-top:2px solid #333; }
#con_area .sb4_con2 .pyo1 th{position:relative; padding:10px; background:#777; border-bottom:1px solid #bbb; background-clip: padding-box; line-height:24px; text-align:center; font-family: 'Noto Sans KR', sans-serif;  font-size:16px; color:#fff; font-weight:500; }
#con_area .sb4_con2 .pyo1 td{position:relative; padding:10px; background:#fff; border-bottom:1px solid #bbbd; background-clip: padding-box; }
#con_area .sb4_con2 .pyo1 .td_txt1 {line-height:24px;text-align:center; font-family: 'Noto Sans KR', sans-serif;  font-size:14px; color:#444; font-weight:600; }
#con_area .sb4_con2 .pyo1 .td_txt2 {line-height:24px; text-align:center; font-family: 'Noto Sans KR', sans-serif;  font-size:14px; color:#666; font-weight:400; }
#con_area .sb4_con2 .pyo1 .line_r {border-right:1px solid #bbb}



#new_bbs {position:relative;}
#new_bbs th  {padding:7px 5px;  color:#FFF;  font-size:15px; line-height:22px; background:#bbb; border-top:2px solid #333; font-weight:500; border-bottom:1px solid #ddd;}
#new_bbs td.fd0 {color:#666; line-height:22px; text-align:center; font-size:14px; font-weight:300; border-bottom:1px solid #ddd; padding:7px 5px; background:#FFF; } 
#new_bbs td.fd1 {text-align:left; line-height:22px; font-size:16px; font-weight:400; border-bottom:1px solid #ddd; padding:7px 5px; background:#FFF; }
#new_bbs td.fd1 a:link {color:#333;}
#new_bbs td.fd1 a:hover {color:#000;text-decoration:none;}

#new_bbs .paging_num {display:inline-block;line-height:35px;border:1px solid #EAEAEA;height:33px;width:33px;margin:0 1px 0 1px;text-align:center;}
#new_bbs .paging_num {vertical-align:middle}
#new_bbs .paging_num a{vertical-align:middle;line-height:35px;}


#new_bbs .search_text {font-size:11px; color:#666;padding:0 5px;}
#new_bbs .inpt_st1 {border:1px solid #e1e1e1;}
#new_bbs td.line_t{border-top:2px solid #333}

#new_bbs td.fd2 {background:#FAFAFA; text-align:center; padding:7px 5px; line-height:22px; font-size:14px; font-weight:500; color:#333;  border-bottom:1px solid #ddd;}
#new_bbs td.fd3 {background:#FFF; padding:10px; font-size:14px;  line-height:22px;  border-bottom:1px solid #ddd;}
#new_bbs td.fd4 {background:#FAFAFA; text-align:center; padding:7px 5px; line-height:22px; font-size:16px; font-weight:600; color:#333;  border-bottom:1px solid #ddd;}
#new_bbs td.fd5 {background:#FFF; padding:10px; font-size:13px; color:#666; border-bottom:1px solid #ddd;}
#new_bbs td.fd6 {background:#FFF; padding:10px; font-size:14px;  line-height:22px;  border-bottom:1px solid #ddd; }
#new_bbs td.fd7 {background:#FFF;text-align:center;font-size:12px;}
#new_bbs td.fd8 {text-align:left;padding:10px 0 10px 5px;color:#666;line-height:19px;font-size:12px;}



/* 제품쪽 카다로그 스킨 */
/* #catal_basic .pic_box {background:#FBFAF9;border:1px solid #E1e1e1;color:#000;} */


#catal_basic .inpt_st1 {border:1px solid #e1e1e1;}
#catal_basic .list_state {position:relative;background:#fbfaf9;border:1px solid #E4E2DD;height:50px;line-height:50px;}
#catal_basic .sortStyle {position:absolute;top:0;right:5px;}
#catal_basic .pic_box {text-align:center;  margin-bottom:20px;}
#catal_basic .pic_box .info {font-family: 'Noto Sans KR', sans-serif;  font-size:16px; color:#888; font-weight:400; line-height:22px;  text-align:center;}
#catal_basic .pic_box .name {color:#333; padding-bottom:10px;  text-align:center;}
#catal_basic .pic_box .name a:link {font-family: 'Noto Sans KR', sans-serif;  font-size:20px; color:#333; font-weight:600; line-height:30px; }
#catal_basic .pic_box .name a:active {color:#333;}
#catal_basic .pic_box .name a:visited {color:#333;}
#catal_basic .pic_box .name a:hover {color:#333;}
#catal_basic .paging_num {display:block;line-height:35px;border:1px solid #EAEAEA;height:33px;width:33px;margin:0 1px 0 1px;text-align:center;}

#catal_basic .infobox {position:relative;}
#catal_basic .infobox .title {font-size:20px; font-family: 'Noto Sans KR', sans-serif; font-weight:600; border-bottom:1px solid #333; line-height:50px;}
#catal_basic .infobox .short {font-size:14px;color:#666;line-height:20px; padding:10px;background:#fbfaf9; border-bottom:1px solid #E7E7E7;} 
#catal_basic .infobox .cadal_option{font-size:14px; color:#333; line-height:10px; padding:10px; font-weight:500;line-height:20px;}
#catal_basic .infobox .cadal_option2{font-size:14px; color:#666; line-height:10px; padding:10px; font-weight:400; line-height:20px;}


#catal_basic .infobox .info1 {border-bottom:1px solid #333;}
#catal_basic .infobox .btn {text-align:right;}
#catal_basic .infobox .btn a {display:inline-block;width:100px;height:34px;border:1px solid #ddd;color:#333; text-align:center; margin:0 1px;font-size:15px;line-height:34px; font-family: 'Noto Sans KR', sans-serif; font-weight:500;}

#catal_basic .tab a{display:inline-block;width:50%; height:50px; border:1px solid #e1e1e1; font-family: 'Noto Sans KR', sans-serif; text-align:center; font-size:18px; font-weight:500; line-height:50px; color:#666; box-sizing:border-box;}
#catal_basic .tab a.on {background:#26b639; border:0px solid #e1e1e1; text-align:center; font-size:18px; font-weight:500; color:#fff;}

#catal_basic .info2 {font-size:14px; color:#666; line-height:130%;}

#catal_basic .depth2_cate_box {position:relative; background:#fbfaf9; border:1px solid #E4E2DD; padding:15px 0; text-align:center; }
#catal_basic .depth2_cate_box a {font-size:16px; font-weight:400; color:#666; padding:0 20px; line-height:34px;  background:url('/design/ko/images/tp/line.gif')no-repeat right center;}
#catal_basic .depth2_cate_box a:last-child{background:none;}

#catal_basic .depth2_cate_box a.on {font-size:16px; font-weight:500; color:#333;}

@media screen  and (max-width:1200px)  {
	body{width:1200px;}
}