@charset "UTF-8";
/*@import url(font.css);*/
@import url(default.css);
@import url(layout.css);
@import url(slick.css);
@import url(slick-theme.css);

/*메인_공통*/
html{}
.inner {margin:0 auto; max-width:1280px; }
.inner:after {content:''; display:block; clear:both;}

/*메인_header*/
.banner {}
.menu {display:block; line-height: 100px;}

/*메인_slide*/
.main_slidebox {margin-bottom:80px; }


/***
메인 배너 슬라이드
***/
.main_slidebox {overflow:hidden; position:relative; height:510px;}
.main_slide > div , .main_slide > div > div {width:100%; height:510px;}
.main_slide .slick-slide a {display: block; width:100%; height:100%; text-indent: -999em; font-size:0; background-size: cover;}
	/*  */
.main_slide	.slick-next , .main_slide	.slick-prev {display:none !important;}
	/*dots*/
.main_slidebox .slick-dots{display:inline-block !important; width:auto; bottom: 11%; left:50%; margin-left:-560px;}
.main_slidebox .slick-dots li{width:12px; height:12px; border-radius:50%; background-color:rgba(255,255,255,.4);}
.main_slidebox .slick-dots li.slick-active {width:16px; height:16px; border:3px solid #fff; border-radius: 50% ; background:none;}
.main_slidebox .slick-dots li button:before {content:''}

	/* 슬라이드 컨트롤박스 */
.ctrl_box {display:inline-block; position:absolute; bottom:10%; left:50%; margin-left:-600px; z-index: 20;}
.ctrl_box:after {content:''; display:block; clear:both;}
.ctrl_box dl {}
.ctrl_box dl dd {}
.ctrl_box dl dd .ctrl_cont {font-size:2.0rem; line-height:4.6rem; color:#fff; font-weight:300; text-align:left;}
.ctrl_box dl dd .ctrl_cont strong {font-weight:400;}
.ctrl_box dl dd a {color:#fff; text-decoration:none; text-align:center;}
.ctrl_box dl dd .ctrl_set {position:relative; display:block; width:30px; height:30px; z-index:10;}
.ctrl_box dl dd .ctrl_set:before {display:inline-block; width:30px; height:30px;}
.ctrl_set.ctrl_stop:before {content:''; background: url(../images/stop_btn.svg) center center no-repeat;background-size: cover;}
.ctrl_set.ctrl_play:before {content:''; background: url(../images/play_btn.svg) center center no-repeat;background-size: cover;}
/*메인_notice*/
.notice_box {margin-bottom:80px;}
.notice_box .notice_h {overflow:hidden; height:64px; background:#fff url(../images/noticeBG.png) center center no-repeat; padding:20px 30px;font-size:18px; font-weight:900; line-height:27px; color:#fff; background-size:cover; border-radius:10px;}
.notice_box .notice_h:after {content:''; display:block; clear:both;}
.notice_box .notice_h h4 {float:left; font-weight:600;}
.notice_box .notice_h .notice_list {float:right; width:calc(100% - 130px);}
.notice_box .notice_h .notice_list a {color:#fff;}
.notice_slick .slick-next:before , .notice_slick .slick-prev:before{content:''; display: inline-block; width:20px; height:20px;}
.notice_slick .slick-next , .notice_slick .slick-prev {left: inherit; right:0;}
.notice_slick .slick-next {top:80%}
.notice_slick .slick-prev {top:0;}
.notice_slick .slick-next:before{background: url(../images/notice_bottom_btn.svg) center center no-repeat;}
.notice_slick .slick-prev:before{background: url(../images/notice_top_btn.svg) center center no-repeat;}
/*메인_news*/
.news_box .inner::after{content:''; display:block; clear: both;}
.news_01 {float:left; width:974px; margin-right:24px;}
.news_02 {float:left; width:282px;}
.news_list:after {content:''; display:block; clear:both;}
.news_list li {float:left;}
.news_box {margin-bottom:40px;}
/*좌측*/
.news_box .news_01 .news_tax{position:relative; margin-bottom:20px;}
.news_box .news_01 h2{display:inline-block; float:left; font-size: 24px; color:#000; font-weight:600; margin-right:35px;}
.news_box .news_01 .news_list{display:inline-block; margin-top:6px;}
.news_box .news_01 .news_list::after{content:''; display:block; clear: both;}
.news_box .news_01 .news_list li{display:inline-block; float:left; position:relative; padding: 0 9px 0 6px;}
.news_box .news_01 .news_list li::after{content:''; display:inline-block; width:2px; height:2px; position: absolute; top:50%; right:0; background-color:#000;  }
.news_box .news_01 .news_list li:last-child::after{display:none;}
.news_box .news_01 .news_list li a {display:block;  padding:0 1px; font-weight:600; color:#000;}
.news_box .news_01 .news_list li a.on{border-bottom:4px solid #0077ff;}
.news_box .news_01 .news_tax .news_01_morebtn{float:right; position:relative; padding-top:8px;}
.news_box .news_01 .news_tax .news_01_morebtn a {display:block; width:100%; margin-right:15px; color:#999; font-weight:600;}
.news_box .news_01 .news_tax .news_01_morebtn a:after{content:''; display:inline-block; width:8px; height:13px; position:absolute; top:62%; right:0; transform:translateY(-50%); background:url(../images/gray_more_btn.svg) center center no-repeat;}
/*뉴스센터 이미지뉴스*/
.news_box .timeline {}
.news_box .timeline:after {content:''; display: block; clear: both;}
.news_box .timeline li {display:inline-block; float:left; margin-right:25px; margin-bottom:20px; width:calc(33.333% - 17px); min-height:230px; overflow: hidden;}
.news_box .timeline li:nth-of-type(3n) {margin-right: 0 !important; margin-bottom:0;}
.news_box .timeline li > div{float:left;}
.news_box .timeline li > div a {display:block;color:#999; font-weight:600;}
.news_box .timeline li > div a img {width:100%; height:160px; border-radius:5px; }
.news_box .timeline li > div a p.title {margin-top:13px; color:#000; font-weight:600;}
.news_box .timeline li > div a p.new_contentTax{margin-top:12px; font-size:14px; height:145px; overflow: hidden; text-overflow:ellipsis; color:#939393; font-weight:400;}

.news_box .timeline li > div a p span.trot {color:#0077FF;} /*속보*/
.news_box .timeline li > div a p span.politics{color:#FF9100;}/*정치*/
.news_box .timeline li > div a p span.economy{color:#00C52E;}/*경제*/
.news_box .timeline li > div a p span.society{color:#8000FF;}/*사회*/
.news_box .timeline li > div a p span.education{color:#F700FF;}/*교육*/
.news_box .timeline li > div a p span.culture{color:#0008FF;}/*문화*/
.news_box .timeline li > div a p span.administration{color:#EBCB00;}/*행정*/
.news_box .timeline li > div a p span.sports{color:#FF0088;}/*스포츠*/
.news_box .timeline li > div a p span.etc{color:#4B4B4B;}/*기타*/
/*기타*/

/*우측*/
.news_02{ text-align:center;}
.news_02 h3{margin-bottom:20px; font-size:20px; font-weight:600; color:#000;}
.news_02 .news_02_box {width:100%; padding: 20px 20px 0px 20px; height:466px; border-radius:5px; background-color: #e6e6e6; }
.news_02 .news_02_box ul li div{padding-right:5px;}
.news_02 .news_02_box ul li div > p{margin-bottom:30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight:600; color:#000;}
.news_02 .news_02_box ul li div > img{width:100%; height:140px;margin-bottom:15px; border-radius: 5px; z-index: 1}
.news_02 .news_02_box ul li span{display:block; width:60px; height:auto; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index: 2;}
.news_02 .news_02_box .news_02_morebtn {}
.news_02 .news_02_box .news_02_morebtn a {position:relative; padding-right:15px; top:-15px; color:#000; }
.news_02 .news_02_box .news_02_morebtn a::after{content:''; display:inline-block; width:8px; height:13px; position:absolute; top:50%; right:0; transform:translateY(-50%); background:url(./../images/block_more_btn.svg) center center no-repeat;}

/*메인_time*/
.time_box{margin-bottom: 80px;}
.time_01 {float:left; width:600px; height:300px;}
.time_02 {float:right; width:600px; height:300px; padding:40px 30px; background:#1a1a1a; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

/******
코로나 실시간 뉴스
*******/
.time_02{}
	/*
.time_02 ul li::after{content:''; display:block; clear: both;}
*/
.time_02 ul li::after{content:''; display:block; clear:both;}
.time_02 ul li{margin-bottom:15px;}
.time_02 ul li:last-child{margin-bottom:0;}
.time_02 ul li a{display:block;}
.time_02 ul li a::after{content:''; display:block; clear:both;}
.time_02 ul li a p.title{font-weight:600; color:#fff;}
.time_02 ul li a.first_new_l , .time_02 ul li a.first_new_r {float:left;}
.time_02 ul li a.first_new_l{display:none; /*margin-right:20px; width:175px; height:100px;*/}
.time_02 ul li a.first_new_l img {width:100%; height:100%; border-radius:5px;}
.time_02 ul li a.first_new_r {}
.time_02 ul li a.first_new_r p.title{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.time_02 ul li a.first_new_r p.con_new {/*height:45px; overflow: hidden;*/}
.time_02 ul li.newlist{margin-bottom:15px;}
.time_02 ul li.newlist a > p{font-weight:400;}
.time_02 ul li.newlist a > p.title{position:relative; padding-left: 10px; margin-bottom:5px;}
.time_02 ul li.newlist a > p.title::before{content:''; display:inline-block; width:3px; height:3px; position: absolute; top:50%; left:0; transform: translateY(-50%);border-radius:50%; background-color: #fff; }
.time_02 ul li.newlist a > p.con_new {padding-left: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.time_02 ul li a > p.con_new {font-size:14px; color:#b3b3b3; }

/*메인_sale*/
.sale_01{padding:80px 0;}
.sale_01 li img{width:100%; height:auto}
.sale_box {height:770px; margin-bottom:80px; background:#fff url(../images/saleBG.png) center center no-repeat;}


/*메인_vod*/
.vod_inner {float:left; width:895px; }
.vod_inner h2{margin-bottom:20px; font-size:24px; color:#000; font-weight:600;}
.vod_02 {float:right; width:282px; }
.vod_03 {float:left; width:895px;}
.vod_list:after {content:''; display:block; clear:both;}
.vod_list li {float:left; width:164px; height:234px;}

/*메인_program*/
.pro_listbox {margin-right: -17px;}
.pro_list:after {content:''; display:block; clear:both;}
.pro_list li {float:left;}

/******

vod_box

*******/
.recommend_vod{margin-bottom:40px;}
.free_vod {margin-bottom:70px}
/*슬릭 슬라이드 공통*/
.slick-vod {position: inherit;}
.slick-vod .slick-next:before , .slick-vod .slick-prev:before{content:'';display:inline-block; width:30px; height:30px;}
.slick-vod .slick-next:before{background: url(../images/slick_r.svg) center center no-repeat;}
.slick-vod .slick-prev:before{background: url(../images/slick_l.svg) center center no-repeat;}
.slick-vod .slick-list {margin-left:-20px;}
.slick-vod .slick-slide {padding-left:20px;}
.slick-vod .slick-slide:last-child{margin-right:0;}
.slick-vod .slick-prev, .slick-vod .slick-next {top:20px !important; width:40px; height:40px;}
.slick-vod .slick-prev {left:201px;}
.slick-vod .slick-next {left:230px;}
.slick-vod .slick-slide a { display:block; }
.slick-vod .slick-slide a img{width:100%; position: relative;}
.slick-vod .slick-slide a span{display: block; padding:10px 0; width:100%;  bottom:0; text-align: center; color:#fff; background-color:rgba(0,0,0,.7); font-size:12px;}
.slick-vod .vod_innerbox {overflow:hidden; width:895px;}
.recent_vod {position: relative;}
	/*더보기*/
.recent_vod .vod_box_morebtn {position: absolute; top: 10px; right: 0;}
.recent_vod .vod_box_morebtn a{display: block;position:relative;padding-right: 15px;color:#999; font-weight:600;}
.recent_vod .vod_box_morebtn a::after{content:''; display:inline-block; width:8px; height:13px; position: absolute; top:50%; right:0; transform: translateY(-50%); background: url(../images/gray_more_btn.svg) center center no-repeat;}
	/*vod이벤트소식*/
.vod_02 {}
.vod_02 h3{margin-bottom: 25px; text-align: center;font-size: 20px; font-weight: 600; color: #000;}
.vod_02 .vod_02_inner {padding:20px;border-radius: 5px; height:640px; background-color:#e6e6e6;}
.vod_02 .vod_02_inner span , .vod_02 .vod_02_inner span a {display:block;}
.vod_02 .vod_02_inner span {margin-bottom:15px;}
.vod_02 .vod_02_inner span a{position:relative; padding-top:100%; overflow:hidden;}
.vod_02 .vod_02_inner span a img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; max-width:100%;}
.vod_02 .vod_02_inner ul {padding:10px;}
.vod_02 .vod_02_inner ul li {position:relative; margin-bottom:5px; padding-left:7px ; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size:14px;}
.vod_02 .vod_02_inner ul li:before{content:''; display:line-block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:2px; height:2px; border-radius:50%; background-color:#000;}
.vod_02 .vod_02_inner ul li:last-child{margin-bottom:0;}
/******


jcn 프로그램

*******/
.program_box{margin-bottom:60px;}
.program_box .pro_01 h2 {margin-bottom:25px; font-size:24px; font-weight:600; color:#000}
.program_box .pro_01 .pro_list::after{content:''; display: block; clear: both;}
.program_box .pro_01 .pro_list li {display:inline-block; float:left; width: calc(25% - 81px); margin-right:20px;}
.program_box .pro_01 .pro_list li:last-child{margin-right:0;}
.program_box .pro_01 .pro_list li a {display:block; }
.program_box .pro_01 .pro_list li a > div {}
.program_box .pro_01 .pro_list li a > div > div {position:relative; padding-top:143%; overflow:hidden;}
.program_box .pro_01 .pro_list li a > div > div img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; max-width:100%;}
.program_box .pro_01 .pro_list li a > span{display:block; padding:10px 0; width:100%; text-align:center; background-color:rgba(0,0,0,.8); color:#fff;}
/*
.program_box .pro_01 .pro_list li a > div {position:absolute; padding-top:143%; overflow:hidden;}
.program_box .pro_01 .pro_list li a > div img{position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; height:100%;}
.program_box .pro_01 .pro_list li a span {display: block; padding:10px 0; width: calc(100% - 1px);  text-align:center; background-color: rgba(0,0,0,.8); color:#fff;}
*/

/*메인_footer*/
.footer_01 {}
.footer_02 {height:355px; background:#000;}
.footer_02 .inner {position:relative;}
.footer_02 .inner p {margin:40px 0 0 0; color:#B3B3B3; line-height:28px; font-size:14px;}
.footer_02 .inner p:last-child {margin:32px 0 0 0; color:#fff; font-size:14px;}
.footer_list{margin-bottom:60px;}
.footer_list:after {content:''; display:block; clear:both;}
.footer_list li {display:inline-block; width:12.5%; float:left; text-align: center;}
.footer_list li a {display:block; width:100%; height:auto;}
.footer_list2 {display:inline-block; padding:86px 0 0 0;}
.footer_list2:after {content:''; display:block; clear:both;}
.footer_list2 li {float:left; font-weight:500;}
.footer_list2 li a {color:#fff;}
.footer_list2 li span {padding:0 15px; color:#fff;}
.footer_sns {position:absolute; top:80px; right:0; }
.footer_sns:after {content:''; display:block; clear:both;}
.footer_sns li{float:left;}
.footer_sns li:not(:last-child){margin-right:20px;}


/**********

211129 수정

**********/

	/*메인수정 */
						.main_slide > div > a{display:block; width:100%; height:510px;}
						.news_01-2{margin-right:40px; width:765px !important;}
						.news_box .news_01 .main-blue-box{margin-bottom:20px; padding: 0 15px; height:48px; line-height:48px; border-radius:5px; background-color:#0077ff;}
						.news_box .news_01 .main-blue-box::after{content:''; display:block; clear:both;}
						.news_box .news_01 .main-blue-box h2{margin-right:25px; color:#fff;}
						.news_box .news_01 .main-blue-box .blue-box-tax{display:inline-block; letter-spacing: -0.7px; color:#fff;}
						.news_box .news_01 .main-blue-box .blue-box-tax span.number{margin:0 4px 0 7px; font-size:20px;}
						.news_box .news_01 .main-blue-box .blue-box-tax span.panel{margin-left:5px;}
						.news_box .news_01 .main-blue-box a{padding-right:15px; display:inline-block; position:relative; float:right; color:#fff;}
						.news_box .news_01 .main-blue-box a::after{content:''; display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); width:8px; height:13px; background:url(../images/more_btn_icon.svg) center center no-repeat;}
						.jcnnew-box{}
						.jcnnew-box::after{content:''; display:block; clear:both}
						.jcnnew-box .jcn-img{margin-right:20px; float:left; width:400px;}
						.jcnnew-box .jcn-img img{border-radius:5px;}
						.jcnnew-box .jcn-tax{float:left; width:342px;}
						.jcnnew-box .jcn-tax > ul{margin-top:-10px;}
						.jcnnew-box .jcn-tax > ul li{/*padding-right:20px;*/ height:47.5px; line-height:47.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:1px dashed #d9d9d9}
						.jcnnew-box .jcn-tax > ul li:last-child{border-bottom:1px solid #d9d9d9}
						.jcnnew-box .jcn-tax > ul li a{font-weight:500; color:#000;}

						.new_02-2{position:relative; width:395px; text-align:inherit;}
						.new_02-2 h2{margin-bottom:15px; padding-bottom:5px; font-size:24px; font-weight:600; color:#000; border-bottom:1px solid #d9d9d9;}
						.new_02-2 .news_02-2_box > ul > li{padding:9px 0; border-bottom:1px dashed #d9d9d9;}
						.new_02-2 .news_02-2_box > ul > li:first-child{padding-top:0;}
						.new_02-2 .news_02-2_box > ul > li:last-child{border-bottom:1px solid #d9d9d9;}
						.new_02-2 .news_02-2_box > ul > li::after{content:''; display:block; clear:both;}
						.new_02-2 .news_02-2_box > ul > li .new_02_f_l{display:inline-block; position:relative; float:left; width:140px; margin-right:15px;}
						.new_02-2 .news_02-2_box > ul > li .new_02_f_l > img{border-radius:5px;}
						.new_02-2 .news_02-2_box > ul > li .new_02_f_l span img{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index:1;}
						.new_02-2 .news_02-2_box > ul > li .new_02_f_r{margin-top:13px; display:inline-block; float:left; width:220px;}
						.new_02-2 .news_02-2_box > ul > li .new_02_f_r .title{font-size:18px; font-weight:600; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
						.new_02-2 .news_02_morebtn a{padding-right:14px; position:absolute; top:5px; left:336px;}
						.new_02-2 .news_02_morebtn a::after{content:''; display:block; position:absolute; top:50%; right:0; width:8px; height:13px; transform:translateY(-50%); background:url(../images/more_btn_gray.svg) center center no-repeat;}
	/* 서브수정 */
						/* 헤드라인 + 주요뉴스 */
							.clear{margin-bottom:20px;}
							.clear::after{content:''; display:block; clear:both;}
							#section_headLineNews h2 , .main_new-00 h2{margin-bottom:2px; font-size:22px; font-weight:500; color:#000;}
							.head_line-box{padding:0 350px 0 10px; width:100%; height:50px; line-height:50px; font-size:18px; font-weight:500; background-color:#1a1a1a; color:#fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

							.main_new-00 h2{margin-left:4px;}
							.main-new-box00{padding:19px 20px; width:100%; height:450px; background-color:#333;}
							.main-new-box00 li{margin-top:15px; height:97px; border-bottom:1px dashed #717171;}
							.main-new-box00 li:first-child{margin-top:0;}
							.main-new-box00 li:last-child{border-bottom:0;}
							.main-new-box00 li a > div .title{margin-bottom:5px; font-size:18px; font-weight:500; color:#fff;}
							.main-new-box00 li a > div .con{height:46px; font-size:15.5px; overflow:hidden; color:#c8c8c8;}

							/*헤드라인 슬라이드*/
							.new-time .slick-next {display:none !important;}
							.new-time .slick-dots{padding-top:20px; bottom:0px; right:0px; display:inline-block; background-color:#1a1a1a; width:70px; height:50px;}
							.new-time .slick-dots li{ width:10px; height:10px;}
							.new-time .slick-dots li button:before{content:''; width:10px; height:10px; border-radius:50%; background-color:#fff; }

						/* 이시간 울산은 + 실시간 많이 본 뉴스 */
							.clear-box{}
							.clear-box::after{content:''; display:block; clear:both;}
							.clear-box .now-time h2 , .clear-box .real-time h2{padding-bottom:5px; font-size:24px; font-weight:500; color:#000;}
							.clear-box .now-time{margin-right:40px; float:left; width:640px;}
							.clear-box .real-time{float:left; width:calc(100% - 680px);}
							/*이시간 울산은*/
							.clear-box .now-time > ul{}
							.clear-box .now-time > ul > li{padding:15px 0 17px; border-bottom:1px solid #d6d6d6;}
							.clear-box .now-time > ul > li:first-child{padding:5px 0 17px;}
							.clear-box .now-time > ul > li .title{margin-bottom:5px; font-size:18px; font-weight:500; color:#000;}
							.clear-box .now-time > ul > li .con{margin-bottom:15px; height:45px; overflow:hidden;}
							.clear-box .now-time ul.date{}
							.clear-box .now-time ul.date::after{content:''; display:block; clear:both;}
							.clear-box .now-time ul.date li{margin-right:5px; padding-right:10px; display:inline-block; position:relative; font-size:14px; font-weight:300; color: #818181;}
							.clear-box .now-time ul.date li:after{content:''; display:block; position:absolute; top:5px; right:0; width:1px; height:11px; background-color:#818181;}
							.clear-box .now-time ul.date li:last-child:after{display:none;}
							.clear-box .now-time > ul > li .now-time-useimg{}
							.clear-box .now-time > ul > li .now-time-useimg::after{content:''; display:block; clear:both;}
							.clear-box .now-time > ul > li .now-time-useimg .imgnew-imgbox{display:inline-block; padding-right:20px; float:left; width:200px; }
							.clear-box .now-time > ul > li .now-time-useimg .imgnew-taxbox{display:inline-block; float:left; width:calc(100% - 200px);}
							/*실시간 많이본뉴스*/
							.clear-box .real-time ol{margin-bottom:30px; padding:10px 0; border-top:2px solid #000; border-bottom:1px solid #d6d6d6;}
							.clear-box .real-time ol li{margin-bottom:10px;}
							.clear-box .real-time ol li:last-child{margin-bottom:0;}
							.clear-box .real-time ol li em{display:inline-block; width:10%; font-weight:600; color:#000;}

							.clear-box .real-time ul{}
							.clear-box .real-time ul li{margin-bottom:10px;padding-bottom:10px; }
							.clear-box .real-time ul li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0;}
							.clear-box .real-time ul li a {padding-right:10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
							.clear-box .real-time .media-left{width:280px;}
							.clear-box .real-time .media-left a img{width:100%; height:auto;}






/* 230331 jcn 전화상담 */
.phonecall{margin-bottom:60px; height:220px; background:#eee url(../images/phonecall.png) bottom right 330px no-repeat;}
.phonecall .inner{padding:60px 0;}
.phonecall .inner .title{margin-bottom:10px; font-size:20px; font-weight:600;}
.phonecall .infomation-box{display:flex;}
.phonecall .form-group{margin-right:15px; width:280px;}
.phonecall .form-group label span{font-size:0; text-indent:-9999px;}
.phonecall .form-group input{border:1px solid #fff; background-color:#fff;}
.phonecall .form-group input:hover{border:1px solid #0077ff; outline: none;}
.phonecall .infomation-box .consult-btn{width:150px;height:40px; background-color:#0077ff; color:#fff;}
/*
.infomation-box input[type="checkbox"] + label{margin-top:8px; font-size:13px; color:#373737;}
.infomation-box input[type="checkbox"] + label:before{width:18px; height:18px; background-size:18px;}
.infomation-box input[type="checkbox"]:checked + label:before{background-position-y:-18px;}
*/
.phonecall .infobox{display:flex;}
.phonecall .infobox input[type="checkbox"] + label{margin-top:8px; font-size:13px; color:#373737;}
.phonecall .infobox input[type="checkbox"] + label:before{width:18px; height:18px; background-size:18px;}
.phonecall .infobox input[type="checkbox"]:checked + label:before{background-position-y:-18px;}
.phonecall .infobox > div{margin-right:15px; width:280px;}
.phonecall .infobox .call-coment{margin-top:8px; font-size:13px; color:#373737;}





/* sticky counsel */
#sticky-counsel.hv-main { box-sizing: content-box; padding: 12px 0; border: 0; background-color: rgba(0, 0, 0, 0.8); text-align: center; width:100%; margin: 0 auto; position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);}
#sticky-counsel.hv-main { box-shadow: 0px 16px 32px rgba(74, 76, 88, 0.15); border-radius: 12px 12px 0px 0px; }
#sticky-counsel.hv-main::after { display: table; clear: both; overflow: hidden; }
#sticky-counsel.hv-main .wrap { text-align: left; margin: 0 auto; width: 1200px; height: 36px; color: #fff; line-height: 1; }
#sticky-counsel.hv-main .wrap .flex { display: flex; align-items: center; justify-content: center;}
#sticky-counsel.hv-main .subjects {margin-right:40px; padding-left:-30px; display: flex; align-items: center; }
#sticky-counsel.hv-main .fields { position: relative; width: 408px; margin-right:80px;    top: -1px; }
#sticky-counsel.hv-main .links { width: auto; text-align: center; position: relative; }
#sticky-counsel.hv-main .inline { box-sizing: content-box; display: inline-block; vertical-align: middle; padding: 0; height: 36px; line-height: 36px; font-size: 14px; border: 0; }
#sticky-counsel.hv-main .subject { margin-right: 7px; font-weight: 300; font-size: 20px; }
#sticky-counsel.hv-main .subject em { font-weight: 700; }
#sticky-counsel.hv-main .tel { font-style: normal; font-weight: 700; font-size: 32px; }
#sticky-counsel.hv-main .field-contact { width: 100%; text-indent: 18px; border-radius: 8px; font-size: 16px; font-weight: 300; overflow: hidden;}
#sticky-counsel.hv-main .field-contact { box-sizing: content-box; height: 36px; }
#sticky-counsel.hv-main .field-contact::placeholder { margin-top: -1px; font-size: 14px; color: #000; line-height: 40px; letter-spacing: 0; color: #808080; }
#sticky-counsel.hv-main .btn-contact { position: absolute; top: 0; right: 0; width: 120px; background-color: #ed174d; font-size: 16px; font-weight: 700; color: #fff; }
#sticky-counsel.hv-main .btn-contact{ text-align: center; height: 36px; line-height: 36px; transition: all .1s ease-in-out 0s; border-radius: 0 6px 6px 0; }
#sticky-counsel.hv-main .btn-contact:hover{background-color: #a50034; border-color: #a50034;}
#sticky-counsel.hv-main .link-chat {background-color: #898989; width: 188px;  height: 36px; line-height: 36px; position: relative; border-radius: 28px; overflow: hidden; text-align: center; display: inline-block;}
#sticky-counsel.hv-main .link-chat:before { content: ""; display: block; position: absolute; top: 5px; left: 15px; width: 25px; height:25px; background: url('../images/talkbottom.png') 0 0 no-repeat; background-size: 100%;}
#sticky-counsel.hv-main .link-chat:hover {}
#sticky-counsel.hv-main .links .icon { position: absolute; top: -3px; left: 0; width: 44px; height: 40px;  }
#sticky-counsel.hv-main .link-chat strong {font-size: 16px; padding-left: 20px; color:#fff;}
#btn-totop { margin-left: 670px; }

@media screen and (max-width:1440px) {
.ui-pc body, .macos body,	
.ui-android body, .ipad body{min-width:1460px;}
}



/***231102_로그인 ***/

.login_detail ul.form li.login-btnbox{padding:0; height:46px; line-height:46px; text-align:center;}
.login_detail ul.form li.login-btnbox.kakao{margin-top:20px;}
.login_detail ul.form li.login-btnbox.naverbtn{margin-top:10px;}
.login_detail ul.form li.login-btnbox.googlebtn{margin-top:10px;}
.login-btnbox a{}
.login-btnbox a span{position:relative; color:#fff;}


.login_detail ul.form li.login-btnbox.kakao span{ padding-left:30px;}
.login_detail ul.form li.login-btnbox.naverbtn span{ padding-left:26px;}
.login_detail ul.form li.login-btnbox.googlebtn span{ padding-left:30px;}

.login-btnbox a span::after{content:''; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); background-size:contain; background-repeat:no-repeat; background-size:cover;}


.login-btnbox.kakao a span::after{top:calc(50% + 1px); width:25px; height:22px;background-image:url(./images/kakao-icon.svg);}
.login-btnbox.naverbtn a span::after{width:21px; height:18px;background-image:url(./images/naver-icon.svg);}
.login-btnbox.googlebtn a span::after{width:26px; height:20px;background-image:url(./images/gmain-icon.svg);}


.login_detail ul.form li.login-btnbox.kakao a span{color:#2B1718;}
.kakao{background-color:#FFE100;}
.naverbtn{background-color:#3FA636;}
.googlebtn{background-color:#292c43;}