@charset "utf-8";
/* CSS Document */
/*layer out*/
#wrap {padding-left:220px; padding-top:85px; padding-bottom:60px; height:100%; overflow:hidden; background-image:url(../images/bg_04.jpg); background-position:0px 0px; background-repeat:no-repeat; background-size:cover; box-sizing:border-box}
#header {width:100%; height:85px; margin-top:-85px; position:relative;}
#cont_wrap {padding:0px 0px; text-align:left; height:100%; box-sizing:border-box}
.content {position:relative; border-radius:0px; background:#f5f5f5; padding:30px 30px; padding-top:100px; height:100%; overflow:scroll; box-sizing:border-box;}
.nav {position:absolute; right:30px; top:30px; padding:3px 0px; overflow:hidden;}
.nav ul {display:inline-block; float:right; background:url(../images/nav_i_01.png) 0px 2px no-repeat; margin:0px auto; padding-left:25px; overflow:hidden; }
.nav ul li {display:inline-block; float:left; background:url(../images/nav_i_02.png) left 2px no-repeat; padding-left:15px; padding-right:13px; font-size:11px; color:#535353;}

.title {display:inline-block; float:left;  padding:5px 5px; margin-bottom:0px; margin-top:-70px; width:100%; height:40px; box-sizing:border-box; border-bottom:1px solid #e5e5e5;}
.title b {font-size:20px; font-weight:600; color:#333333; }

.s_cont {}

/*header*/
.h_logo {position:absolute; left:5px; bottom:0px; width:220px; height:60px; line-height:60px; font-size:28px; font-weight:bold; color:#ffffff !important;}
.h_logo img {max-width:100%;}
#header .t_menu { overflow:hidden; padding:5px 10px; height:24px; line-height:24px; text-align:right }
#header .t_menu div {display:inline-block; padding:0px 10px; font-size:14px; color:#333333;}
#header .t_menu div b {}
#header .t_menu li {display:inline-block; padding:0px 5px; margin:0px 2px 0px 0px; font-size:11px;border:0px solid #eaeaea; background:#ffffff;}
#header .t_menu li a {color:#333333;}
#header .t_menu li a:hover {color:#ff4400}
#header .t_menu li .btn_a {}
#header .t_menu li .btn_a:hover {color:#ff4400 !important}
#header .t_menu span {position:absolute; left:6px; top:6px; color:#cbc6c2}
#header .menu_btn {display:none; position:absolute; right:5px; top:7px; background:#ffffff url(../images/category_icon_01.png) 50% 50% no-repeat; width:30px; height:30px; text-indent:-1000em; overflow:hidden; border:0px solid #ffffff; border-radius:0px;}
#header .mobile_h_btn {display:none; position:absolute; right:50px; top:7px; }
#header .mobile_h_btn button {height:30px; line-height:30px; background-color:#565656; border:0px; font-size:12px; color:#ffffff;}
#header .mobile_h_btn button span {display:inline-block; background-repeat:no-repeat; background-size:16px;}
#header .mobile_h_btn button.send span {background-image:url(../images/icon_send.png); background-position:right 46%; padding-right:23px; }
#header .mobile_h_btn button.accept span {background-image:url(../images/icon_accept.png); background-position:0px 46%; padding-left:23px; }
.mega-menu ul {position: relative; padding: 0; margin: 0;}
.mega-menu ul li ul {display: none;}
.mega-menu .sub {display: none;}
.mega-menu .sub ul {display: block;}

.hmenu {position:absolute; left:260px; bottom:0px; display:inline-block; font:"돋움"; background:#565656;}
.hmenu ul.mega-menu {height:60px;  position:relative; border-left:1px solid #4b4b4b; border-right:0px solid #545454;}
.hmenu ul.mega-menu li {float: left; margin: 0; padding: 0; font-size: 13px; font-weight: bold; border-right:1px solid #4b4b4b;}
.hmenu ul.mega-menu li a {float: left; display: block; color: #eaeaea; height:60px; line-height:60px; padding:0px 28px 0px 15px; text-align:left; text-shadow:0px 0px 0px #000; text-decoration: none;}
.hmenu ul.mega-menu li a.dc-mega {position: relative}
.hmenu ul.mega-menu li a .dc-mega-icon {display: block; position: absolute; top: 27px; right: 15px; width: 8px; height: 6px; background: url(../images/arrow.png) no-repeat 0 0;}
.hmenu ul.mega-menu li.mega-hover a, 
.hmenu ul.mega-menu li a:hover { background-color:#ffffff;background-position:100% -40px; color: #000000; }
.hmenu ul.mega-menu li.mega-hover a .dc-mega-icon {background-position: 0 100%;}
.hmenu ul.mega-menu li .sub-container {position: absolute; background: url(../images/bg_sub_left.png) no-repeat 0 100%; padding-left:10px; margin-top:0px; margin-left: -3px;}
.hmenu ul.mega-menu li .sub {background: url(../images/bg_sub.png) no-repeat 100% 100%; padding: 20px 20px 20px 10px;}
.hmenu ul.mega-menu li .sub-container.mega .sub {padding: 20px 20px 10px 0;}
.hmenu ul.mega-menu li .sub .row {width: 100%; overflow: hidden; clear: both;}
.hmenu ul.mega-menu li .sub li {list-style: none; float: none; width: 170px; font-size: 1em; font-weight: normal; border-right:0px; border-left:0px;}
.hmenu ul.mega-menu li .sub li.mega-hdr {margin: 0 10px 10px 0; float: left;}
.hmenu ul.mega-menu li .sub li.mega-hdr.last {margin-right: 0;}
.hmenu ul.mega-menu li .sub a {background: none; border: none; text-shadow: none; color: #111; height:18px; line-height:18px; padding: 7px 10px; display: block; float:none; text-decoration: none; font-size: 0.9em;  border-top-left-radius:0px; border-top-right-radius:0px; }
.hmenu ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a {padding: 5px 5px 5px 15px; margin-bottom: 15px; background: #304B73; text-transform: uppercase; font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #333;}
.hmenu ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {color: #A8B7CF; text-shadow: none;}
.hmenu ul.mega-menu .sub li.mega-hdr li a {padding: 4px 5px 4px 20px; background: url(../images/arrow_off.png) no-repeat 5px 9px; font-weight: normal;}
.hmenu ul.mega-menu .sub li.mega-hdr li a:hover {color: #a32403; background: #efefef url(../images/arrow_on.png) no-repeat 5px 9px;}
.hmenu ul.mega-menu .sub ul li {padding-right: 0;}
.hmenu ul.mega-menu li .sub-container.non-mega .sub {padding:20px 10px 20px 0;}
.hmenu ul.mega-menu li .sub-container.non-mega li {padding: 0; width:190px; margin: 0;}
.hmenu ul.mega-menu li .sub-container.non-mega li a {padding: 7px 5px 7px 12px; background: url(../images/arrow_off.png) no-repeat 7px 13px;}
.hmenu ul.mega-menu li .sub-container.non-mega li a:hover {color: #a32403; background: #efefef url(../images/arrow_on.png) no-repeat 7px 13px;}

/*모바일용 메뉴 */
#menu {position:absolute; top:0px; background-color:#565656; z-index:1000; overflow:hidden; overflow-y:auto; height:100%; border-right:1px solid #000; box-sizing:border-box; }
#menu .menu_btn {position:absolute; right:10px; top:10px; width:30px; height:30px; background-color:transparent; background-image:url(../images/menu_close.png); background-repeat:no-repeat; background-position:50% 50%; background-size:80%; border:0px; text-indent:-1000em; overflow:hidden;}
#menu ul.mem {padding:50px 30px 20px 20px; text-align:center; border-bottom:1px solid #505050; overflow:hidden;}
#menu ul.mem div {display:inline-block; padding:5px 5px; font-size:14px; color:#ffffff;}
#menu ul.mem div b {}
#menu ul.mem li {float:left; width:50%; padding:5px 3px; box-sizing:border-box;}
#menu ul.mem li a {display:inline-block; background-color:#ffffff; width:100%; height:24px; line-height:24px; font-size:12px; font-weight:500; color:#bababa; text-align:center; border-radius:2px; box-sizing:border-box}
#menu ul.mem li a.logout {border:1px solid #ed1a34; color:#ed1a34;}
.lnb {padding:0px 1px; padding-left:20px; border-top:1px solid #ffffff; }
.lnb li {padding:0 0px; border-bottom:1px solid #eaeaea;}
.lnb li a {display: block; height:100%; padding:10px; font-size:16px; color:#ffffff; font-weight:600; }
.lnb > ul {border-top:0px solid #eeeeee}
.lnb li > ul {border-top:1px solid #eaeaea;}
.lnb li > ul li {padding: 0 0px; border-bottom:0px dashed #eeeeee;}
.lnb li > ul li:last-child {border-bottom:0px;}
.lnb li > ul li a {padding:10px 0px; padding-left:30px; font-size:14px; color:#ffffff; font-weight:100; }
.lnb li > ul li > ul li {padding: 10px 0 10px 20px; }
.lnb li > ul li > ul li a {color:black; box-sizing:border-box; overflow:hidden; }
.lnb li.selected {color:#000000 !important; border-bottom:0px;}
.lnb li.selected > a {color:#000000;}
.lnb ul li.selected > a {}
.lnb ul li.selected > ul {}
.lnb ul li.selected > ul li {}
.lnb ul li.selected > ul a {}
.lnb li.none_g a {background-image:none;}

#footer {margin-top:0px; padding:20px 0px; text-align:center; }
#footer p {color:#333333;}
#footer p b {color:#000000;}
.scrool_top {position:fixed; right:10px; bottom:15px; z-index:1000; background-color:#ffffff; background-image:url(../images/scrool_top.png); background-position:50% 50%; background-repeat:no-repeat; background-size:25px; }
.scrool_top {width:50px; height:50px; text-indent:-1000em; overflow:hidden; box-shadow:0px 4px 5px rgba(0,0,0,.3); border:1px solid #e5e5e5; border-radius:50%; box-sizing:border-box;}

/*paging, prevnext*/
.paging	{width:100%; text-align:center; padding:10px 0px; overflow:hidden;}
.paging .paginate {}
.paging .paginate a,
.paging .paginate strong {display:inline-block; margin:0x; padding:0px 5px; text-align:center; line-height:24px; height:24px; font-size :12px; font-weight :bold; color:#757575; border:1px solid #dadada;}
.paging .paginate strong {font-weight :bold; color:#FF6E00 !important; border:1px solid #d70001}
.paging .paginate a:hover,
.paging .paginate a:active,
.paging.paginate a:focus{background-color:#f7f7f7;}
.paging .paginate a.pre,
.paging .paginate a.pre_end,
.paging .paginate a.next,
.paging .paginate a.next_end{color:#757575; font-size :12px; margin:0px; padding:0px 5px; border:1px solid #dadada;} 


/*레이어 팝업*/
.overlay {width: 100%;  height: 100%;  position: fixed;  top: 0;  left: 0;  z-index:1000;  display: none;}
.modal {display:none;  background:#ffffff; border:0px solid #333333; border-radius:0px;  padding:0px;  overflow:auto;  z-index:1001;  position: absolute;}
.modal .popup_wrap {}
.modal .popup_wrap h2 {display:block; background-color:#535353; line-height:20px; height:20px; position:relative; padding:10px 10px; margin-bottom:5px;}
.modal .popup_wrap h2 b {display:inline-block; font-size:18px; color:#ffffff; font-weight:500;}
.modal .popup_wrap h2 span {display:inline; padding-left:10px; font-size:11px; color:#f4f4f4; font-weight:100;}
.modal .popup_wrap .closeBtn {display:inline-block; position:absolute; right:10px; top:10px; font-size:24px; font-weight:600;  text-align:left; color:#a0a0a0;  margin:0px;}
.modal .popup_wrap .closeBtn:hover {cursor: pointer;}
.modal .popup_wrap .popup_cont {padding:10px 15px; font-size:14px; line-height:24px;}
.p_w200 {width: 200px;}
.p_w300 {width: 300px;}
.p_w370 {width: 370px;}
.p_w400 {width: 400px;}
.p_w430 {width: 430px;}
.p_w500 {width: 500px;}
.p_w600 {width: 600px;}
.p_w700 {width: 700px;}



@media only screen and (min-width:800px) {
	#menu {position:relative !important; left:0px !important; top:-85px !important; float:left; margin-left:-220px; background-color:transparent; border-right:0px; }
	#menu .menu_btn {display:none;}
	#menu .h_logo {position:relative; display:block; padding-top:20px; height:65px; line-height:65px; font-size:28px; font-weight:bold; color:#ffffff !important; text-align:center;}
	#menu ul.mem {display:none;}
	#header .h_logo {display:none;}
	#header .hmenu {left:0px;}
}
@media only screen and (max-width:800px) {
	#wrap {padding-left:0px !important;}
	#header {height:45px;}	
	#cont_wrap {padding:0px 0px;}
	.content {border-radius:0px; background:#ffffff; padding:10px 5px; padding-top:100px;}
	.h_logo {line-height:40px; height:40px; font-size:20px;}
	#header .menu_btn {display:inline-block;}
	#header .mobile_h_btn {display:inline-block}
	#menu {display:inline-block;}
	#menu {position:absolute}
	#menu .h_logo {display:none;}
	.hmenu {display:none;}
	#header .t_menu {display:none;}
}
@media only screen and (max-width:460px) {
	#cont_wrap {padding:0px 0px;}
	.nav {display:none;}
	.p_w200,.p_w300,.p_w370 ,.p_w400,.p_w430,.p_w500,.p_w600,.p_w700 {width:80% !important;}
}

@media only screen and (max-width: 340px) {
	.p_w200,.p_w300,.p_w370 ,.p_w400,.p_w430,.p_w500,.p_w600,.p_w700 {width:100% !important;}
	
}