@charset "UTF-8";

@font-face {
  font-family: NotoSansCjk;
  src: url(../font/NotoSansKR-Thin.otf);
  font-weight: 100;
}
@font-face {
  font-family: NotoSansCjk;
  src: url(../font/NotoSansKR-Light.otf);
  font-weight: 200;
}
@font-face {
  font-family: NotoSansCjk;
  src: url(../font/NotoSansKR-DemiLight.otf);
  font-weight: 300;
}
@font-face {
  font-family: NotoSansCjk;
  src: url(../font/NotoSansKR-Regular.otf);
  font-weight: 400;
}
@font-face {
  font-family: NotoSansCjk;
  src: url(../font/NotoSansKR-Medium.otf);
  font-weight: 500;
}
@font-face {
  font-family: NotoSansCjk;
  src: url(../font/NotoSansKR-Bold.otf);
  font-weight: 700;
}
@font-face {
  font-family: NotoSansCjk;
  src: url(../font/NotoSansKR-Black.otf);
  font-weight: 900;
}

.clear:after {    
    clear: both; 
    content:" "; 
    display:block;
}

html, body {background: #fff; height: 100%; font-size: 14px;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #fff;opacity: 1; /* Firefox */}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #fff;}
::-ms-input-placeholder { /* Microsoft Edge */ color: #fff;}


/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; font-family: NotoSansCjk; vertical-align: baseline;}
*/



.top_contents .header1 .campusmov h4 {}










/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	text-align: center;
	font-family: NotoSansCjk;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
    text-decoration: none;
}
button {
    background: transparent;
    border: none;
}



#find_info{width:100%; max-width:600px; margin:0 auto;}
.new_win_con{margin: 20px 0px;}
.new_win .win_btn{margin:0px;}
#hd, #wrapper, #ft {width:100%; min-width:auto; overflow:hidden}
.imgs_not{width: 90%;}
.k_head_nav{background:transparent; border-bottom: 1px solid #f1f1f1; position: fixed; top: 0px; width: 100%; z-index: 100000;}
.cart-container{width:100%; max-width: 1200px; margin: 0 auto;}
.container{width:100%; max-width: 1200px; margin: 0 auto;}
#lacreme_nav{position: relative; text-align: left; padding: 15px 15px 0 15px;}
#lacreme_nav>h2>a{width: 250px; vertical-align: bottom; display: inline-block;}
.nav_menus_cover{display: inline-block; float: right; text-align: right; width: 100%; margin-top: -1.125rem;}
.nav_menus{display: inline-block; vertical-align: bottom; margin-left: 30px;}
.nav_menus>li{display: inline-block; position: relative; }
.nav_menus>li>a{color:#fff; font-weight: 300; font-size: 1.125rem; margin-left:40px; padding-bottom: 15px; display: inline-block; }
.nav_menus>li>a:hover{color:#dcbd5e !important;}

.sub_menu_list{position: absolute; display:none;  padding: 10px 0; background: #fff; top: 34px; width: 300px; border: 1px solid #eeeeee; border-top: 3px solid #dcbd5e;}
.sub_menu_list>li{position: relative;}
.sub_menu_list>li>a{width: 100%; display: inline-block; text-align: left; background: #fff; padding: 10px 0 10px 30px; color: #444; font-weight: 300; font-size: 1rem;}
.sub_menu_list>li>a:hover{background: #fffcf3;}


.subsub_menu_list{position: absolute;  display: none; padding: 10px 0; background: #fff;top:0px; left:100%; width: 300px; border: 1px solid #eeeeee}
.subsub_menu_list>li>a{width: 100%; display: inline-block; text-align: left; background: #fff; padding: 10px 0 10px 30px; color: #444; font-weight: 300; font-size: 1rem;}
.subsub_menu_list>li>a:hover{color: #dcbd5e;}


.nav_submenus{position: absolute; top: 30px; right: 0px;}
.nav_submenus>li{display: inline-block; position: relative;}
.nav_submenus>li>a{font-weight: 300; position: relative; display: inline-block; color: #fff; padding: 0px 20px;font-size: 12px; }
.nav_submenus>li>a:hover{color: #dcbd5e;}
.nav_submenus>li>a::after{position: absolute; top: 1px; right: 0px; display:inline-block; width: 1px; height:12px; background: #fff; content: "";}
.nav_submenus>li:last-child>a::after{display: none;}
.menublock::after{background: #111 !important;}



.pad15{padding-left: 15px; padding-right: 15px;}
.k_section{padding: 8% 0; width: 100vw;}
.sec_title{font-size: 2.25rem; color: #444; font-weight: bold;}
.sec_sub_title{padding: 2rem; font-size: 1rem; line-height: 1.5rem; color: #444; font-weight: 300; }
.move_btn{color: #fff !important; background: #444; display: inline-block; width: 200px; padding:20px 0; font-weight: bold; text-align: center;}

.footer_box{background: #444; }

.footer_sns{padding: 20px 0; border-bottom: 1px solid #fff;}
.footer_sns .sns_list{float: left;}
.sns_list>li{display: inline-block; margin-right: 20px;}
.sns_list>li>a{color: #fff; font-weight: 300; font-size: 1rem; }
.sns_list>li>a:hover{opacity: 0.5;}
.sns_list>li>a>img{margin-right: 5px; position: relative; top: 2px;}
.footer_sns .footer_menu{float: right;}
.footer_menu>li{display: inline-block;}
.footer_menu>li>a{position: relative; color: #fff; font-weight: 300; font-size: 1.125rem; padding:0 30px; vertical-align: bottom; }
.footer_menu>li:last-child>a{padding-right: 0px;}
.footer_menu>li>a:hover{opacity: 0.5;}
.footer_menu>li>a>img{vertical-align: bottom;}
.footer_menu>li:last-child>a::after{display: none;}
.footer_menu>li>a::after{position: absolute; top: 6px; right: 0px; display:inline-block; width: 1px; height:1rem; background: #fff; content: ""; opacity: 1 !important; }

.footer_detail{padding: 20px 0;}
.footer_detail>div:nth-child(1){float: left; width: 270px;}
.footer_detail>div:nth-child(2){float: right;}
.footer_detail_text>p{font-size: 1rem; color: #fff; font-size: 1rem; margin-bottom: 20px;text-align: right;}
.footer_detail_text>ul{font-size: 1rem; color: #fff; font-size: 1rem; margin-bottom: 20px;}
.footer_detail_text>ul>li{position: relative; display: inline-block; padding: 0 20px; }
.footer_detail_text>ul>li:last-child{padding-right: 0px;}
.footer_detail_text>ul>li:last-child::after{display:none}
.footer_detail_text>ul>li::after{position: absolute; top: 4px; right: 0px; display:inline-block; width: 1px; height:10px; background: #fff; content: ""; opacity: 1 !important;}

.footer_tell{float: right;}
.footer_tell>div{display: inline-block; margin-left:20px; font-size: 1.25rem; font-weight: 300; color: #fff; }
.footer_tell>div>img{margin-right: 10px;}


.k_copyright{padding: 20px 0; background: #222222; color: #fff; font-size: 1rem; font-weight: 300;}

.sub_bg{width:100vw; position:relative;}
.sub_bg_img{height: 500px; background-size: cover !important; background-repeat: no-repeat; width:100%}
.sub_bg_desc{ width:100%; position:absolute; bottom:15%; text-align:center; color:#fff; text-shadow: 1px 2px 1px #111; font-size:1.75rem; line-height:2.5rem; font-weight:300;}

 #section5>div>h2{text-align: right;}


.paging_nav{}
.paging_nav>div{display: inline-block;}
.paging_nav>div:nth-child(1),.paging_nav>div:nth-child(3){cursor: pointer;}
.paging{display: inline-block; margin:0 50px;}
.paging>li{display: inline-block; margin: 0 10px;}
.paging>li>a{display: inline-block; font-size:1.125rem; font-weight: 300; color: #444; width: 2.2rem; height: 2.2rem; line-height: 2.2rem;}
.paging>li .active{width: 2.2rem; height: 2.2rem; line-height: 2.2rem; border-radius: 50%; background: #444; color: #fff; }


.bba_paging{}
.bba_paging{ text-align: center;}
.bba_paging>div, .bba_paging>ul, .bba_paging>ul>li{display: inline-block;}
.bba_paging>div, .bba_paging>ul>li{ cursor: pointer; width:30px; border: 1px solid #cbcbcb; height: 2.5rem; line-height: 2.5rem; color: #444;}
.bba_paging>ul .active{color: #111; font-weight: bold;}


.stoke{width: 100px; height: 5px; background: #444;}


.training_bg_desc{bottom:15%; width: 100%; position: absolute;}
.training_bg_desc>h2{font-size: 2.5rem; text-align:center; color: #fff; font-weight: 500; text-shadow: 1px 2px 1px #111; }
.training_bg_desc>p{margin: 20px auto 40px; text-align:center; color: #fff; font-size: 1.25rem; line-height: 2rem; font-weight: 300;}
.training_bg_desc>a{color: #fff ; text-align:center; display: inline-block; font-weight: 400; padding: 15px 100px; border:1px solid #fff;}


.login_box{}
.login_box{width: 100%; max-width: 550px; margin:5% auto;}
.login_box>h2{font-size: 2.6rem; color: #2d3237; font-weight: bold; }
.login_box>h2>span{border-bottom: 1px solid #2d3237; display: inline-block; padding-bottom: 10px;}
.login_box>p{font-size: 1rem; line-height: 1.5rem; margin: 30px auto 20px; color:#444; font-weight: 300;}


.login_form{}
.login_form>input{width: 95%; padding: 10px; font-size: 1.25rem; color: #2d3237; font-weight: 400; border:1px solid #eaeaea; margin-bottom: 10px;}
.login_form>button{ width: 100%; font-size: 1.25rem; font-weight: 400; color:#fff; background: #2d3237; padding:10px 0}
.login_option{width: 100%; margin-top: 20px; position: relative;}
.login_option::after{content: ""; height: 1rem; width: 1px; background:#444; position: absolute; top: 50%;left: 50%;}
.login_option>div{float: left; width: 50%; font-size: 1rem; font-weight: bold;}
.login_option>div>a{color: #2d3237;}

::-webkit-input-placeholder { color: #ccc; }
:-moz-placeholder { color: #ccc; }
::-moz-placeholder { color: #ccc; }
:-ms-input-placeholder { color: #ccc; } 


.right_nav{width: 100px; position: absolute; background: #fff; z-index: 9999; border:1px solid #e5e5e5;  top: 200px; left: 1555px;}
.right_nav>div{border-bottom: 1px solid #e5e5e5;}
.right_nav>div>a{width: 100%; display: inline-block;}

.top_btn{width: 50px; transition: all 1s; position: fixed; bottom: 50px; right: 50px; z-index: 9999;}
.top_btn>a{width: 100%;}
.top_btn>a>img{}

.search_box{position:absolute; right:20px; top:100%; display:none;}
.search_box>form{width:200px}
.search_box>form>*{float:right;}
.search_box>form>button>img{width:1.5rem;}
.search_box>form>input{width:150px; height:1.5rem; padding:0 10px; line-height:1.5rem;float:right; border:0px;}


/*hamburger*/

.m_nav1{
  display: none;
  position: fixed;
  top:20px;right:20px;
}
.row .three{
  padding: 80px 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  color: #ecf0f1;
  text-align: center;
}

.hamburger .line{
  width: 30px;
  height: 2px;
  background-color: #fff;
  display: block;
  margin: 8px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover{
  cursor: pointer;
}

/* ONE */

#hamburger-1.is-active .line:nth-child(2){
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1){
  -webkit-transform: translateY(10px) rotate(45deg);
  -ms-transform: translateY(10px) rotate(45deg);
  -o-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3){
  -webkit-transform: translateY(-10px) rotate(-45deg);
  -ms-transform: translateY(-10px) rotate(-45deg);
  -o-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg);
}










@media (max-width:1500px){
.right_nav{left: 1400px;}

}


@media (max-width:1400px){
.right_nav{display:none;}
}

@media (max-width:1300px){
  :root{font-size: 15px;}
  .right_nav{display: none;}
  .container{width:90%;}
  .sub_menu_list{top: 32px; width: 200px;}
  .nav_submenus{top:20px;}
  .nav_menus>li>a{margin-left:20px;}
  .nav_submenus>li:last-child>a{padding-right: 0px;}
  .sub_bg_desc{font-size:1rem;}
  .sub_bg_img{height: 400px; }

}
@media (max-width:1024px){
  :root{font-size: 14px;}
  #lacreme_nav>h2>a{width:185px}
  #lacreme_nav{padding:15px 0px;}
  .nav_menus>li>a{margin-left:15px; font-size:1rem;}
  .sub_menu_list{top: 30px; width: 170px;}
  .sub_menu_list>li>a{font-size:0.825rem; display: inline-block; padding: 10px 0 10px 20px;}
  .sns_list>li{margin-right: 10px;}
  .footer_sns .sns_list{position: relative; top: -5px;}
  .subsub_menu_list{width: 150px; text-align: left;}
  .subsub_menu_list>li>a{font-size:0.825rem; display: inline-block; width: auto; padding: 10px 0 10px 10px;}
  .footer_menu>li>a{position: relative; color: #fff; font-weight: 300; font-size: 1rem;; padding:0 15px; vertical-align: bottom; }
  .footer_menu>li>a>img{width: 13px;}
  .footer_menu>li>a::after{height: 0.825rem;}
  .footer_detail_text>ul>li{padding:0 10px}
  .footer_menu>li:last-child>a{padding-right: 0px; }
  .footer_detail>div:nth-child(1){width: 200px;}
  .footer_detail_text>p{margin-bottom: 10px; font-size: 1rem; font-weight: 300;}
  .footer_detail_text>ul{margin-bottom: 10px;}
  .footer_detail_text>ul>li{font-size: 1rem; font-weight: 300;}
  .footer_tell>div{font-size: 1rem;}
  .footer_tell>div>img{width: 15px;}
  .sub_bg_img{height: 300px;}
  .training_bg_desc>h2{font-size: 2rem;}
  .training_bg_desc>p{font-size: 1rem; margin: 10px auto 20px;}
  .sec_title{font-size:2rem;}
}
@media (max-width:768px){
  :root{font-size: 13px;}
  .pad15{padding: 0px;}
  .m_nav1{display: block; z-index: 20000000000;}
  #lacreme_nav>h2>a{width:150px;}
  .nav_menus_cover{position: fixed; top:0px; left:0px; width:100%; height: 100vh; background:rgba(0,0,0,0.5); z-index: 1000000000; display: none;}
  .nav_menus{width: 100%; margin-left: 0px;  margin-top: 110px; padding-left: 35px;}
  .nav_menus>li{display: block;}
  .nav_menus>li>a{display: block; width: 100%; color: #fff; font-size: 1.125rem; margin:0px 0px 10px 0px; background: transparent; text-align: left; font-weight: 200;}
  .sub_menu_list{width: 100%; position: static; border:0px; background: transparent; padding:0px; margin-top:-10px; margin-bottom: 20px;}
  .sub_menu_list>li>a{font-size: 1.125rem; background: transparent; color: #fff; font-weight: 200;  }
  .sub_menu_list>li>a:hover{background: transparent;}
  .subsub_arrow{background-image: url(../img/lacreme/w_arrow.png) !important; background-repeat: no-repeat !important; background-position: 95% center !important; background-size: 5px !important;}
  .subsub_arrow:hover{background-image: url(../img/lacreme/w_arrow.png) !important; background-repeat: no-repeat !important; background-position: 95% center !important; background-size: 5px !important;}
  .subsub_menu_list{background: transparent; padding-left: 20px; position: static; border: 0px; width: 100%;}
  .subsub_menu_list>li>a{background: transparent; font-size: 1rem; font-weight: 200; color: #fff;}
  .nav_submenus{position: fixed; width: 100%; text-align:center; bottom:20px; top: auto; left:50%;transform: translateX(-50%); z-index: 20000000000; display: none;}
  .nav_submenus>li:nth-child(4),.nav_submenus>li:nth-child(5){display: none;}
  .nav_submenus>li:nth-child(3)>a::after{display: none;}
  .top_btn{width: 40px; bottom: 20px; right: 20px;}
  .footer_sns{border:0px;}
  .footer_sns .sns_list{width:100%; border-bottom: 1px solid #fff; text-align: left; padding-bottom: 20px; margin-bottom:15px}
  .footer_sns .footer_menu{float: none; text-align: left;}
  .footer_detail_text>p{text-align: left;}
  .footer_detail>div:nth-child(2){width:100%; text-align: left;}
  .footer_tell{text-align: left; float: none;}
  .footer_detail_text>ul>li:nth-child(1){padding-left: 0px !important;}
  .footer_tell>div:nth-child(1){margin-left:0px !important;}
  .footer_detail_text{margin-top: 20px;}
  .footer_menu>li:nth-child(1)>a{padding-left: 0px;}
  .paging{margin: 0 20px;}
  .sub_bg_desc{width: 90%; left: 50%; transform: translateX(-50%);}
  .training_bg_desc>a{padding: 10px 20px;}
  .training_bg_desc>a>img{width: 5px !important;}
  .login_box{width: 90%;}
}
@media (max-width:480px){
  :root{font-size: 12px;}
  .top_btn{width: 40px; bottom: 15px; right: 15px;}
  .footer_detail_text>ul>li::after{display: none;}
  .footer_detail_text>ul>li{width: 100%; margin-bottom: 10px; padding:0px}
  .footer_detail_text>p{line-height: 1.25rem;}
  .footer_menu>li:nth-child(2){display: none;}
  .footer_menu>li>a{padding: 0 10px}
  .paging_nav>div:nth-child(1), .paging_nav>div:nth-child(3){width: 50px;}
  .paging{margin: 0 10px;}
  .paging>li{margin: 0 5px;}
  .sub_bg_desc br{display: none;}
}