@charset "euc-kr";
/* CSS Document */
*{margin:0; padding:0; font-family:'³ª´® °íµñ', 'NanumGothic', 'Nanum Gothic', sans-serif; box-sizing:border-box;}

a:link{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
.clearfix:before,
.clearfix:after{display:table; content:"";}
.clearfix:after{clear:both;}
ul,li{list-style:none;}
body{min-width:1300px;}

/* top */
.top{position:fixed; top:0; left:0; z-index:998; width:100%; border-bottom:1px solid #ddd; background:#fff;}
.top:before{content:""; position:absolute; top:101px; left:0; z-index:997; width:100%; height:50px; background:none; transition:all 0.3s;}
.top.on:before{background:#c14140;}
.top .tbox{position:relative; width:1200px; text-align:center; margin: 0 auto;}
.top .tbox .logo{position:absolute; top:50%; left:0; transform:translateY(-50%);}
.top .tbox .logo img{width:120px;}
.top .tbox .menu{display:inline-block;}
.top .tbox .menu li{position:relative; float:left;}
.top .tbox .menu li>a{display:block; height:100px; padding:0 20px; font-size:16px; color:#000; line-height:100px; letter-spacing:-1px;}
.top .tbox .menu li:hover>a{color:#c14140;}
.top .tbox .menu2{position:absolute; top:50%; right:0; transform:translateY(-50%); width:150px;}
.top .tbox .menu2 li{float:left; margin-left:20px;}
.top .tbox .menu2 li a{font-size:16px; color:#000;}

/* top active */
.top.on1 .tbox ul li:first-child>a,
.top.on2 .tbox ul li:nth-child(2)>a,
.top.on3 .tbox ul li:nth-child(3)>a,
.top.on4 .tbox ul li:nth-child(4)>a{border-color:#000;}

/* submenu */
.submenu{ position:absolute; top:101px; left:50%; transform: translateX(-50%); z-index:998; width:1000px; display:none; text-align:center;}
.submenu p{margin:0 25px; display:inline-block;}
.submenu p a{display:block; height: 50px; line-height:50px; font-size:14px; color:#fff; letter-spacing:-1px;}
.submenu p a:hover{color:#000;}

/* section style */


/* footer */
.footer .fbox{width:1200px; margin:0 auto;}
.footer1{background:#f5f5f5; border-bottom:1px solid #ddd;}
.footer1 .fbox ul li{float:left; margin-right:20px; padding:10px 0;}
.footer1 .fbox ul li a{padding-right:20px; font-size:14px; color:#666; text-shadow:0 0 1px #666; border-right:1px solid #ddd;}
.footer1 .fbox ul li a:hover{text-decoration:underline;}
.footer2 .fbox{padding:40px 0 60px;}
.footer2 .fbox .flogo img{width:auto;}
.footer2 .fbox .textbox p:nth-of-type(1){margin:20px 0; line-height:24px;}
.footer2 .fbox .textbox p:nth-of-type(1) span{margin-right:20px; font-size:14px; color:#666;}
.footer2 .fbox .textbox p:nth-of-type(2){font-size:13px; color:#666;}

/* topbutton */
#topbutton{display:none; position:fixed; right:30px; bottom:50px; z-index:9999; width:50px; height:50px; font-size:15px; color:#fff; text-align:center; line-height:50px; border-radius:50%; background:#000; opacity:0.7; cursor:pointer;}
#topbutton:hover{opacity:1;}

/* submenu */
.smenu{width:1200px; margin:0 auto; border:1px solid #ddd; background:#fff;}
.smenu .nav{float:left; border-right:1px solid #ddd;}
.smenu .nav1 a{display:block; padding:15px 30px; font-size:14px; font-weight:400; color:#333;}
.smenu .nav2,
.smenu .nav3{position:relative; min-width:200px; padding:15px 20px; cursor:pointer;}
.smenu .nav2 span,
.smenu .nav3 span{position:relative; display:block; padding-right:20px; font-size:14px; font-weight:400; color:#333;}
.smenu .nav2 span:before,
.smenu .nav3 span:before{display:block; content:""; position:absolute; right:0; top:7px; border:6px solid #e94040; border-bottom:0px solid transparent; border-left:3px solid transparent; border-right:3px solid transparent; transition:all 0.5s;}
.smenu .nav2.on span:before,
.smenu .nav3.on span:before{transform:rotate(-180deg);}
.smenu .nav2 ul,
.smenu .nav3 ul{display:none; position:absolute; top:46px; left:0; z-index:9999; width:200px; padding:5px 0; border:1px solid #ddd; background:#fff;}
.smenu .nav2 ul li a,
.smenu .nav3 ul li a{display:block; padding:7px 15px; font-size:14px; font-weight:500; color:#333;}
.smenu .nav2 ul li a:hover,
.smenu .nav3 ul li a:hover{color:#14498e;}
.smenu .nav2.on span{color:#000;}
.smenu .nav3 span{font-size:14px; font-weight:700; color:#14498e;}

/* subtop */
.subtop{height:300px; background:#14498e; margin-top:100px; background:url('../../img/subtop.jpg');}
.subtop .subtop_txt{width:1200px; margin:0 auto; color:#fff; text-align:center; padding-top:90px;}
.subtop .subtop_h1{font-size:36px; font-weight:bold;  letter-spacing:-1px; }
.subtop .subtop_h2{ font-size:20px; font-weight:400;  padding-top:10px; line-height:30px;}

/*sub*/
.sub .title{ text-align:center; font-weight: bold; font-size:36px; width:1200px; height: 150px; line-height:150px; color:#222;}
.sub .contents{width:1200px; margin:0 auto; padding-bottom:100px;}

.sub01_01 .contents{ position: relative; width:1200px; height:750px; margin:0 auto;}
.sub01_01 .sbox{width:700px;}
.sub01_01 .title{ text-align:center; font-weight: bolder; font-size:30px; width:1200px; height: 100px; line-height:100px; color:#222;}
.sub01_01 .con_left{width:1200px; height:700px; position:absolute; left:0;}
.sub01_01 .sbox1{font-size:28px; padding: 40px 0; border-bottom:1px solid #333; color:#333;}
.sub01_01 .sbox2{font-size:24px; font-weight:bold; color:#36C; padding:20px 0; }
.sub01_01 .sbox3{font-size:15px; color:#222; margin-top:30px; line-height:30px;}
.sub01_01 .sbox3 span{ font-size:17px; font-weight:500; margin: 30px 0 0 440px;}
.sub01_01 .sbox4{ float:right;}

.sub01_02 .contents .sbox h2{color:#222; padding:15px 15px;}
.sub01_02 .contents .sbox2{ margin-bottom:40px;}
.sub01_02 .contents .sbox2 .sbox2_table{ border-collapse:collapse; border-spacing:0; background:#fff; border:1px solid #ddd; border-top:2px solid #000; font-size:16px; width:100%; }
.sub01_02 .contents .sbox2 .sbox2_table tbody{ width:1200px; margin-bottom:20px;}
.sub01_02 .contents .sbox2 .sbox2_table tbody th{ border:1px solid #ddd; color:#000; background:#fafafa; padding:10px 10px; vertical-align:middle; text-align:center; font-size:400;}
.sub01_02 .contents .sbox2 .sbox2_table tbody td{ border:1px solid #ddd; padding:10px 0 10px 5px; vertical-align:middle; color:#666; }

.sub02_01 .sbox1 .box_wrap{ width:393px; height:420px; float:left; margin-top:20px;}
.sub02_01 .sbox1 .box_wrap:nth-child(2){ margin-left:10px;}
.sub02_01 .sbox1 .box_wrap:nth-child(3){ margin-left:10px;}
.sub02_01 .sbox1 .box_wrap .box_pic{ height:210px; background:#0CF;}
.sub02_01 .sbox1 .box_wrap .box_txt .box_txt_hd{ height:60px; line-height:60px; text-align:center; font-size:20px; font-weight:bold; color:#1a4395; background-color:#f6f6f5;}
.sub02_01 .sbox1 .box_wrap .box_txt .box_list{ height: 149px; padding:25px 0 20px 40px; line-height:2em; font-size:16px; color:#4f4f4f; border:1px solid #eee;}
.sub02_01 .sbox2 .box_wrap{width:393px; height:200px; float:left; margin-top:100px;}
.sub02_01 .sbox2 .box_wrap .box_txt_hd{ height:50px; line-height:50px; text-align:center; font-size:20px; font-weight:bold; color:#fff; background-color:#328ee3; }
.sub02_01 .sbox2 .box_wrap .box_list{ height: 149px; padding:25px 0 20px 40px; line-height:2em; font-size:16px; color:#4f4f4f; border:1px solid #eee;}
.sub02_01 .sbox2 .box_wrap:nth-child(2){ margin-left:10px;}
.sub02_01 .sbox2 .box_wrap:nth-child(3){ margin-left:10px;}

.sub02_02 .contents .sub_title{ font-size:20px; font-weight:500; color:#1a4395; line-height: 1.5em;}
.sub02_02 .contents .sbox{ margin-top:50px;}
.sub02_02 .contents .sbox .ssbox{ margin-bottom:50px;}
.sub02_02 .contents .sbox .ssbox:last-child{ margin-bottom:0;}
.sub02_02 .contents .sbox .ssbox .box_title{font-size:18px; font-weight:bold; padding:15px 0 15px 0; color:#333;}
.sub02_02 .contents .sbox .ssbox .box_table{ border-collapse:collapse; border-top:2px solid #333;}
.sub02_02 .contents .sbox .ssbox .box_table td,
.sub02_02 .contents .sbox .ssbox .box_table th{font-size:14px; color:#666; border:1px solid #ddd; padding:15px 10px;}
.sub02_02 .contents .sbox .ssbox .box_table th{ font-size:16px; font-weight:500; background-color:#f5f5f5; color:#000; width:200px; }

.sub02_03 .contents .sub_title{ font-size:20px; font-weight:500; color:#1a4395; line-height: 1.5em;}
.sub02_03 .contents .sbox{ margin-top:50px;}
.sub02_03 .contents .sbox .ssbox{ margin-bottom:50px;}
.sub02_03 .contents .sbox .ssbox:last-child{ margin-bottom:0;}
.sub02_03 .contents .sbox .ssbox .box_title{font-size:18px; font-weight:bold; padding:15px 0 15px 0; color:#333;}
.sub02_03 .contents .sbox .ssbox .box_table{ border-collapse:collapse; border-top:2px solid #333;}
.sub02_03 .contents .sbox .ssbox .box_table td,
.sub02_03 .contents .sbox .ssbox .box_table th{font-size:14px; color:#666; border:1px solid #ddd; padding:15px 10px;}
.sub02_03 .contents .sbox .ssbox .box_table th{ font-size:16px; font-weight:500; background-color:#f5f5f5; color:#000; width:200px; }

.sub02_04 .contents .sub4box{text-align:center;}