@charset "utf-8";


@font-face {
    font-family: 'S-CoreDream';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('https://fastly.jsdelivr.net/gh/wizfile/font/S-CoreDream-7ExtraBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Taenada';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Tenada.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}
@media (min-width: 1200px) {
	html{font-size:62.5%; /*10px;*/}
} /*1200픽셀 이상 LARGE 데스크탑*/
@media (min-width: 992px) and (max-width: 1199px) {
		html{font-size:62.5%; /*10px;*/}
} /*992픽셀부터 1199까지 작은 모니터의 데스크탑.*/
@media (min-width: 768px) and (max-width: 991px) {
		html{font-size:62.5%; /*10px;*/}
} /*픽셀부터 991픽셀까지 태블릿.*/
@media (max-width: 767px) {
		html{ font-size:62.5%; /*10px;*/}
} /*767픽셀이하 모바일.*/
html{line-height:0;padding:0;margin:0;}

body {
	font-family: 'S-CoreDream';
}
.container ul{
margin:0;
padding:0;
}
/* 미지원 브라우저 안내 */
#browser {z-index:999;position:fixed;top:0;left:0;width:100%;height:100%;background:#222;zoom:1;}
.browser_inner {position:absolute;top:50%;left:50%;width:1030px;height:430px;margin:-215px 0 0 -515px;text-align:center}
.warning {padding-bottom:20px;font-size:30px;color:#fff;letter-spacing:-0.5px}
.content {padding-bottom:50px;font-size:17px;color:#cecece;line-height:28px;letter-spacing:-0.25px}
.browser_icon {display:table;width:520px;margin:0 auto 40px}
.browser_icon:after {display:table;content:''}
.browser_icon li {display:table-cell;width:20%;padding-top:75px;color:#cecece;font-size:11px;letter-spacing:-0.025px;font-family:'Dotum', '돋움'}
.browser_icon li.ie {margin-left:0;background:url('/sh_img/index/ie_icon.png') no-repeat top center}
.browser_icon li.chrome {background:url('/sh_img/index/google_icon.png') no-repeat top center}
.browser_icon li.safari {background:url('/sh_img/index/safari_icon.png') no-repeat top center}
.browser_icon li.firefox {background:url('/sh_img/index/firefox_icon.png') no-repeat top center}
.browser_icon li.opera {background:url('/sh_img/index/opera_icon.png') no-repeat top center}
.upgrade_btn {display:inline-block;width:180px;margin-left:19px;padding:1rem 0;border:1px solid #9e9e9e;font-size:16px;color:#9e9e9e !important;letter-spacing:-0.025px;text-transform:capitalize;transition:all .2s ease-in-out}
.upgrade_btn.ml0 {margin-left:0}
.upgrade_btn:hover {color:#fff !important;}
a.ie:hover {border:1px solid #00bcf2;background:#00bcf2}
a.chrome:hover {border:1px solid #ea4335;background:#ea4335}
a.safari:hover {border:1px solid #0a64d6;background:#0a64d6}
a.firefox:hover {border:1px solid #e66000;background:#e66000}
a.opera:hover {border:1px solid #ff1b2d;background:#ff1b2d}
li{list-style:none;}

/* ============================================== All Device - 공통 ================================================== */
#sh_hd {z-index:10;position:relative}
/*#sh_hd_wrapper {position:absolute;top:0;right:0;left:0;z-index:20;border:0;zoom:1;background-color:rgba(0, 0, 0, 0.5);}*/
#sh_hd_wrapper {position:absolute;top:0;right:0;left:0;z-index:20;border:0;zoom:1;}
#sh_hd_wrapper.fixed {background-color:rgba(0, 0, 0, 0.8)}
#sh_hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
/* ============================================== All Device - 공통 ================================================== */

/*head 로고*/
.navbar_header {float:left;width:214px;margin:0;padding:1.5rem 1.5rem 1rem 0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition: all .4s ease-in-out;}
.navbar_header .logo img {width:80%;}
/*head 로고*/

/* 탑메뉴 */
nav#nav_bar{float:right;position:relative;font-size:2rem;line-height:2.9rem;z-index:70;min-height:32px;}
nav#nav_bar .top_menu {float:right}
nav#nav_bar .top_menu:after {display:table;clear:both;content:''}
nav#nav_bar .top_menu > li {float:left;position:relative;margin-left:40px;}
nav#nav_bar .top_menu > li > a {padding:3rem 0.75rem 1em;}
nav#nav_bar li > a {font-size: 1.6rem;display:block;font-weight:normal;color:#fff;}

/* 모바일용 햄버거 버튼 */
.mobile_btn {display:none;z-index:999;position:absolute;top:8px;right:5px;width:50px;height:50px;padding:1.5rem;}
.mobile_btn.close {position:fixed}
.m_menu {position:absolute;left:50%;top:50%;width:20px;height:2px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    transition:background-color .4s ease-in-out;
    background-color:#fff;
}
.m_menu:before, .m_menu:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    transition:all .4s ease-in-out;
    height: 2px;
    width: 20px;
    background-color: #fff;
}

.m_menu:before {top:-6px}
.m_menu:after {top:8px}

.close .m_menu {
    position:absolute;left:50%;top:50%;width:20px;height:2px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    transition:background-color .4s ease-in-out;
    background-color:transparent;
}
.close .m_menu:before, .close .m_menu:after {width:20px;height:2px;}
.close .m_menu:before {top:-10px;left:0;-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg);}
.close .m_menu:after {top:10px;left:0;-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg);}

/* 하위메뉴 */
nav#nav_bar ul li ul {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0.5rem 0;
    margin-top: 8px;
    text-align: left;
    list-style: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-color: rgba(0, 0, 0, 1);
    background-color: rgba(0, 0, 0, 1);
}
nav#nav_bar ul li ul.dropdown_m {border-top-left-radius:0;border-top-right-radius:0;}
nav#nav_bar ul li ul li{}
nav#nav_bar ul li ul a{padding:0.5rem 2rem; font-size: 1.5rem;}
nav#nav_bar ul li ul a:hover {background-color: rgba(95, 173,37, 0.8)}

@media all and (max-width:767px) { /*767픽셀이하 모바일.*/
#top_menu_wrapper {z-index:50;margin:0}
.navbar_header {width:180px;padding:2.1rem 1.5rem 1.9rem 0}
.container > .navbar-header {min-width:305px}
.mobile_btn{display:block;}
nav#nav_bar a {color:#333}
nav#nav_bar {position:fixed;right:-100%;float:none;width:60%;height:100%;font-size:1.4rem;background:#fff;transition:all .4s ease-in-out}
nav#nav_bar.open {right:0;transition:all .4s ease-in-out}
nav#nav_bar .top_menu {float:none;height:100%;margin-top:64px;}
nav#nav_bar .top_menu > li {float:none;border:1px solid #e6e6e6;border-top:none;border-right:none;}
nav#nav_bar .top_menu > li > a {position:relative;padding:1rem 2rem 1rem;color:#333;}
nav#nav_bar .top_menu > li > a:after {content:'';position:absolute;top:50%;right:23px;width:13px;height:13px;border-right:2px solid #5fad25;border-bottom: 2px solid #5fad25;-ms-transform:translateY(-80%) rotate(45deg);-o-transform:translateY(-80%) rotate(45deg);-webkit-transform:translateY(-80%) rotate(45deg);transform:translateY(-80%) rotate(45deg);-webkit-transition:transform .4s ease-in-out;-moz-transition:transform .4s ease-in-out;-o-transition:transform .4s ease-in-out;transition: transform .4s ease-in-out;}
nav#nav_bar .top_menu > li > a.up:after {-ms-transform:translateY(-20%) rotate(-135deg) !important;-o-transform:translateY(-20%) rotate(-135deg) !important;-webkit-transform:translateY(-20%) rotate(-135deg) !important;transform:translateY(-20%) rotate(-135deg) !important;}
nav#nav_bar ul li ul {display:none;float:none;position:inherit;width:100%;border:0;background:#f7f7f7}
nav#nav_bar ul.dropdown_m {padding:0;border-radius:0;box-shadow:inherit;}
nav#nav_bar ul.dropdown_m li {font-size:1rem;border-top:1px solid #e6e6e6}
nav#nav_bar ul.dropdown_m li a {padding:1rem 2rem;color:#333}
nav#nav_bar ul.dropdown_m li a:hover {color:#fff}
nav#nav_bar ul, nav#nav_bar ul > ul{float:none;}
nav#nav_bar .close_btn_area {position:absolute;width:100%;height:64px;top:0;left:0;background:#5fad25;border-bottom:1px solid #e6e6e6;}
.nav_bg {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity: 0.5;z-index: 20;}
}

/*서브헤드*/
/* 서브 비주얼영역 */
.sub_bg #sub_main_banner {}
 #sub_main_banner .cover {
 position: absolute;
    width: 100%;
    height: 300px;
    background: url(/theme/basic/img/overpatternl.png) repeat;
}

#sub_main_banner {
	position:relative;
min-width:320px;
height:300px;
text-align:center;
background:url('/theme/basic/img/ipos_main_bg1.jpg')no-repeat center;
-webkit-background-size:cover !important;
-moz-background-size:cover !important;
-o-background-size:cover !important;
background-size:cover !important
}
p.sub_main_title{
	position: relative;
padding-top:150px;
font-weight:bold;
font-size:34px;
color:#fff;
 text-shadow: 1px 1px 1px #333333;
}
p{
margin:0 0 10px;
word-break:break-all;
}
#sh_aside{
position:relative;
z-index:99999;
min_height:43px;
background-color:#fff;
}
#sh_aside_wrapper{
position:relative;
z-index:1000;
margin:0 auto;
zoom:1;
}
ul#l_menu {z-index:10;display: table;width:100%}
ul#l_menu > li {display: table-cell;height:50px;margin-left:-1px;text-align:center;line-height:50px;font-size:1.5em;border-top:1px solid #5fad25;border-right:1px solid #5fad25;border-bottom:1px solid #5fad25}
ul#l_menu > li:first-child {border-left:1px solid #5fad25;}
ul#l_menu > li.l_menu_ON {background:#5fad25;}
ul#l_menu > li a {display: block;}
ul#l_menu > li.l_menu_ON a {color:#fff;}
ul#l_menu > li.l_menu_OFF a {color:#423a38;}


/* lnb 갯수마다 li 값 커스터마이징 */
.w50 {width:50%;}
.w33 {width:33%;}
.w25 {width:25%;}
.w20 {width:20%;}
/*서브헤드 끝*/

/*서브 타이틀*/
#sh_content{
position:relative;
z-index:4;
min-height:440px;
height:auto !important;
margin:30px 0 60px;
/*font-size:1.1em;*/
line-height:1.5em;
color:#666;
zoom:1;
}
#sh_content #sh_content_tit{
overflow:hidden;
margin-bottom:40px;
text-align:center;
}
#sh_content #sh_content_tit h3{
margin:0;
padding:0;
font-size:3em;
line-height:1.3em;
font-weight:bold;
color:#333;
}
#sh_content #sh_content_tit span{
display:inline-block;
margin-top:40px;
padding-left:20px;
color:#888;
background:url(/theme/basic/img/sub_home.png)0 4px no-repeat;
font-size:1.3em;
font-family:"Dotum","돋움";
}





/*하단 푸터*/
#sh_ft{
z-index:2;
position:relative;
}
#sh_ft_top{
padding:1.3rem 0;
background:#333333;
}
#sh_ft_top > div ul{
overflow:hidden;
}
#sh_ft_top > div ul li:first-child{
margin:0;
padding:0;
background:none;
}
#sh_ft_top > div ul li{
float:left;
margin-left:0.9rem;
padding-left:0.9rem;
background:url('./theme/basic/img/bar.png') no-repeat left center
list-style:none;
}
#sh_ft_top > div ul li a{
display:blick;
width:100%;
color:#fff;
letter-spacing:-0.05em;
/*font-family:"Dotum";*/
font-size:1.3rem;
}
ul{
margin:0;
padding:0;
}
li{
list-style:none;
}

#sh_ft_wrapper{
position:relative;
margin:0 auto;
padding:4rem 0;
zoom:1;
background:#4d4d4d;
}
#ft_content::after{
display:block;
visibility:hidden;
clear:both;
content:""
}
#ft_content :first-child.section{
border-left:0;
}
#ft_content .section{
min-height:227px;
border-left:1px dashed #aaa;
}
#ft_content .section .ft_tit{
font-weight:700;
font-size:1.3em;
color:#fff;
font-family:"Lato", sans-serif;
}
.up{
text-transform:uppercase;
}
#ft_content .section .about_content{
padding-top:1rem;
font-size:1.3em;
line-height:1.6;
color:#ccc;
text-align:justify;
letter-spacing:-0.03em;
}
p{
margin:0 0 10px;
}
#ft_content .section .more_btn{
display:inline-block;
margin-top:1.5rem;
font-size:1.2rem;
color:#fff;
}
.sh_lt{
font-family:"Nanum Gothic","나눔 고딕","돋움";
}
.sh_lt ul{
margin:0;
padding-top:10px;
list-style:none;
clear:both;
overflow:hidden;
}
.sh_lt li{
padding:0.2rem 0;
background:url('/skin/latest/basic/img/icon_dot.gif') no-repeat left center
padding-left:10px;
overflow:hidden;
}
.sh_notice{
width:100%;
font-size:1em;
}
.sh_lt li a{
display:inline-block;
color:#ccc;
line-height:1.7em;
letter-spacing:0px;
font-size:1.3em;
}
#ft_content .section .lt_more{
position:absolute;
top:18px;
right:15px;
font-weight:700;
font-size:1.9rem;
line-height:1;
font-family:"Lato", sans-serif;
}
#ft_content .section .lt_more a{
color:#fff;
}
#ft_content .section .contact{
overflow:hidden;
padding-top:1rem;
}
#ft_content .section .contact > div{
padding-bottom:1rem;
font-size:1.3em;
color:#fff;
}
#ft_content .section .contact > div i{
float:left;
font-size:1.2rem;
color:#fff;
}
#ft_content .section .contact > div span{
display:block;
padding-left:3rem;
letter-spacing:-0.02em;
line-height:1.4;
font-family:"Nanum Gothic","나눔 고딕","돋움";
}

#copyright{
overflow:hidden;
padding:1rem 0;
background:#333333;
}
#copyright span{
float:left;
font-size:1.2rem;
color:#fff;
font-family:"Dotum";
}
/*화살표버튼*/
.back-to-top{
width:40px;
height:40px;
position:fixed;
bottom:40px;
right:20px;
display:none;
text-align:center;
z-index:10000;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
background:#5fad25;
}
.back-to-top i{
color:#fff;
font-size:1.5rem;
display:block;
line-height:3.3rem;
}
/*하단 푸터*/
#sh_container {z-index:0;position:relative;top:-25px;min-width:320px;overflow:hidden;}
#sh_container_wrapper {position:relative;z-index:10;zoom:1;overflow:hidden;background-color:#fff}
#sh_container_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#sh_container_wrapper_m {position:relative;zoom:1;overflow:visible}
#sh_container_wrapper_m:after {display:block;visibility:hidden;clear:both;content:""}
#copyright #sh_ft_icon a {font-size:1.2em;float: right;color: #fff;}
/*1200픽셀 이상 LARGE 데스크탑*/
@media (min-width: 1200px) {

}

/*992픽셀부터 1199까지 작은 모니터의 데스크탑.*/
@media (min-width: 992px) and (max-width: 1199px) {
	#ft_content .section:nth-child(2){border-right: 1px dashed #aaa !important}
	#ft_content .section:nth-child(3){border: none !important}
	p.sub_main_title {display:none;}
	#sh_aside_wrapper{display:none;}

	.homepage_margin{
		display:none;
	}
	#ft_content .section:first-child{border-right: 1px dashed #aaa;}
	#ft_content .section:nth-child(2){display: none !important}
	#ft_content .section:nth-child(3){border: none !important}
	#sh_container {top:0}
}

/*픽셀부터 991픽셀까지 태블릿.*/
@media (min-width: 768px) and (max-width: 991px) {
	#sub_main_banner .cover{height:220px;}
	 p.sub_main_title {display:none;}
	#sh_aside_wrapper{display:none;}
	
	.homepage_margin{
		display:none;
	}
	nav#nav_bar .top_menu > li {float:left;position:relative;margin-left:0;}
	#ft_content .section:first-child{border-right: 1px dashed #aaa;}
	#ft_content .section:nth-child(2){display: none !important}
	#ft_content .section:nth-child(3){border: none !important}

	#hd_bg {min-width:100%!important}
	#sh_hd {min-width:100%}
	#sh_hd_wrapper > .container {position:relative;width:100%}
	/* 메인,서브 */
	#sh_container {top:0}
	/* 서브 비주얼영역 */
	#sub_main_banner {height:220px}
	/* 메인 컨텐츠영역 */
	#main_banner {width:100%}
	/* 메인 인덱스 */
	.service_box .rounded-corners {padding:100px 130px 70px}
	.practice_area .practice:hover {margin-top:0;}
	/* 서브 */
	#sh_container_top {height:auto;margin:0;padding-top:7%}
	#sh_container_top img {width:100%}
	#sh_content #sh_content_tit{padding:10px;text-align:center}
	#sh_content #sh_content_tit h3 {float:none;}
	#sh_content #sh_content_tit span {float:none;display:inline-block;margin-top:20px;}
	#sh_aside{display:none}
	#sh_content{width:100%}
	/* 하단 */
	#sh_ft {min-width:100%}
	#sh_ft_wrapper {width:100%}
	#ft_content .section:last-child {border:0}
}


/*767픽셀이하 모바일.*/
@media (max-width: 767px) {
	
	
	.back-to-top{display: none !important;}
	
	#sub_main_banner .cover{height:220px;}
	.homepage_margin{
		display:none;
	}
	#hd_bg {min-width:320px !important}
	#sh_hd {min-width:320px}
	#quick_banner {display:none}
	#sh_hd_wrapper > .container {position:relative;width:100%}
	/* 메인,서브 */
	#sh_container {top:0}
	/* 서브 비주얼영역 */
	#sub_main_banner {height:220px}
	/* 메인 컨텐츠영역 */
	#main_banner {width:100%;}
	.bottom_btn {display:none}
	/* 메인 인덱스 */
	.practice_area {padding:30px 0}
	.practice_area .practice:hover {margin-top:0;}
	.service_box .rounded-corners {padding:80px 50px 50px;}
	.banner .speak {padding:0 20px}
	/* 서브 */
	#sh_container_top {display:none}
	#sh_content #sh_content_tit{padding:10px;border-bottom:1px solid #ddd}
	#sh_content #sh_content_tit{padding:10px;text-align:center}
	#sh_content #sh_content_tit h3 {float:none;}
	#sh_content #sh_content_tit span {float:none;display:inline-block;margin-top:20px;}
	#sh_aside{display:none}
	#sh_content{width:100%}
	/* 하단 */

	#sh_ft {min-width:320px}
	#ft_content .section {border-left:0}
	#ft_content .section .lt_more {top:0}
	#copyright span {display:block;float:left}
	#copyright #sh_ft_icon {float:none;}
}