﻿@charset "utf-8";
/* CSS Document */

/* skip navigation */
#skipNavi{position:fixed;top:-1px;left:0;width:100%;height:auto;text-align:center;z-index:9999;}
#skipNavi a{display:block;position:absolute;top:-30px;width:100%;height:1px;line-height:1px;background:#000;color:#fff;text-align:center;}
#skipNavi a:focus{top:0px;height:30px;line-height:30px;z-index:9999;}
.tts{display: none;}


/* Layout*/
#Wrap{background:url("../mimages/head_bg.gif") repeat-x;width:100%;}

#Header{width:1000px; margin:0 auto;background:url("../mimages/head_visual.jpg") no-repeat;}
#Header #H_title{height:142px; color:#000;padding-top:30px;}
#Header #H_title h1{font-size:36px;line-height:1.4em;font-weight:800; letter-spacing:-2px;}
#Header #H_title h1 a img{margin-top:12px;}
#Header #H_title h1 a,#Header #H_title h1 a:hover{color:#000}
#Header #H_title p{font-size:21px;line-height:1.4em;font-weight:bold; color:#393939}
#Header #H_Gnb{height:62px;text-align:center;}
#Header #H_Gnb ul{display:inline-block;margin-top:22px;}
#Header #H_Gnb ul li{float:left;padding-left:22px;padding-right:22px;font-size:17px;line-height:18px;font-weight:bold; color:#414141;border-left:1px solid #e6e6e6;}
#Header #H_Gnb ul li.start{border-left:none;}
#Header #H_Gnb ul li a{ color:#414141}
#Header #H_Gnb ul li a:hover{ color:#0072bc}

#Main{width:1000px; margin:0 auto;position:relative;}
#Main .M_line1 :after,#Main .M_line2:after,#Main .M_line3:after,#Main .M_line4:after,#Main .M_banner:after{content:""; display:block; clear:both;}
#Main .M_line1{margin-top:40px}
#Main .M_line1 a{display:block;}
#Main .M_line1 .M_l1{width:486px;margin-right:28px;float:left;background:url('../mimages/main_img_01.jpg');height:338px;}
#Main .M_line1 .M_l1 p{background:url('../mimages/alpha_black.png') repeat;top:0px;display:inline-block; color:#fff;font-size:15px;font-weight:bold;padding:25px;}
#Main .M_line1 .M_l1 p span{color:#68cbff;font-size:23px; margin-bottom:10px;}

#Main .M_line1 .M_l2{width:486px;float:left; background-color:#eff0f0;height:338px;padding:25px;}
#Main .M_line1 .M_l2 .m_title{color:#0064a5;font-size:23px;display:inline;font-weight:bold;margin-bottom:10px;}
#Main .M_line1 .M_l2 .m_stitle{font-size:15px;font-weight:bold;margin-bottom:15px;color:#555;}

#Main .M_line2{clear:both;padding-top:30px}
#Main .M_line2 .M_l3{border:1px solid #cccccc;width:486px;margin-right:28px;float:left;}
#Main .M_line2 .M_l4{border:1px solid #cccccc;width:486px;float:left;}
#Main .M_line2  div{position:relative; height:310px;padding:20px;}
#Main .M_line2  div h2{color:#333;font-size:20px;font-weight:bold;margin-bottom:15px;}
#Main .M_line2  div .more{position:absolute;top:20px; right:20px;}
#Main .M_line2 .M_l3 ul li{background:url('../mimages/bot_line.png') left top repeat-x;font-size:15;font-weight:bold;padding:6.5px 0;}
#Main .M_line2 .M_l3 ul li a{color:#444}
#Main .M_line2 .M_l3 ul li span{font-weight:normal;display:block; margin-top:5px;}

#Main .M_line2 .M_l4 ul li{background:url('../mimages/ic_bullet.png') left center no-repeat; padding-left:15px;margin-bottom:6px;}
#Main .M_line3{clear:both;padding-top:30px}
#Main .M_line3 div h2{color:#333;font-size:20px;font-weight:bold;margin-bottom:10px;}
#Main .M_line3 .M_l5{border:1px solid #cccccc;width:346px;margin-right:28px;float:left;height:180px;padding:20px;}
#Main .M_line3 .M_l5  a{float:left; width:47%;display:block;height:100%;line-height:2em;}
#Main .M_line3 .M_l5  a span{font-weight:bold; color:#555}
#Main .M_line3 .M_l5  a.line{border-left:1px solid #ddd;padding-left:30px;width:53%;}
#Main .M_line3 .M_l6{border:1px solid #cccccc;width:626px;float:left;height:180px;padding:20px;background:url('../mimages/main_img_03.jpg') no-repeat right top ;}
#Main .M_line3 .M_l6 h2 span{color:#63209b; font-size:16px;}
#Main .M_line3 .M_l6 p{width:440px;font-size:13px;}

#Main .M_line4{clear:both;height:210px;padding:25px;margin-top:30px;border:1px solid #cccccc;}
#Main .M_line4 a{display:inline-block; float:left;max-width:237px;}
#Main .M_line4 a img{margin-right:15px}
#Main .M_line4 a p{text-align:center;}
#Main .M_line4 ul{width:150px;float:left;paddingz-left:10px;}
#Main .M_line4 ul li{float:none;background:url('../mimages/bot_line.png') left top repeat-x;padding:10px 0;}
#Main .M_line4 ul li a{float:none;}

#Main .M_banner{clear:both;padding-top:25px;height:104px;}
#Main .M_banner li{float:left;padding-left:8px}
#Main .M_banner li.start{padding-left:0px;}
#Main  #Count{position:absolute; right:210px;bottom:-67px; z-index:1000;}

#Footer_wrap{background:#e6e6e6;width:100%;padding:25px 0}
#Footer_wrap #Footer{width:1000px; margin:0 auto;}

#Footer_wrap #Footer .F_copyright{float:left;width:805px;}
#Footer_wrap #Footer .F_copyright h1{float:left;width:155px;height:70px;}
#Footer_wrap #Footer .F_copyright p{float:left;display:block;width:640px;margin-bottom:3px;}
#Footer_wrap #Footer .F_list{float:left;width:195px; border-left:1px solid #bcbcbc;padding-left:30px;}
#Footer_wrap #Footer .F_list p{font-weight:bold;margin-bottom:10px;color#555;}
#Footer_wrap #Footer .F_info{clear:both; color:#0065a7;font-weight:bold; border-top:1px solid #bcbcbc; padding-top:10px;margin-top:10px;}
#Footer_wrap #Footer .F_info a{color:#0065a7;}
#Footer_wrap #Footer #top_btn{position:fixed;bottom:200px;height:1px;margin-left:1020px;}

/*sub*/
#Main.sub{width:100%; background:url('../mimages/sub_bg.jpg') center top no-repeat;}

#Wrap .sub h2{width:1000px; margin:0 auto;height:87px; line-height:87px;font-size:28px;color:#0061a0;font-weight:800;text-align:center;position:relative}
#Wrap .sub h2 .location{position:absolute;left:220px; top:-12px;background:url('../mimages/gnb_on.png') center top no-repeat; display:inline-block; height:12px;width:14px;}
#Wrap .sub h2 .location.sub2{left:355px;}
#Wrap .sub h2 .location.sub3{left:460px;}
#Wrap .sub h2 .location.sub4{left:602px;}
#Wrap .sub h2 .location.sub5{left:220px;}

#Wrap .sub #content{width:1000px; margin:0 auto;padding-top:40px;}

#content .con {clear:both; margin-bottom:40px;padding-bottom:40px; border-bottom:1px solid #bbbbbb;}
#content .con:after{content:""; display:block; clear:both;}
#content .con.end { border-bottom:none;}
#content .con h3{color:#222;font-size:26px;line-height:1.5em;font-weight:bold;margin-bottom:10px;}
#content .con .s_tt{font-size:18px;line-height:1.5em;margin-bottom:10px;color:#555;font-weight:bold;}
#content .con .s_tt2{font-size:18px;line-height:1.5em;margin-bottom:10px;color:#3f7609;font-weight:bold;}
#content .con .s_tt3{font-size:18px;line-height:1.5em;margin-bottom:10px;color:#555;font-weight:bold; letter-spacing: -0.7px}
#content .con img{float:right; margin-left:30px;margin-bottom:30px;}
#content .con img.img_left{float:left; margin-left:0px;margin-right:30px;margin-bottom:30px;}
#content .con .dot_line{border-top:2px dotted #ccc;padding-top:30px;}
#content .con .dot_line2{border-top:2px dotted #ccc;padding-top:20px;margin-top:20px;}
#content .con .dot_line_h{border-right:2px dotted #ccc;padding-right:20px;}
#content .con .half{width:50%;float:left;}
#content .con .gray_box{background-color:#e8eef1;padding:20px;}