@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
@import 'https://fonts.googleapis.com/css?family=Oswald';
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);

body {
    background-color: #FFF;
    color: #333;
    font-family: 'Nanum Barun Gothic','Nanum Gothic', "Open Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
}


/* header-nav-main */
#header .header-nav-main nav > ul > li > a {
    font-size:14px;
    color:#444;
}


/* nav-myaccount-modal */

.nav-myaccount-modal {
    padding:0;
    margin:0;
}
.nav-myaccount-modal li {
    text-align: center;
    list-style: none;
    padding:0;
    margin:0;
}
.nav-myaccount-modal li a {
    display:block;
    padding:10px 0;
    font-size:16px;
    color:#2e353e;
    text-decoration: none;
}

hr {
   margin:5px 0 5px 0; 
}
.myAccount #header .header-body {background:#383f48;border-top:0;border-bottom:0;padding:0;width:100%;z-index:1001;min-height100px;}

/* Add here all your CSS customizations */

/*---테스트용 태그----*/
.bdr_red{border:1px solid red;}
/*--- // 테스트용 태그----*/

/*-----기본태그------*/
.fnt_sz_20{font-size:20px;}
.fnt_sz_23{font-size:23px;}
.fnt_sz_26{font-size:26px;}
.fnt_sz_30{font-size:30px;}
.fnt_sz_35{font-size:35px;}
.fnt_sz_40{font-size:40px;}
.fnt_sz_50{font-size:50px;}
.fnt_sz_60{font-size:60px;}

.fnt_wei_nm{font-weight:normal;}
.line_hei_30{line-height:30px;}

.clr_appl_bl{color:#154c7e;}
.vtcl_aln_m{vertical-align:middle;}
.pdt_50{padding-top:50px;}
.txt_center{text-align:left;}

.re_mgt_10{margin-top:-10px;}

.sz_80per{width:80%;}
.sz_100per{width:100%;}

.ml_10per{margin-left:10%;}
/*----- // 기본태그------*/

.custom-background-color-1 {
	background-color: #8ed2e9 !important;
}

.cus_btn_color{
	background-color: #8ed2e9;
}

section.section {
	background: #fcfcfc;
	border-top: 5px solid #f1f1f1;
	margin: 30px 0;
	padding: 40px 0;
}

/*----동영상섹션----*/
.vd_box{

}
/*---- // 동영상섹션----*/

.custom-btn-style-1, .custom-btn-style-1:active {
	background: #6fc0dd;
	background: -moz-linear-gradient(left, #3a658b 0%, #154c7e 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #3a658b), color-stop(100%, #154c7e));
	background: -webkit-linear-gradient(left, #6fc0dd 0%, #154c7e 100%);
	background: -o-linear-gradient(left, #3a658b 0%, #154c7e 100%);
	background: -ms-linear-gradient(left, #3a658b 0%, #154c7e 100%);
	background: linear-gradient(to right, #3a658b 0%, #154c7e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a658b', endColorstr='#154c7e', GradientType=1 );
	border: none;
	border-radius: 50px !important;
	padding: 13px 30px;
	font-size: 12px;
	font-weight: 600;
	-webkit-transition: ease all 300ms;
	-moz-transition: ease all 300ms;
	transition: ease all 300ms;
}

.custom-btn-style-1._borders:hover, .custom-btn-style-1._borders:active, .custom-btn-style-1._borders:focus {
	border-color: #3a658b;
	background: -moz-linear-gradient(left, #3a658b 0%, #154c7e 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #3a658b), color-stop(100%, #154c7e));
	background: -webkit-linear-gradient(left, #3a658b 0%, #154c7e 100%);
	background: -o-linear-gradient(left, #3a658b 0%, #154c7e 100%);
	background: -ms-linear-gradient(left, #3a658b 0%, #154c7e 100%);
	background: linear-gradient(to right, #3a658b 0%, #154c7e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a658b', endColorstr='#154c7e', GradientType=1 );
}

/*-----background-color----*/
html .background-color-f9f9f9 {
	background-color: #f9f9f9 !important;
}

html .background-color-primary {
	background-color: #154c7e !important;
}
/*----- // background-color----*/

.custom-btn-style-1._borders {
	background: transparent;
	border: 1px solid #154c7e;
}




@media (max-width: 475px) {
	.custom-wrap-icons .custom-box-icon {
		width: 100%;
		margin-left: 0;
		margin-bottom: 20px;
	}
	.custom-wrap-icons .custom-box-icon:nth-child(3) {
		margin-bottom: 0;
	}

.fnt_sz_20{font-size:14px;}
.line_hei_30{line-height:20px;}

.custom-tall{margin:20px 0;}

.txt_center{text-align:center;}

h1{font-size:55px;}

.sz_80per{width:100%;}
.ml_10per{margin-left:0;}
}


.custom-wrap-icons .custom-box-icon span {
	display: block;
	color: #2e353e;
	font-weight: 600;
	margin-top: 5px;
}
