body { font-size:14px; }
/****메인*****/
#header {height:55px;}
#header.fix {height:55px; background:#fff;}
#header.no {height:55px; background:#fff;}
.top_menu li:first-child{display:none}
.top_menu li a.lang{  margin:-25px 0;  }
.top_menu li a.lang2 { margin-top:-25px; margin-right:35px; }


.fix#header .top_menu li a.lang{  margin:-15px 0;  }
.fix#header .top_menu li a.lang2 { margin-top:-15px; margin-right:45px; }

.no#header .top_menu li a.lang{  margin:-15px 0;  } 
.no#header .top_menu li a.lang2 { margin-top:-15px; margin-right:45px; }

/*.top_menu li:nth-child(2){}*/
.nav {height:55px;}
#header.no .nav h1 {padding:10px 20px 10px 20px;}
#header.fix .nav h1 {padding:10px 20px 10px 20px;}
.nav h1 {padding-left:20px; padding:10px 20px 10px 20px;}
.nav h1 img {width:30px;}
.all_menu {position:absolute; right:0; top:0; width:55px; height:55px;}
#header .top_menu ul li .all_menu {padding:0; background-size: 25px;}
#header.sub .top_menu ul li .all_menu {padding:0; background:url(../images/main/ico_menu.png) no-repeat center center; background-size:25px; width:55px; height:55px; box-sizing:border-box;}
#header.no .top_menu ul li .all_menu {padding:0; background-size: 25px; width:55px; height:55px;}
#header.fix .top_menu ul li .all_menu {padding:0; width:55px; height:55px; background:url(../images/main/menu_all.png) no-repeat center center; background-size: 25px;}
.all_menu a {width:55px; height:55px; background:#fff; line-height:48px; border-left:none;}
.all_menu a img {width:25px;}
.nav_menu {display:none;}
.quick {display:none;}
.product_i {right:10px; bottom:30px; width:150px; height:inherit;}
.product_wrap > a > img {width:38px;}
.product_wrap a {top:5px; right:-5px;}
.product_wrap .buy { top:90px; font-size:19px; width:52px; height:52px; line-height:52px;}
#landingArea .slide grid-container {left:20px; top:190px;}
#landingArea .controls {font-size:19px;}
.event ul li:nth-child(1) {background:url(../images/main/event_bg_m.jpg) no-repeat center top; height:270px; background-size:cover; width:100%; padding:20px 20px; box-sizing: border-box;}
.event ul li:nth-child(2) {background:url(../images/main/event_bg022.jpg) no-repeat center top; height:270px; background-size:cover; width:100%; padding:20px 20px; box-sizing: border-box;}
.event ul li .event_wrap h4 span {font-size:12px; padding:3px 3px;}
.event ul li .event_wrap p.sj {font-size:25px; padding-top:0px; padding-top:5px; word-break:keep-all; line-height:32px}
.event ul li .event_wrap p.mj {font-size:14px; padding-top:15px;}
li .middle h4 {font-size:25px; padding-top:20px; line-height:28px; padding-bottom:20px;}
li .middle .pro_text {font-size:14px; padding-top:20px; line-height:18px;}
li .middle .pro_text br {display:none;}
.up_product ul {height:824px; position:relative;}
.down_product ul {width:100%;}
.down_product li:nth-child(1) {width:100%; height: initial; padding:20px; box-sizing: border-box;}
.pro_menu {padding-top:40px;}
.pro_menu dl {width:50%; margin-bottom:30px;}
.pro_menu dl dt img {width:83px;}
.pro_menu .mt {font-size:18px; padding-top:25px;}
.pro_menu .st {font-size:14px; line-height:20px; padding-top:10px;}
.pro_menu .st br {display:none;}

.material {padding-top:20px; padding-bottom:20px;}
.material span {padding:15px 30px; font-size:14px;}
.down_product li:nth-child(2) {display:none;; width:100%; height:414px; background:url(../images/main/up_product_img02_m.jpg) no-repeat center top; background-size:cover;}
.down_product ul {height:inherit;}


/* 섹션3파트 */
.main3 {width:100%; height:343px; background:url(../images/main/mbg_main_global.jpg) no-repeat center top; background-size:cover; box-sizing: border-box;}
.main3 div {position:relative; width:100%; text-align:center}
.main3 div  img {width:85%; text-align:center; margin-top:110px}



/* 섹션4 파트 */
.main4  {position:relative; width:100%; margin:40px auto;  background:#fff; 	font-family:'Noto Sans KR'; padding:0 20px;}
.main4 .bbs01 {width:100%; position:relative; float:left; margin-bottom:40px; margin-right:0%}
.main4 .bbs01 .more a{ position:absolute; top:5px; left:85%; font-size:18px;  font-weight:500;}
.main4 .bbs01 img {width:90%; }

.main4 .bbs02 {width:100%; position:relative;  margin-bottom:40px; float:left}
.main4 .bbs02 h3 { font-size:18px; line-height:24px; color:#393939; font-weight:500; padding-bottom:26px;}
.main4 .bbs02 img {width:90%}


.info_summary4 {display:none;}
.info_summary40 {display:block} 
.info_summary40 img {width:100%}


#footer {padding:25px 20px 90px; font-size:11px; line-height:16px;}
#footer .foot_wrap {padding-top:10px;}
.foot_down.fix {display:block;}
.foot_down {display:none; position:fixed; bottom:0; width:100%; z-index:1000;}
.foot_down ul li {width:50%; height:65px; line-height:65px; float:left; text-align:center;}
.foot_down ul li a {display:block; color:#fff; font-size:25px; font-weight:400;}
.foot_down ul li:nth-child(1){background:#d71921;}
.foot_down ul li:nth-child(2){background:#252525;}
.foot_in br {display:block;}
.foot_in span:after {width:0;}
.foot_in span.block {display:inline;}
.foot_in em {display:inline-block;}

.visual1 .main_visual {background:url(../images/main/main_visual01m.jpg) no-repeat !important; background-size:cover !important;}
.visual2 .main_visual {background:url(../images/main/main_visual02m.jpg) no-repeat !important; background-size:cover !important;}
.visual3 .main_visual {background:url(../images/main/main_visual03m.jpg) no-repeat !important; background-size:cover !important;}
.visual4 .main_visual {background:url(../images/main/main_visual04m.jpg) no-repeat !important; background-size:cover !important;}
.visual5 .main_visual {background:url(../images/main/main_visual05m.jpg) no-repeat !important; background-size:cover !important;}
.visual6 .main_visual {background:url(../images/main/main_visual06m.html) no-repeat !important; background-size:cover !important;}



.m_menu .head a {background:url(../images/main/plus.png) no-repeat 240px center;}
.m_menu .head.not a {background:none;}
.m_menu .head.not a:hover {background:#000;}
.m_menu .head a.not {background:#000 url(../images/main/plusbg.png) no-repeat 240px center;}
li.head > a:hover {background:#000 url(../images/main/plus.png) no-repeat 240px center;}
.head a {padding:20px;}
.m_menu {width:280px; background:#1b181b;}
.m_menu .head {font-size:16px;}
.m_menu .body a {padding:15px 20px;}
.m_menu ul li.tel {padding:15px 20px; font-size:16px;}
.m_top ul {margin-left:20px;}
.m_top ul li.close img {width:50px;}
.m_top {height:50px; line-height:50px;}
.m_top ul li:nth-child(1) a:after {top:25px;}
.m_top ul li:nth-child(2) a:after {top:16px;}
.m_top ul li em {top:10px;}
.button-prev {cursor:pointer; width:48px; height:48px; display:inline-block; background:url(../images/main/Backward_m.gif) no-repeat; background-size:48px;}
.button-next {cursor:pointer; width:48px; height:48px; display:inline-block; margin-left:-6px; background:url(../images/main/Forward_m.gif) no-repeat; background-size:48px;}

.playbox {width:320px !important; margin-left:-160px; margin-top:-182px !important; height:initial; top:50%;}
.playbox .btn_playbox_close {position:absolute; top:-60px; right:0px; cursor:pointer;}
.playbox .title {padding:20px 0 0 20px; font-weight:400; font-size:18px; font-family:"MalgunGothic"; color:#000000;}
.playbox .content {overflow:hidden; height:inherit; padding:10px 20px 40px; font-size:13px; color:#7b7b7b; line-height:18px;}
.playbox iframe {width:320px; height:180px;}
.playbox .btn_playbox_close img {width:35px;}

.recommendation_box .btn_wrap {display:none;}
.recommendation_pop .d_t .d_c {padding:0 20px;}
.recommendation_pop .data_wrap {max-width:100%;}
.recommendation_pop h3{text-align:center; font-size:25px; font-weight:500; color:#fff; height:65px; line-height:65px; background:#e93e3c;}
.recommendation_pop h3 img {width:35px;}
.recommendation_pop .btn_pop_close{top:20px;right:20px;width:25px;height:25px;}
.pop_r_text {padding:25px 15px;}
.pop_r_text .c_text {font-size:14px; padding-bottom:20px; letter-spacing:-0.1px;}
.input_box span {font-size:13px; width:40px;}
.input_box input[type="text"] {height:30px; line-height:30px; padding-left:10px; opacity:0.7;}
.input_box p.con {margin-top:10px;}
.input_box textarea {height:80px;}
.input_box label {height:30px;}
.input_box p.picture {margin-top:10px;}
.input_box label span { height:30px;line-height:30px; font-size:14px; width:70px; position:relative; margin-top:-1px;}
input::-webkit-input-placeholder {color:#1e1e1f; font-size:14px; font-weight:300; opacity:0.7;}
input::-moz-placeholder {color:#1e1e1f; font-size:14px; font-weight:300; opacity:0.7;}
input:-ms-input-placeholder {color:#1e1e1f; font-size:14px; font-weight:300; opacity:0.7;}
input:-moz-placeholder {color:#1e1e1f; font-size:14px; font-weight:300; opacity:0.7;}
a.btn01 {margin-top:20px; width:122px; height:32px; line-height:32px;border:1px solid #fff; transition:all .5s; font-size:12px; letter-spacing:0.5px;}
a.btn01.color:hover {background: #e93e3c;color: #fff;border: 1px solid #e93e3c;box-sizing: border-box;}
.btn02 {border:1px solid #1e1e1f;transition:all .5s; font-size:13px; width:122px; height:36px; line-height:36px;}
.material span {border:1px solid #1e1e1f;}

#header .m_menu li.login_m .login_popup {top:50px; right:-114px;}
#header .m_menu li.login_m .login_popup .login_popupIN {left:10px; right:auto;}
.pro_menu dl dt {height:83px;}


#footer .use a {font-size:13px; padding:0 15px;}
#footer .use a:after {height:13px;}
.foot_in {line-height:16px;}
.foot_in span {letter-spacing:-1.2px; padding:0;}
#footer .foot_wrap {font-size:11px; line-height:15px; letter-spacing:-1.2px;}


.container_wrap {width:100%}
.pc_view_div {display:none}
.m_view_div {display:block}

.thumb img {width:100%}



.index_select{position:relative;display:inline-block;margin-right:12px;padding:0;height:35px;text-align:left;color:#666;background:#fff;border:1px solid #ccc; width: 328px }




.pop-wrap-info .contentpop .info_summary3 {overflow:hidden; padding:20px 0}
.pop-wrap-info .contentpop .info_summary_header3 {margin-top:10px; padding-bottom:10px; position:relative;}
.pop-wrap-info .contentpop .info_summary_header3 h3.brd {line-height:20px; font-weight:600; color:#333; font-size:28px; position:relative; margin-bottom:5px;  text-align:left; padding-left:-20px;}
.pop-wrap-info .contentpop .info_summary_header3 h3.brd span{line-height:20px; font-weight:400; color:#333; font-size:16px; position:relative;   padding-left:2px}
.pop-wrap-info .contentpop .info_thumbnail3 {float:none; width:100%; }
.pop-wrap-info .contentpop .info_thumbnail3 img {text-align:center; vertical-align:central; padding-left:15px; width:90%}
.pop-wrap-info .contentpop .info_txt3 {float:right; width:90%; text-align:left; padding-right:10px}
.pop-wrap-info .contentpop .info_summary_cont .spectable2 {width:100%; border-spacing:0; border-collapse; collapse;  border-top:1px solid #dddddd; padding-top:10px; word-break:keep-all}



.hc_section .contents_wrap {width:100%}

.owl-theme .owl-nav .owl-prev {position:absolute;  top:30%; left:1% !important; background:url(/resources/images/sub/btn_newprev.png) no-repeat center top; }
.owl-theme .owl-nav .owl-next {position:absolute;  top:30%; right:1% !important;  background:url(/resources/images/sub/btn_newnext.png) no-repeat center top; }
.owl-theme .owl-dots {display:none}

.newPdt_desc span.name {display:block; font-size:20px; color:#000; font-weight:500;word-break:keep-all}

.prds_banner{background: no-repeat center top; background-size:cover; height:200px;}

.se_m {margin-top:10px !important}
.search_top input[type="text"]{width:250px;height:29px;padding:3px 10px 3px 15px; border:solid 1px #ccc;vertical-align:top; color:#979fae; line-height:29px;font-size:14px; margin-bottom:20px;}
.search_top .button1{width:50px}



.grid_nav{position:relative;width:100%; border:1px solid #cccdce;border-width:1px 1px 0 0;background-color:#fff; margin-bottom:50px; }
.grid_nav ul{display:inline-block;width:100%;margin-top:-1px;border:1px solid #cccdce;border-width:0 0 1px 1px;vertical-align:middle}
.grid_nav li{float:left;position:relative;width:33.333%;height:37px; font-size:14px;  color:#000}
.grid_nav li:last-child { display:none}

ul.prds_lst.col4 li { position:relative; width:100%; height: 324px;  margin: 0 0 44px 0; border:1px solid #e1e3de;}
ul.prds_lst.col4 li a {display:block; width:308px; height: 322px; overflow:hidden; margin:0 auto }
ul.prds_lst.col4 li a:hover {width:308px; height: 322px;/* border:1px solid #505a69;*/}
ul.prds_lst.col4 li:nth-child(4n){margin-right: 0;}

.prds_lstbox { clear:both; width:100%; position:relative;}



ul.prds_lst.col2 {margin-right: 0;}
ul.prds_lst.col2 li { position:relative; width:100%; height: auto;  margin:0 0 44px 0; border:1px solid #e1e3de; padding-top:30px;}
ul.prds_lst.col2 li a {display:block; width:100%; height: 322px; overflow:hidden }
ul.prds_lst.col2 li:nth-child(2n){margin-right: 0;}





.pop-wrap-info .headerpop {margin-bottom:20px; height:35px; border-bottom:1px solid #efefef;}
.pop-wrap-info .headerpop h2 { height:45px; color:#333; padding-left:20px;}
.pop-wrap-info .headerpop h2 span {padding-left:10px; font-size:16px; color:#999}
.pop-wrap-info .contentpop .info_summary {overflow:hidden;}
.pop-wrap-info .contentpop .info_thumbnail {float:none; margin-left:0px; height:150px; text-align:center; width:100%}
.pop-wrap-info .contentpop .info_thumbnail img { clear:both; text-align:center !important; width:150px !important; margin:0 auto; position:relative}
.pop-wrap-info .contentpop .info_thumbnail2 {float:left; }
.pop-wrap-info .contentpop .info_thumbnail2 img {text-align:center;}




.pop-wrap-info .contentpop .info_thumbnail > p {background:url(../images/sub/work_bar.png);letter-spacing:0 ;line-height:40px;height:40px;padding-left:20px;color:#fff;font-size:17px;margin-top:-40px;position:relative;z-index:10; font-weight:500;}
.pop-wrap-info .contentpop .info_txt {float:right; width:100%; text-align:left; margin-right:0px; }
.pop-wrap-info .contentpop .info_txt2 {float:right; width:100%; text-align:left;}

.pop-wrap-info .contentpop .info_summary_header {margin-top:5px; padding-bottom:5px; position:relative;}

.pop-wrap-info .contentpop .info_summary_header h3 {line-height:20px; font-weight:600; color:#333; font-size:18px; position:relative; margin-bottom:5px; text-align:center}
.pop-wrap-info .contentpop .info_summary_header h3 span{line-height:15px; font-weight:400; color:#333; font-size:14px; position:relative; margin-bottom:10px;  padding-left:2px; text-align:center}
.pop-wrap-info .contentpop .info_summary_header p {line-height:24px; font-size:15px; color:#828282;  padding-left:0; text-align:center}

.pop-wrap-info .contentpop .info_summary_cont {line-height:24px; font-size:15px; color:#666; padding:0px 20px 13px 0}
.pop-wrap-info .contentpop .info_summary_cont .spectable {width:100%; border-spacing:0; border-collapse; collapse;  border-top:1px solid #dddddd}
.pop-wrap-info .contentpop .info_summary_cont .spectable th {line-height:22px; font-size:13px; color:#333; font-weight:400; vertical-align:top; padding:10px 0; box-sizing:border-box; width:140px; background:#f9f9f9; text-align:center; border-bottom:1px solid #dddddd}
.pop-wrap-info .contentpop .info_summary_cont .spectable td {line-height:22px; font-size:12px; color:#666; font-weight:300; padding:10px 15px; text-align:left; border-bottom:1px solid #dddddd}
.pop-wrap-info .contentpop .info_summary_cont .spectable td span.map a{ float:right; background-color:#2a97e7; display:block; width:75px; height:25px; box-sizing:border-box; text-align:center; line-height:22px; font-size:12px; border:1px solid #2a97e7; border-radius:25px; overflow:hidden; color:#fff; font-weight:100;}
.pop-wrap-info .contentpop .info_summary_cont > p  { float:right; line-height:18px; padding-top:20px; font-weight:300; font-size:11px; color:#8a8989;}




/* 리스트수정*/


.info_summary {overflow:hidden;}
.info_thumbnail {float:none; margin-left:0px; height:150px; text-align:center; width:100%}
.info_thumbnail img { clear:both; text-align:center !important; width:150px !important; margin:0 auto; position:relative}
.info_thumbnail2 {float:left; }
.info_thumbnail2 img {text-align:center;}




.info_thumbnail > p {background:url(../images/sub/work_bar.png);letter-spacing:0 ;line-height:40px;height:40px;padding-left:20px;color:#fff;font-size:17px;margin-top:-40px;position:relative;z-index:10; font-weight:500;}
.info_txt {float:right; width:100%; text-align:left; margin-right:0px; }
.info_txt2 {float:right; width:100%; text-align:left;}

.info_summary_header {margin-top:5px; padding-bottom:5px; position:relative;}

.info_summary_header h3 {line-height:20px; font-weight:600; color:#333; font-size:18px; position:relative; margin-bottom:5px; text-align:center}
.info_summary_header h3 span{line-height:15px; font-weight:400; color:#333; font-size:14px; position:relative; margin-bottom:10px;  padding-left:2px; text-align:center}
.info_summary_header p {line-height:24px; font-size:15px; color:#828282;  padding-left:0; text-align:center}

.info_summary_cont {line-height:24px; font-size:15px; color:#666; padding:0px 20px; margin-bottom:20px}
.info_summary_cont .spectable {width:100%; border-spacing:0; border-collapse; collapse;  border-top:1px solid #dddddd}
.info_summary_cont .spectable th {line-height:22px; font-size:13px; color:#333; font-weight:400; vertical-align:top; padding:10px 0; box-sizing:border-box; width:140px; background:#f9f9f9; text-align:center; border-bottom:1px solid #dddddd}
.info_summary_cont .spectable td {line-height:22px; font-size:12px; color:#666; font-weight:300; padding:10px 15px; text-align:left; border-bottom:1px solid #dddddd}
.info_summary_cont .spectable td span.map a{ float:right; background-color:#2a97e7; display:block; width:75px; height:25px; box-sizing:border-box; text-align:center; line-height:22px; font-size:12px; border:1px solid #2a97e7; border-radius:25px; overflow:hidden; color:#fff; font-weight:100;}
.info_summary_cont > p  { float:right; line-height:18px; padding-top:20px; font-weight:300; font-size:11px; color:#8a8989;}






/* 서브 :: 비주얼 */
#subVisual{position:relative; width:100% !important; overflow:hidden;}
#subVisual .visual-item{position:relative; width:100%; overflow:hidden;}
#subVisual .visual-item:focus{outline:none;}
#subVisual .visual-txt{position:absolute;  top:30%; left:50%; }
#subVisual .visual-txt img {position:relative; width:300px; left:130px;}
#subVisual .visual-txt ul  {display:none}

.scmenu {display:none}
#subVisual .visual-inner-txt{border-left:1px solid rgba(255,255,255,0.3); padding-left:22px; color:#fff; padding-bottom:30px;}

/* active */
#subVisual .visual-item.active > img{
	-ms-transform: scale(1,1); /* IE 9 */
    -o-transform: scale(1,1); /* IE 9 */
    -moz-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
}


/****메인  끝*****/


#subVisual .visual-item > img {height:400px !important; width:100%;}

/*	비전 */
.vision {position:relative; clear:both; background-color:#faf9f5; width:100%; height:500px; background-repeat:no-repeat;background-position:center top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.vision  p {text-align:center; padding-top:50px}
.vision  p  img {width:100%}

/* 연혁 */

.history  h2 {text-align:center; padding-top:50px; }
.history  h2 img {width:15%;}
.company02 .history_wrap {height:auto !important; background:none !important; box-sizing:border-box; padding:0 15px;}
.company02 .history_wrap > ul > li {position:relative !important; width:100%; top:0 !important; margin-bottom:50px;}
.company02 .history_wrap .year {position:relative !important;}
.company02 .history_wrap > ul > li.left ul {padding-right:0 !important;}
.company02 .history_wrap > ul > li.left{left:auto;text-align:left}
.company02 .history_wrap > ul > li.right ul {padding-left:0 !important;}
.company02 .history_wrap > ul > li.right {left:0 !important;}
.company02 .history_wrap > ul > li.right .year{left:-2px;padding-left:30px; margin-bottom:10px;
font-size:20px;
	-webkit-background-size:21px auto;
	-moz-background-size:21px auto;
	-o-background-size:21px auto;
	background-size:21px auto
}
.company02 .history_wrap > ul > li.left .year{right:auto;left:-2px;padding-right:0;padding-left:30px; margin-bottom:10px;
font-size:20px;
background:url(../images/sub/history_right_dot.png) left center no-repeat;
	-webkit-background-size:21px auto;
	-moz-background-size:21px auto;
	-o-background-size:21px auto;
	background-size:21px auto
}

/*2025-12-04 연혁 추가 후 스타일 조정*/
.company02 .history_wrap_new {height:auto !important; background:none !important; box-sizing:border-box; padding:0 15px;}
.company02 .history_wrap_new > ul > li {position:relative !important; width:100%; top:0 !important; margin-bottom:50px;}
.company02 .history_wrap_new .year {position:relative !important;}
.company02 .history_wrap_new > ul > li.left ul {padding-right:0 !important;}
.company02 .history_wrap_new > ul > li.left ul > li > strong{float:left;margin-right:4px;}
.company02 .history_wrap_new > ul > li.left{text-align:left}
.company02 .history_wrap_new > ul > li.right {padding-left:0;}
.company02 .history_wrap_new > ul > li.right ul {padding-left:0 !important;}

.company02 .history_wrap_new > ul > li.right .year{left:-2px;padding-left:30px;
font-size:20px;
	-webkit-background-size:21px auto;
	-moz-background-size:21px auto;
	-o-background-size:21px auto;
	background-size:21px auto
}
.company02 .history_wrap_new > ul > li.left .year{right:auto;left:-2px;padding-right:0;padding-left:30px;
font-size:20px;
background:url(../images/sub/history_right_dot.png) left center no-repeat;
	-webkit-background-size:21px auto;
	-moz-background-size:21px auto;
	-o-background-size:21px auto;
	background-size:21px auto
}

	
/****서브비주얼*****/
.sub_viusal {height:180px; padding-top:30px; box-sizing:border-box;}
.sub_viusal02 {height:150px; padding-top:30px; background:url(../images/sub/sub_visual02m.jpg) no-repeat; background-size:cover; box-sizing:border-box;}
.sub_viusal03 {height:150px; padding-top:30px; background:url(../images/sub/sub_visual03m.jpg) no-repeat; background-size:cover; box-sizing:border-box;}
.sub_viusal04 {height:150px; padding-top:30px; background:url(../images/sub/sub_visual04m.jpg) no-repeat; background-size:cover; box-sizing:border-box;}
.sub_viusal05 {height:150px; padding-top:30px; background:url(../images/sub/sub_visual05m.jpg) no-repeat; background-size:cover; box-sizing:border-box;}
.sub_viusal06 {height:150px; padding-top:30px; background:url(../images/sub/sub_visual06m.jpg) no-repeat; background-size:cover; box-sizing:border-box;}
/*.sub_viusal07 {height:150px; padding-top:30px; background:url(../images/sub/sub_visual07m.jpg) no-repeat; background-size:cover; box-sizing:border-box;}*/
.sub_viusal08 {height:150px; padding-top:30px; background:url(../images/sub/sub_visual08m.jpg) no-repeat; background-size:cover; box-sizing:border-box;}
.blog_tab.fix {position:fixed; top:55px; width:100%; z-index:999;}
.category.fix {position:fixed; top:55px; width:100%; z-index:999;}



.sub_visual span {position:relative; display:block; text-align:center; padding:60px 0; font-weight:400; font-size:14px;}
.sub_visual span::before {position:absolute; top:28px; left:50%; width:1px; height:20px; background:#fff; content:'';}

.sub_visual#sub01_02 {width:100%; height:200px; background:url(/resources/images/sub/bg_network02.jpg) no-repeat center;padding:130px 0 150px 0; box-sizing:border-box; overflow:hidden; font-size:24px; color:#fff; text-align:center; font-weight:600; text-transform:uppercase;}
.sub_visual#sub03 {width:100%; height:200px; background:url(/resources/images/sub/bg_produnt.jpg)no-repeat center; padding:130px 0 150px 0; box-sizing:border-box; overflow:hidden; font-size:24px; color:#fff; text-align:center; font-weight:600; text-transform:uppercase;}
.sub_visual#sub04 {width:100%; height:200px; background:url(../images/sub/bg_comm.jpg)no-repeat center; padding:130px 0 150px 0; box-sizing:border-box; overflow:hidden; font-size:24px; color:#fff; text-align:center; font-weight:600; text-transform:uppercase;}


.pop-wrap-info .contentpop .info_thumbnail2 { text-align:center; width:100%;}
.pop-wrap-info .contentpop .info_txt2 {float:right; width:100%; text-align:left;}

	/* mediaboard */
	.mainMediaBoard > li {width:10%;}
	.mainMediaBoard > li .banner .tit > strong {font-size:140%;}
	.mainMediaBoard > li.active {width:60%;}
	.mainMediaBoard > li.active .banner .tit > strong {font-size:255%;}
	.tabContWrap{position:relative !important; top:12px;}
	
	
	
	/* 글로벌네트워크*/
	#company004 {width:100%;  box-sizing:border-box;}
.map {position:relative; clear:both;  width:100%; height:304px; padding:30px 0 ; background-image: url("../images/sub/mnetwork_map.jpg"); background-repeat:no-repeat;background-position:center top; background-size:cover; box-sizing:border-box;}

.sub_visual   {font-size:25px;}



#subVisual .visual-txt2{position:absolute; top:30%; width:100%; text-align:center }
#subVisual .visual-txt2 img {position:relative; width:98%  }
#subVisual .visual-txt2{position:absolute; top:30%; left:0%; margin-left:0px; text-align:center }



.container {width:100%; padding-bottom:50px; zoom:1;}
.container:after {clear:both; content:''; display:block;}
.prouct_area {padding-bottom:30px; overflow:hidden; margin-top:45px;}
.sub_viusal dl {padding-top:40px;}
.sub_viusal dl dt {font-size:25px;}
.sub_viusal dl dd {font-size:14px; padding-top:0px;}
.category { width:100%; height:50px; line-height:50px;}
.category ul {zoom:1; margin-left:2px;}
.category ul:after {clear:both; content:''; display:block;}
.category li {font-size:15px; width:33.333%; padding:0; float:left;}
.category.tab05 li {width:20%;}
.container .sub_title h2 {font-size:25px; padding:30px 0 25px;}


.prouct_area ul {width:100%;}
.prouct_area .btn_area { position:absolute; left:50%; top:50%; display:none; z-index:99; width:146px; height:58px; margin-left:-73px; margin-top:-64px;} 
.prouct_area .btn_sns span{display:inline-block;zoom:1;*display:inline; margin:0 2px;}
.prouct_area .btn_sns img {width:40px;}
.prouct_area ul {zoom:1; margin-left:2px;}
.prouct_area ul:after {clear:both; content:''; display:block;}
.prouct_area ul li {width:50%; height:inherit; padding:20px 10px 30px;}
.prouct_area ul li p img {width:100%; height:inherit;}
.one_area {position:absolute; width:35px; right:5px; top:5px;}
.one_area > div {margin-bottom:5px;}
.persent {width:35px; height:35px;  line-height:35px; font-size:11px;}
.coupon {width:35px; height:35px;  line-height:35px; font-size:11px;}
.new {width:35px; height:35px;  line-height:35px; font-size:11px;}
.best {width:35px; height:35px;  line-height:35px; font-size:11px;}
.persent.local {top:10px;}
.coupon.local {top:10px;}
.new.local {top:10px;}
.best.local {top:10px;}
.btn_sns .text {font-size:12px; padding:0 20px;}
.btn_sns dl {padding-top:20px;}
.btn_box_num a {width:38px; height:38px; line-height:38px; font-size:15px;}
.btn_box_num a.target {font-size:15px;}
.btn_box_num a.d_first {display:none;}
.btn_box_num a.d_last {display:none;}
.btn_num a {width:38px; height:38px; line-height:38px; font-size:15px;}
.btn_num a.target {font-size:15px;}
.btn_num a.d_first {display:none;}
.btn_num a.d_last {display:none;}
.prouct_area ul li dl dt {font-size:14px; color:#353535; display: -webkit-box;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; height:44px;}
.prouct_area ul li dl dd.y_text {font-size:11px; padding-top:5px; opacity:0.7;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height:15px;}
.prouct_area ul li dl dd.price {font-size:14px; opacity:1;}
.btn_review a { font-size:15px;}


.to_img {padding:10px 20px 0; margin-bottom:25px;}
.to_img h5 {font-size:18px; padding-bottom:25px;}
.to_img .slick-prev {background-size:40px; width:40px; height:40px; right:59px; top:5px;}
.to_img .slick-next {background-size:40px; width:40px; height:40px; top:5px; right:20px;}
.to_img ul li {width:290px; padding:20px 20px 30px}
.to_img ul li dt  { width:248px; height:207px;}
.to_img ul li dl dd {padding-top:10px; font-size:14px; font-weight:300;}
.to_img ul li dl dd.won {font-size:16px; font-weight:400;}
.section_box {border-right:none;}
.slick-list {border:0px solid #d7d7d7;}
.pro_tab.fix {width:100%; top:0px;}
.pro_tab ul {width:100%; height:55px;}
.pro_tab ul li.on {border:none; background:#ebebeb; color:#e93e3c; border-bottom:2px solid #e93e3c;}
.pro_tab ul li {border:none; background:#ebebeb; font-size:14px; height:55px; line-height:55px;}
.section_box {padding:35px 20px 60px; border:none;}
.pro_section_wrap {width:100%;}
.section1 img {width:100%;}
.section_title {font-size:18px; line-height:18px; padding-bottom:15px;}
.section_title a {font-size:12px; padding-right:10px;}
.section2 {padding-bottom:0; position:relative; margin-bottom:10px;}
.section2 .star_box img {width:16px;}
.section2 table tr {cursor:pointer;}
.section2 table td:first-child {padding:15px 0 20px; 0;}
.section2 .star_box span {font-size:12px;}
.section2 table td p span {font-size:14px; padding-top:5px;}
.section2 table td p img {margin-right:10px; width:120px;}
.pro_section_wrap table {margin-bottom:20px;}
.btn_wrap_right a.more_btn {width:123px; height:38px; line-height:33px; font-size:13px; border:1px solid #1e1e1f;}
.btn_wrap_right {float:none; margin-bottom:20px; text-align:center;}
.btn_box_num {bottom:0; height:38px; line-height:38px; }
.btn_box_num span:nth-child(4) {display:none;}
.section3 table thead {display:none;}
.section3 {padding-bottom:0; position:relative; padding-top:55px; clear:both;}
.section4 dl {padding-top:15px;}
.section4 dl dt {font-size:14px; padding-bottom:5px;}
.section4 dl dd {font-size:13px; padding-left:8px; padding-top:5px; line-height:18px; background:url(../images/sub/textbg.png) no-repeat left 13px; opacity:0.8;}
.section3 table tbody td a.answer_btn {display:none;}
.section3 table tbody td a.answer_btn_no {display:none;}
.section3 table tbody td a.m_answer_btn {display:block;}
.section3 table tbody td a.m_answer_btn_no {display:block;}
.section3 table td:nth-child(1) {display:none;}
.section3 table {width:100%; display:inherit;}
.section3 table td:nth-child(2) {display:block; text-align:left; width:100%; padding-bottom:10px; font-size:14px; color:464646;}
.section3 table td:nth-child(3) {text-align:left; display:inline-block; float:left; font-size:12px; margin-right:10px; opacity:0.8;}
.section3 table td:nth-child(4) { text-align:left; float:left; font-size:12px; opacity:0.8;}
.section3 table tbody tr {width:100%; display:inline-block; padding:15px 0; border-bottom:1px solid #d7d7d7; cursor:pointer;}
.section3 table tbody tr:first-child {border-top:1px solid #d7d7d7;}
.section3 table tbody td {border-bottom:none; display:inline-block; padding:0;}
.section3 table tbody td:last-child {float:right;}
#landingArea .controls li#progress li {font-size:18px;}
#landingArea li#progress b {font-size:18px;}
.product_view ul li .persent {right:0;}
.product_view ul li .coupon {right:0;}
.section2 {padding-top:55px;}
.section4 {padding-top:55px; clear:both;}
.pro_tab {padding-top:20px;}
.product_view .btn_left { margin-top:0 !important;}
.total #sit_tot_price { padding-bottom:0;}



.wrapper {width:100%; padding:0 20px; box-sizing:border-box;}
.container h2 {font-size:23px; padding-top:20px; padding-bottom:10px; line-height:23px;}

.btn_right, .btn_left {margin:20px -5px 0 -5px;}
.btn_right, .btn_left:after { content:''; clear:both; display:block;}
.b_total {padding:15px;}
.b_total_last li {float:inherit; margin-left:0; padding-top:15px;}
.b_total_last li:first-child {padding-top:0;}
.b_total_last li:nth-child(even) {display:none;}
.b_total_last li p {display:inline; font-size:14px; color:#353535; font-weight:400;}
.b_total_last {text-align:left; display:inherit;}
.b_total_last li p.b_price  {float:right; padding-top:0; font-size:18px; font-weight:300;}
.b_total_last li p.b_price span {font-size:13px;}
.b_total_last li p.b_price.red {font-weight:500;}
.basket {padding-top:20px; }
.container .sub_t {font-size:14px;}
.con_title {font-size:14px; padding-bottom:5px;}




.blog_tab {width:100%; height:50px; line-height:50px;}
.blog_tab ul {width:100%;}
.blog_tab ul li {width:50%; margin-right:0; margin-left:0;}
.blog_tab.tab03 ul li {width:33.3%; margin-right:0; margin-left:0;}
.blog_tab.tab04 ul li {width:25%; margin-right:0; margin-left:0;}
.blog_tab ul li a {font-size:15px; font-weight:400;}
.blog_area {width:100%; padding-bottom:5px;}
.blog_area ul {width:100%;}
.blog_area ul li {width:50%; margin-right:0; margin-bottom:10px;}
.blog_area ul li a {width:auto; height:auto;}
.blog_area ul li:nth-child(odd) {padding-right:5px;}
.blog_area ul li:nth-child(even) {padding-left:5px;}
.blog_area li:nth-child(even) .chekbox {left:0px;}
.blog_img img {width:100% !important; height:inherit !important;}
.blog_area dl {padding:10px 10px 15px;}
.blog_area dl dt {font-size:14px; line-height:18px; margin-bottom:10px; height:36px;}
.blog_area dl dd {font-size:12px; line-height:15px; height:47px;}
.btn_box_num span:nth-child(5) {display:none;}
.btn_box_num span:nth-child(6) {display:none;}
.btn_box_num.ml20 {margin-left:0px; width:100%; margin-top:20px;}
.btn_left.position {position:inherit; bottom:0; text-align:center; margin-top:10px; right:0; margin:20px 0 0;}
.btn_left.position a {line-height:35px;}
.btn_left.position .type_btn01 { height:40px; line-height:40px; font-size:14px;}
.review_text {width:auto; height:inherit; margin:30px 20px 15px; text-align:left; padding:10px 15px; line-height:0; box-sizing:border-box;  border-width:1px 1px 1px 1px;}
.review_text span:first-child {margin-top:0;}
.review_text span {display:block; margin-top:10px; font-size:14px;}
.review_text span img {width:16px; margin-right:8px;}
.review_best {top:15px; left:15px;}
.review_best img {width:37px;}
.serch_box ul li {padding:0 !important;}




.view_wrap {width:100%; padding:30px 20px 0; box-sizing:border-box;}
.view_tt {font-size:14px; display:block; padding-bottom:5px;}
.view_tt em {line-height:18px;}
.view_tt span {display:block; font-size:12px; position:relative; top:3px;}
.view_text dd {font-size:12px; line-height:20px; padding-bottom:20px;}
.view_text dl {padding-top:5px;}
.view_text dd br {display:none;}
.view_text dt img {width:100%;}
.btn_center.m_center a.type_btn02 {float:none;}
.btn_center.m_center a {width:100px; height:37px; line-height:37px; font-size:13px;}
.view_st .t_left {float:left; font-size:14px; color:#7c7c7d;}
.view_st {padding-top:8px;}
.view_tt a img {width:20px;}
.view_tt a {margin-left:5px;}
.view_st .t_left span {margin-left:10px;}
.view_st .t_left img {width:12px; margin-right:5px;}
.view_st .t_right {float:right; font-size:12px; color:#7c7c7d;}
.view_st .t_right span {padding-right:5px;}
.view_st .t_right span img {width:18px; margin-right:3px;}
.blog_area {margin:45px auto 0; padding:0 20px; box-sizing: border-box;}
.m_tab {margin-top:30px; padding:0 20px;}
.m_tab ul {width:100%;}
.m_tab ul li {width:33.3%;}
.m_tab ul li a {font-size:14px; height:36px; line-height:36px;}
.m_tab ul li a:after {top: 10px;}
.serch_box {width:100%; margin:20px auto 0; padding:0px 0; width:100%;}
.serch_box li.mm01 {width:33%;}
.serch_box li.mm02 {width:50%; margin-left:0;}
.serch_box li.mm03 {width:17%; margin-left:0;}
.serch_box li.mm01 select {padding:5px; width:100%; height:32px;}
.serch_box .ff {width:100%;}
.serch_box li.mm03 button {width:100%; height:32px; line-height:32px; font-size:14px;}
.serch_box li.mm02 input {padding:7px 5px; width:100%; height:32px; font-size:12px; border-left:none;}
.m_tab.tab04  li{width:25%;}


/*로그인*/
.container .sub_t.line {padding-bottom:20px;}
.login_con li {width:100%; padding:0;}
.login_con {margin-top:20px; padding-bottom:0px;}
.login_con h5 {font-size:14px;}
.login_box input.w445 {width:100%; height:25px; line-height:25px; font-size:12px;}
.login_con li p {margin-bottom:5px;}
.login_con li .login_box p.password {margin-bottom:0;}
.login_btn {width:81px; height:55px; line-height:55px; font-size:12px; position:inherit; left:0; display:inline-block; margin-left:5px;}
.login_box {display:table; width:100%;}
.login_con li:after {width:0;}
.d_table {display:table-cell; width:81px; height:55px; position:relative; top:-2px; vertical-align:bottom;}
.login_con .r_chk span em {font-size:12px; padding-right:7px; margin-left:5px;}
.login_con .r_chk i {font-size:12px; padding-left:7px;}
.login_con .r_chk span em:after {height:11px; top:4px; background:#e1e1e1;}
.login_con .r_chk i:after {height:11px; top:4px; background:#e1e1e1;}
.login_con .r_chk {margin-top:7px;}
.r_chk span input[type="checkbox"]:not(old) + label > span {width:16px; height:16px;}
.r_chk span input[type="checkbox"]:not(old):checked + label > span:before {width:18px; height:18px; background-size:14px;}
.login_con li:last-child {padding:20px 0 30px 0;}
.login_con li:last-child p span {font-size:12px;}
.login_text {padding:30px 25px 0;}
.login_text dt {font-size:14px; padding-bottom:5px;}
.login_text dd {font-size:12px; line-height:15px;}
.btn_center.m_center {padding-top:20px;}
.btn_center.m_center a.type_btn01 {float:none;}
.login_box input::-webkit-input-placeholder {font-size:12px;}
.login_box input::-moz-placeholder {font-size:12px;}
.login_box input:-ms-input-placeholder {font-size:12px;}
.login_box input:-moz-placeholder {font-size:12px;}


.container .sub_title.sub_title_con h2 {padding:30px 0 25px;}






.mt90 {margin-top:30px;}


.type_btn01.m100btn {width:100%; height:45px; line-height:45px; }
.btn_center.m_center .type_btn01.type_nbtn {width:100%;}
.pop_blocker_scroll h3 { padding:20px}
.pop_blocker_scroll .btn_pop_close { width:50px; background-size: 25px; right:5px}
.pop_blocker_scroll h3 img { width:140px;}



.pop_r_text .tel_box span {width:100%; display:inline-block;}
.recommendation_pop.phone_pop h3 img {width:25px; margin-right:10px;}

.phone_pop .pop_r_text .tel_box span:nth-child(1) {padding-right:0px; margin-bottom:10px;}
.phone_pop .pop_r_text .tel_box span:nth-child(2) {padding-left:0px;}
.phone_pop .pop_r_text {padding:15px 15px 35px;}
.phone_pop .pop_r_text .small_t {font-size:13px;}
.phone_pop .pop_r_text .title {font-size:13px;}
.phone_pop .r_chk span {margin-right:8px;}
.phone_pop .pop_r_text .tel_box input {height:50px;}
.pop_r_text .tel_box input::-webkit-input-placeholder {font-size:14px;}
.pop_r_text .tel_box input::-moz-placeholder {font-size:14px;}
.pop_r_text .tel_box input:-ms-input-placeholder {font-size:14px;}
.pop_r_text .tel_box input:-moz-placeholder {font-size:14px;}

.recommendation_pop.review_pop .review_box input[type="radio"] {width:18px; height:18px;}


.recommendation_pop.review_pop h3 {font-size:25px;}
.recommendation_pop.review_pop h3 img {width:25px; margin-right:10px;}
.recommendation_pop.review_pop .btn_pop_close {background-size:25px; top:15px; right:20px;}
.recommendation_pop.review_pop .data_wrap {padding:0 20px 30px;}
.recommendation_pop.review_pop .review_box .customer_wrap span {width:60px;}
.recommendation_pop.review_pop .review_st {display:block; padding:15px 0;}
.recommendation_pop.review_pop .review_box select {height:28px; font-size:13px;}
.recommendation_pop.review_pop .review_box .customer_wrap {border-top:none; margin-top:15px;}
.recommendation_pop.review_pop .review_box input {height:28px;}
.recommendation_pop.review_pop .review_box textarea {height:100px;}
.recommendation_pop.review_pop .review_box .customer_wrap .pd {width:50%; display:inline-block; margin-right:0; float:left; margin-bottom:5px;}
.recommendation_pop.review_pop .review_box .customer_wrap .pd:last-child {margin-bottom:0;}
.recommendation_pop.review_pop .review_box label {margin-left:5px;}
.btn_center a.type_btn01 {height:45px; line-height:45px;}
.btn_center a.type_btn02 {height:45px; line-height:45px;}
.btn_center .type_btn02 {height:45px; line-height:45px; font-size:15px !important; font-weight:bold;}


.recommendation_pop.review_pop .review_st.r_text p {font-size:13px;}
.recommendation_pop.review_pop .review_box textarea {height:70px;}
.recommendation_pop.review_pop .review_box .r_chk label em {font-size:13px;}
.recommendation_pop.review_pop .r_chk input[type="checkbox"]:not(old) + label > span {width:16px; height:16px;}
.recommendation_pop.review_pop .r_chk input[type="checkbox"]:not(old):checked + label > span:before{width:16px; height:16px; background-size:13px;}




.blog_area .coupon_area .coupon_img dl dt {font-size:33px; line-height:33px; padding-bottom:0;}
.blog_area .coupon_area .coupon_img dl dt span {font-size:23px;}
.blog_area .coupon_area .coupon_text {padding:15px 10px;}
.blog_area .coupon_area .coupon_text dt {padding-bottom:8px;}
.blog_area .coupon_area .coupon_text .coupon_download {margin-top:15px;}
.blog_area .coupon_area li a {height:inherit;}
.coupon_btn {width:100%; height:36px; line-height:36px;}
.coupon_btn em {background:url(../images/sub/couponbg.png) no-repeat left center;  display:inline-block; background-size:8px; padding-right:20px;}
.blog_area .coupon_area li .coupon_wrap {height:inherit; width:auto;}
.blog_area .coupon_area .coupon_img {height:140px;}
.blog_area .coupon_area .coupon_text .coupon_download .coupon_btn button.coupon_download {background:#1e1e1f url(../images/sub/couponbg.png) no-repeat 32% center;  width:100%; height:35px; line-height:35px; background-size:10px;}
.blog_area .coupon_area .coupon_text .coupon_download {font-size:13px;}



.sub_list {padding-top: 25px; padding-bottom: 25px; font-size:12px;}
.box_scroll p, .box_footer p {padding: 0 0 4px 0px;}
.use_list {border: 1px solid #e53935;padding: 20px 20px 10px 20px; overflow: hidden;}
.etc h5 {font-size:14px; padding-bottom:8px;}
.etc p {line-height:16px;}
.etc_box {line-height:18px; padding-top:15px; font-size:15px;}
.etc_line { margin-top:20px; }


.phone_box {padding:15px 15px 25px;}
.phone_box .ph_text {line-height:18px;  margin-bottom:10px; font-size:15px;}
.phone_box h5 {margin-bottom:0px; font-size:15px; padding-bottom:0px;}
.phone_box li {line-height:16px; font-size:14px;}


.modal_layer{max-width:100%;right:50% !important;transform:translateX(50%);width:90%;}
.modal_layer #close_btn{}



@media all and (min-width:250px) and (max-width:400px) {

}

@media all and (min-width:250px) and (max-width:540px) {

}

@media all and (min-width:401px) and (max-width:960px) {

}

@media all and (min-width:320px) and (max-width:355px) {

}
@media all and (min-width:700px) and (max-width:960px) {

}