@charset "utf-8";

*{box-sizing:border-box; font-family: 'Noto Sans KR'; word-break:keep-all;}

.mob{display:none;}
.pc{display:block;}

/* global class */
.align_left {text-align:left !important;} .align_center {text-align:center !important;} .align_right {text-align:right !important;} .align_justify {text-align:justify !important;}
.valign_top {vertical-align:top !important;} .valign_middle{vertical-align:middle !important;} .valign_bottom {vertical-align:bottom !important;} 
.display_block {display:block !important;} 
.display_no {display:none !important;}
.display_non{display:none;}
.display_none{position:absolute; left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
.visibility_hidden {position:absolute !important; visibility:hidden !important; font-size:0 !important; line-height:0 !important; height:0 !important; overflow:hidden !important;}
.float_left {float:left !important;}
.float_right {float:right !important;}
.clear_both {clear:both !important;}
.background_none {background:none !important;}
.border_none {border:none !important;}
.border_topnone {border-top:none !important;}
.border_rightnone {border-right:none !important;}
.border_bottmonone {border-bottom:none !important;}
.border_leftnone {border-left:none !important;}
.padding_none {padding:0 !important;}
.margin_none {margin:0 !important;}
.fontweight_normal {font-weight:normal !important;}
.fontweight_bold {font-weight:bold !important;}
.position_absolute {position:absolute !important;}
.position_relative {position:relative !important;}

.bold_300{font-weight:300 !important;} .bold_400{font-weight:400 !important;} .bold_500{font-weight:500 !important;} .bold{font-weight:bold !important;}

.mal3 {margin-left:3px !important;} .mal5 {margin-left:5px !important;} .mal10 {margin-left:10px !important;} .mal15 {margin-left:15px !important;} .mal20 {margin-left:20px !important;} .mal25 {margin-left:25px !important;} .mal30 {margin-left:30px !important;} .mal35 {margin-left:35px !important;} .mal40 {margin-left:40px !important;} .mal50 {margin-left:50px !important;} .mal55 {margin-left:55px !important;} .mal60 {margin-left:60px !important;} .mal65 {margin-left:65px !important;} .mal70 {margin-left:70px !important;} .mal75 {margin-left:75px !important;} .mal80 {margin-left:80px !important;} .mal90 {margin-left:90px !important;} .mal100 {margin-left:100px !important;} .mal120 {margin-left:120px !important;} .mal130 {margin-left:130px !important;} .mal140 {margin-left:140px !important;} .mal150 {margin-left:150px !important;} .mal-5 {margin-left:-5px !important;} .mal-10 {margin-left:-10px !important;} .mal-15 {margin-left:-15px !important;} .mal-20 {margin-left:-20px !important;} .mal-25 {margin-left:-25px !important;} .mal-30 {margin-left:-30px !important;} .mal-35 {margin-left:-35px !important;} .mal-40 {margin-left:-40px !important;} .mal-45 {margin-left:-45px !important;} .mal-50 {margin-left:-50px !important;}
.mar0 {margin-right:0 !important;} .mar5 {margin-right:5px !important;} .mar10 {margin-right:10px !important;} .mar15 {margin-right:15px !important;} .mar20 {margin-right:20px !important;} .mar25 {margin-right:25px !important;} .mar30 {margin-right:30px !important;} .mar35 {margin-right:35px !important;} .mar40 {margin-right:40px !important;} .mar45 {margin-right:45px !important;} .mar50 {margin-right:50px !important;} .mar55 {margin-right:55px !important;} .mar60 {margin-right:60px !important;} .mar70 {margin-right:70px !important;} .mar80 {margin-right:80px !important;} .mar90 {margin-right:90px !important;} .mar100 {margin-right:100px !important;} .mar120 {margin-right:120px !important;} .mar130 {margin-right:130px !important;} .mar140 {margin-right:140px !important;} .mar150 {margin-right:150px !important;}
.mab0 {margin-bottom:0 !important;} .mab5 {margin-bottom:5px !important;} .mab10 {margin-bottom:10px !important;} .mab15 {margin-bottom:15px !important;} .mab20 {margin-bottom:20px !important;} .mab25 {margin-bottom:25px !important;} .mab30 {margin-bottom:30px !important;} .mab35 {margin-bottom:35px !important;} .mab40 {margin-bottom:40px !important;} .mab45 {margin-bottom:45px !important;} .mab50 {margin-bottom:50px !important;} .mab70 {margin-bottom:70px !important;}
.ma0 {margin-bottom:0 !important;} .ma5 {margin-bottom:5px !important;} .ma10 {margin-bottom:10px !important;} .ma15 {margin-bottom:15px !important;} .ma20 {margin-bottom:20px !important;} .ma25 {margin-bottom:25px !important;} .ma30 {margin-bottom:30px !important;} .ma35 {margin-bottom:35px !important;} .ma40 {margin-bottom:40px !important;} .ma45 {margin-bottom:45px !important;} .ma50 {margin-bottom:50px !important;}
.mat0 {margin-top:0 !important;} .mat4 {margin-top:4px !important;} .mat5 {margin-top:5px !important;} .mat10 {margin-top:10px !important;} .mat15 {margin-top:15px !important;} .mat20 {margin-top:20px !important;} .mat25 {margin-top:25px !important;} .mat30 {margin-top:30px !important;} .mat35 {margin-top:35px !important;} .mat40 {margin-top:40px !important;} .mat45 {margin-top:45px !important;} .mat50 {margin-top:50px !important;} .mat60 {margin-top:60px !important;}  .mat70 {margin-top:70px !important;}   .mat100 {margin-top:100px !important;} .mat-5 {margin-top:-5px !important;} .mat-10 {margin-top:-10px !important;} .mat-15 {margin-top:-15px !important;} .mat-20 {margin-top:-20px !important;} .mat-25 {margin-top:-25px !important;} .mat-30 {margin-top:-30px !important;} .mat-35 {margin-top:-35px !important;} .mat-40 {margin-top:-40px !important;} .mat-45 {margin-top:-45px !important;} .mat-50 {margin-top:-50px !important;}
.pal5 {padding-left:5px !important;} .pal10 {padding-left:10px !important;} .pal15 {padding-left:15px !important;} .pal20 {padding-left:20px !important;} .pal25 {padding-left:25px !important;} .pal30 {padding-left:30px !important;} .pal35 {padding-left:35px !important;} .pal40 {padding-left:40px !important;} .pal50 {padding-left:50px !important;}
.par0 {padding-right:0 !important;} .par5 {padding-right:5px !important;} .par10 {padding-right:10px !important;} .par15 {padding-right:15px !important;} .par20 {padding-right:20px !important;} .par25 {padding-right:25px !important;} .par30 {padding-right:30px !important;} .par35 {padding-right:35px !important;} .par40 {padding-right:40px !important;}
.pat0 {padding-top:0 !important;}
.pat5 {padding-top:5px !important;} .pat8 {padding-top:8px !important;} .pat10 {padding-top:10px !important;} .pat15 {padding-top:15px !important;} .pat20 {padding-top:20px !important;} .pat25 {padding-top:25px !important;} .pat30 {padding-top:30px !important;} .pat35 {padding-top:35px !important;} .pat40 {padding-top:40px !important;}
.pab5 {padding-bottom:5px !important;}.pab10 {padding-bottom:10px !important;}.pab15 {padding-bottom:15px !important;}.pab20 {padding-bottom:20px !important;}.pab25 {padding-bottom:25px !important;}.pab30 {padding-bottom:30px !important;}.pab35 {padding-bottom:35px !important;}.pab40 {padding-bottom:40px !important;} .pab70 {padding-bottom:70px !important;}
.pa0{padding:0 !important;} .pa5{padding:5px !important;} .pa10{padding:10px !important;} .pa15{padding:10px !important;} .pa20{padding:15px !important;} .pa25{padding:25px !important;} .pa30{padding:30px !important;} .pa35{padding:35px !important;} .pa40{padding:40px !important;} .pa45{padding:45px !important;} .pa50{padding:50px !important;}

.inner{width:1200px; margin:0 auto; position:relative;}
.inner2{width:1100px; margin:0 auto; position:relative;}

.logo{text-align: left; display: inline-block;  float: left; margin-top: 18px; position:absolute; left:50px; z-index:120}

/* header */
header#header {width:100%; height:66px;}

/*gnb start*/
#gnb #depth > li:first-child {margin-left: 266px;}

#gnb {position:relative; width:100%; height:auto; z-index:100; }
#gnb_wrap {position:relative; width:100%; height:66px; z-index:10;}

#gnb_bg {position:relative; width:100%;height:66px; margin:0 auto;  overflow:hidden; z-index:101;}

#depth { position:relative; height:100%; margin:0 auto; padding:0; z-index:950;}
#depth ul {margin:0; padding:0;}
#depth ul li {margin:0; padding:0; list-style-type:none;}
#depth:after {content:""; clear:both; display:block;}
#depth li.depth_01 {display:inline-block;float:left; width:auto;}
/*#depth li.depth_01 .depth_info {position:absolute; left:0; width:254px; top:75px; bottom:0; border-right:1px solid #eaeaea; z-index:990;}*/
#depth li.depth_01 .depth_info p {color:#fff; font-size:1.571em; line-height:1.286em; margin:30px 0 20px 0;}
#depth li.depth_01 .depth_info p strong {display:block; font-size:30px; line-height:1em; font-weight:normal; padding-top:15px; margin-top:15px; color:#535353;}
#depth li.depth_01 .depth_info p span {display:block; font-size:15px; line-height:1em; letter-spacing:1; font-weight:bold; padding-top:15px; color:#e9e9e9;}
#depth li.depth_01 .depth_info p span img {display:block; padding-top:10px;}
#depth li.depth_01 .depth_info span {display:block;}
#depth li.depth_01 .depth_info span a {display:inline-block; margin-bottom:10px; vertical-align:top; color:#333; font-size:14px; border:1px solid #d3d3d3; padding:7px 37px 7px 20px; height:auto;}
#depth li.depth_01 a.depth_01_link {color:#000; display:block; height:66px; line-height:66px;padding:0 24px; text-align:center; font-weight:bold; font-size:18px; text-decoration:none; transition: all 0.1s ease-in-out 0s;}
#depth li.depth_01 a.depth_01_link span {float:left;}
#depth li.depth_01 a.current, 
#depth li.depth_01 a:hover, 
#depth li.depth_01 a:active, 
#depth li.depth_01 a:focus {color:#8cb930}

#depth li.depth_01 ul.depth_02 {width:200px; position:absolute; padding-top:15px; top:66px; height:100%; background:#fff; /* border-bottom:3px solid #80bd01; outline:1px solid red */}
#depth li.depth_01 ul.depth_02:before{content:""; width:15px; height:2px; display:inline-block; background:#ccc; position:absolute; left:25px; top: -7px; z-index:999}
#depth li.depth_01 ul.depth_02:after {content:""; display:inline-block; background:#80bd01; width:200px; height:3px; position:absolute; bottom:30px; left:0}
#depth li.depth_01 ul.depth_02 li {float:left; display:block; width:100%; text-align:center}
#depth li.depth_01 ul.depth_02 li a {position:relative; display:block; overflow:hidden; color:#333;  font-weight:500; text-align:left; letter-spacing:0; font-size:15px; height:auto; padding:6px 25px; }
#depth li.depth_01 ul.depth_02 li:last-child {padding-bottom: 22px;  border-bottom: 5px solid #80bd01}
#depth li.depth_01 ul.depth_02 li a.on, 
#depth li.depth_01 ul.depth_02 li a:hover, 
#depth li.depth_01 ul.depth_02 li a:active, 
#depth li.depth_01 ul.depth_02 li a:focus {color:#333;}
#depth li.depth_01 ul.depth_02 li a span{position:relative;}
#depth li.depth_01 ul.depth_02 li a:hover{font-weight:600}
#depth li.depth_01 ul.depth_02 li a:hover span:before{content:""; display:inline-block; width:100%; height:16px;  position:absolute; top:8px; background:rgba(177, 227, 74, 0.2);}
#depth li.depth_01 ul.depth_02 > li > a:before {content:""; position:absolute; right:-7px; bottom:12px; width:6px; height:9px; background:url('../img/main/dot_depth_02.gif') left center no-repeat; transition: all 0.3s ease-in-out 0s;}
#depth li.depth_01 ul.depth_02 > li > a.on:before, 
#depth li.depth_01 ul.depth_02 > li > a:hover:before, 
#depth li.depth_01 ul.depth_02 > li > a:active:before, 
#depth li.depth_01 ul.depth_02 > li > a:focus:before {right:10px;}

#depth li.depth_01 ul.depth_02 li ul {position:relative; width:100%; padding:10px 0 15px 0;}
#depth li.depth_01 ul.depth_02 li ul li {float:none; width:auto; margin:0 0 3px 3px;}
#depth li.depth_01 ul.depth_02 li ul li a {display:inline-block; color:#4d4d4d; font-weight:normal; font-size:14px; padding:0; background:none; border-color:#fff;}

/*gnb stop*/

/*mobile gnb start*/
.m_gnb_btn, 
.dim,
.m_gnb_close,
#m_gnb {display:none; }
#m_gnb.on {display:none !important;}
#m_gnb ul div.top2m {display:none;}
#m_gnb ul {margin:0; padding:0;}
#m_gnb ul li {margin:0; padding:0; list-style-type:none; margin:0 0 0 33px;}
#m_gnb ul li a {display:block;}
#m_gnb ul ul li {margin:0 0 0 38px;}

#depth li.depth_01.mymn{margin-left:10px; }
#depth li.depth_01.mymn a{color:#82bc00 !important}

@media all and (max-width:1200px){
	.inner{width:100%; padding:0 20px;}
	.inner2{width:100%; padding:0 20px;}

	header#header .util{width:100%;}
	header#header div.header_top ul.util {display:none;}
	header#header h1.logo {padding-left:15px;}
	nav#gnb {display:none;}

	#m_gnb.on {display:block !important; max-height: 600px; background:#fff url('../images/m_menu_bg.png') no-repeat 0 100%}
	#m_gnb .wrap{margin-top:80px}
	.logo {left: 10px;}
		
	.m_gnb_btn {position:absolute;right:15px;top:10px;display:block;}
	.m_gnb_btn button { position:fixed;z-index:100;padding:0; top:10px; right:15px; width:46px;height:46px;transform:rotate(0deg);transition:.5s ease-in-out; cursor:pointer; background: #80bd01; border-radius: 50%;border:none;}
	.m_gnb_btn button.open {top:10px; right:15px; position:fixed; width:46px; height:46px; background:none; z-index:150; background: #80bd01;}
	.m_gnb_btn button .state {background:none;opacity:0;}
	.m_gnb_btn button .line {display:block;position:absolute;left:12px;top:15px;width:23px;height:3px;background:#fff;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out;}
	.m_gnb_btn button .line:before {content:"";display:block;position:absolute;left:0;top:7px;width:23px;height:3px;background:#fff;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out;}
	.m_gnb_btn button .line:after {content:"";display:block;position:absolute;left:0;top:14px;width:23px;height:3px;background:#fff;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out;}
	.m_gnb_btn button.open .line {background:transparent;top:0;right:-100px;border:none;}
	.m_gnb_btn button.open .line:before {top:22px;left:-1px;background:#fff;transform:rotate(135deg); width:25px;}
	.m_gnb_btn button.open .line:after {top:22px;left:-1px;background:#fff;transform: rotate(-135deg); width:25px;}	
	
    .m_gnb_close {display:block;position:absolute;right:5px;top:0}
    .m_gnb_close button {width:48px;height:48px; font-size:0}
    .dim {position:fixed;top:0;left:0;z-index:110;width:100%;height:100%;background:rgba(0,0,0,0.6);}

    #m_gnb {overflow-y:scroll;position:fixed;top:0;right:-100%; left:inherit;width:100%;height:100%;background:#fff;z-index:110;}
    #m_gnb div.util a {display:inline-block; color:#828282; margin:0 5px 10px 0; padding:3px 7px; font-size: 12px; border:1px solid #ddd; background:#fff; }
    #m_gnb div.util a:hover {text-decoration:underline;}
    #m_gnb #m_menu {z-index:930; width:280px; }
	#m_gnb .depth_02{display:block !important;}
	#m_gnb .depth_02 ul{display:block !important;}
    #m_gnb ul li  {display:block;float:none;margin:0; background:#fff;}
    #m_gnb ul li a {position:relative;padding:0 0 15px 20px;font-size:15px;font-weight:400;color:#333;border:0;text-align:left; font-weight:600;}

	#m_gnb ul li.depth_01{overflow:hidden; position:relative;}
	#m_gnb .m_menu:before{content: ""; width: 1px; height: 360px; display: inline-block; background: #ddd; position: absolute;  left: 176px; z-index: 99;}
	#m_gnb.on ul li a{width:170px; display:inline-block; float:left; position: relative; left: 1px;}	
	#m_gnb.on .depth_02{width:calc(100% - 180px); display:inline-block !important; float:right; }
	#m_gnb.on .depth_02 li a{width:100%}

	#m_gnb ul li a:hover, #m_gnb ul li a.active {border:none; color:#80bd01;}
	#m_gnb ul li.last {margin:0;}
	#m_gnb ul li a.active span:after {opacity:0;}
    #m_gnb ul div.depth_02 {position:static; padding:7px 0;}
    #m_gnb ul ul {padding:0;}
    #m_gnb ul ul li {border:none;margin:0;}
	#m_gnb > ul > ul > li{border-bottom:1px solid #e5f3e2; }
	#m_gnb ul li.last {float:none;}
	#m_gnb ul ul li:first-child a {margin:0;}
    #m_gnb ul ul li a {padding:0px 0 9px 20px; text-align:left;font-size:15px; color:#333; }
	#m_gnb ul ul li:last-child a{border-bottom:none;}
    #m_gnb ul ul li a:hover{ color:#333;}
	#m_gnb ul ul li a span{position:relative;}
	#m_gnb ul ul li a:hover span:before{content:""; display:inline-block; width:100%; height:10px; background:rgba(127, 188, 3, .2); position:absolute; left:0; bottom:3px}
    #m_gnb ul ul li:last-child a:hover{border-bottom:none;}
    #m_gnb ul ul ul li a:hover{border-bottom:none}

	.all_menu{display:none}
}
.big_tab ul li.activeClass a { background:#fefefe;color:#000 }

/* footer */
#footer{clear:both; padding:38px 0 40px; background:#3d4049; }
#footer .inner{display: flex; justify-content: space-between;  align-items:flex-start; flex-wrap: wrap;}
#footer .copy_logo{display:inline-block; margin-right: 40px; vertical-align: top; padding-top: 23px;}
#footer .link_list{display: block; margin-bottom: 7px;}
#footer .link_list a{font-size:14px; font-weight:500; color:#fff; margin-right:20px; position:relative}
#footer .link_list a:after{content:""; display:inline-block; width:1px; height:10px; background:#a7a7a7; position: relative; left: 12px;}
#footer .link_list a:last-child:after{display:none}
#footer .copy_info{display:inline-block; font-size:14px; color:#9d9ea1; line-height: 170%;}
.counsel_info {color:#dfdfdf; background:rgba(255, 255, 255, .1); padding:20px 25px; border-radius: 8px;}
.counsel_info .tit{font-size:16px; font-weight:bold; margin-bottom:5px; color:#fffebf}



@media all and (max-width:850px){
	
	.mob{display:block;}
	.pc{display:none;}
	header#header{height:70px;}
	.util{display:none;}
	.logo img{width:150px;}
	.m_gnb_btn{top:14px}

	#footer .copy_logo{display:block; text-align:center; margin: 0 auto 20px;}
	#footer .copy_info{display:block; text-align:center;}
	.copy_br{display:block;}
	
	#footer {padding: 10px 0 20px;}
}