@charset "utf-8";
@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,700';
@import 'https://fonts.googleapis.com/css?family=Archivo+Black';
@import 'https://fonts.googleapis.com/css?family=GFS+Didot';
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');
@import url('https://fonts.googleapis.com/css?family=Taviraj:400i');
@import url('https://fonts.googleapis.com/css?family=Sintony:700');
@import url('https://fonts.googleapis.com/css?family=Questrial');
@import url('https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700');


@font-face {
    font-family: "NanumBarunGothic";
    font-style: normal;
    font-weight: normal;
    src: url("./fonts/NanumBarunGothic.eot?#iefix") format("embedded-opentype"), url("./fonts/NanumBarunGothic.woff") format("woff"), url("./fonts/NanumBarunGothic.ttf") format("truetype");
}

@font-face {
	font-family: 'GothamLight';
	src: url('./fonts/GothamLight.eot?#iefix') format("embedded-opentype"), url("./fonts/GothamLight.woff") format("woff"), url("./fonts/GothamLight.ttf") format("truetype");
}

@font-face {
    font-family: "NanumSquare";
    font-style: normal;
    font-weight: normal;
    src: url("./fonts/NanumSquare.eot?#iefix") format("embedded-opentype"), url("./fonts/NanumSquare.woff") format("woff"), url("./fonts/NanumSquare.ttf") format("truetype");
}




html{width:100%; height:100%;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,input,select,textarea,form,fieldset,legend,body{margin:0;padding:0; font-family:"NanumBarunGothic", "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial,"NanumSquare"; }
*+html body body, *+html body div, *+html body li, *+html body dt, *+html body dd, *+html body p, *+html body tr, *+html body td, *+html body h2 {font-family: "NanumBarunGothic", "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial,"NanumSquare";}
body{visibility:visible; width:100%; height:100%; color:#000;line-height:1.6em; background:#fff; margin: 0 auto; min-width:1024px !important; font-size:16px;}
a {text-decoration:none; }
img { border:0;}
li { list-style:none;}
a:hover, a:focus { text-decoration:none;}
.img_100 {width:100%; height:auto !important; vertical-align:top;}
.img_50 {width:50%; height:auto !important; vertical-align:top;}
.clear::after {clear: both;content: "";display: block;}
* { box-sizing:border-box; }
.trans02all {transition: all 0.2s; -webkit-transition: all 0.2s;  -moz-transition: all 0.2s;-o-transition: all 0.2s;}
.trans03all {transition: all 0.3s; -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;-o-transition: all 0.3s;}
a { color:#000;}
.fl {float:left;}

.main { position:relative; width:100%;}
#contents { position:relative; width:100%;}

#header {position:fixed; top: 0; left: 0; width:100%; background:#fff; height:95px; z-index:20; box-shadow:3px 3px 5px rgba(0, 0, 0, 0.1); z-index:9999;}
#header:after {content:"";display:block;clear:both;}
#header .logo {position:absolute; top:25px; left:50px; z-index:10000; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.main_top_nav { position:absolute; right:30px; top:40px; z-index:9999; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.main_top_nav li { display:inline-block;}

#gnbArea {  position:absolute; width:100%; top:29px;height:0px; transition: all 0.3s; -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;-o-transition: all 0.3s;text-align:center;  background:#fff; }
#gnbArea:after {clear: both;content: "";display: block;}
.gnb {  width:100%;display:inline-block; position:absolute; left:0;  padding-left: 25%;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:9999;}
.gnb > li { float:left; margin:0 20px; font-family:'NanumBarunGothic', sans-serif; letter-spacing:0.05em; font-weight:700;}
.gnb > li > a { display:block; color:#101010; padding:6px 0 2px; border-top:2px solid #fff;  border-bottom:2px solid #fff;}
.gnb > li > a:hover, .gnb > li > a:focus, #gnbArea > ul > li.this > a, #gnbArea > ul > li:hover > a { color:#2e9600;  border-top:2px solid #2e9600;  border-bottom:2px solid #2e9600;}
.gnb a:hover { color:#2e9600 !important; transition: all 0.3s; -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;-o-transition: all 0.3s;}
.gnb > li:hover .gnb_sub, .gnb > li:focus .gnb_sub, .gnb > li.this .gnb_sub  {  transition: all 0.3s; -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;-o-transition: all 0.3s;}




.gnb_sub { font-size:15px; letter-spacing:0.05em; line-height:30px; height:50px; padding-top:15px; display:none; overflow: hidden; position:absolute; list-style-type: none; white-space:nowrap;}
.gnb_sub a { font-family:'NanumBarunGothic', sans-serif; }
.gnb_sub li { float:left;font-weight:400; margin:0 10px;  transition: all 0.3s; -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;-o-transition: all 0.3s; }
.gnb_sub li:first-child { margin-left:0;}
.gnb_sub li a { display:block; font-size:14px; line-height:1.5em; color:#343434;}
.gnb_sub li a:hover, .gnb_sub li a:focus {  color:#2e9600; text-decoration:underline;}
.gnb_sub li.this a { color:#2e9600; font-weight:700; transition: all 0.3s ease 0s; transition: all 0.3s; -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;-o-transition: all 0.3s;}
.gnb > li.this .gnb_sub {display: block;}
.gnb:after {clear: both;content: "";display: block;}

.gnb06 > a{color: #fb713a}

.mainNav { position: absolute; top: 45%; z-index: 100; right:70px;}
.main_button { position:absolute; bottom:15%; left:50%; margin-left:-98px;}



.btn_nav { position:absolute; display:none; width:20px; height:26px; right:130px; top:10px; transition: all 0.3s ease-in-out; z-index:21;}
.btn_nav span {position: absolute; display: block; width:28px; height:3px; left:50%;  background: #101010; transform: translate(-50%, 0px); transition: all 0.2s ease-in-out; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);  }
.btn_nav .line01 { top: 2px;}
.btn_nav .line02 {top: calc(50% - 1px); }
.btn_nav .line03 {bottom: 2px; }

.btn_nav.on .line01 { transform: translate(-50%, 9.5px) rotate(45deg);}
.btn_nav.on .line02 {opacity:0; }
.btn_nav.on .line03 {transform: translate(-50%, -9.5px) rotate(-45deg); }

.btn_reserv { position:fixed; display:inline-block; right:40px; top:40px; z-index:10;-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); box-shadow:2px 2px 3px rgba(0, 0, 0, 0.1);}
.btn_reserv img { vertical-align:top;}
.btn_menu { display:none;}

.header_sub_bg  { position:absolute; display:none; width:100%; height:100%; left:0; top:17px; background:#fff;  -webkit-box-shadow:3px 3px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);  box-shadow:3px 3px 5px rgba(0, 0, 0, 0.1); z-index:3;}
.sub .header_sub_bg  { display:block;}

.topSlider { position: relative; width:100%; height:100%;}

.seminar { position:relative; width:100%; height:100%; background-image:url('../images/main/main_bg_02.jpg'); background-repeat:no-repeat; background-size:cover; text-align:center; padding-top:10%; padding-bottom: 12%; }
.seminar_wrap { position:relative; width:80%; margin:0 auto;}
.seminar_wrap > dl { color:#585858}
.seminar_wrap > dl > dt { font-size:30px; line-height:1em; font-family:'GothamLight', sans-serif;}
.seminar_wrap > dl > dd { font-size:15px; line-height:1em; margin-top:1.5%;}

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

.seminar_bar { width:50px; border-top:3px solid #000; position: absolute; top:0; left:50%; margin-left:-25px;}
.seminar_list { position:relative;float:left; width:32%; margin-top:5%; background:#fff; padding:0.5%;  box-shadow:4px 3px 5px rgba(0, 0, 0, 0.1);transition: all 0.2s; -webkit-transition: all 0.2s;  -moz-transition: all 0.2s;-o-transition: all 0.2s;}
.seminar_list dl { border:1px solid #fff; padding:7% 3.5%;}
.seminar_list dl dt { font-size:28px; line-height:1em; font-weight:700;}
.seminar_list dl dd { font-size:13px; line-height:1.5em; margin:2em 0 0;}
.seminar_list img { margin-top:2em;}
.seminar_list_button:hover .seminar_list01 {background:#e4e0d0;}
.seminar_list_button:hover { background:#627a94}
.seminar_list_button  { background:#947a62; position:absolute; font-size:15px; width:45%; color:#fff; padding: 2% 5%;display:inline-block; bottom:3%; left:25%;transition: all 0.2s; -webkit-transition: all 0.2s;  -moz-transition: all 0.2s;-o-transition: all 0.2s;}


.seminar_list01 { position:relative;float:left; width:32%; margin-top:5%; margin-left:2%;background:#fff; padding:0.5%;  box-shadow:4px 3px 5px rgba(0, 0, 0, 0.1);transition: all 0.2s; -webkit-transition: all 0.2s;  -moz-transition: all 0.2s;-o-transition: all 0.2s;}
.seminar_list01 dl { border:1px solid #fff; padding:7% 3.5%;}
.seminar_list01 dl dt { font-size:28px; line-height:1em; font-weight:700;}
.seminar_list01 dl dd { font-size:13px; line-height:1.5em; margin:2em 0 0;}
.seminar_list01 img { margin-top:2em;}
.bg_color {background:#e4e0d0;}


.board_shortcut { position:relative; width:100%; height:100%; background-image:url('../images/main/main_bg_03.jpg'); background-repeat:no-repeat; background-size:cover; padding-bottom:5%;}
.board_con { position:relative; width:96%; max-width:1200px; margin:0 auto; padding-top:8%;}
.board_con > dl > dt { font-size:45px; line-height:1em; font-weight:200;}
.board_con > dl > dd { font-size:17px; line-height:1.5em;}
.board_strong { font-weight:700;}
.board_slider { position:relative; margin-top:3%; margin-left:-1%;}
.board_bx_txt:after {clear: both;content: "";display: block;}
.board_bx_txt { display: inline-block; width:40%; float:left;padding:7% 5% 0; text-overflow: ellipsis !important; height:530px !important; line-height:1.6em;white-space: pre-line; overflow:hidden; font-size:14px;}
.board_bx_txt strong { display: block; font-size:17px; margin-bottom:7%;}
.board_bx_img { width:60%; vertical-align:top;}


.gallery_shortcut { position:relative; width:100%; padding-top:7%; text-align:center;}
.gallery_list { position:relative; width:100%; margin-bottom:5%;}
.gallery_list dl { margin:2% 0;}
.gallery_list dl dt { font-family:'GothamLight', sans-serif; font-size:30px; line-height:1em;}
.gallery_list dl dd { font-size:15px; line-height:1em; margin-top:1%;}
.gallery_list dl dd span { font-weight:700;}
.gallery_list:after {clear: both;content: "";display: block;}
.gallery_list ul { width:100%; margin:0 auto; max-width:600px;}
.gallery_list ul li { float:left; margin-left:4%; margin-top:3%; width:29%; }
.gallery_list ul li a { display:block; width:100%; height:120px; overflow:hidden; }
.gallery_list ul li img { width:120%; margin:-5% 0 0 -10%; }
.gallery_list ul li:nth-child(n3+1) { margin-left:0;}
.gallery_bot { position:relative; text-align:center;}
.gallery_bot dl { position:absolute; top:20%; margin:0 auto; width:100%;color:#fff;}
.gallery_bot dl dt { font-family:'Raleway', sans-serif;font-size:29px; letter-spacing:0.2em; font-weight:200; opacity:0.7;}
.gallery_bot dl dd { font-size:15px; margin-top:1%; opacity:0.9;}

/*
.mainTypo01 { top:50%; max-width: 821px; position: absolute; left:50%; vertical-align: top; width: 70%; z-index: 30; margin-left:-410px; margin-top:-164.5px}
.mainTypo02 { top:50%; max-width: 762px; position: absolute; left:50%; vertical-align: top; width: 70%; z-index: 30; margin-left:-381px; margin-top:-169px}
.mainTypo03 { top:50%; max-width: 1029px; position: absolute; left:50%; vertical-align: top; width: 70%; z-index: 30; margin-left:-514.5px; margin-top:-135.5px}

*/
.mainTypo01 { display:inline-block; top:50%; margin-top:-164.5px; position:relative; width: 70%; max-width: 821px;}
.mainTypo02 { display:inline-block; top:50%; margin-top:-169px; position:relative; width: 70%; max-width: 762px;}
.mainTypo03 { display:inline-block; top:50%; margin-top:-135.5px; position:relative; width: 70%; max-width: 1029px;}


#main_slider { position:relative;}
#main_slider ul { margin: 0px;}

.bx-viewport, .bx-wrapper{position:relative;width:100%;top:0;left:0;}
.bxslider, .bxslider li {height: 100vh !important;;}
.bxslider li {background-repeat: no-repeat;background-position: center center;background-size: cover; text-align:center;}
.bxslider li img { vertical-align:top;}



#footer { position:relative; width:100%; margin:0 auto; padding-bottom:15px; border-top:1px solid #d7d7d7 }
.footer_wrap { position:relative; width:94%; margin:0 auto; max-width:1500px; margin-top:2%;}
.f_tel { margin:0 0 2%;}
.f_tel li { display:inline-block; font-family: 'Questrial', sans-serif; font-size:17px; margin-left:2%; color:#5b5b5b}
.f_tel li:first-child { margin-left:0;}
.f_tel li span { font-weight:700; margin-right:3px; color:#000;}
.f_addr { display:inline-block; color:#5b5b5b;}
.f_nav { margin-top:2%; color:#5b5b5b;margin-bottom:3%;}
.f_nav li { display:inline;}
.to_top { position:absolute; right:0; bottom:3%;}
.to_top img { vertical-align:top;}
.board_over { white-space: normal; line-height: 1.2em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;}


.btn_hash { bottom: 3%; left: 50%; position: absolute; z-index: 999999; margin-left:-14px;}


@media (max-width:1800px){
}

@media (max-width:1700px){
}

@media (max-width:1600px){
.main_top_nav { top:8px;}
}
@media (max-width:1420px){
.gnb05_01 { right:100px;}
}
@media (max-width:1300px){
.sub11 #footer { font-size:8px !important;}
.sub52 #footer { font-size:8px !important;}
}



@media (max-width:1280px){
#header .logo { left:20px; top:40px;}
#header { height:120px;}

/*
.main_top_nav { font-size:12px;  top:3px; right:20px;}
.gnb > li > a { padding: 2px 0 0;}
.gnb_sub li a { font-size:12px;}
*/
#gnbArea { top:43px;}

.gnb li { margin:0 5px;}
.section { height: auto !important;}
.main #main_slider { margin-top:100px;}
.main #main_slider .bx-viewport, .main #main_slider .bxslider li {height: 56.25vw !important;}
/*.board_bx_silder .bx-viewport, .board_bx_silder .bxslider li {height: 50vw !important;}*/
.bx-wrapper .bx-controls-direction a {  background-size:100%; height:62.5px !important; width:44px !important;}
.bx-wrapper .bx-next { right:0 !important;}
.main_button { bottom:10%;}


.seminar { padding:5% 0;}
.seminar_list dl dt { font-size:18px;}
.seminar_list01 dl dt { font-size:18px;}
.seminar_list dl dd { font-size:11px; margin: 0; margin-top:3%;}
.seminar_list01 dl dd { font-size:11px; margin: 0; margin-top:3%;}  

.board_con > dl > dt { font-size:30px;}
.board_con > dl > dd { font-size:14px;}
.board_bx_txt { padding: 5% 2% 0; font-size:17px}

.board_bx_txt strong { font-size:14px}
.gallery_list dl dt { font-size:20px;}
.gallery_list dl dd { font-size:12px;}

.gallery_bot dl dt { font-size:20px;}
.gallery_bot dl dd { font-size:12px;}

.board_bx_txt { font-size:13px; line-height:1.5em;}
.btn_hash { display:none;}
}
@media (max-width:1200px){
.gnb05_01 { right:25px;}
}

@media (max-width:1100px){
.gnb { font-size:15px;}
.board_bx_txt { height:485px !important;}

.brm_list_img1{

    padding: 0;
}

}


@media (max-width:1024px){






.main #main_slider .bx-viewport, .main #main_slider .bxslider li { height:574px !important;}
#header { min-width:1024px;}


.gnb05_01 {right:57px;}




.seminar_list { width:100%;}
.seminar_list dl { text-align:left; padding:4% 3.5%;}
.seminar_list01 { width:100%; margin-left:0;}
.seminar_list01 dl { text-align:left; padding:4% 3.5%;}
.seminar_list_button { right:10%; bottom:35%; left:auto; width:auto;}
.seminar_list img { display:none;}
.seminar_list01 img { display:none;}


.gallery_list ul li a { height:100px;}

}



@media (max-width:480px){
    .brm_list_img1{

        padding: 0;
    }
}
/*
@media (max-width:1000px){
.gnb > li { margin:0 10px;}

}



@media (max-width:820px){
.main_top_nav { font-size:11px;}
.btn_nav { display:block; right:25px; top:25px;}
#gnbArea { position:fixed; background: #fff; float:none; top:65px; opacity:0; height:100%; right:0; margin-left:0; visibility: hidden; transition: all 0.2s; -webkit-transition: all 0.2s;  -moz-transition: all 0.2s; -o-transition: all 0.2s;text-align:left; width:0;}
#gnbArea.on { opacity:0.9; display:block; visibility: visible; width:200px;}
#gnbArea ul li a { font-size:15px;}
.gnb { height:100%; margin-top:20px;} 
.gnb > li { margin: 12px 0;}
.gnb li { float:none;}
.gnb_sub {display:none;}


.seminar_wrap > dl > dt { font-size:20px;}
.seminar_wrap > dl > dd { font-size:12px;}
.seminar_list dl dt { font-size:10px;}
.seminar_list01 dl dt { font-size:10px;}
.seminar_list dl dd { font-size:10px;}
.seminar_list01 dl dd { font-size:10px;} 
.seminar_list_button { font-size:10px; right:3%;}
.board_con > dl > dt { font-size:23px;}
.board_con > dl > dd { font-size:11px;}

.gallery_bot dl dt { font-size:17px;}
.gallery_bot dl dd { font-size:12px;}
.gallery_list ul li:first-child { margin-left:2%;}


.board_bx_txt strong { font-size:11px;}
.board_bx_txt { font-size:11px;  white-space: normal; line-height: 1.2em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;}



#footer { padding-bottom:0;}
.f_tel {margin:0 0 0;}
.f_tel li { font-size:10px; margin:0 0 0;}
.f_addr { font-size:10px; line-height:1.2em;}
.f_nav { font-size:10px; margin:0;}
.to_top img { max-width:35px;}

}

@media (max-width:430px){
.seminar_wrap { width:96%;}
.board_bx_txt { font-size:10px; line-height:1.1em;}

.gallery_list dl dt { font-size:17px;}
.gallery_list dl dd { font-size:11px;}
.gallery_list ul li a { height:80px;}

.gallery_bot dl dt { font-size:13px;}
.gallery_bot dl dd { font-size:11px;}

#footer { padding-bottom:3%;}
.m_none { display:none !important;}
.m_block { display:block !important;}
.f_tel {margin:0 0 0; line-height:1em;}
.f_tel li { font-size:10px; margin:0 0 0; line-height:1em;}
.f_addr { font-size:10px; line-height:1em;}
.f_nav { font-size:10px; margin:0; line-height:1em;}
.to_top { bottom:0;}
}




*/