@charset "utf-8";
/* 제품 */
#info_container { padding-top: 120px; transition: padding-top .25s ease; }

@media all and (max-width: 899px)
{
	#info_container { padding-top: 60px; }
}
#info_container .sub-scroll-gnb-wrap { height: 50px; background: #0d3190; }
#info_container .sub-scroll-gnb-wrap .sub-scroll-gnb { width: 1200px; margin: 0 auto; overflow: hidden; height: 100%; }
#info_container .sub-scroll-gnb-wrap .sub-scroll-gnb .scroll-wrap .items { height: 80px; overflow-x: auto; width: 100%; }
#info_container .sub-scroll-gnb-wrap .sub-scroll-gnb .scroll-wrap .items .page-name { font-size: 1.4rem; font-weight: bold; color: #fff; display: inline-block; vertical-align: top; cursor: default; margin-right: 50px; padding: 15px 0; }
#info_container .sub-scroll-gnb-wrap .sub-scroll-gnb .scroll-wrap .items { display: inline-block; vertical-align: top; overflow: hidden; white-space: nowrap; }
#info_container .sub-scroll-gnb-wrap .sub-scroll-gnb .scroll-wrap .items li { display: inline-block; margin-right: 20px; height: 100%; }
#info_container .sub-scroll-gnb-wrap .sub-scroll-gnb .scroll-wrap .items li a { font-size: 1.4rem; color: #fff; font-weight: 300; opacity: .6; padding: 15px 2px; display: block; height: 100%; position: relative; }
#info_container .sub-scroll-gnb-wrap .sub-scroll-gnb .scroll-wrap .items li.select a { opacity: 1; }
#info_container .sub-scroll-gnb-wrap .sub-scroll-gnb .scroll-wrap .items li.select a:after { height: 2px; width: 100%; left: 0; top: 37px; background: #fff; position: absolute; content: ''; }

@media all and (max-width: 1260px)
{
	#info_container .sub-scroll-gnb-wrap .sub-scroll-gnb { width: 100%; padding: 0 0 0 30px; }
}

#info_container .main-banner-area-wrap { height: 270px; }
#info_container .main-banner-area-wrap .main-banner-area { width: 1200px; margin: 0 auto; position: relative; height: 100%; }
#info_container .main-banner-area-wrap .main-banner-area .txt-area { width: 50%; height: 100%; left: 0; top: 0; padding: 30px 0; position: absolute; z-index: 2; }
#info_container .main-banner-area-wrap .main-banner-area .txt-area .menu-name { font-size: 1.4rem; color: #fff; opacity: 0.6; font-weight: 300; display: block; }
#info_container .main-banner-area-wrap .main-banner-area .txt-area .product-name { font-size: 2.5rem; color: #fff; position: relative; margin-bottom: 35px; font-weight: 500; }
#info_container .main-banner-area-wrap .main-banner-area .txt-area .product-name:after { position: absolute; content: ''; width: 30px; height: 2px; background: #fff; left: 0; bottom: -15px; }
#info_container .main-banner-area-wrap .main-banner-area .txt-area .exp { font-size: 1.5rem; color: #fff; font-weight: 300; }
#info_container .main-banner-area-wrap .main-banner-area .txt-area .go-btn { background: #1652f0; display: inline-block; height: 35px; line-height: 35px; color: #fff; border-radius: 4px; padding: 0 15px 0 25px; margin-top: 25px; }
#info_container .main-banner-area-wrap .main-banner-area .txt-area .go-btn img { width: 20px; display: inline-block; margin-top: 7px; margin-left: 5px; }
#info_container .main-banner-area-wrap .main-banner-area .img-area { width: 50%; height: 100%; right: 0; top: 0; position: absolute; z-index: 1; }
#info_container .main-banner-area-wrap .main-banner-area .img-area img { height: 100%; width: auto; }

#editor_template_wrap_hs { white-space: pre-wrap; }
#info_container .info-content-area-wrap .temp-01 .main-banner-area-wrap { border-bottom: 1px solid #dee3eb; overflow: visible; background: #274798;  }
#info_container .info-content-area-wrap .temp-01 .main-banner-area-wrap .main-banner-area .img-area { text-align: right; }
#info_container .info-content-area-wrap .temp-01 .main-banner-area-wrap .main-banner-area .img-area img { height: auto; width: 60%; }

#info_container .info-content-area-wrap .temp-02 .main-banner-area-wrap { background: #19316f; }
#info_container .info-content-area-wrap .temp-03 .main-banner-area-wrap { background-color: #4752b5; background-image: url("../../img/product/banner_img_03.png"); background-size: cover; background-position: center; }
#info_container .info-content-area-wrap .temp-04 .main-banner-area-wrap { background-color: #4752b5; background-image: url("../../img/product/banner_img_04.png"); background-size: cover; background-position: center; }

@media all and (max-width: 1260px)
{
	#info_container .main-banner-area-wrap .main-banner-area { width: 100%; }
	#info_container .main-banner-area-wrap .main-banner-area .txt-area { left: 30px; width: calc(100% - 30px); padding-right: 30px; }
}
@media all and (max-width: 899px)
{
	#info_container .main-banner-area-wrap .main-banner-area .txt-area .product-name { font-size: 3rem; }
	#info_container .main-banner-area-wrap .main-banner-area .txt-area .exp { font-size: 1.5rem; }
	#info_container .main-banner-area-wrap .main-banner-area .txt-area .go-btn { margin-top: 30px; }
	
	#info_container .main-banner-area-wrap .main-banner-area .img-area { width: 70%; }
	#info_container .info-content-area-wrap .temp-01 .main-banner-area-wrap .main-banner-area .img-area img { height: auto; width: 60%; }
}
@media all and (max-width: 699px)
{
	#info_container .info-content-area-wrap .temp-01 .main-banner-area-wrap .main-banner-area .img-area img { height: auto; width: 70%; opacity: 0.6; }
}
@media all and (max-width: 499px)
{
	#info_container .info-content-area-wrap .temp-01 .main-banner-area-wrap .main-banner-area .img-area img { height: auto; width: 80%; opacity: 0.6; }
}
@media all and (max-width: 399px)
{
	#info_container .info-content-area-wrap .temp-01 .main-banner-area-wrap .main-banner-area .img-area img { height: auto; width: 95%; opacity: 0.6; }
}
#info_container .info-content-area-wrap { padding: 60px 0; padding-top: 0; }
#info_container .info-content-area-wrap .info-content-area { width: 1200px; margin: 0 auto; padding-top: 50px; }
#info_container .info-content-area-wrap .info-content-area .content-title { font-size: 2.5rem; margin-bottom: 15px; letter-spacing: -1px; }

@media all and (max-width: 1260px)
{
	#info_container .info-content-area-wrap .info-content-area { width: 100%; padding: 60px 30px; }
}

#info_container .info-content-area-wrap .info-content-area p { font-size: 1.4rem; font-weight: 400; line-height: 28px; }
#info_container .info-content-area-wrap .info-content-area h1 { font-size: 2rem; margin-bottom: 10px; margin-top: 50px; }
#info_container .info-content-area-wrap .info-content-area h1:first-of-type { margin-top: 0; }

#info_container .info-content-area-wrap .info-content-area table { width: 100%; border: 1px solid #dee3eb; margin: 20px 0; font-size: 1.4rem; }
#info_container .info-content-area-wrap .info-content-area table tr { border-bottom: 1px solid #dee3eb; }
#info_container .info-content-area-wrap .info-content-area table th { vertical-align: middle; font-weight: bold; padding: 5px 10px 5px 10px; width: 150px; background: #ECECEC; border-right: 1px solid #dee3eb; }
#info_container .info-content-area-wrap .info-content-area table td { padding: 5px 10px; vertical-align: middle; background: #fff; border-right: 1px solid #dee3eb; }

#info_container .info-content-area-wrap .info-content-area img { margin: 20px 0 20px; max-width: 100%; }

#info_container .info-content-area-wrap .temp-01 .info-content-area h1 { font-weight: 600; border-bottom: 2px solid #2b3245; padding-bottom: 5px; }
#info_container .info-content-area-wrap .temp-01 .info-content-area p a { color: #0039D1; background: #f8f8f8; padding: 3px 8px; border: 1px solid #EDEDED; border-radius: 3px; font-size: 1.2rem; letter-spacing: 0; margin: 0 3px; }
#info_container .info-content-area-wrap .temp-01 .info-content-area img { border: 2px solid #D9D9D9; }

#info_container .info-content-area-wrap .temp-02 .info-content-area h1 { font-weight: 500; background: #2b3245; color: #fff; padding-bottom: 5px;  padding: 7px 15px; margin-bottom: 0; font-size: 1.8rem; }
#info_container .info-content-area-wrap .temp-02 .info-content-area p { background: #F3F3F3; padding: 5px 15px; }
#info_container .info-content-area-wrap .temp-02 .info-content-area p a { color: #0031B5; padding: 3px 8px; border: 1px solid #dcdcdc; border-radius: 3px; font-size: 1.2rem; letter-spacing: 0; margin: 0 3px; background: #FFFFFF; }
#info_container .info-content-area-wrap .temp-02 .info-content-area img { border: 2px solid #D9D9D9; }

#info_container .info-content-area-wrap .temp-03 .info-content-area h1 { position: relative; padding-left: 15px; font-weight: 600; }
#info_container .info-content-area-wrap .temp-03 .info-content-area h1:before { left: 0; top: 0; content: ''; position: absolute; background: #2b3245; width: 4px; height: 100%; }
#info_container .info-content-area-wrap .temp-03 .info-content-area p { padding: 5px 15px; position: relative; }
#info_container .info-content-area-wrap .temp-03 .info-content-area p:before { left: 0; top: 5px; content: ''; position: absolute; background: #D5D5D5;width: 4px; height: 100%; }
#info_container .info-content-area-wrap .temp-03 .info-content-area p a { color: #0031B5; padding: 3px 8px; border: 1px solid #dcdcdc; border-radius: 3px; font-size: 1.2rem; letter-spacing: 0; margin: 0 3px; background: #FFFFFF; }
#info_container .info-content-area-wrap .temp-03 .info-content-area img { border: 2px solid #D9D9D9; }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
#info_container .info-content-area-wrap .temp-04 .info-content-area h1 { position: relative; padding-left: 25px; }
#info_container .info-content-area-wrap .temp-04 .info-content-area h1:before { position: absolute; content: ''; width: 18px; height: 18px; background: url("../../img/product/content_title_img.svg"); left: 0; top: 7px; }