@charset "utf-8";

/* 공통 css */
ul,ol,li{list-style:none}
body{font-size:16px; line-height:1; color:#333}
.container_fix{width:1330px;padding:0 15px}


/* 헤더 */
.at-menu{position:fixed; top:0; left:0; z-index:30; border:0; /* border-bottom:1px solid #333; */ background:transparent}
.at-menu.color{background-color:#28282a;z-index:30}
.at-menu .pc-menu .nav-top{display:inline-block; position:static; padding:0; text-align:center /* left:50%; width:auto; padding:0; transform:translateX(-50%); -webkit-transform:translateX(-50%) */}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li{position:static}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:first-child{margin-right:0}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a{padding:0 50px; font-weight:400; font-size:16px; color:#fff}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div{top:80px; width:100%; border:0; background-color:#141414}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1dul{}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1dli{display:inline-block}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da{padding:20px 40px; border:0;/* font-weight:300; */ font-size:16px; line-height:1.2}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da img{height:60px}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da-txt{display:block; color:#d5d5d5}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da:hover .sub-1da-txt{color:#f26835}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:first-child .sub-1da-txt{margin-top:20px; font-size:13px}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da:hover{border:0; background:#141414; color:#d5d5d5}
/* .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:first-child .sub-1da:hover .sub-1da-txt{} */
/* .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.hid:first-child .sub-1div{display:block !important} */
.at-menu .header_logo{position:absolute; top:26px; left:15px}
.at-menu .header_logo > a{display:block}
.at-menu .header_util{position:absolute; top:20px; right:15px}
.at-menu .hd_lang_ul{margin-top:8px}
.at-menu .hd_lang_ul > li{display:inline-block; border-bottom:2px solid #fff}
.at-menu .hd_lang_ul > li:hover{border-bottom:2px solid #f26835}
.at-menu .hd_lang_ul > li + li{margin-left:10px}
.at-menu .hd_lang_ul > li a{display:block; font-family:'Arial'; font-weight:600; font-size:14px; line-height:20px; color:#fff}
.at-menu .hd_lang_ul > li:hover a{color:#f26835}
.at-menu .header_util .btn_shop{display:inline-block; position:absolute; top:0; right:-165px; width:135px; padding-left:48px; border-radius:20px; background:#fff url('/kr/img/icon_cartBk.png') no-repeat 20px 50%;border:1px solid transparent}
.at-menu .header_util .btn_shop > span{display:inline-block; font-size:15px; line-height:40px; color:#333}
.at-menu .header_util .btn_shop:hover{border:1px solid #f26835;background:#fff url('/kr/img/icon_cartBk_h.png') no-repeat 20px 50%;}
/* .at-menu .header_util .btn_shop:hover > span{color:#f26835} */


@media(min-width:1920px){
	.container_box{width:1920px;max-width:100%;margin:0 auto}
}
@media(max-width:1700px){
	.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a{padding:0 32px}
	.at-menu .header_logo{left:15px}
	.at-menu .header_util{right:15px}
	.at-menu .hd_lang_ul{display:inline-block}
	.at-menu .header_util .btn_shop{position:static; margin-left:15px}
}
@media(max-width:1200px){
	.at-menu .header_util .btn_shop{width:120px;padding-left:40px;background: #fff url('/kr/img/icon_cartBk.png') no-repeat 15px 50%;margin-left:7px}
	.at-menu .header_util .btn_shop > span{font-size:14px;line-height:35px}
	.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da{padding:20px 30px}
	.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da img{height:60px}
}
@media(max-width:991px){
	.at-menu{position:relative}
	.at-menu.sub{position:fixed}
	.m_header{background:#28282a}
	.m_header .right_menu{top:50%;transform:translateY(-50%)}
	.m_header .right_menu > a:first-child{margin-right:0}
	.m_header .right_menu .btn_shop{display:block;width:100px;background: #fff url('/kr/img/icon_cartBk.png') no-repeat 12px 50%;background-size:13px;border:1px solid #cccccc;border-radius:15px;padding-left:20px;border:1px solid transparent}
	.m_header .right_menu .btn_shop > span{display:inline-block;font-size:12px;color:#333333;font-weight:400;line-height:30px}
	.m_header .right_menu .btn_shop:hover{border:1px solid #f26835;background:#fff url('/kr/img/icon_cartBk_h.png') no-repeat 12px 50%;background-size:13px;}
	.m_header .right_menu .btn_shop:hover > span{color:#f26835}
}
@media(max-width:387px){
	.m_header .right_menu .btn_shop{width:90px;background-size:10px;padding-left:15px}
	.m_header .right_menu .btn_shop > span{line-height:25px;font-size:11px}
}


/* 푸터 */
.fix_footer{margin-top:90px; padding:35px 0; background-color:#28282a; font-size:15px; color:#fff}
.fix_footer.sub{margin-top:150px}
.fix_footer a{color:#fff}
.fix_footer .ft_links{}
.fix_footer .ft_links_ul > li{display:inline-block}
.fix_footer .ft_links_ul > li + li{margin-left:16px}
.fix_footer .ft_links_ul > li > a{display:block}
.fix_footer .ft_infos{margin-top:30px}
.fix_footer .ft_infos:after{display:block; content:""; clear:both}
.fix_footer .ft_address{float:left; margin-right:8%}
.fix_footer .ft_address_ul:after{display:block; content:""; clear:both}
.fix_footer .ft_address_ul > li{float:left; position:relative; line-height:1.75}
.fix_footer .ft_address_ul > li.ft_clear{clear:both}
.fix_footer .ft_address_ul > li.ft_before{margin-left:10px; padding-left:10px}
.fix_footer .ft_address_ul > li.ft_before:before{display:block; content:""; position:absolute; top:50%; left:0; width:1px; height:12px; margin-top:-6px; background-color:#bbb}
.fix_footer .ft_address_ul > li a{}
.fix_footer .copyright{margin-top:13px}
.fix_footer .ft_customer{float:left}
.fix_footer .ft_customer .title{line-height:1.75}
.fix_footer .ft_customer .tel{margin-top:15px; font-family:'Montserrat'; font-weight:700; font-size:40px}
.fix_footer .ft_customer .ft_time{margin-top:15px}
.fix_footer .ft_customer .ft_time:after{display:block; content:""; clear:both}
.fix_footer .ft_customer .ft_time .tit{float:left; width:78px}
.fix_footer .ft_customer .ft_time .txt{float:left}
.fix_footer .ft_customer .ft_time .txt > p + p{margin-top:10px}
.fix_footer .ft_sns{float:right}
.fix_footer .ft_sns_ul > li{display:inline-block}
.fix_footer .ft_sns_ul > li + li{margin-left:6px}
.fix_footer .ft_sns_ul > li a{display:block; overflow:hidden; width:40px; height:40px; border-radius:20px; background-color:#fff}
.fix_footer .footer_logo{display:block; position:absolute; right:0; bottom:23px}


@media(max-width:991px){
	.fix_footer{margin-top:55px;padding:20px 0}
	.fix_footer.sub{margin-top:60px}
	.fix_footer .ft_infos{margin-top:20px}
	.fix_footer .ft_infos > div{width:100%}
	.fix_footer .ft_address_ul > li.ft_before{margin-left:5px;padding-left:5px}
	.fix_footer .ft_address{margin-right:0}
	.fix_footer .ft_customer{margin-top:15px}
	.fix_footer .ft_links_ul > li > a,
	.fix_footer .ft_address_ul > li,
	.fix_footer .copyright,
	.fix_footer .ft_customer .title{font-size:12px}
	.fix_footer .ft_customer .tel{font-size:26px;margin-top:10px}
	.fix_footer .ft_customer .ft_time .tit,
	.fix_footer .ft_customer .ft_time .txt{float:none;display:block;font-size:12px}
	.fix_footer .ft_customer .ft_time .txt{margin-top:10px}
	.fix_footer .ft_sns{margin-top:25px}
	.fix_footer .ft_sns_ul > li a{width:30px;height:30px}
	.fix_footer .ft_sns img{height:30px}
	.fix_footer .footer_logo{position:initial;margin-top:25px}
	.fix_footer .footer_logo img{height:30px}

	.at-go .go-btn{bottom:80px}
}
@media(max-width:550px){
	.fix_footer .ft_address_ul > li.ft_before:nth-child(7){margin-left:0;padding-left:0}
	.fix_footer .ft_address_ul > li.ft_before:nth-child(7):before{display:none;}
}
@media(max-width:460px){
	.fix_footer .ft_address_ul > li.ft_before:nth-child(4){margin-left:0;padding-left:0}
	.fix_footer .ft_address_ul > li.ft_before:nth-child(4):before{display:none}
}
@media(max-width:420px){
	.fix_footer .ft_address_ul > li.ft_before:nth-child(9){margin-left:0;padding-left:0}
	.fix_footer .ft_address_ul > li.ft_before:nth-child(9):before{display:none}
}
@media(max-width:387px){
	.fix_footer .ft_address_ul > li.ft_before:nth-child(6){margin-left:0;padding-left:0}
	.fix_footer .ft_address_ul > li.ft_before:nth-child(6):before{display:none}
}


/* 메인_공통 */
.main_con{margin-top:95px}
.main_con .mc_title{position:relative; margin-bottom:44px}
.main_con .mc_title .title{position:relative; font-family:'Arial'; font-weight:600; font-size:40px}
.main_con .mc_title .title > span{display:inline-block; margin-left:-2px; font-size:19px; vertical-align:top}
.main_con .mc_title .btn_direct{position:absolute; top:50%; right:0; font-size:15px; color:#666; transform:translateY(-50%); -webkit-transform:translateY(-50%)}
.main_con .mc_content{}

/* 메인_비주얼 */
.main_con01 .carousel-indicators li{width:8px; height:8px; margin:0 8px; border:0; background-color:rgba(255,255,255,0.3); vertical-align:middle}
.main_con01 .carousel-indicators .active{width:10px; height:10px; margin:0 8px; background-color:#fff}
.main_con01 .carousel-control .glyphicon-chevron-left, .main_con01 .carousel-control .glyphicon-chevron-right{width:14px; height:34px; margin-top:-17px}
/* .main_con01 .carousel-control .glyphicon-chevron-left{left:17%}
.main_con01 .carousel-control .glyphicon-chevron-right{right:17%} */
/* 메인_ent */
.main_con02 .mc02_ent_ul:after{display:block; content:""; clear:both}
.main_con02 .mc02_li{float:left; width:calc(20% - 2px)}
.main_con02 .mc02_li + .mc02_li{margin-left:2px}
.main_con02 .mc02_01{width:calc(40% - 2px)}
.main_con02 .mc02_02{width:calc(40% - 2px)}
.main_con02 .mc02_03 ~ li{margin-top:2px}
.main_con02 .mc02_li .img-wrap:after{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); opacity:0; transition:all 0.2s ease; -webkit-transition:all 0.2s ease}
.main_con02 .mc02_li:hover .img-wrap:after{opacity:1}
.main_con02 .mc02_li .img_text{position:absolute; top:50%; left:0; z-index:2; width:100%; padding-bottom:82px; opacity:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition:all 0.2s ease; -webkit-transition:all 0.2s ease}
.main_con02 .mc02_li:hover .img_text{opacity:1}
.main_con02 .mc02_li .img_text:after{display:block; content:""; position:absolute; bottom:0; left:50%; width:60px; height:60px; margin-left:-30px; border:1px solid #fff; border-radius:50%; background:url('/img/icon_hover.png') no-repeat 50% 50%}
.main_con02 .mc02_li .img_text p{line-height:1.2; color:#fff; text-align:center}
.main_con02 .mc02_li .img_text .hv_title{font-weight:600; font-size:30px}
.main_con02 .mc02_li .img_text .hv_text{margin-top:10px; font-size:19px;}
/* 메인_megaTV*/
.main_con03{padding:95px 0 100px; background-color:#f5f5f5}
/* 메인_news*/
.main_con04 .mc04_news .hover_box{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(40,40,42,0.9);}
.main_con04 .mc04_news .hover_box > a{display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;text-align:center;font-size:26px;color:#ffffff;font-weight:500}
.main_con04 .mc04_news .post-row:hover .hover_box{display:block}
.main_con04 .mc04_news .post_content{margin-top:22px; padding-bottom:29px; border-bottom:2px solid #f0f0f0}
.main_con04 .mc04_news .post_content .title{font-weight:500; font-size:20px; line-height:1.2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal}
.main_con04 .mc04_news .post_content .date{margin-top:16px; font-size:15px; color:#999}
.view_Container{width:100%;position: fixed;top: 50%;transform: translateY(-50%);}
.view-modal.m04_01 { padding:0;}
.view-modal.m04_01 ul li { list-style:none;}
.view-modal.m04_01 .view-padding { padding:0;}
.view-modal.m04_01 .view-padding .view-img { position:relative;}
.view-modal.m04_01 .view-padding .view-img .modal_slide li { float:left; }
.view-modal.m04_01 .view-padding .view-img .modal_slide li a > img { width:100%; }
.view-modal.m04_01 .view-padding .view-img .btns_fix { position:absolute; top:47%; width:100%; }
.view-modal.m04_01 .view-padding .view-img .btns_fix .p_btn { position:absolute; left:3%; padding:10px;}
.view-modal.m04_01 .view-padding .view-img .btns_fix .n_btn { position:absolute; right:3%;padding:10px;}
.view-modal.m04_01 .view-padding .view-img .modal_dot { display:flex; justify-content:center;margin-top:30px}
.view-modal.m04_01 .view-padding .view-img .modal_dot li { float:left; margin:0 5px; background:#e1e1e1; border-radius:50%; width:12px; height:12px; cursor:pointer;}
.view-modal.m04_01 .view-padding .view-img .modal_dot li.on { background:#f26835;}
.view-modal.m04_01 .view-content { padding:30px 70px;}
.view-modal.m04_01 .view-content .view_info{}
.view-modal.m04_01 .view-content .view_info li{font-size:18px;color:#333333;font-weight:400;list-style:none;line-height:1.8}
.view-modal.m04_01 .view-content .view_info li > span{color:#777777}
.view-modal.m04_01 .view-content .view_info li > a:hover{color:#f26835}

#viewModal .modal-dialog { width:43%;margin: 10px auto 0;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);}
#viewModal .modal-content { background:transparent; box-shadow:none; border:none; }
#viewModal .modal-content .text-center{position:absolute;right:95px;top:0}
#viewModal .modal-content .text-center img{width:auto;height:auto}

.responsive.is-pc { background:transparent;}
.responsive.is-mobile { background:transparent;}
.view-wrap.m04_01 { width:800px;max-width:100%;margin:0 auto; background:#fff;}
.slide_btn { position:absolute; top:50%;width:100%}
.slide_btn a { width:22px; height:55px; background-color:transparent !important; line-height:55px; text-align:center; padding:0; border:none !important; border-radius:50% !important; }
.slide_btn a.prev_btn { position:absolute; left:0;}
.slide_btn a.next_btn { position:absolute; right:0;}

@media (max-width:1900px){
	#viewModal .modal-dialog{width:900px}	
}
@media(max-width:991px){
	/* 메인_공통 */
	.main_con{margin-top:55px}
	.main_con .mc_title{margin-bottom:32px}
	.main_con .mc_title .title{font-size:23px}
	.main_con .mc_title .title > span{font-size:15px;}
	.main_con .mc_title .btn_direct{font-size:12px;}


	/* 메인_ent */
	.main_con02 .mc02_li{width:calc(50% - 0.2%)}
	.main_con02 .mc02_li + .mc02_li{margin-left:0.2%;margin-top:2px}
	.main_con02 .mc02_01{width:100%}
	.main_con02 .mc02_02{width:100%;margin-left:0 !important}
	.main_con02 .mc02_03 ~ li{margin-top:0}
	.main_con02 .mc02_li .img_text{padding-bottom:45px}
	.main_con02 .mc02_li .img_text:after{width:30px;height:30px;margin-left:-15px}
	.main_con02 .mc02_li .img_text .hv_title{font-size:20px}
	.main_con02 .mc02_li .img_text .hv_text{font-size:12px}

	/* 메인_megaTV*/
	.main_con03{padding:55px 0;}

	/* 메인_news*/
	.main_con04 .mc04_news .hover_box > a{font-size:20px}
	.main_con04 .mc04_news .post_content{margin-top:15px;padding-bottom:15px}
	.main_con04 .mc04_news .post_content .title{font-size:15px}
	.main_con04 .mc04_news .post_content .date{margin-top:10px;font-size:12px}

	.view-modal.m04_01 .view-padding .view-img .modal_dot {margin-top:15px}

	#viewModal .modal-dialog{width:100%}
	.view-wrap.m04_01 { width:640px}
	.view-modal.m04_01 .view-content{padding:20px 15px}
	.view-modal.m04_01 .view-content .view_info li{font-size:13px}
}
@media (max-width:768px){
	.view-wrap.m04_01 { width:80%}

	.slide_btn{top:30%}
}
@media (max-width:550px){
	.slide_btn{top:20%}
	.slide_btn img{height:40px}
}
@media (max-width:480px){
	.modal-body{padding:0}
	.view-wrap.m04_01 { width:84%}
	#viewModal .modal-content .text-center{right:20px;top:-40px}
	#viewModal .modal-content .text-center img{height:30px}
	.view-modal.m04_01 .view-padding .view-img .btns_fix img{height:25px}
	.slide_btn{top:25%}
}

/* 230714 nyb 유지보수 아이콘 크기 키우기 */
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1dli:nth-child(4) .sub-1da img{height:70px}