@charset "utf-8";

/*** Sub Common ***/
/* Sub Visual */
.sub_visu {padding-bottom:60px;background:url(../../images/sub/sub_visu.jpg) no-repeat center top;background-size:100% 100% !important;}
.sub_visu .sv_title {width:100%;max-width:1400px;margin:0 auto;padding:60px 0;font-size:40px;font-weight:300;color:#fff;text-align:center;line-height:60px;}

/* Top Lnb */
.tlnb_sec {margin-top:-60px;background:rgba(37,37,37,0.8);}
.tlnb_sec .tlnb {width:100%;max-width:1400px;margin:0 auto;}
.tlnb:after {content:"";display:block;clear:both;}
.tlnb > dt {float:left;width:4%;}
.tlnb > dt > a {height:60px;background-color:#00c9e7;background-image:url(../../images/template/ico_home.png);background-repeat:no-repeat;background-position:center center;font-size:0;box-sizing:border-box;transition:background-color 0.4s;}
.tlnb > dt > a:hover, .tlnb > dt > a:focus {background-color:#009fb7;}
.tlnb > dd {float:left;min-width:19%;border-right:solid 1px #121212;}
.tlnb > dd .ui-selectmenu-button {width:100%;padding:0 30px;background:none;border:none;border-radius:0;line-height:60px;transition:all 0.4s;}
.tlnb > dd .ui-selectmenu-text {font-size:15px;color:#fff;transition:color 0.4s;}
.tlnb > dd .ui-selectmenu-button:hover .ui-selectmenu-text, .tlnb > dd .ui-selectmenu-button:focus .ui-selectmenu-text,
.tlnb > dd .ui-selectmenu-button:active .ui-selectmenu-text {color:#00c9e7;}
.tlnb > dd .ui-icon {width:7px;height:5px;margin-top:28px;background:url(../../images/template/ico_next_w.png) no-repeat center center;transform:rotate(0);transition:all 0.4s;}
.tlnb > dd .ui-selectmenu-button:hover .ui-icon, .tlnb > dd .ui-selectmenu-button:focus .ui-icon,
.tlnb > dd .ui-selectmenu-button:active .ui-icon {background:url(../../images/template/ico_next_w.png) no-repeat center center;transform:rotate(90deg);}

.ui-selectmenu-menu > ul {padding:15px 0 !important;background:#0086e7;border:none !important;border-radius:0;}
.ui-selectmenu-menu > ul > li > div {padding:0 30px !important;font-size:14px;color:#fff;line-height:30px;transition:all 0.4s;}
.ui-selectmenu-menu > ul > li > div.ui-state-active {margin:0;background:none;border:none;color:#00c9e7;text-decoration:underline;}

/* Common */
.sub_layout {width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box;}
.sub_layout:after {content:"";display:block;clear:both;}
.sub_layout .lnb {float:left;width:23%;padding:50px 60px 50px 0;box-sizing:border-box;}
.lnb > dt {padding:35px 20px;background:url(../../images/layout/lnb_topbg.png) no-repeat left top;background-size:100% 100%;font-size:23px;font-weight:500;color:#fff;text-align:center;line-height:40px;box-sizing:border-box;}
.lnb > dd {border-bottom:solid 1px #dbdbdb;}
.lnb > dd > a {position:relative;padding:15px 20px;font-size:15px;color:#505050;line-height:24px;box-sizing:border-box;transition:all 0.4s;}
.lnb > dd > a:after {content:"";position:absolute;right:0;top:0;width:20%;height:0;background:#00c9e7 url(../../images/layout/lnb_ov_blt.png) no-repeat center center;transition:height 0.4s;}
.lnb > dd.current > a, .lnb > dd > a:hover, .lnb > dd > a:focus {background:#eaeeef;font-weight:500;color:#00c9e7;}
.lnb > dd.current > a:after, .lnb > dd > a:hover:after, .lnb > dd > a:focus:after {height:100%;}

.sub_layout .sub_cont {float:left;width:77%;min-height:800px;padding:50px 0 130px 60px;border-left:solid 1px #dbdbdb;box-sizing:border-box;}
.sub_cont > section > article {margin-top:70px;}
.sub_cont > section > article:first-child {margin:0;}
.sub_cont .cont_title {margin-bottom:70px;font-size:32px;font-weight:500;color:#303030;line-height:40px;}



/*** Content ***/
/** S1 : ȸ»ç¼Ò°³ **/
/* s0101 : ȸ»ç°³¿ä */
.s0101 .arti01 .top_img > img {width:auto;max-width:100%;}
.s0101 .arti01 .info_box_sec {background:url(../../images/sub/s0101_arti01_bg.png) no-repeat center top;}
.s0101 .arti01 .slog_tit {padding:55px 0;font-size:26px;color:#fff;text-align:center;line-height:30px;}
.s0101 .arti01 .info_box {margin:0 60px;padding:45px 50px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.1);font-size:15px;line-height:35px;box-sizing:border-box;}

/* s0102 : CEO Àλ縻 */
.s0102 .arti01 .grt_sec:after {content:"";display:block;clear:both;}
.s0102 .arti01 .grt_sec .info {float:left;width:55%;}
.s0102 .arti01 .grt_sec .info .tit {margin-bottom:20px;font-size:26px;color:#303030;line-height:38px;}
.s0102 .arti01 .grt_sec .info .txt {font-size:15px;}
.s0102 .arti01 .grt_sec .img {float:right;width:40%;margin-left:5%;}
.s0102 .arti01 .sign {margin-top:10px;font-size:17px;color:#303030;text-align:right;}
.s0102 .arti01 .sign > span {margin:0 20px 0 10px;font-size:21px;}
.s0102 .arti01 .sign > img {width:auto;max-width:100%;vertical-align:middle;}

/* s0103 : °æ¿µÀ̳ä */
.s0103 .arti01 .box_sec {margin:0 -15px;}
.s0103 .arti01 .box_sec .boxes {display:table;width:100%;table-layout:fixed;border-spacing:15px 0;}
.s0103 .arti01 .boxes > li {display:table-cell;position:relative;height:400px;padding:130px 40px 60px;vertical-align:top;box-sizing:border-box;}
.s0103 .arti01 .boxes > li:before {position:absolute;left:40px;top:0;width:13%;height:90px;padding-top:55px;font-size:15px;color:#fff;text-align:center;line-height:30px;box-sizing:border-box;}
.s0103 .arti01 .boxes > li.box01:before {content:"01";background:#006bb9;}
.s0103 .arti01 .boxes > li.box02:before {content:"02";background:#00a1b9;}
.s0103 .arti01 .boxes > li.box03:before {content:"03";background:#cc5b60;}
.s0103 .arti01 .boxes > li .tit {margin-bottom:30px;font-size:26px;color:#fff;line-height:34px;}
.s0103 .arti01 .boxes > li .txt {font-size:15px;color:#fff;}
.s0103 .arti01 .boxes > li.box01 {background:#0086e7;}
.s0103 .arti01 .boxes > li.box02 {background:#00c9e7;}
.s0103 .arti01 .boxes > li.box03 {background:#ff7278;}

/* s0104 : Á¶Á÷µµ */
.s0104 .arti01 {background:url(../../images/sub/s0104_arti01_bg.png) no-repeat center center;text-align:center;}
.s0104 .arti01 > img {width:auto;max-width:100%;}

/* s0105 : ¿¬Çõ */
.s0105 .arti01 .his_slog {font-size:26px;color:#303030;text-align:center;line-height:38px;}
.s0105 .arti01 .his_sec {margin-top:60px;}
.s0105 .arti01 .his_sec:after {content:"";display:block;clear:both;}
.s0105 .arti01 .his_sec > dt {float:left;width:23%;margin-right:5%;padding-top:25px;border-top:solid 3px #0086e7;font-size:36px;color:#0086e7;line-height:35px;}
.s0105 .arti01 .his_sec > dd {float:left;width:72%;padding-top:25px;border-top:solid 1px #dbdbdb;}
.s0105 .arti01 .his_list > li {font-size:0;}
.s0105 .arti01 .his_list > li .month {display:inline-block;width:7%;font-size:19px;color:#303030;line-height:35px;vertical-align:top;}
.s0105 .arti01 .his_list > li .txt {display:inline-block;width:93%;position:relative;padding-left:10px;font-size:15px;line-height:35px;vertical-align:top;box-sizing:border-box;}
.s0105 .arti01 .his_list > li .txt:before {content:"";position:absolute;left:0;top:17px;width:3px;height:3px;background:#0086e7;}

/* s0106 : ¿À½Ã´Â ±æ */
.s0106 .arti01 .map {width:100%;height:450px;}
.s0106 .arti01 .map_btns {margin-top:10px;text-align:right;}
.s0106 .arti01 .map_info {margin:0 0 30px;padding-bottom:25px;border-bottom:dashed 1px #dbdbdb;}
.s0106 .arti01 .map_info dt {margin-bottom:15px;font-size:21px;color:#0086e7;}
.s0106 .arti01 .map_info dd {font-size:0;}
.s0106 .arti01 .map_info dd > span {display:inline-block;width:7%;font-size:15px;line-height:35px;vertical-align:top;}
.s0106 .arti01 .map_info dd > p {display:inline-block;width:93%;position:relative;padding-left:10px;font-size:15px;line-height:35px;vertical-align:top;box-sizing:border-box;}
.s0106 .arti01 .map_info dd > p:before {content:"";position:absolute;left:0;top:17px;width:3px;height:3px;background:#0086e7;}
.s0106 .arti01 .traf_info:after {content:"";display:block;clear:both;}
.s0106 .arti01 .traf_info > dt {float:left;width:100%;margin-bottom:15px;font-size:21px;color:#0086e7;}
.s0106 .arti01 .traf_info > dd {float:left;width:50%;min-height:100px;padding:0 4% 0 11%;box-sizing:border-box;}
.s0106 .arti01 .traf_info > dd.traf01 {background:url(../../images/sub/s0106_arti01_ico01.png) no-repeat left 20px;}
.s0106 .arti01 .traf_info > dd.traf02 {background:url(../../images/sub/s0106_arti01_ico02.png) no-repeat left 20px;}
.s0106 .arti01 .traf_info > dd .tit {margin-bottom:10px;font-size:17px;}
.s0106 .arti01 .traf_info > dd .txt {font-size:15px;}


/** S2 : »ç¾÷ºÐ¾ß **/
.s0201 article {display:table;width:100%;table-layout:fixed;}
.s0201 .arti01 {padding-bottom:30px;border-bottom:dashed 1px #000;}
.s0201 article .info {display:table-cell;vertical-align:top;box-sizing:border-box;}
.s0201 .arti01 .info {padding-right:4%;}
.s0201 .arti02 .info {padding-left:4%;}
.s0201 article .info .tit {margin-bottom:30px;font-size:26px;color:#303030;}
.s0201 article .info .txt {font-size:15px;}
.s0201 article .img {display:table-cell;width:48%;vertical-align:top;}




/*** BOARD ***/
.bd_sec {width:100%;max-width:1300px;margin:0 auto 80px;}

#bo_v_img {margin:10px 0;text-align:center;}
#bo_v_img > a {display:inline-block;vertical-align:top;width:100%;}
#bo_v_img img {width:auto !important;}