@charset "utf-8";

#wrapper {width:100%; min-width:1145px; position:relative;}
#wrapper .cont {position:relative; width:1145px; margin:0 auto;}
#wrapper .lineH35 {line-height:35px !important;}


/* ********************
*     headerWraps     *
***********************/
/* menu_top */
#wrapper #headerWrap {width:100%; height:111px; border-bottom:1px solid #ccc; background:#637282;}
#headerWrap .cont {background:#637282; padding-bottom:10px; height:35px;}
#headerWrap .cont a {color:#fff;}

#headerWrap .menu_top {position:absolute; right:0; top:7px;} /*  position:absolute; right:0; top:7px; */
#headerWrap .menu_top ul {overflow:hidden;}
#headerWrap .menu_top ul li {float:left; line-height:20px;}/* padding-left:21px; */
#headerWrap .menu_top ul li:after {content:"|"; font-size:5px; color:#c1c1c1; vertical-align:middle; padding-right:10px; padding-left:10px;} 
#headerWrap .menu_top ul li:last-child:after {content:""; padding:0;}
#headerWrap .menu_top ul li:nth-child(3):after {content:""; padding:0; margin-right:20px;}
#headerWrap .menu_top ul li:nth-child(4):after {content:""; padding:0; margin-right:10px;}


#headerWrap .menu_top ul li.admin a {position:relative; padding-left:25px; }
#headerWrap .menu_top ul li.admin a:before {content:""; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-55px -20px; width:19px; height:19px; position:absolute; left:0; top:-2px;}


#headerWrap .menu_top ul li.remoto a {position:relative; padding-left:25px; }
#headerWrap .menu_top ul li.remoto a:before {content:""; background-image: url(/images/kossa/sub/img_sprite02.png); background-repeat:no-repeat; background-position:-84px -20px; width:19px; height:19px; position:absolute; left:0; top:-1px;}


#headerWrap .logo {position:absolute; left:0px; top:0px; z-index:99;}

/*
#headerWrap .menu_top ul li a {position:relative; font-family: 'Nanum Barun Gothic', serif; font-weight:300;}
#headerWrap .menu_top ul li.en a,
#headerWrap .menu_top ul li.cn a,
#headerWrap .menu_top ul li.jp a {line-height:30px;}



#headerWrap .menu_top ul li.remoto a {background:#4a667d; padding:7px 22px 7px 12px; text-align:center; display:block;}
#headerWrap .menu_top ul li.en a:before {content:""; background-image: url(/images/kossa/common/img_sprite01.png); background-repeat:no-repeat; background-position:-38px -427px; width:16px; height:16px; position:absolute; left:-21px; top:0;}
#headerWrap .menu_top ul li.cn a:before {content:""; background-image: url(/images/kossa/common/img_sprite01.png); background-repeat:no-repeat; background-position:-67px -427px; width:16px; height:16px; position:absolute; left:-21px; top:0;}
#headerWrap .menu_top ul li.jp a:before {content:""; background-image: url(/images/kossa/common/img_sprite01.png); background-repeat:no-repeat; background-position:-95px -427px; width:16px; height:16px; position:absolute; left:-21px; top:0;}

#headerWrap .menu_top ul li.remoto {position:relative;}
#headerWrap .menu_top ul li.remoto:after {content:">"; font-size:10px; color:#fff; padding:0 6px 0 12px; position:absolute; right:4px; top:7px;}
*/

/* gnb */
#headerWrap #gnb {position:relative; z-index:10;}
#gnb .cbp-hrmenu {width:100%;}
#gnb .cbp-hrmenu > ul > li {display:inline-block; margin-left:-3px;}
#gnb .cbp-hrmenu > ul > li:first-child {margin-left:372px;}
#gnb .cbp-hrmenu > ul > li:first-child > a {margin-left:0;}
#gnb .cbp-hrmenu > ul > li > a {font-size:23px; width:243px; height:66px; color:#fff; text-align:center; line-height:70px; display:inline-block; font-weight:700;}
#gnb .cbp-hrmenu .cbp-hrsub {display:none; position:absolute; background:#fff; width:100%; left:0; padding:41px 0; border-bottom:1px solid #ccc;}
#gnb .cbp-hrmenu > ul,
#gnb .cbp-hrmenu .cbp-hrsub-inner {width:1145px; margin:0 auto;}
#gnb .cbp-hrmenu .cbp-hrsub-inner div:first-child {margin-left:354px;}
#gnb .cbp-hrmenu > ul > li > a:hover {color:#fff;}
#gnb .cbp-hrmenu > ul > li.cbp-hropen a,
#gnb .cbp-hrmenu > ul > li.cbp-hropen > a:hover {color:#3b7da6; background:#fff;}
#gnb .cbp-hrmenu .cbp-hrsub {display:none; position:absolute; background:#fff; width:100%; left:0;}
#gnb .cbp-hrmenu .cbp-hrsub-inner div {min-width:195px; float:left; padding:0 33px; min-height:111px; border-right:1px solid #ccc;}
#gnb .cbp-hrmenu .menu3 .cbp-hrsub-inner div {height:202px;}
#gnb .cbp-hrmenu .cbp-hrsub-inner div:last-child {border:0;}
#gnb .cbp-hrmenu .cbp-hrsub-inner div .tit {}
#gnb .cbp-hrmenu .cbp-hrsub-inner div .tit:last-child {margin-bottom:0;}
#gnb .cbp-hrmenu .cbp-hrsub-inner div .tit a {display:inline-block; min-width:137px; padding:7px 20px; font-size:16px; font-weight:700; color:#333;}
#gnb .cbp-hrmenu .cbp-hrsub-inner div ul {}
#gnb .cbp-hrmenu .cbp-hrsub-inner div ul li { margin-bottom:4px;}
#gnb .cbp-hrmenu .cbp-hrsub-inner div ul li a {display:inline-block; font-size:14px; line-height:14px; color:#666; padding:1px 0 1px 34px; background: url(/images/kossa/common/icon_dot_gray.png) 20px 5px no-repeat;}
#gnb .cbp-hrmenu .cbp-hrsub-inner div ul li:first-child {padding-top:5px;}
#gnb .cbp-hrmenu .cbp-hrsub-inner div ul li:last-child {margin-bottom:5px;}
#gnb .cbp-hrmenu .cbp-hrsub-inner div .tit a:hover,
#gnb .cbp-hrmenu .cbp-hrsub-inner div .tit a:focus,
#gnb .cbp-hrmenu .cbp-hrsub-inner div .tit a:active,
#gnb .cbp-hrmenu .cbp-hrsub-inner div .tit.on a {color:#fff; background:#3b7da6 url(/images/kossa/common/icon_gnb_tit.png) 20px 10px no-repeat; padding-left:34px; min-width:123px;}
#gnb .cbp-hrmenu .cbp-hrsub-inner div ul li a:hover,
#gnb .cbp-hrmenu .cbp-hrsub-inner div ul li a:focus,
#gnb .cbp-hrmenu .cbp-hrsub-inner div ul li a:active,
#gnb .cbp-hrmenu .cbp-hrsub-inner div ul li.on a {color:#3b7da6; background: url(/images/kossa/common/icon_dot_blue.png) 20px 5px no-repeat;}

/* btn_wrap */
#headerWrap .btn_wrap {position:relative; width:1145px; margin:0 auto; z-index:10;}
#headerWrap .btn_wrap .btn_all {display:block; background-image: url(/images/kossa/common/img_sprite01.png); background-repeat:no-repeat; background-position:-37px -259px; width:33px; height:30px; position:absolute; right:0px; top:-55px;}
#headerWrap .btn_wrap .btn_all.on {background-position:-86px -259px;}

#headerWrap .all_menu {position:relative; z-index:9; background:#fff; padding:40px 0; border-bottom:1px solid #ccc; display:none;}
#headerWrap .all_menu > ul {position:relative; width:1145px; margin:0 auto; overflow:hidden;}
#headerWrap .all_menu > ul > li {float:left;}
#headerWrap .all_menu ul li.menu1 {width:238px; padding-right:60px; padding-left:12px;}
#headerWrap .all_menu ul li.menu2 {width:250px; padding-right:59px;}
#headerWrap .all_menu ul li.menu3 {width:474px;}
#headerWrap .all_menu ul li.menu3 div.wrap {overflow:hidden;}
#headerWrap .all_menu ul li.menu3 div.wrap > div:first-child {float:left; width:254px;}
#headerWrap .all_menu ul li.menu3 div.wrap > div:last-child {float:left; width:200px;}
#headerWrap .all_menu ul li .big_tit {font-weight:700; color:#3b7da6; font-size:21px; line-height:22px; padding-left:19px; padding-bottom:27px; border-bottom:1px solid #e0e0e0;}

#headerWrap .all_menu > ul > li > div {margin-top:21px; margin-left:20px;}

#headerWrap .all_menu ul li div ul li .sub_tit {font-weight:700; font-size:15px; line-height:15px; color:#333; margin-bottom:15px; display:inline-block;}
#headerWrap .all_menu ul li div ul li .sub_tit:hover,
#headerWrap .all_menu ul li div ul li .sub_tit:focus,
#headerWrap .all_menu ul li div ul li .sub_tit:active,
#headerWrap .all_menu ul li div ul li .sub_tit.on {color:#4a667d; text-decoration:underline;}
#headerWrap .all_menu ul li div ul li ul li a {font-size:14px; line-height:24px; color:#666; display:inline-block; width:158px;}
#headerWrap .all_menu ul li div ul li ul li:last-child a {margin-bottom:15px;}
#headerWrap .all_menu ul li div ul li ul li a:before {content:"- ";}



/***************** 
*	container    *
******************/
#container {position:relative; width:100%; }

#container .sysBox{margin:0 auto; width:600px; min-height:500px; 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.2em; line-height:1.4em;}
#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;  padding-top:30px;}
#container .sysBox dl dd strong{color:#ff2d01; font-size:16px; line-height:150%;  font-weight:bold; font-size:21px; }


/***************** 
*	footerWrap   *
******************/
#footerWrap {width:100%; height:143px; background:#e0e3e7;}
#footerWrap .cont {background:#e0e3e7;}

/* logo */
#footerWrap .logo {float:left; width:190px; padding-top:24px; padding-right:20px;}

/* info */
#footerWrap .info {float:left; width:657px;}
#footerWrap .info ul {overflow:hidden;}
#footerWrap .info ul li {float:left; margin-top:23px; margin-bottom:19px; border-left:1px solid #333;     line-height: 10px; padding-left:15px; margin-right:17px;}
#footerWrap .info ul li a {color:#666; font-size:12px;}
#footerWrap .info ul li:first-child a {margin-left:0;}
#footerWrap .info address,
#footerWrap .info p {font-size:13px; margin-bottom:3px;}

/* site */
#footerWrap .site {position:relative; float:right; margin-top:13px;}
#footerWrap .site .site_open {display:block; width:178px; height:41px; background-color:#e0e3e7; border:1px solid #9da3ab;}
#footerWrap .site .site_open:after {content:""; background-image: url(/images/kossa/common/img_sprite01.png); background-repeat:no-repeat; background-position:-83px -207px; width:13px; height:7px; position:absolute; top:15px; right:17px;}
#footerWrap .site .site_open span {display:inline-block; color:#333; font-weight:700; font-size:13px; line-height:38px; padding-right:20px;}
#footerWrap .site .site_list {display:none; position:absolute;left:0; bottom:100%; width:100%; background-color:#5a6066;}
#footerWrap .site .site_list ul {border-top:1px solid #9da3ab; border-right:1px solid #9da3ab; border-left:1px solid #9da3ab;}
#footerWrap .site .site_list ul li a {display:block; padding:7px 5px 7px 20px; border-top:1px solid #676e74; color:#fff; font-size:13px;}
#footerWrap .site .site_list ul li:first-child a {border-top:0 none;}
#footerWrap .site .site_list ul li a:hover, 
#footerWrap .site .site_list ul li a:focus {border-top-style:solid; border-top-color:#fff; background-color:#fff; text-decoration:none; color:#222;}

#footerWrap .certification {position:absolute;left:0; top:50px; width:100%;}
#footerWrap .certification p.first{width:50%; float:left;}
#footerWrap .certification p.last{width:50%; float:right; /* margin-top:10px;*/}

#footerWrap .wah {position:absolute; right:182px; top:15px; }
#footerWrap .wah  p img{width:113px; height:75px; margin-right:5px;}

#footerWrap .markArea {position:absolute; right:182px; top:15px; }
#footerWrap .markArea  p{width:287px; height:75px; line-height:75px; text-align:right; padding-right:15px;}
#footerWrap .markArea  p img{margin-right:5px;}