@charset "utf-8";

#wrapper {width:100%; min-width:1024px; position:relative;}
#wrapper .cont {position:relative; width:1024px; margin:0 auto; line-height:24px;}


/* ********************
*     headerWraps     *
***********************/
#wrapper #headerWrap {background-color:#fff;}
#wrapper #headerWrap .menuTop {width:1024px; height:112px; margin:0 auto; background-color:#fff; overflow:hidden;}
#headerWrap .menuTop h1 {float:left; margin-top:16px; margin-left:15px;}
#headerWrap .menuTop ul {float:right; margin-top:42px;}
#headerWrap .menuTop ul li {display:inline-block; margin:0 -1px 0 -2px;}
#headerWrap .menuTop ul li:after {content:"|"; font-size:5px; color:#c1c1c1; vertical-align:top; padding-right:10px; padding-left:10px; line-height:20px;}
#headerWrap .menuTop ul li:last-child:after {content:""; padding:0;}
#headerWrap .menuTop ul li a {font-size:14px; line-height:20px; color:#666; font-family:"Nanum Barun Gothic", sans-serif;}
#headerWrap .menuTop ul li.ko a:before {content:""; display:inline-block; background-image:url(../../images/common/img_sprite01.png); background-repeat:no-repeat; background-position:-16px 0px; width:16px; height:16px; vertical-align:middle; margin-right:3px;}
#headerWrap .menuTop ul li.cn a:before {content:""; display:inline-block; background-image:url(../../images/common/img_sprite01.png); background-repeat:no-repeat; background-position:-15px -47px; width:18px; height:17px; vertical-align:middle; margin-right:3px;}
#headerWrap .menuTop ul li.jp a:before {content:""; display:inline-block; background-image:url(../../images/common/img_sprite01.png); background-repeat:no-repeat; background-position:-16px -391px; width:16px; height:16px; vertical-align:middle; margin-right:3px;}


/* ********************
*     headerWraps     *
***********************/

/* gnb */
#wrapper #gnb {width:100%; height:136px; background-image: url(../../images/common/bg_menu.jpg); background-repeat:repeat-x;}
#gnb .cbp-hrmenu {position:relative;}
#gnb .cbp-hrmenu > ul {width:1024px; margin:0 auto; overflow:hidden;}
#gnb .cbp-hrmenu > ul > li {float:left; height:117px;}
#gnb .cbp-hrmenu > ul > li > a {font-size:22px; width:255px; height:85px; color:#fff; text-align:center; line-height:85px; display:block; font-weight:400; border-right:1px solid #707d8c;}
#gnb .cbp-hrmenu > ul > li:first-child > a {width:254px; border-left:1px solid #707d8c;}

#gnb .cbp-hrmenu > ul > li.cbp-hropen a,
#gnb .cbp-hrmenu > ul > li.cbp-hropen > a:hover {color:#fff; background:#4a667d;}

.cbp-hrsub {display:none; position:absolute; left:0; top:85px; width:100%; height:16px; 
padding:17px 0;}

.cbp-hrsub-inner {width:1024px; margin:0 auto;}
.cbp-hrsub-inner ul {overflow:hidden;}
.cbp-hrsub-inner ul li {float:left;}
.cbp-hrsub-inner > ul > li > a {background:none !important; font-size:15px; font-weight:400; line-height:20px; color:#666 !important;}
.cbp-hrsub-inner ul li a:hover,
.cbp-hrsub-inner ul li.on a {color:#216e9e !important;}
.cbp-hrsub-inner ul li:after {content:"|"; margin:0 8px;}
.cbp-hrsub-inner ul li:last-child:after {content:""; margin:0;}

#cbp-hrmenu .cbp-hropen .cbp-hrsub {display:block !important;}


/***************** 
*	container    *
******************/
/* page_location */
#page_location {width:100%; padding:30px 0;}
#page_location ul {width:1024px; margin:0 auto;}
#page_location ul li {display:inline-block; margin-right:-5px; color:#666; font-size:14px;}
#page_location ul li.home {display:inline-block; background-image: url(../../images/common/img_sprite02.png); background-repeat:no-repeat; background-position:-22px 0px; width:12px; height:11px; margin-right:8px;}
#page_location ul li.home:after {content:none;}
#page_location ul li:after {content:""; background-image: url(../../images/common/img_sprite02.png); background-repeat:no-repeat; background-position:-34px -2px; width:4px; height:7px; display: inline-block; margin:0 10px;}
#page_location ul li:last-child:after {background:none; margin:0;}

/* container */
#container {position:relative; width:100%;}
#container .title {position:relative; width:1024px; margin:0 auto 50px auto; padding-bottom:30px; border-bottom:1px solid #ccc;}
#container .title:after {content:""; width:50px; height:5px; background-color:#3b7da6; position:absolute; left:0; top:53px;}
#container .title h2 {font-size:27px; line-height:27px; font-weight:400; color:#333;}

#container .cont_layout_wrap {width:1024px; margin:0 auto; padding-bottom:100px;}
.cont_layout_wrap h3 {font-size:21px; line-height:24px; color:#4a667d; margin-bottom:30px;}


#container .sysBox{margin:0 auto; width:600px; min-height:400px; text-align:center; overflow:hidden; }
#container .sysBox dl{width:100%; height:220px; border-radius:20px; border:5px solid #eeeeee; padding:20px; box-sizing:border-box; font-size:1.0em; line-height:1.2em;}
#container .sysBox dl dt{width:33%; float:left; overflow:hidden; }
#container .sysBox dl dd{width:65%; float:right; overflow:hidden; text-align:left; box-sizing:border-box;  }
#container .sysBox dl dd strong{color:#ff2d01; font-size:16px; line-height:150%;  font-weight:bold; font-size:20px; }



/***************** 
*	footerWrap   *
******************/
#footerWrap {width:100%; padding:30px 0; background-color:#fff; overflow:hidden; border-top:1px solid #ccc;}
#footerWrap .logo {float:left; width:171px;}
#footerWrap .info {float:left; width:792px; height:63px; margin-top:8px; padding-left:60px; border-left:1px solid #ccc;}
#footerWrap .info address,
#footerWrap .info p {font-size:15px; line-height:15px; margin-bottom:10px;}