body{

    /* background-image: url('/_images/ace_main_1010.jpg'); */
    /* background-image: url('/_images/ace_sub_1010.jpg'); */
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-position: center top; 

	font-family: 'Nanum Gothic'
}
div { /* border:solid 1px; */ }
body#sub{	
	/* background-image: url('/sample-pc-sub.jpg'); */
	background-position: center top; 
}

h1,h2,h3,h4,h5 {
	font-family: 'Nanum Gothic';
	letter-spacing: -0.04em;
}

h1 a, h1 a:focus, h1 a:active, h2 a:hover,h2 a, h2 a:focus, h2 a:active, h2 a:hover,h3 a, h3 a:focus, h3 a:active, h3 a:hover,h4 a, h4 a:focus, h4 a:active, h4 a:hover,h1 a, h5 a:focus, h5 a:active, h5 a:hover{
	color:#001ca4 /* #554099; */	/*004098*/
	text-decoration:none;
}

.bold{
	font-family: 'Nanum Gothic'!important;
	font-weight: 600;
}

medium, .medium{
	font-family: 'Nanum Gothic'!important;
	font-weight: 600;
}

small, .small{
	font-family: 'Nanum Gothic'
}

.basic_blue		{ color:#001ca4 }
.basic_green	{ color:#00AB4E }
.basic_blue		{ color:#0054A6 }
.basic_yellow		{ color:#FAA519 }

.basic_dark_gray	{ color:#48535A }
.basic_gray		{ color:#9CA2A7 }
.basic_light_gray	{ color:#E6E7E8 }

.basic_gold		{ color:#887459 }
.basic_sliver		{ color:#8E8F90 }

.basic_navy		{ color:#001ca4 }
.basic_marine_blue{ color:#0077C0 }
.basic_cyan		{ color:#0092D5 }
.basic_sea_green	{ color:#0097A1 }
.basic_deep_green	{ color:#00654C }

.basic_white		{ color:#FFFFFF }

.basic_bg_ci_blue		{ background-color:#554099 ;color:#FFFFFF }
.basic_bg_green		{ background-color:#00AB4E ;color:#FFFFFF }
.basic_bg_blue		{ background-color:#0054A6 ;color:#FFFFFF }
.basic_bg_yellow		{ background-color:#FAA519 ;color:#FFFFFF }
.basic_bg_red			{ background-color:#e0223c ;color:#FFFFFF }

.basic_bg_dark_gray	{ background-color:#48535A ;color:#FFFFFF }
.basic_bg_gray		{ background-color:#9CA2A7 ;color:#FFFFFF }
.basic_bg_light_gray	{ background-color:#E6E7E8 ;color:#9CA2A7 }
.basic_bg_light_gray	a { color:#000000!important }

.basic_bg_gold		{ background-color:#887459 ;color:#FFFFFF }
.basic_bg_sliver		{ background-color:#8E8F90 ;color:#FFFFFF }

.basic_bg_navy		{ background-color:#0a1d83 ;color:#FFFFFF }
.basic_bg_marine_blue	{ background-color:#0077C0 ;color:#FFFFFF }
.basic_bg_cyan		{ background-color:#0092D5 ;color:#FFFFFF }
.basic_bg_sea_green	{ background-color:#0097A1 ;color:#FFFFFF }
.basic_bg_deep_green	{ background-color:#00654C ;color:#FFFFFF }


.basic_bd_green		{ border: solid 1px #00AB4E; }
.basic_bd_blue		{ border: solid 1px #0054A6; }
.basic_bd_yellow		{ border: solid 1px #FAA519; }

.basic_bd_dark_gray	{ border: solid 1px #48535A; }
.basic_bd_gray		{ border: solid 1px #9CA2A7; }
.basic_bd_light_gray	{ border: solid 1px #E6E7E8;/* color:#9CA2A7  */}

.basic_bd_gold		{ border: solid 1px #887459; }
.basic_bd_sliver		{ border: solid 1px #8E8F90; }

.basic_bd_navy		{ border: solid 1px #554099; }
.basic_bd_marine_blue	{ border: solid 1px #0077C0; }
.basic_bd_cyan		{ border: solid 1px #0092D5; }
.basic_bd_sea_green	{ border: solid 1px #0097A1; }
.basic_bd_deep_green	{ border: solid 1px #00654C; }


.basic_bizarea_blue	{ background-color:#e1ecf8!important;}
.basic_bizarea_gray	{ background-color:#e6e7e8!important;}


.font_gulim			{ font-size:11px; font-family:gulim;}
.gulim				{ font-weight:bold;font-family:gulim!important;}
.font19				{ font-size:1.26em!important; }
.font14				{ font-size:1.13em!important;letter-spacing: -0.07em!important }
h4					{ font-size:1.05em!important}


a, a:focus, a:active{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#001ca4/* #0097A1 */;	
	text-decoration:none;
}

.after:after{
	content:""; width:0; height:0; font-size:0; line-height:0; display:block; visibility:hidden; clear:both !important;
}


.logo{
	
	color:#001ca4;
	text-align: center;
	width:100%;height: 78px;
	display: block;
	font-weight: 600;
/*
	text-indent: 101%;
	position:absolute;top:0px;left:50%;margin-left:-30px;
	width:50px;
*/
}

.logo_mark{
/*
	margin-top:10px;
	margin-left:20px;
*/
	position:absolute;
	left:50%;
	top:10px;
	margin-left:-36px;
    width:58px;
    height:58px;
    display: inline-block;
	background-image: url('/_images/top_logo.png');
	background-position: 0px 0px;
    background-repeat: no-repeat;	
}

.logo_name { 
	display: none;
	position: absolute;
	font-family: 'Times New Roman';
	width:200px;
	top:24px;
	left:50%;
	font-size:1.35em;
	margin-left:-100px;
}
 
/* 상단 메뉴 */
dl.topmenu  {
	position:absolute;
	left:10px;
	margin-left:-20px;
	width:740px;
	height:78px;	
	/* border:solid 1px; */
}

dl.topmenu:after{
	content:""; width:0; height:0; font-size:0; line-height:0; display:block; visibility:hidden; clear:both !important;
}
dl.topmenu dt {
	display:none;
}
dl.topmenu dd {
	font-size:19px;
	letter-spacing:-1px;
	line-height:75px;
	padding-top:0px;
	padding-left:15px;
	padding-right:15px;
	text-align:center;
	float:left;
	position: relative;
}

dl.topmenu .tab:after {

    content:"";
    position: absolute;
    bottom: 42%;
    left: 0;
    right: 0;
    height: 12px;
    border-right: 1px solid #d4d4d4;
    margin-right:0px;
    z-index: -1;
	
/*
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.5em;
    border-top: 1px solid black;
    z-index: -1;

*/	
}
dl.topmenu .tab:last-child:after {

	border-right: 0px solid #d4d4d4;
}
dl.topmenu dd:last-child {
	padding-right:0px;
}	
dl.topmenu dd a {
	color:#333333;display:block;
}
dl.topmenu dd a.selected  {
	position: relative;
	color:#001ca4;
}
dl.topmenu dd a.selected:after  {
    content:"";
    position: absolute;
    bottom: 23px;
    left: 0;
    right: 0;
    height: 12px;
    margin-right:0px;
    z-index: -1;
    
	border-bottom:solid 3px #001ca4;
}

.topglobal { 
	
	position:relative;
	/* top:0px;left:0px; */
	width:100%;height:36px;border-top:solid 0px;padding-right:0px;padding-left:0px;padding-top:0px;padding-bottom:0px;font-size:0.9em; 
	
}

.topglobal .clock	{
	position: relative;
	top:0px;
	background-color:#f6f6f6;
	border:solid 1px #f2f2f2;
	border-radius: 4px;
	width:100%;
	height:36px;
	line-height: 36px;
	font-weight: 600;
	
}

.topglobal .clock .seoul{
	float:left;
	width:44%;
	height:36px;
	padding-left:4px;
	text-align: center;
}
.topglobal .clock .dot {
	float:left;
	text-align: center;
	width:8%;
	height:36px;
	color:#dadada;
	font-size: 2em;
}

.topglobal .clock .vancouver{
	float:left;
	width:48%;
	height:36px;
	padding-right:4px;
	padding-left:4px;
	text-align: center;
}
.topglobal .clock:after{
	content:""; width:0; height:0; font-size:0; line-height:0; display:block; visibility:hidden; clear:both !important;
}

.topglobal .clock .icon_seoul	{
	width:20px;
	height:20px;
	margin-top:9px;
	display:inline-block;
	background:url(/_images/icon/icon_korea.png);
	background-size:100%;
	background-repeat: no-repeat;
	float:left;
}

.topglobal .clock .icon_canada	{
	width:20px;
	height:20px;
	margin-top:9px;
	display:inline-block;
	background:url(/_images/icon/icon_canada.png);
	background-size:100%;
	background-repeat: no-repeat;
	float:left;
}	



.topglobal .toplogin{
	position: absolute;
	top:28px;
	right: 10px;
	border:solid 0px;
	display: none;
}
.topglobal .toplogin .login , .topglobal .toplogin .join{
	font-weight: 600;
}	


.item_wrap{
	background-color:#f5f5f5;border:solid 1px #ebebeb;border-radius:2px;height:90px;width:32%;
	text-align: center;
	float:left;
	padding-top:15px;
}
.item_wrap:nth-child(1){
	margin-right:2%;
}

.item_wrap:nth-child(2){
	margin-right:2%;
}

.item_wrap2{
	background-color:#f0f4ff;border:solid 1px #ebebeb;border-radius:2px;height:90px;width:32%;
	text-align: center;
	float:left;
	padding-top:15px;
}
.item_wrap2:nth-child(1){
	margin-right:2%;
}

.item_wrap2:nth-child(2){
	margin-right:2%;
}

.item_wrap a{
	display: block;
}

.item_icon_title {
	color:#011058;font-weight:600;font-size:0.85em;
}

.item_icon {
  width: 34px;
  height: 36px;
  display: inline-block;
}


.item_icon.icon01{
  background: url('/_images/icon/icon_1.png') no-repeat center center;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;  
}
.item_icon.icon02{
  background: url('/_images/icon/icon_2.png') no-repeat center center;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;  
}
.item_icon.icon03{
  background: url('/_images/icon/icon_3.png') no-repeat center center;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;  
}
.item_icon.icon04{
  background: url('/_images/icon/icon_4.png') no-repeat center center;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;  
}
.item_icon.icon05{
  background: url('/_images/icon/icon_5.png') no-repeat center center;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;  
}
.item_icon.icon06{
  background: url('/_images/icon/icon_6.png') no-repeat center center;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;  
}

	
	
@media (min-width: 1200px){
	.container {   width: 1024px;	}
}
/* 모바일 일때 */
.flexBox
{
    display:flex;
    flex-wrap:wrap;
}
.flexBox .a { order:2; }
.flexBox .b { order:1; }

@media(min-width:576px){
	/* 모바일이상 */
    .flexBox .a { order:1; }
    .flexBox .b { order:2; }
}


/* div{border:solid 1px;} */
/**** 모바일 기본 메뉴 ****/

#side-menu { 
	position:fixed;top:0px;width:300px;height:100%;
	left:-200px;
	background: #fff;
	border-right:1px #494949;
	box-shadow: 2px 2px 1px #ececec;
	overflow: scroll;
	z-index: 990;
}	
#side-menu-btn-area { 
	position:fixed;top:0px;width:50px;height:50px;
	left:-50px;
	background: #fff;
}
/*
#side-menu ul li {
	font-size:20px;
}
*/

ul.side-menu-list {
	margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;
	border:solid 1px #e6e6e6;
}

ul.side-menu-list li{
	margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;
	border-bottom:solid 1px #e6e6e6;
	color:#1c1c1c;
	position:relative;
}
ul.side-menu-list li a{
	padding:10px 14px 10px 14px;
	font-size:18px;
	display: block;
}

ul.side-menu-list li .side-menu-sub-list{
	z-index:998;
	display:block;
	/* border:solid 1px #e6e6e6; */
	position:absolute;
	top:0px;
	right:0px;
	height:50px;
	width:50px;
}

ul.side-menu-list li.selected{
	margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;
	background-color:#f8f8f8;
}


ul.side-menu-list li > ul{
	list-style: none;
	margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;
}
ul.side-menu-list li > ul > li{
	margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;
}
ul.side-menu-list li > ul > li:first-child{
	border-top:solid 1px;
}
ul.side-menu-list li > ul > li:last-child{
	border-bottom:solid 0px;
}
/*** 기본셋팅 ***/

.topArea{
	height:120px;
}

.mainArea{
	
}

.padding-pc{
	padding-left:0px;
	padding-right:0px;

	margin-right:0px;
	margin-left:0px;	
}

.mainArea .noticeArea{
	padding-top:15px;
	padding-bottom: 16px;
	padding-left:0px;
	padding-right:0px;
	margin-right:0px;
	margin-left:0px;
}

.mainArea .noticeArea .item_title{
	position: relative;
	padding-top:10px;
	padding-bottom:20px;
	font-weight: 600;
}

.mainArea .noticeArea .item{
/*
	height:116px;
	border-bottom: solid 1px #999;
*/
	padding-bottom: 15px;
}

.mainArea .noticeArea div:nth-child(2){
/*
	background-image: url('/_images/notice_img_01.jpg');
	background-position: 240px 16px;
	background-repeat: no-repeat;		
*/
	
}
.mainArea .noticeArea div:nth-child(3){
/*
	background-image: url('/_images/notice_img_02.jpg');
	background-position: 240px 16px;
	background-repeat: no-repeat;		
*/
}
.mainArea .noticeArea .more{
	position:absolute;
	right:0px;
	padding-top:1px;
	width:21px!important;
	height:20px!important;
	line-height:20px!important;
	border-radius:2px;
	font-weight: 100;
	font-size:20px;
	background-color:#001ca4;
	color:#fff;
	font-family: gothic;
	text-align: center;
}

.mainArea .noticeArea .item dt small{
	position:absolute;
	right:20px;
	font-size:11px;
	font-family: gulim;
}


#latest dt{
	font-weight: 100;
	font-size:0.9em;
	height:1.4em;
	line-height: 1.4em;
}
#latest dt a{
	color:#494949;
}

.mainArea .program_title{
	position: relative;
	font-weight: 600;
}

.mainArea .program_title .more {
	position: absolute;right: 4px;top:4px;color:#001ca4;font-weight:100;font-size:0.92em;letter-spacing:-0.1em;font-weight:600
}

.mainArea .serviceArea{
	padding-top:15px;
	padding-bottom: 16px;

}
.mainArea .serviceArea .item{
	width:100%;
	padding-left:0px;
	padding-right:0px;
	padding-top: 2px;
	padding-bottom: 15px;
	text-align: center;
	float:left;
}
.mainArea .serviceArea .item:first-child{
	/* padding-left:0px; */
}
.mainArea .serviceArea .item:last-child{
	/* padding-right:0px; */
}
.mainArea .serviceArea .item img{
	/* height:92px;width:100%; */
	width:100%;
	margin-bottom:0px;
}

.mainArea .serviceArea .item .itm_tit{
	font-family: 'Nanum Gothic';
	color:#2d3032;
}

.mainArea .serviceArea .item small{
	color:#999;
}

.family { border-top:solid 1px #f3f3f3 }
.family .a {display:block;}
.family .a img { width:100%; }
.family .a img { margin-top:6px;margin-bottom:6px; }
.family {padding-right:5px;padding-left:5px;}

#footer{
	background-color:#7c8197;
	height:120px;
}

.footerArea{
	background-color:#7c8197;
	color:#fff;
	font-size:12px;
	padding-bottom:10px;
	/* padding:10px 10px 10px 10px; */
}
.copyright	{
	/* padding:20px 10px 10px 10px; */
	padding-top:20px;
}
.familysite {
	/* padding:10px 10px 10px 10px; */
}

.ul_list {
	padding:10px 0px 0px 0px;
	font-family: 'Conv_HDCMedium';
}
.ul_list li{
	color:#000;
	padding:0px 2px 0px 2px;
	float:left;
	list-style: none;
	/* border-right:solid 1px; */
}
.ul_list li:first-child{
	padding-left:0px;
}
.ul_list li:last-child{
	border-right:solid 0px;
}

.select_family{
	
	border:solid 1px #999;
	padding:4px 4px 4px 12px;
	width:100%;
	font-size:13px;
}
.family_list {
	height:240px;
	overflow-y:auto;
	position:absolute;
	width:92%;
	bottom:40px;
	border:solid 1px;
	background-color:#fff;
	text-align: center;
}

.family_list_tit{
	position:absolute;
	top:0px;width:100%;height:40px;line-height:40px;color:#fff;z-index:+9999;font-size:20px;background-color: #0a1d83;
}
.family_list ul.f_list {
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	font-family: 'Conv_HDCMedium';
	
}
.family_list ul.f_list li{
	color:#000;
	padding:4px 8px 4px 8px;
	font-size:20px;
	list-style: none;
/*
	border-right:solid 1px;
	border-left:solid 1px;
*/
}
.family_list ul.f_list li:first-child{
/* 	border-top:solid 1px; */
}
.family_list ul.f_list li:last-child{
/* 	border-bottom:solid 1px; */
}
.family_list ul.f_list li a {
	display:block;
}



#header.main_sub	{ /* border-bottom:solid 1px; */box-shadow: 0px 0px 2px #888888;margin-bottom:1px; }


/* 서브 메뉴 -모바일일때 */

#header.layout_sub	{ /* border-bottom:solid 1px; */box-shadow: 0px 0px 2px #888888;margin-bottom:0px; }
.layout_left		{ border-top:solid 3px #49545a;box-shadow: 0px 0px 2px #888888;padding-top:26px;padding-left:20px;padding-right:20px;padding-bottom:26px;}
.layout_left h3		{ margin-left:2px;font-size:19px!important;font-weight: 600;}
.layout_left .line	{ display:none;border-bottom:solid 2px #554099;width:16px;height:10px;margin-left:4px; }
.layout_left ul.sub	{ margin:20px 0px 0px 0px; padding:0px 0px 0px 0px; list-style: none; }
.layout_left ul.sub	li { position:relative; }
.layout_left ul.sub	li div{ position: relative;margin:3px 0px 3px 0px; padding:1px 1px 1px 4px;font-size:0.98em!important;line-height:24px;color:#49545a;}
.layout_left ul.sub	li a { display:block;/* padding-left:6px; */ }
.layout_left ul.sub	li div.selected { 
	color:#fff;
}
.layout_left ul.sub	li div.selected:after  {
    content:"";
    position: absolute;
    top:0px;
    width:94%;
	padding: 10px; text-decoration: none; 
	color: white; 
	font-weight: bold; display: block; 
	border-right: 10px solid transparent; 
	border-top: 26px solid #0a1d83; 
	height: 0; 
	line-height: 50px;
	z-index: -1;
}
.layout_left ul.sub	li div.selected a:after{
    content:"";
    position: absolute;
    top:0px;
    left:0px;
    width:5px;
    background-color:#fc1d30;
	height: 26px; 
}

.layout_left ul.sub	li div.selected a , 
.layout_left ul.sub li div.selected a:focus, 
.layout_left ul.sub li div.selected a:hover { color:#fff ;padding-left:8px; }
.layout_left ul.sub	li div.selected a:active { color:#000 ;}

.layout_right	{ padding-top:0px;padding-left:0px;padding-right:0px; }
.layout_right	.location { position:relative;height:38px;line-height:38px;font-size:12px;padding-right:10px;margin-bottom:12px; }
.layout_right	.location .location_navi { position:absolute;top:0px;right:0px;text-align:right;padding-right:10px;; }
.layout_right	.location .location_tit { font-size:1.4em;font-weight: 600;padding-left:10px; }

.layout_right	.content { margin-top:20px;min-height:640px;padding-left:10px;padding-right:10px;font-size:17px;line-height:24px;text-align:justify }



/* 개요  */
.overview { }
.overview .view { width:100%;float:left;}
.overview .view { padding:0px 0px 0px 0px;height:280px;float:left;display:block;}
.overview .view:hover h4{ background-color: #554099 }

.overview .view h4{ padding:8px 8px 8px 14px ;color:#fff;background-color: #848484 }
.overview .view h4:hover{ background-color: #554099 }


.overview .view .image{ width:100%;height:140px; }


/* 컨텐츠 테그 정의 */
ul.tabs { list-style: none; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; }
ul.tabs li { 
			margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;float:left;
			border:solid 1px #49545a;border-bottom:solid 0px;
			display:block;width:120px;height:49px;line-height:49px;text-align:center;
}
ul.tabs li	{ border-right:solid 0px; }
ul.tabs li:last-child	{ border-right:solid 1px;  }

/* 메인 이미지 롤링 */
.carousel-cell{
	/* background: url('/_images/main/visual01.jpg') no-repeat center center;  */
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
}
/*
.carousel-cell:nth-child(1){
	background: url('/_images/main/visual01.jpg') no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
} 
.carousel-cell:nth-child(2){
	background: url('/_images/main/visual02.jpg') no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

} 
.carousel-cell:nth-child(3){
	background: url('/_images/main/visual03.jpg') no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
} 
.carousel-cell:nth-child(4){
	background: url('/_images/main/visual04.jpg') no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

} 
.carousel-cell:nth-child(5){
	background: url('/_images/main/visual05.jpg') no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}
*/ 

/* 메인 이미지 롤링 */
/*
.box_message {  
	position:absolute;
	width:280px;
	margin-top:40px;
	margin-left:20px;
	font-size:24px;
	color:#fff;
	text-shadow: #0f2e43 0 0 5px;
	font-family: 'Times New Roman';
	font-weight: 600;
} 
.box_message .tit { text-shadow: #0f2e43 0 0 5px }
.box_message .txt { text-shadow: #0f2e43 0 0 3px }
*/
 
 
/* div {border:dotted 1px ;} */

.carousel {
	max-height:420px;
	/* overflow: hidden; */
	background: #EEE;
}

.carousel-cell {
  width: 100%;
  height: 200px;
  margin-right: 10px;
  background: #ececec;
  /* border-radius: 5px; */
  /* counter-increment: gallery-cell; */
}

/* cell number */
.carousel-cell:before {
  display: block;
  text-align: center;
  /* content: counter(gallery-cell); */
  line-height: 200px;
  font-size: 20px;
  color: black;
}
.flickity-page-dots { 
	width:140px;
	left:50%;
	margin-left:-70px;
	height:20px;
	border-radius: 5px;
	background: #000;
	bottom: 10px; 
	line-height:20px;
}

.flickity-page-dots .is-selected{
	background:#fff;
	opacity: 1.!important;
}


.flickity-page-dots .dot{
	background:#fff;
}


.page-carousel {
  /* background: #EEE; */
  height: 110px;
  overflow:hidden;
  /* border:solid 1px; */
}

.page-carousel-cell {
  width: 100%;
  height: 110px;
  margin-right: 10px;
/*   background: #494949; */
/*   border-radius: 5px; */
/*   counter-increment: gallery-cell; */
}

/* cell number */
.page-carousel-cell:before {
  display: block;
  text-align: center;
/*   content: counter(gallery-cell); */
  line-height: 110px;
  font-size: 80px;
  color: white;
}

.page-carousel-cell .bg_cover	{ width:100%;height:100%;display:block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+59,ffffff+59,3f4c6b+100&0+59,1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 80%, rgba(63,76,107,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 80%,rgba(63,76,107,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 80%,rgba(63,76,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
	
}
.page-carousel-cell .massageBox { position:absolute;bottom:10px;left:0px;padding-left:10px;padding-right:10px;color : #fff;width:100%; }
.page-carousel-cell .massageBox .tit { 
	font-family: 'Nanum Gothic'; height:40px;line-height:40px;font-size:34px;display:block; 
	font-weight: 600;text-shadow: #0f2e43 0 0 5px
}
.page-carousel-cell .massageBox .txt { 
	line-height:24px;font-size:18px;padding-left:6px; 
	text-shadow: #0f2e43 0 0 3px
}
	
	
	
.col-sm-2{
    background:#00f;
	color:#FFF;
}
		
/* col-default(xs) */
	.col-half-offset{
	    margin-left:0%
	}	
	
	

	.carousel-cell {
		height: 200px;
		margin:0px 0px 0px 0px;
	}
	.carousel-cell:before {
		line-height: 200px;
		margin:0px 0px 0px 0px;		
	}
	.page-carousel {		
		height: 210px;
	}
	.page-carousel-cell {
		height: 210px;
	}
	.page-carousel-cell:before {
		line-height: 210px;
	}
	
	
	
		
/* 모바일 이상 일때 아래 적용 위는 모바일일때 */
@media(min-width:576px){

	.topArea{
		height:75px;
	}

	.logo{
		height: 58px;
	}
	.logo_mark{
		position: relative;
		left:0px;
		top:0px;
	    display: block;
	    overflow: hidden;
	    width:58px;
	    height:58px;
	    margin-top:14px;
	    margin-left:0px;
	    text-indent: 120%;
	    border:solid 0px;  
	}
	
	.logo_mark{
		background-image: url('/_images/top_logo.png');
	    background-repeat: no-repeat;	
	}
	
	.logo_mark{
	    text-align:left;
	}
	
	.logo_name{
		display: none;
	}
	
	.topglobal { 
		position:absolute;top:0px;right:0px!important;width:330px;height:75px;border-top:solid 0px;padding-right:6px;padding-left:14px;padding-top:2px;padding-bottom:2px;font-size:0.9em; 
		
	}
	
	.topglobal .clock	{
		position: absolute;
		top:20px;
		background-color:#f6f6f6;
		border:solid 1px #f2f2f2;
		border-radius: 4px;
		width:270px;
		height:36px;
		line-height: 36px;
		font-weight: 600;
		
	}
	
	.topglobal .clock .seoul{
		float:left;
		width:120px;
		height:36px;
		padding-left:4px;
	}
	.topglobal .clock .dot {
		float:left;
		text-align: center;
		width:10px;
		height:36px;
		color:#dadada;
		font-size: 2em;
	}
	
	.topglobal .clock .vancouver{
		float:left;
		width:130px;
		height:36px;
		padding-right:4px;
		padding-left:4px;
	}
	.topglobal .clock:after{
		content:""; width:0; height:0; font-size:0; line-height:0; display:block; visibility:hidden; clear:both !important;
	}
	
	.topglobal .clock .icon_seoul	{
		width:20px;
		height:20px;
		margin-top:9px;
		display:inline-block;
		background:url(/_images/icon/icon_korea.png);
		background-size:100%;
		background-repeat: no-repeat;
		float:left;
	}
	
	.topglobal .clock .icon_canada	{
		width:20px;
		height:20px;
		margin-top:9px;
		display:inline-block;
		background:url(/_images/icon/icon_canada.png);
		background-size:100%;
		background-repeat: no-repeat;
		float:left;
	}	
	
	
	
	.topglobal .toplogin{
		position: absolute;
		top:2px;
		right: 10px;
		border:solid 0px;
		display: block;
	}
	.topglobal .toplogin .login , .topglobal .toplogin .join{
		font-weight: 600;
	}	
	
	
	.padding-pc{
		padding-right:0px;padding-left:0px;margin-top:20px;
		margin-right:-15px;margin-left:-15px;
	}
	

	.overview { }
	.overview .view { margin:4px 4px 4px 4px }
	.overview .view { height:280px;float:left;display:block;overflow:hidden;width:32.266666%;float:left;display:block;}
	.overview .view h4{ padding:6px 6px 6px 6px;font-family: 'Nanum Gothic'  }
	.overview .view div.image{ width:100%;height:120px;}
	
	.overview .view:nth-child(3n) { margin-right:0px; }
	
	.page-carousel-cell .bg_cover{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+59,ffffff+59,3f4c6b+100&0+59,1+100 */
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 59%, rgba(63,76,107,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 59%,rgba(63,76,107,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(255,255,255,0) 59%,rgba(63,76,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */		
	}
	.page-carousel-cell .massageBox { position:absolute;bottom:20px;left:32px;padding-left:0px;padding-right:0px;color : #fff; }
	.page-carousel-cell .massageBox .tit { 
		font-family: 'Nanum Gothic'; height:50px;line-height:50px;font-size:2.6em;display:block; 
		font-weight: 600;text-shadow: #0f2e43 0 0 5px
	}
	.page-carousel-cell .massageBox .txt { 
		height:40px;line-height:40px;font-size:16px;padding-left:4px; 
		text-shadow: #0f2e43 0 0 3px
	}
	

	.layout_left	{ border-top:solid 0px;box-shadow: 0px 0px 0px;padding-top:24px;padding-left:12px;padding-right:2px;padding-bottom:26px;}	
	.layout_left ul.sub	li div{ font-size:15px;margin-top:12px;}	
	.layout_right	{ padding-top:24px;padding-left:21px;padding-right:12px; }
	.layout_right	.location { padding-right:0px;margin-top:8px; }
	.layout_right	.location .location_tit{ padding-left:0px;font-size:1.8em;font-weight: 300; }	
	.layout_right	.content { margin-top:20px;min-height:640px;padding-left:0px;padding-right:0px;font-size:15px;line-height:24px;  }

	.mainArea .serviceArea .item:first-child{
		/* padding-left:0px; */
	}
	
/*
	.box_message {  
		position:absolute;
		width:520px;
		left:50%;
		margin-top:200px;
		margin-left:-500px;
		font-size:34px;
		color:#fff;
		text-shadow: #0f2e43 0 0 5px;
	}
	message { font-size:1.4em; } 
	message_sub {  font-size:.8em;font-family: gothic;font-weight: 100  } 
*/
	 
	.carousel-cell {
		height: 420px;
	}
	.carousel-cell:before {
		line-height: 460px;
	}
	.page-carousel {		
		height: 320px;
	}		
	.page-carousel-cell {
		height: 320px;
	}
	.page-carousel-cell:before {
		line-height: 320px;
	}
	
	.col-half-offset{
	    margin-left:4.166666667%
	}
	
	.col-half-offset{
	    margin-left:0%
	}
	
	.mainArea .noticeArea{
		
		margin-left: -15px;
		margin-right: -15px;
		
	}

	.mainArea .noticeArea .item{

		padding-bottom: 0px;
		
	}	
		
	.mainArea .noticeArea div:nth-child(2){
		background-position: 220px 16px;
		
	}
	.mainArea .noticeArea div:nth-child(3){
		background-position: 220px 16px;
	}
	
	
	.mainArea .serviceArea{
	
		padding-bottom: 18px;
	}
	.mainArea .serviceArea .item{
		width:25%;
		padding-left:0px;
		padding-right:0px;
		padding-top:0px;
		padding-bottom:0px;
		float:left;
	}
	.mainArea .serviceArea .item:first-child{
		/* padding-left:0px; */
		text-align: left;
	}
	.mainArea .serviceArea .item:nth-child(2){
		text-align: left;
		padding-left:5px;
	}
	.mainArea .serviceArea .item:nth-child(3){
		text-align:right;
		padding-right:5px;
	}
	.mainArea .serviceArea .item:last-child{
		/* padding-right:0px; */
		text-align:right;
	}
	
	.mainArea .serviceArea .item img{
		width:auto;
	}
	
}
/* col-sm */
@media(min-width:768px){
}
/* col-md */
@media(min-width:992px){

}
/* col-lg */
@media(min-width:1200px){

}