/* wrap */
#wrap{position:relative;width:100%;margin:0 auto;overflow:hidden}

/* header */
#header{position:relative;z-index:999;width:100%;background-color:#fff; border-bottom:1px solid #d9dee1;}
#header:after{content:"";display:block;clear:both;}
#header .logo{position:relative;width:1200px;margin:0 auto;text-align:center;z-index:9999999999;}
#header .logo .header_logo{position:absolute;left:0;top:20px; font-size:26px;color:#333}
#header .logo .header_logo img{padding-right:5px;}
#header .header_in{position:relative;width:100%; height:40px; margin:0 auto;background-color:#f2f2f2; overflow:hidden;border-bottom:1px solid #e6e6e6}
#header .header_in .top_menu{position:relative;margin:0 auto;width:1200px;height:40px;}
#header .header_in .top_menu ul.tab{text-align:left;}
#header .header_in .top_menu ul.tab li{float:left;width:200px;text-align:center;font-size:14px;background-color:#999999;margin-right:1px;}
#header .header_in .top_menu ul.tab li a{display:block;width:100%; height:40px; line-height:40px; color:#fff;}
#header .header_in .top_menu ul.menu{float:right}
#header .header_in .top_menu ul.menu li{float:left;padding:10px 5px;}
#header .header_in .top_menu ul.menu li span{padding-left:8px;}
#header .header_in .top_menu ul.menu li a{color:#666; font-size:13px; font-weight:bold; font-weight:300;}

/* gnb */
.gnb{position:relative;width:100%;padding:0;margin:0; z-index:9999999;}
.gnb ul.depth1{width:1200px; height:75px; margin:0 auto;text-align:right; line-height:75px;}
.gnb ul.depth1 .t{display:inline-block; *display:inline; *zoom:1;padding:0 24px;position:relative;background:url('/resources/site/nurse/resource/images/layout/menu_dot.gif') no-repeat left center}
.gnb ul.depth1 .t:last-child{padding-right:0}
.gnb ul.depth1 .t:first-child{background-image:none;}
.gnb ul.depth1 .t a{width:auto;font-size:20px;color:#333; font-weight:400; letter-spacing:-1px;}
.gnb ul.depth1 .submenu01{position:absolute;top:75px;left:-17px;text-align:left;line-height:25px; margin:0 auto;min-width:160px;border-top:2px solid #a90056; }
.gnb ul.depth1 .submenu03{position:absolute;top:75px;left:-17px;text-align:left;line-height:25px; margin:0 auto;min-width:160px;border-top:2px solid #a90056; }
.gnb ul.depth1 .submenu04{position:absolute;top:75px;left:-17px;text-align:left;line-height:25px; margin:0 auto;min-width:160px;border-top:2px solid #a90056;}
.gnb ul.depth1 .submenu05{position:absolute;top:75px;left:-17px;text-align:left;line-height:25px; margin:0 auto;min-width:160px;border-top:2px solid #a90056;}
.gnb ul.depth1 .submenu06{position:absolute;top:75px;left:-17px;text-align:left;line-height:25px; margin:0 auto;min-width:160px;border-top:2px solid #a90056; }
.gnb ul.depth1 .subfont{text-align:center;border-bottom:1px solid #e8e8e8;line-height:22px;background:rgba(255,255,255,0.9)}
.gnb ul.depth1 .subfont a{display:block;padding:8px 20px;;font-size:13px;font-weight:normal;color:#5f5956;}
.gnb ul.depth1 .subfont a:hover{background:#fff}

#container{position:relative;width:100%;margin:0 auto; background:#f7f7f7;}
#sub_container{position:relative;width:1200px;margin:0 auto;background-color:#fff;z-index:10}



/*lnb*/
.lnb {position:relative;float:left;width:240px; z-index:999;}
.lnb h2{width:100%;height:120px;line-height:35px;font-weight:400;color:#fff;font-size:30px;letter-spacing:-1.0px; text-align:center; background:url('/resources/site/nurse/resource/images/layout/lnb_bg.png') no-repeat center top/cover}
.lnb h2 span{display:block;padding:45px 30px;}
.lnb .lnb_m{background-color:#fff}
.lnb .lnb_m a{display:block;color:#444;font-size:18px;letter-spacing:-1px;font-weight:300;background:url('/resources/site/nurse/resource/images/layout/lnb_off.png') no-repeat 210px center;border-top:1px solid #e7e7e7;padding:15px}
.lnb .lnb_m li:last-child {border-bottom:1px solid #e7e7e7}
.lnb .lnb_m .on > a{background:url('/resources/site/nurse/resource/images/layout/lnb_on.png') no-repeat 210px center;font-weight:600}
.lnb .lnb_m dl{border-top:1px solid #e7e7e7;}
.lnb .lnb_m dl dd > a{font-size:16px;color:#6c6c6c;border:none;background:none;background-color:#f5f5f5;padding:12px 20px;}
.lnb .lnb_m .on dl{border-top:1px solid #009abd}
.lnb .lnb_m .on dl dd > a{background-color:#f9f9f9}
.lnb .lnb_m .on dl dd >  a:hover{background-color:#f1f1f1;transition:all 0.5s ease}
.lnb .lnb_m .on dl dd.on > a{color:#009abd;font-weight:bold;background-image:none}

#contents{position:relative;float:right;width:900px;min-height:750px;letter-spacing:-0.8px;color:#444;font-weight:300;padding-bottom:70px;}
.sub_top{position:relative;margin-bottom:18px}
.sub_top h1{position:relative;font-size:34px;letter-spacing:-3px;font-weight:normal;color:#444;border-bottom:1px solid #e7e7e7;padding:55px 0 15px 0;}
.sub_top h1 span{font-size:14px;color:#999;padding-left:10px;letter-spacing:-0.3px; font-weight:100;}
.sub_top .m_scroll{display:none;margin-top:10px;font-size:14px;color:#999;letter-spacing:-0.5px;}
.location{position:absolute ;overflow:hidden; bottom:18px; right:0; padding:0; color:#FFF; font-size:14px;}
.location li{float:left;color:#7e7e7e;font-weight:300;}
.location li span{margin:0 10px;vertical-align:middle;}
.location li img{vertical-align:middle; margin-top:-4px;}
.location strong{font-weight:bold}

/*banner*/
.fl_left{float:left;}
.fl_right{float:right;}
.clear{clear:both;}
.footer_banner {position:relative; width:100%; height:75px; overflow:hidden; background:#e9e9e9; margin-top:18px;}

/*배너모음*/
.bannerBox{position:relative; width:1200px; margin:0 auto; overflow:hidden;}
.bannerBox h2{font-size:18px; font-weight:normal; letter-spacing:-0.5px; line-height:75px; padding-right:12px;}
.bannerBox ul{padding-left:100px !important;}
.bannerBox ul li{display:inline-block;*display:inline;zoom:1; padding:0 9px;}
.bannerBox ul li a img{width:150px; height:38px;}
.bannerBox .btn_banner{position:absolute; top:26px; left:60px;}
.bannerBox .btn_banner a{float:left; padding:0 7px;/*line-height:75px;*/}

/*배너존 슬라이드*/
.fl_left2{width:1072px !important; margin-left:66px !important; margin-top:18px;}
/*.bx-wrapper{margin-top:17px; width:1072px !important;overflow:hidden; max-width: 1072px !important;}
.bx-viewport{height:90px; width:1100px !important; margin-left:-25px !important;}
.bx-pager{display:none !important; }
.ul-banner{width:1072px;height:90px; }
*/


/*footer*/
#footer{clear:both;position:relative; width:100%; }
#footer .footer_in{position:relative;width:100%;margin:0 auto;height:41px; background:#212121;}
#footer .footer_in li{display:inline-block;*display:inline; *zoom:1; line-height:41px;margin:0 10px;}
#footer .footer_in li:first-child{margin-left:0;}
#footer .footer_in li a{color:#ebe5e2;font-weight:300; font-size:14px;}
#footer .footer_in li a.col_yellow{color:#fff000; font-weight:500;}
#footer .footer_in li a.col_orange{color:#ffc000; font-weight:600;}
#footer .footer_in .rel_site_box{width:1200px; margin:0 auto;}
#footer .footer_in .rel_site li{position:relative;width:150px;float:right;background:#000;cursor:pointer;color:#d6d6d6;display:block;padding:0 35px;margin:0;font-size:14px}
#footer .footer_in .rel_site li:hover{background-color:#0f0d0d;transition:all 0.5s ease}
#footer .footer_in .rel_site li img{position:absolute;right:35px;top:18px}
#footer .footer_in .rel_site dl{position:absolute;bottom:41px;right:0;width:220px;background-color:#4b4b4b;overflow:hidden;z-index:90;height:0px;}
#footer .footer_in .rel_site dl a{display:block;padding:0 35px}
#footer .footer_in .rel_site dl dd:hover{background-color:#373737;transition:all 0.5s ease}
#footer .footer_in .rel_site dl dd:hover a{color:#fff;}
#footer .copyright{position:relative; width:100%; background:#333333;}
#footer .copyright .copy{position:relative;width:1200px;margin:0 auto; padding:25px 0 35px 0;}
#footer .copyright .copy .copy_logo{position:absolute; top:25px; left:0;font-size:20px;color:#8a8a8a;font-weight:600}
#footer .copyright .copy .copy_logo img{padding-right:10px}
#footer .copyright .copy address{color:#8a8a8a;font-weight:300; font-size:14px; letter-spacing:0.5px; line-height:22px; padding-left:370px;}
#footer .copyright .copy p{font-size:12px;font-weight:300;color:#8a8a8a;letter-spacing:0;padding-top:5px; padding-left:370px;}
#footer .copyright .copy address a{color:#8a8a8a}

/*************** PC Device ***************/
@media only screen and (min-width:768px) and (max-width:1220px) {
	#wrap,#intro_wrap,#header,#footer,.open_box{width:1220px;}
}

/*************** Mobile Device ***************/
@media screen and (max-width:767px) and (-webkit-device-pixel-ratio: 2){
	#wrap{min-width:380px;max-width:auto;overflow:hidden}
	#intro_wrap{min-width:380px;max-width:auto;}

} 

@media all and (max-width:767px) {

	#header{height:60px;}
	#header .logo{width:100%;margin-left:4%}
	#header .logo .header_logo {font-size:18px;font-weight:600;top:17px}
	#header .logo .header_logo img{width:130px;}
	#header .header_in .top_menu{position:relative;margin:0 auto;width:100%;height:40px; background:#f2f2f2;}
	#header .header_in .top_menu ul.tab{width:49%;}
	#header .header_in .top_menu ul.tab li{width:100%;float:left;text-align:center;}
	#header .header_in .top_menu ul.tab li a{display:block;width:100%; height:40px; line-height:40px;color:#fff;font-size:13px}
	#header .header_in .top_menu ul.menu{width:50%;}
	#header .header_in .top_menu ul.menu li{padding:0;width:100%;float:left;text-align:center;}
	#header .header_in .top_menu ul.menu li a{display:block;width:100%; height:40px; line-height:40px;color:#a29791;}
	#header .header_in{display:none}

	.header_menu{display:none;}

	/* gnb */
	.gnb{clear:both; display:none;}
	.gnb ul.depth1 li{display:none}

	/* mobile_gnb */
	.m_top{position:absolute; right:4%; top:15px; }
	.m_top img{width:30px;}
	.cssmenu { width:0px; position:fixed; height:2000px; background:#4a4a4a; right:0; top:0;z-index:999;}
	#cssmenu,#cssmenu ul,#cssmenu li,#cssmenu a { font-weight: normal; text-decoration: none; line-height: 1; font-size:14px; position: relative;text-align:left}
	#cssmenu .cssmenu_top{position:relative; background:#fff}
	#cssmenu .cssmenu_top h2{padding:15px 0 15px 15px;}
	#cssmenu .cssmenu_top h2 img{width:100px}
	#cssmenu .cssmenu_top h2 p{font-size:18px; letter-spacing:-0.8px; font-weight:600; margin-top:8px;}
	#cssmenu .cssmenu_top .btn_close{position:absolute;top:20px;right:15px}
	#cssmenu .cssmenu_top ul{background:#f1f1f1;height:40px}
	#cssmenu .cssmenu_top ul li{float:left;width:50%;display:inline-block;background:#f1f1f1;}
	#cssmenu .cssmenu_top ul li:last-child{border-left:1px solid #ddd;margin-left:-1px}
	#cssmenu .cssmenu_top ul li a{display:block;color:#333;font-size:13px;text-align:center;padding:12px 4px}
	#cssmenu .cssmenu_top .m_logout{height:85px}
	#cssmenu .cssmenu_top .m_logout .hello{background:#491731;color:#fff;padding:15px 0;width:220px;text-align:center;font-weight:600;font-size:15px;}
	#cssmenu .cssmenu_top .m_logout ul .floatLeft{float:left;}
	#cssmenu a { line-height: 1.3;}
	#cssmenu {width:220px; overflow:hidden; /*height:100%;*/ height:600px; overflow-y:auto; border-left:1px solid #ddd;}
	#cssmenu > ul > li > a {font-size: 24px; font-weight: bold;display: block;text-transform: uppercase;position: relative;}
	#cssmenu > ul > li > a > span {background:url('/resources/site/nurse/resource/images/layout/gnb_all_bg_off.gif') no-repeat;background-position:18px 22px; padding:14px 15px 14px 38px; border-bottom:1px solid #3a3a3a; color:#fff; display: block; font-size:15px; font-weight:normal; }
	#cssmenu > ul > li > a:hover {text-decoration: none;}
	#cssmenu > ul > li.active {border-bottom: none;}
	#cssmenu > ul > li.active > a {color: #fff;}
	#cssmenu > ul > li.active > a span {background:url('/resources/site/nurse/resource/images/layout/gnb_all_bg_on.gif') no-repeat;background-position:18px 22px;color:#fff;}
	#cssmenu span.cnt {position: absolute;top: 8px;right: 15px;padding: 0;margin: 0;background: none; display:none;}
	#cssmenu ul ul {display: none;}
	#cssmenu ul ul li {border-bottom:1px solid #e1e1e1;border-top: 0;}
	#cssmenu ul ul a {padding: 12px 0 12px 40px;display: block; color: #4a4a4a; font-weight: normal; font-size: 13px;}
	#cssmenu ul ul a:hover {color:#333;}
	#cssmenu ul ul li.odd {background: #f5f5f5 url('/resources/site/nurse/resource/images/layout/mobile_smenu_dot.gif') no-repeat 28px center;}
	#cssmenu ul ul li.even {background: #f5f5f5 url('/resources/site/nurse/resource/images/layout/mobile_smenu_dot.gif') no-repeat 28px center;}


	/* sub */
	#sub_container{width:92%;margin:0 4%}
	#contents{width:100%;min-height:auto;}
	#contents .sub_contents img{width:100%}
	#tnb{display:none;}
	.sub_top h1{padding-top:20px; font-size:26px;}
	.sub_top span{display:none}
	
	/*모바일 서브메뉴*/
	.m_submen{background:#f5f5f5; border-bottom:1px solid #e8e8e8;}
	.lnb {display:none;}
	.location{display:none;}
	.m_location{position:relative; overflow:hidden; padding:3% 3%; line-height:10px; width:100%;}
	.m_location img{padding-right:5px; width:3%; padding-top:1px;}
	.m_location img.drop_down {padding-left:5px; padding-right:0; width:2%;}
	.m_location a{color:#888; font-size:12px;}
	.m_location strong { color:#009b6d; font-size:13px; font-weight:600;}
	.m_location p{color:#888;padding:2px 24px;padding-left:35px}
	.m_location span.arrow {position:absolute; top:3px; left:0;color:#999; font-size:11px; line-height:8px; padding:0 7px;}
	/*.m_location select {*/
	 /*-webkit-appearance: none;*/
	  /*-moz-appearance: none;*/
	  /*appearance: none;*/
	  /*background:none; border:0; width:150px; font-size:0.75em; padding-left:15px;}*/
	/*.m_location .btn{position:absolute;right:5px;top:6px;color:#888;font-size:0.6em; z-index:999;}*/
	/*.m_location .btn02{position:absolute;right:5px;top:6px;color:#e37631;font-size:0.6em; z-index:999;}*/

	
	/*footer_banner*/
	.footer_banner {width:100%; height:100%; margin-top:0;}
	.bannerBox {width:100%; background:#e9e9e9;}
	.bannerBox ul {margin-left:-6px; padding-left:0 !important;;}
	.bannerBox ul li{padding:0 17px;}
	.banner_wrap {width:100%; height:75px; margin:0 auto; background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee;}
	.bannerBox h2 {font-size:17px; letter-spacing:-1px; float:left; width:43%; margin-left:5%; display:none;}
	.btn_banner.fl_left {float:right; text-align:right;}
	.bannerBox .btn_banner{z-index:30;left:unset;right:0;top:1px;background:#fff;padding-left:14px; display:none;}
	.fl_left2{margin-left:2% !important;}
	.fl_left.fl_left2 {width:100%;position:absolute;top:0;left:0}
	.bannerBox .btn_banner a{line-height:75px}


		/*footer*/
	#footer{clear:both}
	#footer .footer_in{width:100%;margin:0 auto;text-align:center;height:auto; }
	#footer .footer_in li{line-height:22px;margin:0 5px;}
	#footer .footer_in li a{color:#ebe5e2;font-weight:300; font-size:13px;}
	#footer .footer_in .rel_site_box{width:100%;; margin:0 auto;}
	#footer .footer_in .rel_site_box .menu{padding:10px 0;}
	#footer .copyright .copy{width:92%;margin:0 4%;text-align:center}
	#footer .footer_in .rel_site{margin:0;padding:0;width:100%;}
	#footer .footer_in .rel_site li{float:none;position:relative;width:100%;padding:10px 0;}
	#footer .footer_in .rel_site dl{width:100%;}
	#footer .footer_in .rel_site dl dd a{padding:10px 0;}
	#footer .copyright .copy .copy_logo{display:none;}
	#footer .copyright .copy address{color:#777;font-weight:300; font-size:13px; letter-spacing:0.5px; line-height:22px; padding-left:0; }
	#footer .copyright .copy p{font-size:11px;font-weight:300;color:#999;letter-spacing:0;padding-top:5px; padding-left:0;}

	.contents_box img{max-width:100%}
}


