@charset "utf-8";
@import url("style.css");
@import url("style.layout.css");

/* #content */
#content {width:100%; min-height:1000px; background:#fff; border-left:1px solid #dfdcda; border-right:1px solid #dfdcda; padding:0 55px 100px; color:#454545; font-family:'notokr-regular', sans-serif;}
#content .sub_menu {position:relative; display:block; overflow:hidden; margin-bottom:80px;}
#content .sub_menu li {position:relative; float:left; width:33.333%; text-align:center; border-top:1px solid #dfdcda; border-bottom:1px solid #dfdcda;}
#content .sub_menu li a {position:relative; display:block; padding:22px 0; font-size:18px; font-family:'notokr-regular', sans-serif;} 
#content .sub_menu li a:before {position:absolute; display:inline-block; left:0; width:1px; height:20px; top:24px; background:#dfdcda; content:'';}
#content .sub_menu li:first-child a:before {display:none;}

#content .sub_menu li.active:after {position:absolute; bottom:0; display:block; width:100%; height:2px; background:#d19402; z-index:9; content:'';}
#content .sub_menu li.active a {font-weight:600; color:#d19402; font-family:'notokr-bold', sans-serif; padding:21px 0;}

#content .m_tab_type1 {display:none;}


	@media (max-width:1399px) {
		#content {padding:0 5% 100px;}
		#content .sub_menu li a {font-size:16px;}
	}

	@media (max-width:1199px) {
		#content {padding:0 2% 50px; border-left:0; border-right:0;}
	}

	@media (max-width:999px) {
		#content {min-height:inherit; padding:0 2% 10px;}
	}

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

	@media screen and (max-width:799px){
		#content .sub_menu {display:none;}

		#content ul.tab_type1 {display:none;}

		#content .m_tab_type1 {display:block; position:relative; width:104%; background:#f9f9f9; text-align:left;z-index:100; margin:0 -2%; margin-bottom:30px; margin-top:44px;}
		#content .m_tab_type1 a.tab_link {display:block; font-family:'notokr-medium'; font-size:20px; background:url('../images/content/m_tab_arrow1.png') calc(100% - 15px) center no-repeat; padding:20px 15px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
		#content .m_tab_type1 .tab_desc_box{position:absolute; left:0; top:66px; display:none; width:100%; border-bottom:1px solid #e5e5e5; border-top:0;background:#fff; z-index:1000; font-family:'notokr-regular';}
		#content .m_tab_type1 .tab_desc_box > ul{}
		#content .m_tab_type1 .tab_desc_box > ul > li {border-top:1px solid #e5e5e5;}
		#content .m_tab_type1 .tab_desc_box > ul > li > a {display:block; padding:0 15px; height:45px; line-height:45px; font-size:18px;}
		#content .m_tab_type1 .tab_desc_box > ul > li > a > h5 {font-weight:500;}
		#content .m_tab_type1 .tab_desc_box > ul > li:hover,
		#content .m_tab_type1 .tab_desc_box > ul > li.active {font-family:'notokr-medium';}
		#content .m_tab_type1 .tab_desc_box > ul > li.active a {background:#d19402; color:#fff; font-size:19px;}
		#content .m_tab_type1.selected a.tab_link {background:url('../images/content/m_tab_arrow2.png') calc(100% - 15px) center no-repeat;}
	}

	@media screen and (max-width:499px){
		#content .m_tab_type1 a.tab_link {font-size:18px;}
		.m_tab_type1 a.depth_btn {font-size:24px; background-size:21px; padding-right:30px;}
		.m_tab_type1 .tab_desc_box > ul > li > a {height:55px; line-height:55px; font-size:16px;}
		.m_tab_type1.selected a.depth_btn {background-size:21px;}
	}