@charset "UTF-8"; * { margin: 0; font-family: 'Noto Sans KR', sans-serif; box-sizing: border-box; margin: 0px; padding: 0px; word-break: normal; font-size: 16px; } 
html,body { font-family: 'Noto Sans KR', sans-serif; margin: 0 !important; } 
a { color: inherit; text-decoration: none; } 
button,input,select,textarea { background-color: transparent; border: 0; &:focus { outline: none; box-shadow: none; } 
 }
a,button { cursor: pointer; } 
ul,ol { padding-left: 0; list-style: none; } 
iframe#top_frame { width: 100%; height: 170px; } 
iframe#sub_frame { width: 100%; height: 61px; } 
table { box-sizing: border-box; border-collapse: collapse; border-spacing: 0; } 


/*hide*/
.hide,caption,legend,.hidden { position:absolute; left:-300px; width:0; height:0; margin:0; padding:0; background:none; line-height:0; overflow: hidden } 
.hide_text { text-indent: -9999px; } 
#header_type1 #logo img.mobile { display: none; } 





@media screen and (max-width:1340px){
 .inner { padding-left: 1rem; padding-right: 1rem; width: 100%!important; } 
 }
 @media screen and (max-width:1300px){
 .layout { width:100%; padding:0 20px; padding-bottom: 5em; } 
 .inner_sty3 { padding: 0 !important; } 
 .inner_sty1 { padding: 2em 0 5em 0; } 
 }
 @media screen and (max-width:1024px) { html { font-size: 16px; } 
 .tablet { display: block !important; } 
 .pc_only { display: none !important; } 
 .mobile { display: block !important } 
 } 
 }
 @media screen and (max-width:768px) { html { font-size: 15px; } 
 .block_pc { display: none !important } 
 .pc_only2 { display: none !important; } 
 
 .mt70 { margin-top: 30px !important; } 
 }
@media screen and (max-width:480px) { html { font-size: 14px; } 
.inner_sty1 { padding: 2em 1em; } 
.inner_sty2 { padding: 3em 0; } 
.inner_sty8 { padding: 2em 1em; } 
.inner_sty7 { padding: 0 1em; } 
 }
@media screen and (max-width:350px) { html { font-size: 13px; } 
 }

/*inner*/
.inner { width: 1300px; margin: 0 auto; } 
.inner_sty1 { padding: 3em 0 2.5em 0; } 
.inner_sty2 { padding: 5em 0; background-color: #e5f0f9; } 
.inner_sty3 { padding: 4em 0 7em; /*background-color: #eeeeee; */ } 
.inner_sty5 { padding: 5em 0; } 
.inner_sty6 { padding: 1em 0 5em 0; } 
.inner_sty7 { padding: 0 0; } 
.inner_sty8 { padding: 5em 0 0 0; } 

 

/*header*/
.header { height: 169px; position: fixed; top: 0; left: 0; right: 0; background: #ffffff; z-index: 999999; } 
#header_type1 .icon1::before { content: ''; background-size: 100% auto; background-repeat: no-repeat; background-position: center center; display: inline-block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } 
#header_type1 .icon2::after { content: ''; background-size: 100% auto; background-repeat: no-repeat; background-position: center center; display: inline-block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } 
#header_type1 .allmenu { width: 1.813em; height: 1em; margin-right: 5%; position: relative; } 
#header_type1 .allmenu span, #header_type1 .allmenu::before, #header_type1 .allmenu::after { display: inline-block; content: ''; position: absolute; width: 100%; height: 2px; background: #111; } 
#header_type1 .allmenu span { top: 50%; left: 0; transform: translateY(-50%); } 
#header_type1 .allmenu::before { top: 0; left: 0; } 
#header_type1 .allmenu::after { bottom: 0; left: 0; } 
#header_type1 .btn_sch { background: url('/infinity/img/ico_search.png') no-repeat center center / 100%; right: 0; width: 1.563em; height: 1.5em; margin-left: 5%; position: relative; z-index: 10; } 


/* header */
#header_type1 .top_header { position: relative; height: 100px; z-index: 100; } 
#header_type1 #logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } 
#header_type1 #logo a { display: block; text-indent: -9999px; } 
#header_type1 #logo img { display: block; width: 200px; } 
#header_type1 .top_header .etc { position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 100; } 
#header_type1 .top_header .etc li { display: inline-block; z-index: 100; width: 100%; } 
#header_type1 .top_header .etc li:not(:last-child) { border-bottom: 1px solid #b1b5b9; } 
#header_type1 .top_header .etc li a { font-size: 0.890em; position: relative; padding-left: 1.3em; margin-right: .8em; font-weight: 600; display: block; height: 100%; } 
#header_type1 .top_header .etc .login::before { width: 1.077em; height: 1.231em; background-image: url('/infinity/img/ico_login.png'); } 
#header_type1 .top_header .etc .join::before { width: 1.154em; height: 1.231em; background-image: url('/infinity/img/ico_join.png'); } 
#header_type1 .top_header .etc .m_page { transition: 0.5s ease; display: inline-block; } 
#header_type1 .top_header .etc .m_page a { padding: 5px 20px; z-index: 100; margin-right: 0; border: 1px solid #ccc; font-weight: 400; border-radius: 4px; color: #666666; float: left; margin-left: 10px; text-align: center; } 
#header_type1 .top_header .tablet { position: relative; height: 100%; } 
#header_type1 .allmenu_m { width: 2.8em; height: 2.3em; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); display: none; } 
#header_type1 .allmenu_m span,
#header_type1 .allmenu_m::before,
#header_type1 .allmenu_m::after { display: inline-block; content: ''; position: absolute; width: 70%; height: 3px; background: #222; } 
#header_type1 .allmenu_m span { top: 50%; right: 15%; transform: translateY(-50%); } 
#header_type1 .allmenu_m::before { top: 15%; right: 15%; } 
#header_type1 .allmenu_m::after { bottom: 15%; right: 15%; } 
#header_type1 .tablet .btn_sch { width: 2.8em; height: 2.3em; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background-size: auto; } 

/* nav */
#header_type1 .menu_type1 { position: relative; } 
#header_type1 #top_nav { border-top: 1px solid #b1b5b9; border-bottom: 1px solid #b1b5b9; height: 4.375em; } 
#header_type1 .bg { position: absolute; width: 100%; background: #fff; top: 4.375em; z-index: 10; display: none; border-bottom: 1px solid #b1b5b9; } 
#header_type1 .bg.open { display: block; } 
#header_type1 .bg_search { position: absolute; width: 100%; height: 170px; top: 4.375em; z-index: 25; display: none; background: rgba(35,37,45,0.9); padding: 2em 0; } 
#header_type1 .sch_type1 { position: relative; width: 100%; } 
#header_type1 .sch_type1 input { width: 100%; height: 4.3em; padding: 1em 1.5em; border-radius: 3em; border: 2px solid #fff; background: transparent; color: #fff; } 
#header_type1 .sch_type1 input::placeholder { font-size: 1.125em; color: #fff; letter-spacing: -1px; } 
#header_type1 .sch_type1 .btn_sch { background: url('/infinity/img/ico_search2.png') no-repeat center center; background-color: #2360c5; border: 0; padding: 1em 2.5em; height: 4.4em; position: absolute; right: -3px; top: -1.6px; border-radius: 0 2em 2em 0; } 
#header_type1 .bg_search .hash { color: #a3a4a8; padding: 1em 0 0 1.5em; } 
#header_type1 .top_nav_wrap { height: 4.375em; display: flex; justify-content: space-between; align-items: center; } 
#header_type1 #top_nav #gnb { display: flex; height: 100%; justify-content: space-between; align-items: center; width:100%; } 
#header_type1 #top_nav #gnb a { position: relative; display: inline-block; height: 100%; } 
#header_type1 #top_nav #gnb >li { height: 100%; width: 100%; position: relative; } 
#header_type1 #top_nav #gnb >li >a { display: flex; height: 100%; align-items: center; transition: 0.3s ease; justify-content: center; font-weight: 600; font-size: 1.128em; text-align: center; } 
#header_type1 #top_nav #gnb >li >a:hover::before,
#header_type1 #top_nav #gnb >li >a.active::before,
#header_type1 #top_nav #gnb >li >a.action::before { display: inline-block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #2360c5; } 
#header_type1 #top_nav .depth2 { position: absolute; right: 0; width: 100%; padding: 1em 1em 0; display: none; border-right: 1px solid #ced2d6; z-index: 10; } 
#header_type1 #top_nav #gnb >li:last-child .depth2 { border-right: 0; } 
#header_type1 #top_nav .depth2.open { display: block; } 
#header_type1 #top_nav .depth2 >li { position: relative; z-index: 15; line-height: 1.7; width: 100%; text-align: center; } 
#header_type1 #top_nav .depth2 >li >a { font-size: 1.0em; padding: 5px 0; width: 100%; } 
#header_type1 #top_nav .depth2 .more { padding-right: 1.8em; } 
#header_type1 #top_nav .depth2 .more::after { width: 1.188em; height: 1.063em; background-image: url('/infinity/img/ico_plus.png'); content: ''; background-size: 100% auto; background-repeat: no-repeat; background-position: center center; display: inline-block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } 
#header_type1 #top_nav .depth2 .more.close::after { background-image: url('/infinity/img/ico_minus.png'); } 
#header_type1 #top_nav .depth2 >li >a:hover,
#header_type1 #top_nav .depth2 >li >a.on { color: #2360c5; font-weight:500; } 
#header_type1 #top_nav .depth3 { display: none; border-top: 1px solid #b1b5b9; border-bottom: 1px solid #b1b5b9; padding: 0.3em 0; line-height: 1.3; } 
#header_type1 #top_nav .depth3.open { display: block; } 
#header_type1 #top_nav .depth3 a { padding: 5px 0 5px 1em; width: 100%; } 
#header_type1 #top_nav .depth3 a.on,
#header_type1 #top_nav .depth3 a:hover { color: #2360c5; } 


/* mobile nav */
#header_type1 #top_nav_m { position: fixed; right: -9999px; top:0; width: 100%; max-width:1024px; z-index: 300; background: #fff; overflow-y: auto; height: 100%; } 
#header_type1 .header_m { background : #eeeeee; position: relative; } 
#header_type1 #logo_m { padding: 1.2em 1em; } 
#header_type1 #logo_m img { max-width: 100%; } 
#header_type1 #logo_m a { display: block; width: 20em; } 
#header_type1 .header_m .close { position: absolute; width: 1.2em; height: 1.2em; background: url('/infinity/img/ico_close2.png') no-repeat center center; right: 1em; top: 1.2em; } 
#header_type1 .header_m .etc_m { display: flex; border: 1px solid rgba(255,255,255,.5); } 
#header_type1 .header_m .etc_m >li:last-child { border-right: none; } 
#header_type1 .header_m .etc_m >li { width: 100%; border-right: 1px solid rgba(255,255,255,.5); } 
#header_type1 .header_m .etc_m >li a { display: flex; width: 100%; height: 100%; font-size: 1.1em; color: #fff; align-items: center; justify-content: flex-start; padding: 1rem; } 
#header_type1 .header_m .etc_m .lang { position: relative; } 
/*#header_type1 .header_m .etc_m .lang >a:after { content: ''; display: inline-block; width: 12px; height: 10px; background: url('/infinity/img/ico_arrow2.png') no-repeat center center / 100%; margin-left: 20px; } */
#header_type1 .header_m .etc_m .lang .depth { position: absolute; background: #1358a8; width: 100%; display: none; z-index: 105; } 
#header_type1 .gnb_m >li { border-bottom: 1px solid #ddd; } 
#header_type1 .gnb_m >li >a { display: block; font-size: 1.1em; font-weight: 500; padding: 1.5em .8em; position: relative; } 
#header_type1 .gnb_m >li >a span { position: absolute; display: inline-block; width: .5em; height: .5em; right: 1em; top: 50%; transform: translateY(-50%); } 
#header_type1 .gnb_m >li >a span::after { content:''; display: inline-block; width: 100%; height: 100%; border-top: 2px solid #333; border-right: 2px solid #333; position: absolute; transform: rotate(135deg); transition: 0.3s ease; } 
#header_type1 .gnb_m >li >a.on span::after { transform: rotate(315deg); } 
#header_type1 .gnb_m .depth2 { display: none; } 
#header_type1 .gnb_m .depth2 li a { display: block; padding: 1.5em .8em 1em 1.5em; border-top: 1px solid #bbb; background: #e2e3e5; position: relative; } 
#header_type1 .gnb_m .depth2 >li >a.on { background:#c2c4c8; } 
#header_type1 .gnb_m .depth2 .more::before,
#header_type1 .gnb_m .depth2 .more::after { content: ''; display: inline-block; background: #333; position: absolute; top: 50%; transform: translateY(-50%); } 
#header_type1 .gnb_m .depth2 .more::before { width: 1em; height: 2px; right: 1em; } 
#header_type1 .gnb_m .depth2 .more::after { width: 2px; height: 1em; right: 1.5em; } 
#header_type1 .gnb_m .depth2 .more.on::after { display: none; } 
#header_type1 .gnb_m .depth3 li a { padding-left: 2.3em } 
#header_type1 .gnb_m .depth3 { display: none; } 
#header_type1 .quick_m { display: flex; align-items: center; flex-wrap: wrap; } 
#header_type1 .quick_m >* { width: 20%; padding: .5em; text-align: center; color: #3c3c3c; font-size: 1.1em; height: 120px; word-break: keep-all; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid #b1b5b9; } 
#header_type1 .quick_m .notice,
#header_type1 .quick_m .news,
#header_type1 .quick_m .tel { background-color: #0081e5; color: #fff; height: 100px; margin: 0; border-radius: 0; } 
#header_type1 .quick_m .notice:before,
#header_type1 .quick_m .news:before,
#header_type1 .quick_m .tel:before { display: none; } 
#header_type1 .quick_m .tel { width: 60%; text-align: left; background-image: url('/infinity/img/main-quick-images_10.png'); background-repeat: no-repeat; background-position: right 15px bottom; background-size: 100px; } 
#header_type1 .quick_m .tel strong { font-size: 1.2em; } 
#header_type1 .quick_m a::before { content:''; display:block; background-repeat:no-repeat; background-position:0 0; margin:0 auto 8px; } 
#header_type1 .quick_m .online::before { background-image:url('/infinity/_layout/htype1/main_quick/main-quick-images_01.png'); width:36px; height:24px; } 
#header_type1 .quick_m .inquiry::before { background-image:url('/infinity/_layout/htype1/main_quick/main-quick-images_02.png'); width:29px; height:23px; } 
#header_type1 .quick_m .timetable::before { background-image:url('/infinity/_layout/htype1/main_quick/main-quick-images_03.png'); width:26px; height:26px; } 
#header_type1 .quick_m .parking::before { background-image:url('/infinity/_layout/htype1/main_quick/main-quick-images_04.png'); width:42px; height:26px; } 
#header_type1 .quick_m .print::before { background-image:url('/infinity/_layout/htype1/main_quick/main-quick-images_05.png'); width:31px; height:27px; } 
.sub_page_wrap { padding-top: 165px; } 
.mainvisual { padding-top: 165px; } 



@media screen and (max-width:1340px){
 #header_type1 .top_header .etc { right: 1rem; } 
 }
@media screen and (max-width:1200px){
 #header_type1 #top_nav .lnb { padding-left: 2em; } 
 #header_type1 #top_nav .lnb >li a { font-size: .9em } 
.sub-page { width: 100% !important; margin: 0 auto; } 
 }
@media screen and (max-width:1024px){
 #header_type1 .menu_type1 { height: auto; } 
 #header_type1 .allmenu_m { display: block; } 
#header_type1 #logo img { display: block; width:140px; margin-top: 5px; } 
.header { height: 75px; background: #ffffff; position: fixed; width: 100%; top:0; left: 0; right: 0; border-bottom: 1px solid #cccccc; } 
.mainvisual { padding-top: 75px; } 

#header_type1 .top_header { height: 75px; } 
.mainvisual .swiper-img { height: 24.875rem; } 
#header_type1 #logo img.block_pc { display: none; } 
.sub_page_wrap { padding-top: 75px; } 
#header_type1 #logo_m a { width: 13em; } 
#header_type1 .header_m .etc_m { background: #2360c5; color: #fff; } 
#header_type1 #logo_m img { max-width: 70%; } 
 }
@media screen and (max-width:800px) { } 
@media screen and (max-width:480px){
 #header_type1 .top_header { height: 80px; padding: 0 1em; } 
#header_type1 .bg_search { top: 0; } 
#header_type1 .gnb_m .depth2 li a { padding: 1em 0.8em 1em 1.5em; font-size:1.2em; } 
#header_type1 .gnb_m >li >a { font-size: 1.3em; padding: 1em 0.8em; } 
#header_type1 .quick_m >* { line-height: 1.2em; word-break: normal; } 
#header_type1 .allmenu_m { height: 2.1em; } 
 }

/*메인이미지*/
.mainvisual .swiper-img { background: url(../img/mainvisual01.jpg) no-repeat center; max-width: 100%; height: 34.875rem; object-fit: cover } 
.swiper-text { display: block; position: absolute; width: 100%; text-align: center; } 
.mainvisual .swiper-text span.bt { font-size: 3.2rem; font-weight: 600; margin-bottom: 20px; color: #fff; text-shadow: 1px 1px 1px #454545; font-family: "Noto Sans KR", sans-serif; margin-top: 100px; display: block; width: 100%; opacity: 0.9; } 
.mainvisual .swiper-text span.st { font-size:2rem; font-weight: 500; color: #fff; line-height: 30px; text-shadow: 1px 1px 1px #454545; font-family: "Noto Sans KR", sans-serif; opacity: 0.5; } 


/*메인배너*/
.main_news_type1 { position: relative; } 
.main_news_type1 .sch_type1 { position: relative; width: 100%; margin-bottom: 2em; } 
.main_news_type1 .sch_type1 input { width: 100%; height: 4.3em; padding: 1em 1.5em; border-radius: 3em; border: 2px solid #bbb; } 
.main_news_type1 .sch_type1 input::placeholder { font-size: 1.125em; color: #a3a4a8; letter-spacing: -2px; } 
.main_news_type1 .sch_type1 .btn_sch { background: url('/infinity/img/ico_search2.png') no-repeat center center; background-color: #2a629d; border: 0; padding: 1em 2.5em; height: 4.3em; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border-radius: 0 3em 3em 0; } 
.main_news_type1 .cont_list { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } 
.main_news_type1 .cont_list li { width: 24%; height: 22.813em; border-radius: 20px; overflow: hidden; } 
.main_news_type1 .cont_list li a { background-size: cover; background-repeat: no-repeat; background-position: center center; display: block; width: 100%; height: 100%; padding: 1.5em; position: relative; } 
#main_news_type1 .cont_list li a::after { content: ''; display: block; width: 2.188em; height: 2.188em; border-radius: 100%; border: 2px solid #fff; background: url('../img/ico_close2.png') no-repeat center center / 40%; transform: rotate(45deg); position: absolute; bottom: 1.5em; right: 1.5em; } 
.main_news_type1 .cont_list li:nth-child(1) a { background-image: url('/infinity/img/cont1_01.jpg'); } 
.main_news_type1 .cont_list li:nth-child(2) a { background-image: url('/infinity/img/cont1_02.jpg'); } 
.main_news_type1 .cont_list li:nth-child(3) a { background-image: url('/infinity/img/cont1_03.jpg'); } 
.main_news_type1 .cont_list li:nth-child(4) a { background-image: url('/infinity/img/cont1_04.jpg'); } 
.main_news_type1 .cont_list .top_txt { font-size: 1.258em; color: #fff; margin-bottom: 10px; font-weight: 700; } 
.main_news_type1 .cont_list .sub_text { font-size: 1.125em; color: #fff; } 

@media screen and (max-width:1440px) { } 
@media screen and (max-width:1024px){
 .mainvisual .swiper-img { height: 23.875rem; background-size: 245%; } 
 }
@media screen and (max-width:850px){
 .main_news_type1 .cont_list li { height: 12em; } 
.inner_sty5 { padding: 2.5em 0; } 
.inner_sty2 { padding: 2.5em 0; } 
 }
@media screen and (max-width:780px){
 .main_news_type1 .cont_list li { width: 49%; margin-bottom: 2%; height: 15em } 
 }
@media screen and (max-width:480px){
 .main_news_type1 .cont_list li a::after { width: 1.8em; height: 1.8em; } 
.main_news_type1 .cont_list .top_txt { font-weight: 600; } 
.main_news_type1 .cont_list .sub_text { font-size: 1.0em; } 
.mainvisual .swiper-img { height: 23.875rem; background-size: 327%; } 
.mainvisual .swiper-text span.bt { font-size: 3.0rem; margin-top: 75px; } 
.main_news_type1 .cont_list { padding: 0 10px; } 
 }

@media screen and (max-width:350px){
 .main_news_type1 .cont_list li { width: 100%; height: 11em; } 
 }


 /*포트폴리오*/
#main_photo_type1 { position: relative; } 
#main_photo_type1 .cont_list { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; } 
#main_photo_type1 .photo_item { width: 100%; } 
#main_photo_type1 .photo_item a { width: 31.6%; border: 1px solid #b1b5b9; background: #fff; position: relative; float: left; margin-right: 2.45%; height: 314px; border-radius: 8px; } 
#main_photo_type1 .photo_item a:last-child { margin-right: 0; } 
#main_photo_type1 .photo_item li { overflow: hidden; } 
#main_photo_type1 .photo_item img { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); transition: all .6s ease; border-radius: 8px; } 
#main_photo_type1 a.photo_more { display: block; width: 100%; border: 1px solid #ccc; text-align: center; color: #000; font-size: 16px; line-height: 40px; margin-top: 30px; background: #ffffff } 
#main_photo_type1 a.photo_more:hover { background-color:#e36414; color: #ffffff; font-weight: 500; } 

/*
#main_photo_type1 .photo_list { width: 100%; } 
#main_photo_type1 .photo_list li:first-child { padding: 1.5em; } 
#main_photo_type1 .photo_list li:first-child .photo_title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: pre-wrap; line-height: 1.4em; max-height: 2.8em; } 
#main_photo_type1 .photo_list .photo_text { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.4em; max-height: 4.2em; text-overflow: ellipsis; overflow: hidden; font-size: 1.125em; color: #797c7f; margin: 10px 0 30px; font-weight: 500; } 
#main_photo_type1 .photo_list li { border-bottom: 1px solid #ddd; padding: 0.7em 1.2em; } 
#main_photo_type1 .photo_list li:last-child { border-bottom: none; } 
#main_photo_type1 .photo_list li a { display: inline-block; position: relative; width: 100%; } 
#main_photo_type1 .photo_list li a:hover h1,
#main_photo_type1 .photo_list li a:hover p { text-decoration:none; font-weight: 500; } 
#main_photo_type1 .photo_title { white-space: nowrap; overflow: hidden; display: inline-block; text-overflow: ellipsis; width: 80%; font-size: 1.125em; font-weight: normal; } 

#main_photo_type1 .photo_date { font-size: 1em; color: #797c7f; font-weight: 300; } 
#main_photo_type1 .photo_date.mlist { font-size:0.9em; color: #797c7f; font-weight: 300; float: right; margin-top: 5px; } 
#main_photo_type1 .photo_label { color: #c99776; font-weight: 300; padding: 1px 8px; border: 1px solid #ddd; border-radius: 20px; display: inline-block; position: absolute; right: 0; bottom: 0; } 
#main_photo_type1 .photo_label { } 
#main_photo_type1 .photo_label.se { color: #af8d59; border: 1px solid #af8d59; } 
#main_photo_type1 .photo_label.bu { color: #33b1b2; border: 1px solid #33b1b2; } 
#main_photo_type1 .photo_label.sa { color: #266abb; border: 1px solid #266abb; } 
#main_photo_type1 .photo_label.il { color: #01a5e5; border: 1px solid #01a5e5; } 
#main_photo_type1 .photo_label.hae { color: #6861ae; border: 1px solid #6861ae; } 
.hos1.life { color: #27ad2e; border: 1px solid #27ad2e; } */
#main_photo_type1 .sub_title { font-size: 1.250em; color: #2a629d; text-align: center; } 
#main_photo_type1 .title { font-size: 2.3em; color: #000; text-align: center; margin: 0em 0 1.5em; line-height: 1.15; padding: 0 1rem; font-weight: 700; } 




/*인스마트 소식*/
#main_notice_type1 { position: relative; } 
#main_notice_type1 .cont_list { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; } 
#main_notice_type1 .notice_item { width: 48%; border-radius: 20px; border: 1px solid #b1b5b9; background: #fff; position: relative; } 
#main_notice_type1 .notice_item:not(:last-child) { margin-right: 1%; } 
#main_notice_type1 .notice_item .notice_icon { padding: 5px 8px; color: #fff; font-size: 0.938em; display: inline-block; margin-bottom: 20px; min-width: 5em; text-align: center; border-radius: 4px; } 
#main_notice_type1 .notice_item .icon1 { background: #53979a; } 
#main_notice_type1 .notice_item .icon2 { background: #8b5eb1; } 
#main_notice_type1 .notice_item .icon3 { background: #5e7ab1; } 
#main_notice_type1 .notice_item .icon4 { background: #3583b3; } 
#main_notice_type1 .notice_item .more { display: block; position: absolute; width: 30px; height: 30px; text-indent: -9999px; top: 1.2em; right: 1em; border: 1px solid #797c7f; border-radius: 100%; } 
#main_notice_type1 .notice_item .more:before,
#main_notice_type1 .notice_item .more:after { content: ''; position: absolute; background: #797c7f; top: 50%; left: 50%; transform: translate(-50%,-50%); } 
#main_notice_type1 .notice_item .more:before { width: 60%; height: 2px; } 
#main_notice_type1 .notice_item .more:after { width: 2px; height: 60%; } 
#main_notice_type1 .notice_list { width: 100%; } 
#main_notice_type1 .notice_list li:first-child { padding: 1.5em; } 
#main_notice_type1 .notice_list li:first-child .notice_title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: pre-wrap; line-height: 1.4em; max-height: 2.8em; } 
#main_notice_type1 .notice_list .notice_text { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.4em; max-height: 4.2em; text-overflow: ellipsis; overflow: hidden; font-size: 1.125em; color: #797c7f; margin: 10px 0 30px; font-weight: 500; } 
#main_notice_type1 .notice_list li { border-bottom: 1px solid #ddd; padding: 0.7em 1.2em; } 
#main_notice_type1 .notice_list li:last-child { border-bottom: none; } 
#main_notice_type1 .notice_list li a { display: inline-block; position: relative; width: 100%; } 
#main_notice_type1 .notice_list li a:hover h1,
#main_notice_type1 .notice_list li a:hover p { text-decoration:none; font-weight: 500; } 
#main_notice_type1 .notice_title { white-space: nowrap; overflow: hidden; display: inline-block; text-overflow: ellipsis; width: 80%; font-size: 1.125em; font-weight: normal; } 

#main_notice_type1 .notice_date { font-size: 1em; color: #797c7f; font-weight: 300; } 
#main_notice_type1 .notice_date.mlist { font-size:0.9em; color: #797c7f; font-weight: 300; float: right; margin-top: 5px; } 
#main_notice_type1 .notice_label { color: #c99776; font-weight: 300; padding: 1px 8px; border: 1px solid #ddd; border-radius: 20px; display: inline-block; position: absolute; right: 0; bottom: 0; } 
#main_notice_type1 .notice_label { } 
#main_notice_type1 .notice_label.se { color: #af8d59; border: 1px solid #af8d59; } 
#main_notice_type1 .notice_label.bu { color: #33b1b2; border: 1px solid #33b1b2; } 
#main_notice_type1 .notice_label.sa { color: #266abb; border: 1px solid #266abb; } 
#main_notice_type1 .notice_label.il { color: #01a5e5; border: 1px solid #01a5e5; } 
#main_notice_type1 .notice_label.hae { color: #6861ae; border: 1px solid #6861ae; } 
.hos1.life { color: #27ad2e; border: 1px solid #27ad2e; } 
#main_notice_type1 .sub_title { font-size: 1.250em; color: #2a629d; text-align: center; } 
#main_notice_type1 .title { font-size: 2.3em; color: #000; text-align: center; margin: 0em 0 1.5em; line-height: 1.15; padding: 0 1rem; font-weight: 700; } 


@media screen and (max-width:1200px){
 #main_photo_type1 .photo_item a { height: 290px; } 
 }
@media screen and (max-width:1440px) { } 
@media screen and (max-width:1024px){
 #main_photo_type1 .photo_item a { height: 245px; } 
 }
@media screen and (max-width:960px){
 #main_notice_type1 .cont_list >li { width: 49%; margin-bottom: 1.2em; } 
 }
@media screen and (max-width:780px){
 #main_notice_type1 .notice_list li { padding: .8em 1em } 
 #main_photo_type1 .photo_item a { width: 100%; border: 1px solid #b1b5b9; background: #fff; position: relative; float: left; margin-right: 0; height: 580px; border-radius: 8px; margin-bottom: 30px; } 
 /*#main_photo_type1 .photo_item li { width: 49%; border: 1px solid #b1b5b9; background: #fff; position: relative; float: left; margin-right:2%; height: 250px; border-radius: 8px; margin-bottom: 12px; } */
 /*#main_photo_type1 .photo_item li:nth-child(2), #main_photo_type1 .photo_item li:nth-child(4) { margin-right: 0; } 
 #main_photo_type1 .photo_item li:nth-child(3), #main_photo_type1 .photo_item li:nth-child(4) { display: none; } */
 #main_photo_type1 .photo_item img { position: relative; width: 100%; transform: translate(-50%, 0); transition: all .6s ease; border-radius: 8px; } 
 #main_photo_type1 a.photo_more { margin-top: 0; } 
 }
 @media screen and (max-width:700px){
 #main_photo_type1 .photo_item a { height: 520px; } 
 }
 @media screen and (max-width:550px){
 #main_photo_type1 .photo_item a { height:400px; border-radius: 8px; } 
 }
@media screen and (max-width:480px){
 #main_notice_type1 .cont_list >li { width: 100%; margin-bottom: 1.0em; } 
#main_notice_type1 .notice_title { font-size: 1.1em; } 
#main_notice_type1 .notice_list .notice_text { font-size: 1.2em; margin: 0; } 
#main_notice_type1 .notice_item .notice_icon { font-size: 1.2em; } 
/*#main_photo_type1 .photo_item li { width:100%; border: 1px solid #b1b5b9; background: #fff; position: relative; float: left; margin-right:0; height: 270px; border-radius: 8px; margin-bottom:20px; } */
#main_photo_type1 .photo_item a { height:352px; } 
 }
 @media screen and (max-width:452px){
 #main_photo_type1 .photo_item a { height:310px; } 
 }
 
 @media screen and (max-width:375px){
 #main_photo_type1 .photo_item a { height:272px; } 
 }
@media screen and (max-width:320px){
 #main_photo_type1 .photo_item a { height:230px; } 
 }





 
iframe#footer_frame { width: 100%; margin: 0; padding: 0; height: 98px; } 
footer { display: block; background: #454545; padding-top: 30px; padding-bottom: 20px; width: 100%; } 
footer .copy { width: 1300px; margin: 0 auto; } 
footer .copy span { display: block; line-height: 26px; width: 100%; font-size: 15px; color: #ffffff; letter-spacing: 0.2px; } 
.privacy { display: block; width: 100%; margin-bottom: 20px; } 
.privacy ul { display: inline-block; } 
.privacy ul li { float: left; margin-right: 10px; } 
.privacy ul li span { border: 1px solid #ffffff; padding: 4px 20px; color: #ffffff; font-size: 14px; font-weight: 500; } 

@media screen and (max-width:1300px) { footer .copy { width: 100%; margin: 0 auto; } 
footer { padding: 0 10px; } 
 }

@media screen and (max-width:1024px) { footer { padding-top: 20px; padding-bottom: 10px; } 
 }


 @media screen and (max-width:480px){
 .privacy ul li span { padding: 4px 7px; } 
 .privacy ul li span { padding: 4px 12px; } 
 }