/* 
coder : hansync
email/gtalk : hansync@gmail.com
ver : 1.00
*/


/* Global Navigation */
#gnb { z-index: 10; clear:both; /*text-align: center;*/  font-family: 'Noto Sans Korean', sans-serif; font-style: normal; font-weight: 400; position: relative; }
#gnb #navi_1d { margin: 0; letter-spacing: -5px; }
#gnb #navi_1d li { display: inline-block; letter-spacing: -1px; }
#gnb #navi_1d li a { font-size: 20px; color:#3a3a3a; display: block; width: auto;  height: 65px; line-height: 65px; box-sizing: border-box; padding: 0 30px; }
#gnb #navi_1d li a.current , #gnb #navi_1d li a:hover { text-decoration:none; border-bottom: 3px solid #2169de; }
#gnb #navi_1d li a,
#gnb #navi_1d { }


/* Ribbon UI Box Style */
.ribbonBox_1col {
    display:inline-block;
	vertical-align: top;
	padding-right: 1px;
	max-width: 260px;
	text-align: left;
}
.ribbonBox_2col { 
   display:inline-block;
	vertical-align: top;
	padding-right: 1px;
	max-width: 180px;
	text-align: left;
}

.ribbonBox_3col, .ribbonBox_4col {  
	display:inline-block;
	vertical-align: top;
	padding-right: 1px;
	width: 160px;
	text-align: left;
}


.ribbon_controler { margin:5px 0 0 0; padding: 18px; background-color: #fff; border-radius: 2px; box-sizing: border-box; width: 100%;  min-height: 110px; box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.04); }
.ribbon_title { }
.ribbon_title a { color: white; display: block; box-sizing: border-box; text-align: left; position: relative; padding: 0 20px; font-weight: 500; border-radius: 2px;  background-color: #3570cf; height:32px; line-height: 32px; font-size: 15px; box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.04); }
.ribbon_title a:after { content: '\f105'; font-family: 'FontAwesome'; position: absolute; right: 20px;}
.ribbon_title a:hover { text-decoration:none; /*background-color:#ff5f2e;*/ color:#ff0;   }

.ribbon_more { padding-top:2px;float:right;}


/* Left Menu */
#column_left {   box-sizing: border-box; }
#column_left:after { content:" "; height: 39px; display: block; background-color: transparent; }
#column_left .contBorderBox_inner { padding: 0; margin: 0; }
#column_left .contBorderBox_inner:first-child { border-top-width:0; border-bottom-width:0; padding: 0; }
#column_left .contBorderBox_inner:nth-child(2) { border-top-width:0; }

#column_left .contBorderBox_inner .submenu_title { border-top: 1px solid #60687c; padding: 40px 24px 20px 24px; font-size:19px; color:#fff; font-weight:300; word-break: keep-all; word-wrap: break-word; }
#column_left .contBorderBox_inner .subMenu { border-bottom: 1px solid #2b3344; padding: 0 0 40px 0; }

#column_left .contBorderBox_inner:nth-child(2) .submenu_title { border-top-width:0; }

#column_left .submenu_mainTitle { background-color: #3570cf; height:auto; position:relative; font-size: 28px; font-weight: 400;  color:#fff; letter-spacing:-1px; text-align:center; }
#column_left .submenu_mainTitle:hover { }
#column_left .submenu_mainTitle dl { padding: 40px 24px; }
#column_left .submenu_mainTitle dl dt { color:#FFF; }
#column_left .submenu_mainTitle dl dd { position: absolute; top:10px; right: 10px; }
#column_left #column_left_close { text-decoration:none; }
#column_left #column_left_close img { display: none; }
#column_left #column_left_close:before {  content:'\f00d'; padding-right: 7px; font-family: fontawesome; color: #6a8fd6; font-size: 18px;  }


#column_left .submenu_title { background-color: #323e57; clear:both; min-height:26px; color:#222222; font-weight:bold; letter-spacing:-1px; text-align:justify; }


#column_left ul.subMenu { margin:0; display: inline-block;margin:0 auto; width: 100%; background-color: #323e57; }
#column_left ul.subMenu li { display:block;margin:0 auto; text-align:left;  }
#column_left ul.subMenu li a { display: block; padding: 8px 24px; overflow:hidden; box-sizing: border-box; }
#column_left ul.subMenu li a,
#column_left ul.subMenu { background-repeat:no-repeat;}
#column_left ul.subMenu li#menu a {color:#cbd2e3; letter-spacing:-0.5px; font-size:14px; font-weight: 300; }
#column_left ul.subMenu li#menu a:hover { background-color:#3570cf; color:#fff; text-decoration:none;}
#column_left ul.subMenu li#menu a.current { background-color:#3570cf; color:#fff; font-weight:500; text-decoration:none;}

/* Left 메뉴가 3depth 구조일때 */

#column_left .leftConBox .contBorderBox_inner .submenu_title,
#column_left .leftConBox .contBorderBox_inner .subMenu {  }
#column_left .leftConBox.active .contBorderBox_inner .submenu_mainTitle,
#column_left .leftConBox.active .contBorderBox_inner .submenu_title,
#column_left .leftConBox.active .contBorderBox_inner .subMenu { display: block; }
#column_left .contBorderBox_inner:last-child { border-bottom: 1px solid #60687c; }

#column_left .leftConBox .submenu_mainTitle { background-color: #596686; height:auto; position:relative; font-size: 17px; font-weight: 400;  color:#fff; letter-spacing:-1px; text-align:justify; border-bottom: 1px solid #6b7088;  }
#column_left .leftConBox .submenu_mainTitle dl { padding:12px 24px; position: relative;  }
#column_left .leftConBox .submenu_mainTitle dl:hover { cursor: pointer; }
#column_left .leftConBox .submenu_mainTitle dl dt { color:#9095ac; font-weight: 400; }
#column_left .leftConBox .submenu_mainTitle dl dd { display: none; }
#column_left .leftConBox .submenu_mainTitle dl:after { content:"\f107"; font-family: fontawesome;  position: absolute; top: 15px; right: 24px;  color:#848ca2; cursor: pointer; }
#column_left .leftConBox .contBorderBox_inner:not(:first-child) { display: none;  }
#column_left .leftConBox.active .contBorderBox_inner{ display: block;  }
#column_left .leftConBox.active .submenu_mainTitle { background-color: #232d44; border-bottom-width: 0; }
#column_left .leftConBox.active .submenu_mainTitle dl dt { color: #3570cf; font-weight: 500; }
#column_left .leftConBox.active .submenu_mainTitle dl:after { content:"\f106"; color: #3570cf;  }



#column_left #leftConBox01_01 {}
#column_left #leftConBox01_01 {}
#column_left #leftConBox01_01 {}
#column_left #leftConBox01_01 {}
#column_left #leftConBox01_01 {}