@charset "euc-kr";

@font-face {
    font-family: 'NotoSans';
	font-weight: 300;
    src: url(./fonts/NotoKR-Light.eot);
    src: local('NotoKR-Light'), 
	url(./fonts/NotoKR-Light.eot?#iefix) format('embedded-opentype'), 
	url(./fonts/NotoKR-Light.woff2) format('woff2'), 
	url(./fonts/NotoKR-Light.woff) format('woff'),	
	url(./fonts/NotoKR-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'NotoSans';
	font-weight: 400;
    src: url(./fonts/notokr-regular.eot);
    src: local('notokr-regular'), 
	url(./fonts/notokr-regular.eot?#iefix) format('embedded-opentype'), 
	url(./fonts/notokr-regular.woff) format('woff'), 
	url(./fonts/notokr-regular.woff2) format('woff2'), 
	url(./fonts/notokr-regular.ttf) format('truetype');
}

@font-face {
    font-family: 'NotoSans';
	font-weight: 500;
    src: url(./fonts/notokr-medium.eot);
    src: local('notokr-medium'), 
	url(./fonts/notokr-medium.eot?#iefix) format('embedded-opentype'), 
	url(./fonts/notokr-medium.woff2) format('woff2'), 
	url(./fonts/notokr-medium.woff) format('woff'),	
	url(./fonts/notokr-medium.ttf) format('truetype');
}

@font-face {
    font-family: 'NotoSans';
	font-weight: 700;
    src: url(./fonts/notokr-bold.eot);
    src: local('notokr-bold'), 
	url(./fonts/notokr-bold.eot?#iefix) format('embedded-opentype'), 
	url(./fonts/notokr-bold.woff2) format('woff2'), 
	url(./fonts/notokr-bold.woff) format('woff'),	
	url(./fonts/notokr-bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Lato';
	font-weight: 400;
    src: url(./fonts/Lato-Regular.eot);
    src: local('Lato-Regular'), 
	url(./fonts/Lato-Regular.eot?#iefix) format('embedded-opentype'), 
	url(./fonts/Lato-Regular.woff2) format('woff2'), 
	url(./fonts/Lato-Regular.woff) format('woff'), 	
	url(./fonts/Lato-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Lato';
	font-weight: 500;
    src: url(./fonts/Lato-Medium.eot);
    src: local('Lato-Medium'), 
	url(./fonts/Lato-Medium.eot?#iefix) format('embedded-opentype'), 
	url(./fonts/Lato-Medium.woff2) format('woff2'), 
	url(./fonts/Lato-Medium.woff) format('woff'), 	
	url(./fonts/Lato-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'Lato';
	font-weight: 700;
    src: url(./fonts/Lato-Heavy.eot);
    src: local('Lato-Heavy'), 
	url(./fonts/Lato-Heavy.eot?#iefix) format('embedded-opentype'), 
	url(./fonts/Lato-Heavy.woff2) format('woff2'), 
	url(./fonts/Lato-Heavy.woff) format('woff'), 	
	url(./fonts/Lato-Heavy.ttf) format('truetype');
}

.wrap {position:relative; width:100%; min-width:1100px; font-family:'Lato','NotoSans',sans-serif;}
.container {position:relative; width:100%; max-width:1100px; margin:0 auto;}

/* HEADER */
.header .logo_area {width:100%; height:94px; border-bottom:1px solid #eee; box-sizing:border-box;}
.header .logo_area .subs_lnk {float:left; margin-top:14px;}
.header .logo_area .subs_lnk a {display:block; width:240px; height:80px; font-weight:500; font-size:15px; line-height:18px; letter-spacing:-0.065rem; color:#222; background:url(../images/heart_img.png) 0 100% no-repeat; padding:17px 0 0 107px; box-sizing:border-box;}
.header .logo_area .subs_lnk span {display:block; color:#999;}

.header .logo_area .main_logo {position:absolute; top:50%; left:50%; width:230px; height:45px; margin:-22.5px 0 0 -115px;}
.header .logo_area .main_logo a {display:block; width:100%; height:100%; background:url(../images/main_logo_2.png) 50% 50% no-repeat; text-indent:-9999px;}

.header .logo_area .user_nav {float:right; margin-top:28px;}
.header .logo_area .user_nav li {float:left;}
.header .logo_area .user_nav li a {display:block; height:33px; line-height:33px; font-weight:500; font-size:14px; letter-spacing:-0.065rem; color:#444; padding:0 5px; margin:0 5px; text-align:center;}
.header .logo_area .user_nav .seminar_btn a {width:125px; border:1px solid #ddd; background:#f5f5f5; padding:0; margin:0 0 0 10px; box-sizing:border-box;}

.nav_section {position:absolute; top:94px; left:0; width:100%; z-index:102;}
.nav_section .gnb_area {width:100%; background:#fff url(../images/gry_line.png) 50% 66px repeat-x; box-shadow:0 5px 2.5px -2.5px rgba(0,0,0,.15);}
.nav_section .gnb_area .home_btn, .nav_section .gnb_area .all_menu {position:absolute; top:0; width:66px; height:66px; background:url(../images/ico/home_ico.png) 50% 50% no-repeat; text-indent:-9999px; border-width:0 1px; border-style:solid; border-color:#ddd; box-sizing:border-box;}
.nav_section .gnb_area .home_btn{left:0;}
.nav_section .gnb_area .all_menu {right:0; background-image:url(../images/ico/menu_ico.png);}
.nav_section .gnb_area .gnb {width:1100px; text-align:center; font-size:0; white-space:nowrap;}
.nav_section .gnb_area .gnb > li {position:relative; display:inline-block; vertical-align:top; font-size:0; white-space:nowrap;}
.nav_section .gnb_area .gnb > li > a {display:inline-block; height:66px; line-height:66px; text-align:center; font-size:18px; font-weight:500; letter-spacing:-0.065rem; color:#222; padding:0 36px; box-sizing:border-box; transition:all 0.35s;}
.nav_section .gnb_area .gnb > li:hover > a, .nav_section .gnb_area .gnb > li > a.on {color:#0048b5;}

.nav_section .gnb_area .depth_menu {display:none; margin:20px 0 35px;}
.nav_section .gnb_area .depth_menu a {display:block; width:100%; height:100%; font-size:16px; font-weight:500; line-height:21px; padding:8px 0; letter-spacing:-0.065rem; color:#888; text-align:center; transition:all 0.3s;}
.nav_section .gnb_area .depth_menu a:hover {color:#0048b5;}

/*
.nav_section {position:absolute; top:94px; left:0; width:100%; z-index:102;}
.nav_section .gnb_area {width:100%; background:#fff url(../images/gry_line.png) 50% 66px repeat-x; box-shadow:0 5px 2.5px -2.5px rgba(0,0,0,.15);}
.nav_section .gnb_area .home_btn, .nav_section .gnb_area .all_menu {float:left; width:66px; height:66px; background:url(../images/ico/home_ico.png) 50% 50% no-repeat; text-indent:-9999px; border-width:0 1px; border-style:solid; border-color:#ddd; box-sizing:border-box;}
.nav_section .gnb_area .all_menu {float:right; background-image:url(../images/ico/menu_ico.png);}
.nav_section .gnb_area .gnb {float:left; width:968px;}
.nav_section .gnb_area .gnb > li {position:relative; float:left;}
.nav_section .gnb_area .gnb > li > a {display:block; height:66px; line-height:66px; text-align:center; font-size:18px; font-weight:500; letter-spacing:-0.065rem; color:#222; padding:0 40px; box-sizing:border-box; transition:all 0.35s;}
.nav_section .gnb_area .gnb > li:hover > a, .nav_section .gnb_area .gnb > li > a.on {color:#0048b5;}

.nav_section .gnb_area .depth_menu {display:none; margin:20px 0 35px;}
.nav_section .gnb_area .depth_menu a {display:block; width:100%; height:100%; font-size:16px; font-weight:500; line-height:37px; letter-spacing:-0.065rem; color:#888; text-align:center; transition:all 0.3s;}
.nav_section .gnb_area .depth_menu a:hover {color:#0048b5;}
*/


.nav_section .all_section {display:none; position:absolute; top:0; left:0; width:100%; height:550px; background:#fff; box-sizing:border-box; box-shadow:0 5px 2.5px -2.5px rgba(0,0,0,.15); z-index:200;}
.nav_section .all_section .all_close {float:right; width:30px; height:30px; margin:19px 0 17px; background:url(../images/ico/close_ico.png) 100% 50% no-repeat; text-indent:-9999px;}
.nav_section .all_section .all_area {float:none; clear:both; width:100%; height:400px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.nav_section .all_section .menu_column {float:left; width:170px; margin:0 62px 0 0;}
.nav_section .all_section .menu_column:last-child {margin-right:0;}
.nav_section .all_section .menu_column h3 {width:100%; height:45px; line-height:45px; border-bottom:1px solid #ddd; color:#222; font-size:19px; font-weight:500; letter-spacing:-0.065rem; margin-bottom:20px; box-sizing:border-box;}
.nav_section .all_section .menu_column a {display:block; width:100%; font-size:16px; font-weight:500; letter-spacing:-0.065rem; color:#777; line-height:37px; transition:all 0.25s;}
.nav_section .all_section .menu_column a:hover {color:#0048b5;}
.nav_section .all_section .menu_column .depth a {color:#aaa;}
.nav_section .all_section .menu_column .depth a:before {content:''; display:inline-block; width:3px; height:3px; background:#aaa; border-radius:50%; margin:0 5px 0 3px; vertical-align:middle;}
.nav_section .all_section .menu_column .depth a:hover {color:#3473d2;}

.nav_section .all_section .user_area {float:right;}
.nav_section .all_section .user_area li {float:left;}
.nav_section .all_section .user_area li a {display:block; font-size:16px; font-weight:500; letter-spacing:-0.065rem; line-height:65px; color:#555; text-align:right; padding:0 4px; margin:0 10px;}
.nav_section .all_section .user_area li:last-child a {margin-right:0;}

.nav_section.fixed {position:fixed; top:0; left:0; z-index:200;}

/* FOOTER */
.footer {width:100%; height:270px; border-top:1px solid #ddd; box-sizing:border-box;}
.footer .go_top {display:none; position:fixed; bottom:0; right:0; width:55px; height:55px; background:#0048b5 url(../images/ico/go_top.png) 50% 50% no-repeat; text-indent:-9999px;}
.foot_lnk {width:100%; height:60px; line-height:60px; border-bottom:1px solid #eee; box-sizing:border-box;}
.foot_lnk .lnk {float:left;}
.foot_lnk .user {float:right;}
.foot_lnk li {float:left;}
.foot_lnk li a {display:block; font-size:16px; font-weight:500; letter-spacing:-0.065rem; color:#333; padding:0 5px; margin-right:20px;}
.foot_lnk li:first-child a {padding-left:0;}

.foot_lnk .user li {font-size:16px; font-weight:500; letter-spacing:-0.045rem; color:#333;}
.foot_lnk .user li:first-child:after {content:''; display:inline-block; width:1px; height:13px; background:#ddd; vertical-align:middle; margin:0 14px 0 13px;}
.foot_lnk .user .blu {display:inline-block; margin-left:4px; font-weight:500; letter-spacing:0; color:#0048b5;}

.foot_info {margin:25px 0 0;}
.foot_info .foot_logo {float:left; width:290px;}
.foot_info ul {float:left; width:810px;}
.foot_info li {font-size:15px; font-weight:500; letter-spacing:-0.065rem; line-height:25px; color:#666;}
.foot_info li span:nth-last-child(n+2):after {content:''; display:inline-block; width:1px; height:12px; background:#ddd; vertical-align:middle; margin:0 12px 0 11px;}
.foot_info li:nth-child(2) {letter-spacing:0;}
.foot_info li strong {letter-spacing:0; color:#111;}
.foot_info .copy {margin-top:16px; color:#999; letter-spacing:0;}