@charset "UTF-8";

body {padding-top:161px;}

/*헤더*/
#wrap.ngl #header.tmp {background:#000000; border-bottom:none;}
#wrap.ngl #header.tmp #lnb {background-color:#000000;}
#wrap.ngl #header.tmp #lnb li a {color:#ffffff;}
#wrap.ngl #header.tmp #lnb #lnbNav li a:hover {color:#fad702;}
#wrap.ngl #header.tmp #lnb #lnbNav li .sub_lnb_menu {background:#000000;}
#wrap.ngl #header.tmp #lnb #lnbNav li .sub_lnb_menu > ul li a {color:#999999;}
#wrap.ngl #header.tmp #lnb #lnbNav li .sub_lnb_menu > ul li a:hover {color:#ffffff;}
#wrap.ngl #header.tmp #gnb {background-color:#000000;}
#wrap.ngl #header.tmp #gnbDropList dl.gnbDrop1 dd {background:#000000; border:none;}
#wrap.ngl #header.tmp #gnbDropList dl dd .sub_menu ul li a {color:#ffffff;}
#wrap.ngl #header.tmp #gnbDropList dl dd .sub_menu ul li a:hover {background-image:url("../img/da_image/sub_menu_icon_yellow.png"); color:#fbcd38;}
#wrap.ngl #header.tmp #lnb #lnbSchArea {background-color:#fad702;}
#wrap.ngl #header.tmp #lnb .hd_search .hd_search_form {background:#000000; padding:35px 0 36px; top:0;}
#wrap.ngl #header.tmp #lnb .hd_search .hd_search_form .search_sec01 {width:auto; height:auto; border:none; margin-right:64px; border-radius:0;}
#wrap.ngl #header.tmp #lnb .hd_search .hd_search_form .search_sec01 input {width:440px; height:40px; border:1px solid #fbcd38; padding:0 14px; margin-left:0; font-size:14px; border-radius:40px 0 0 40px; -webkit-border-radius:40px 0 0 40px; -moz-border-radius:40px 0 0 40px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#wrap.ngl #header.tmp #lnb .hd_search .hd_search_form .search_sec03 {top:50%; right:0; transform:translateY(-50%);}


/*메인 섹션02*/
#wrap.ngl #mainMidBnr.tmp {width:100%; background-color:#000000; padding-top:100px; padding-bottom:100px; margin-bottom:100px;}
#wrap.ngl #mainMidBnr.tmp .contents_con {width:1200px; margin:0 auto;}
#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li {border:1px solid #ffffff;}
#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li > a {display:inline-block; position:relative; top:0; left:0;}
#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li > a > img {}
#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li > a > img.on {position:absolute; top:0; left:0; z-index:10; opacity:0;}
#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li > .list_div {position:relative; top:0; left:0;}
#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li > .list_div > .over_con {display:none; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%; background-color:#000000; position:absolute; top:0; left:0; z-index:10;}
#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li > .list_div > .over_con > .btn_con {margin-top:20px;}
#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li > .list_div > .over_con > .btn_con a {display:inline-block; width:178px; height:auto; border:1px solid #ffffff; padding:5px 0; text-align:center; font-size:18px; color:#ffffff; line-height:22px; border-radius:51px; -webkit-border-radius:51px; -moz-border-radius:51px;}
#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li > .list_div > .over_con > .btn_con a .color_text {font-size:13px; line-height:21px;}
#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li > .list_div > .over_con > .btn_con a:hover {border-color:#fbcd38;}
#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li > .list_div > .over_con > .btn_con:first-child {margin-top:0;}
#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li > .list_div:hover > .over_con {display:flex;}
#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li:hover {border-color:#fbcd38;}
#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li:hover > a > img.on {opacity:1;}
#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li:nth-child(1) {margin-bottom:0;}
#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li:nth-child(2) {margin-bottom:0;}
#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li:nth-child(3) {margin-bottom:0;}
#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li:nth-child(7) {background:transparent; margin-bottom:0;}
#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li.depth4_li {display:none;}

/*메인 섹션05*/
#experiences ul {display:flex; justify-content:center;}

/*메인 섹션06*/
#main_contact ul {display:flex; justify-content:center;}

/*푸터*/
#address {background-color:#000000;}
#address address {color:#ffffff;}
p.copyright {color:#ffffff; opacity:1;}


@media screen and (min-width: 721px) and (max-width: 1220px) {
	/* header */
	#header #gnb,
	#header #lnb {width:auto;}
	#header #gnbDropList {margin-left:20px;}
	#header #gnbLink {margin-right:20px;}
	#header #lnb h1 {text-align:center;padding-bottom:75px;}
	#header #lnb #lnbSchArea {right:20px;}
	#header #lnb #lnbNav {top:88px;width:100%;text-align:center;font-size:0px;right:0px;}
	#header #lnb #lnbNav li {display:inline-block;float:none;}

	/*헤더*/
	#wrap.ngl #header.tmp #lnb .hd_search .hd_search_form {width:100%; height:auto}

	.quick_scroll {display:none;}


	/* main */

	#mainvisual_wrap #prev_bt,
	#mainvisual_wrap #next_bt{display:none;}

	#mainMidBnr,
	#newBook {width:auto;}

	#mainMidBnr {padding:27px 27px 0;}
	#mainMidBnr ul {margin:0 0 0 0;}
	#mainMidBnr ul:after {content:'';display:block;clear:both;}
	#mainMidBnr li {margin:0 1.5% 0 0;width:32.3%;}
	#mainMidBnr li:nth-of-type(3) {margin-right:0px;}
	#mainMidBnr li img {width:100%;}
	#mainMidBnr li.opt {float:left;margin:1.2% 1.5% 0 0;width:32.3%;}
	#mainMidBnr li.opt:nth-of-type(6) {margin-right:0;}
	#mainMidBnr li.opt span {margin:0 0 0 0;}
	#mainMidBnr li span {width:100%;padding:0;height:100%;text-align:center;margin:0 auto;line-height:0;background-position:50% 30% !important;line-height:100%;font-size:17px;box-sizing:border-box;}
	#mainMidBnr li span.icon_01 {z-index:100;background-color:#fff;background-size:50px auto;}
	#mainMidBnr li span.icon_02 {z-index:100;background-size:50px auto;margin:0;}

	#newBook {width:100%;}
	#newBook ul {margin:10px 6px 0;}
	#newBook ul li {width:calc(25% - 10px);margin-left:6px;margin-bottom:6px;}
	#newBook ul li img {width:100%;}

	#bestSeller {height:auto;}
	#bestSeller .slide_inner {position:relative;width:100%;height:auto;padding-bottom:50px;left:6px;top:0;margin:0;}
	#bestSeller li {margin-right:12px !important;}
	#bestSeller li span {display:block;font-size:14px;line-height:20px;padding:15px;}
	#bestSeller .bx-controls-direction {width:calc(100% - 12px);}

	#experiences {position:relative;}
	#experiences > div {width:calc(100% - 30px);margin:0 15px;}
	#experiences > div {
		width:calc(100% - 30px);
		margin:0 15px;
	}
	#experiences > div.outside {
		display:block;
	}
	#experiences > div.outside span {
		position:absolute;
		display:inline-block;
		width:30px;height:30px;
		background:rgba(0,0,0,0.1);
		top:calc(50% + 60px);
	}
	#experiences > div.outside span a {
		text-indent:-9999px;
		display:inline-block;
		width:30px;height:30px;
	}
	#experiences > div.outside span#slider-prev {
		left:0;	
	}
	#experiences > div.outside span#slider-next {
		right:0;	
	}

	/* footer */
	#footer {margin-top:0 !important;}
	#footer #footBoardArea {width:auto;height:auto;padding:0 20px;}
	#footBoardList:after {content:'';display:block;clear:both;}
	#footLink {position:static;padding-bottom:20px;}
	#footLink:after {content:'';display:block;clear:both;}
	#footLink li {width:calc(50% - 34px);}
	#footBoardList dt {width:10%;margin:0 0 0 0;}
	#footBoardList dd {width:42%}
	#footBoardList dd:last-of-type {width:48%;}
	#footBoardList dd a {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 20px);;box-sizing:border-box;margin:0 20px 0 0;padding:0 24px 0 45px;}
	#address {padding:26px 20px 0;}

	#wrap.ngl .main_section {padding:60px 0;}
	#wrap.ngl .main_section h2 {margin-bottom:60px;}
	#wrap.ngl #mainMidBnr {padding-top:60px; margin-bottom:60px;}
	#wrap.ngl #mainMidBnr li:nth-child(4) {margin-bottom:0;}
	#wrap.ngl #videoSlide {margin-bottom:60px;}
	#wrap.ngl #videoSlide h2 {margin-bottom:60px;}
	#wrap.ngl #main_contact ul {margin-top:0;}
	#wrap.ngl #main_contact ul li {width:auto; height:auto;}

	/*메인 섹션02*/
	#wrap.ngl #mainMidBnr.tmp {padding-top:60px; padding-bottom:60px; margin-bottom:60px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
	#wrap.ngl #mainMidBnr.tmp .contents_con {width:100%;}
	#wrap.ngl #mainMidBnr.tmp .contents_con > ul li {width:32%; margin:0 2% 2% 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
	#wrap.ngl #mainMidBnr.tmp .contents_con > ul li > a {display:block;}
	#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li > .list_div > .over_con > .btn_con {margin-top:13px;}
	#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li > .list_div > .over_con > .btn_con a {width:190px; padding:6px 0; font-size:18px; line-height:26px; border-radius:66px; -webkit-border-radius:66px; -moz-border-radius:66px;}
	#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li > .list_div > .over_con > .btn_con a .color_text {font-size:18px; line-height:26px;}
	#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li > .list_div > .over_con > .btn_con a:hover {border-color:#ffffff;}
	#wrap.ngl #mainMidBnr.tmp .contents_con ul li:hover {border-color:#ffffff;}
	#wrap.ngl #mainMidBnr.tmp .contents_con ul li:hover > a > img.on {opacity:0;}
	#wrap.ngl #mainMidBnr.tmp .contents_con ul li:nth-child(3n) {margin:0 0 2% 0;}
}

@media screen and (max-width: 1220px) {
	body {padding-top:211px;}
}

@media screen and (max-width: 1024px) {

	body {padding-top:65px;}

	/*헤더*/
	#wrap.ngl #header.tmp {border-bottom:none;}
	#wrap.ngl #header.tmp #logo .logo_wrap span {background-image:url("../img/main_hd_arrow_white.png");}
	#wrap.ngl #header.tmp #lnb {background-color:#000000;}
	#wrap.ngl #header.tmp #lnb h1 {}
	#wrap.ngl #header.tmp #lnb #lnbMenuArea .lnbMenu {background-image:url("../img/head_icon_menu_white_m.png");}
	#wrap.ngl #header.tmp #lnb #lnbSchArea {background-image:url("../img/head_icon_sch_white_m.png"); background-color:transparent;}
	#wrap.ngl #header.tmp #lnb .hd_search .hd_search_form {width:100% !important;}
	#wrap.ngl #header.tmp #lnb .hd_search .hd_search_form .search_sec01 {float:none; width:calc(86% - 50px) !important; margin:0 0 0 8%;}
	#wrap.ngl #header.tmp #lnb .hd_search .hd_search_form .search_sec01 input {width:calc(100% - 121px) !important;}
	#wrap.ngl #header.tmp #lnb .hd_search .hd_search_form .search_sec03 {top:50% !important; right:8% !important;}

	#wrap.ngl .main_section {padding:45px 0;}
	#wrap.ngl .main_section h2 {margin-bottom:45px;}
	#wrap.ngl #mainMidBnr {padding-top:45px; margin-bottom:45px;}
	#wrap.ngl #mainMidBnr li:nth-child(4) {margin-bottom:0;}
	#wrap.ngl #videoSlide {margin-bottom:45px;}
	#wrap.ngl #videoSlide h2 {margin-bottom:45px;}
	#wrap.ngl #main_contact ul {margin-top:0;}
	#wrap.ngl #main_contact ul li {margin-top:39px;}
	#wrap.ngl #main_contact ul li:first-child {margin-top:0;}

	/*메인 섹션02*/
	#wrap.ngl #mainMidBnr.tmp {padding-top:45px; padding-bottom:45px; margin-bottom:45px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
	#wrap.ngl #mainMidBnr.tmp .contents_con {width:100%;}
	#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li {width:calc(50% - 4px); margin:0 4px 4px 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
	#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li > a {display:block;}
	#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li > .list_div > .over_con > .btn_con {margin-top:10px;}
	#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li > .list_div > .over_con > .btn_con a {width:143px; padding:4px 0; font-size:13px; line-height:21px; border-radius:52px; -webkit-border-radius:52px; -moz-border-radius:52px;}
	#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li > .list_div > .over_con > .btn_con a .color_text {font-size:13px; line-height:21px;}
	#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li > .list_div > .over_con > .btn_con a:hover {border-color:#ffffff;}
	#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li.opt {display:none;}
	#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li.depth4_li {display:block;}
	#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li.depth4_li {border:none; background-color:#000000;}
	#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li.depth4_li > .depth4_con {position:relative; top:0; left:0;}
	#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li.depth4_li > .depth4_con > .bg_con {border:1px solid transparent;}
	#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li.depth4_li > .depth4_con > .btn_con {display:flex; flex-direction:column; justify-content: space-between; width:100%; height:100%; position:absolute; top:0; left:0; z-index:10;}
	#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li.depth4_li > .depth4_con > .btn_con > .btn {border:1px solid #ffffff;}
	#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li:hover {border-color:#ffffff;}
	#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li:hover > a > img.on {opacity:0;}
	#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li:nth-child(3n) {margin:0 4px 4px 0;}
	#wrap.ngl #mainMidBnr.tmp .contents_con > ul > li:nth-child(2n) {margin:0 0 4px 0;}

	/*메인 섹션05*/
	#experiences ul {display:flex; justify-content:center; flex-direction:column;}

	/*메인 섹션06*/
	#main_contact ul {display:flex; justify-content:center; flex-direction:column; margin-top:5%;}
	#main_contact ul li:first-child {margin-right:auto;}
	#main_contact ul li {width:80%; height:auto; margin:0 auto;}

}