@charset "utf-8";
/* CSS Document */
body{ font-size:16px;}
.box0{ width:94%; margin:0 auto;}
.box1{ width:1200px; margin:0 auto}
.box2{ width:100%!important; max-width:100%; margin:auto}
.PC{ display:block !important}
.PHONE{ display:none !important}

.eN {font-family:'Ms' !important;}

#header{ position: relative; left:0; top:0; width:100%; z-index:1000; /*border-top:3px solid #54a9b8;*/}
.main #header{ box-shadow:0 1px 4px rgba(0,0,0,.2)}
#header .top_wrap{ position:relative; z-index:2}
#header .top_wrap > .flex{ height:5.625em;}
#header .top_wrap:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#eee}
#header .top_wrap .mainLogo{ height:100%}
#header .top_wrap .mainLogo > a{ display:block; position:relative; height:100%; box-sizing:border-box; padding:.875em 0; text-align:center; top:5px}
#header .top_wrap .mainLogo > a .in_logo2 {margin-left:3px;}

/*#header .top_wrap .mainLogo > a img{ height:100%}*/
#header .top_wrap .left,
#header .top_wrap .right{ width:60%}
#header .top_wrap .left{ order:-1}
#header .top_wrap .right > * {vertical-align:baseline;}
#header .top_wrap .right .t1 {color:#111; font-size:1.125em; vertical-align:baseline; padding-right:18px; font-weight:500;}
#header .top_wrap .right .t1 strong {color:#ffbc00; font-weight:700}
#header .top_wrap .right .t2 {display:block}
#header .top_wrap .right .t2 > * { vertical-align:baseline}
#header .top_wrap .right .t2 .t2_in {font-weight:600; font-size:.938em; color:#3c3c3d;  vertical-align:baseline}
#header .top_wrap .right .t2 .num {color:#005e98; font-size:1.7em; font-weight:600; letter-spacing:-.5px;  vertical-align:baseline}

#header .top_wrap .mem_wrap > li > a{ display:block; color:#666666; font-size:.813em; padding:1em}
#header .top_wrap .mem_wrap > li > a .xi{ font-size:1.875em; margin-right:.25em; vertical-align:middle}
#header .top_wrap .mem_wrap > li > a:hover{ color:#111}

#header .menu_wrap{ position:relative}
#header .menu_wrap .va_wrap{ height:3.75em}
#header .menu_wrap .all_wrap{}
#header .menu_wrap .all_wrap .wrapBtn{ width:4.5em; text-align:center; border:1px solid transparent; border-top:none; border-bottom:none; }
#header .menu_wrap .all_wrap .wrapBtn .xi{ font-size:2em; position:relative; z-index:1; color:#004a98; vertical-align:middle;}
#header .menu_wrap .all_wrap .wrapBtn .menu_tx{ font-size:.750em; display:inline-block; color:#004a98; vertical-align:middle; padding-left:3px;}
#header .menu_wrap .all_wrap .wrapBtn:hover {background:#f9f9f9; border:1px solid #eee; border-top:none; border-bottom:none; transition:.3s;}

#header .menu_wrap .all_wrap .all{ position: fixed; z-index:2; left:0; top:0; width:100%; height:100%; overflow-y:auto; background:#fff; opacity:0; visibility:hidden; transition:.3s; transform:translateY(1em)}
#header .menu_wrap .all_wrap.on .all{ opacity:1; visibility:visible; transform:translateY(0)}
#header .menu_wrap .all_wrap .all .all_top{ padding:4em 0 2em 0}
#header .menu_wrap .all_wrap .all .all_top .logo > a{ display:inline-block}
/*#header .menu_wrap .all_wrap .all .all_top .logo > a img{ height:4em}*/
#header .menu_wrap .all_wrap .all .closeBtn{ display:block; width:2em; line-height:2em; text-align:center; border-radius:50%; background:#042b6f; color:#fff; font-size:1.5em; transition:.3s}
#header .menu_wrap .all_wrap .all .closeBtn:hover{ transform:rotate(90deg)}
#header .menu_wrap .all_wrap .all .gnb{ display:block; border-top:2px solid #042b6f; position:relative}
#header .menu_wrap .all_wrap .all .gnb:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#3156a4}
#header .menu_wrap .all_wrap .all .gnb li{ display:flex; flex-wrap:wrap}
#header .menu_wrap .all_wrap .all .gnb a{ height:auto; text-align:left}
#header .menu_wrap .all_wrap .all .gnb > li{ border-bottom:1px solid #ddd}
#header .menu_wrap .all_wrap .all .gnb > li.m_guide {display:none;}
#header .menu_wrap .all_wrap .all .gnb > li .flex{ flex-wrap: wrap}
#header .menu_wrap .all_wrap .all .gnb > li .dp1{ width:10em; padding:1em; box-sizing:border-box; text-align:center}
#header .menu_wrap .all_wrap .all .gnb > li .dp1 .va{ font-weight:500; font-size:1.125em; color:#042b6f}
#header .menu_wrap .all_wrap .all .gnb > li .dp2{ width:calc(100% - 10em); border-left:1px solid #ddd; box-sizing:border-box; padding:1em}
#header .menu_wrap .all_wrap .all .gnb > li .dp2 > li{}
#header .menu_wrap .all_wrap .all .gnb > li .dp2 > li > a{ min-width:10em; margin:.5em 1em; color:#111; position:relative; padding-left:.75em }
#header .menu_wrap .all_wrap .all .gnb > li .dp2 > li > a:before{ content:""; position:absolute; left:0; top:3em; width:1em; height:1em; background:#111; border-radius:50%; font-size:.25em}
#header .menu_wrap .all_wrap .all .gnb > li .dp2 > li > a:hover .va{ text-decoration:underline}
#header .menu_wrap .all_wrap .all .gnb > li .dp3{ display:none}

#header .menu_wrap .gnb_wrap{ position:absolute; left:0; top:0; width:100%}
#header .menu_wrap .gnb_wrap .gnb{ justify-content:space-around; margin-left:4em}
#header .menu_wrap .gnb_wrap .gnb:before{ content:""; position:absolute; left:0; bottom:0; height:calc(100% - 3.75em); width:100vw; box-sizing:border-box; border:1px solid #eee; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.2)}
#header .menu_wrap .gnb_wrap .gnb > li{ flex:1 1 1%; display:flex; flex-direction:column}
#header .menu_wrap .gnb_wrap .gnb > li.m_guide {display:none;}
#header .menu_wrap .gnb_wrap .gnb > li .dp1{ font-weight:500; color:#111; position:relative; z-index:1; transition:.3s}
#header .menu_wrap .gnb_wrap .gnb > li .dp1:after{ content:""; position:absolute; left:0; bottom:-2px; width:100%; height:3px; background:#0c66c6; transform:scaleX(0); transition:.3s}
#header .menu_wrap .gnb_wrap .gnb > li:hover .dp1,
#header .menu_wrap .gnb_wrap .gnb > li.on .dp1{ color:#003876}
#header .menu_wrap .gnb_wrap .gnb > li:hover .dp1:after{ transform:scaleX(1)}
#header .menu_wrap .gnb_wrap .gnb > li .dp1 .va{ font-size:1.125em}
#header .menu_wrap .gnb_wrap .gnb > li .dp2{ display:block; height:calc(100% - 3.75em); border-right:1px solid #eee; box-sizing:border-box; position:relative; padding:1em 0}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a{ height:auto; padding:.6em .5em; color:#666; text-align:center; transition:.3s}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:.938em; position:relative; padding-right:.5em; font-weight:400;}
/*#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a .va:after{ font-family:xeicon!important; content:"\e914"; position:absolute; right:0; top:-.25em; opacity:0; transition:.3s}*/
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li:hover > a,
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li.on > a{ color:#003876}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li:hover > a .va:after,
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li.on > a .va:after{ opacity:1}
#header .menu_wrap .gnb_wrap .gnb > li .dp3{ display:none}
#header .menu_wrap .gnb_wrap .gnb > li:first-child .dp2:before{ content:""; position:absolute; left:1px; top:0; width:1px; height:100%; background:#eee}
#header .menu_wrap .gnb_wrap .gnb > li:first-child .dp2:after{ content:""; position:absolute; left:-100%; bottom:5%; width:15em; height:10em; max-width:90%; max-height:90%; background:url(../images/inc/symbol.png) no-repeat right bottom; background-size:contain}
#header .menu_wrap .gnb_wrap .gnb:before,
#header .menu_wrap .gnb_wrap .gnb > li .dp2{ display:none}
#header .menu_wrap .gnb_wrap .gnb:hover:before,
#header .menu_wrap .gnb_wrap .gnb:hover > li .dp2{ display:block}

/*footer*/
#footer{}
#footer .gotop.top_st{ position:fixed; z-index:1; width:4em; line-height:4em; height:4em; right:3em; bottom:3em; text-align:center; border-radius:50%; background:#fff; color:#444; transition:.3s; transform:translateY(7em); opacity:0; box-shadow:0 0 1em .125em rgba(0,0,0,.3); z-index:100;}
#footer .gotop.top_st .xi{ font-size:2em}
#footer .gotop.top_st:hover{ background:#003f87; color:#fff}
.scroll #footer .gotop.top_st{ transform:translateY(0); opacity:1}

#footer .foot_wrap{ background:#313c49;}
#footer .foot_wrap .box1{ position:relative}
#footer .foot_wrap .con{}
#footer .foot_wrap .con .logo img{ height:80px; opacity:.6;}
#footer .foot_wrap .con .copy{ margin-top:3em; font-size:.688em; color:#fff; opacity:.5; letter-spacing:0; text-transform:uppercase; font-family:'Ms';}
#footer .foot_wrap .menu_wrap{ padding:1em 0 ; border-bottom:1px solid rgba(255,255,255,.1)}
#footer .foot_wrap .info_wrap{ padding:1em 0; flex:1 1 1%; margin-left:5em;}
#footer .foot_wrap .info_wrap > li{ line-height:1.7; font-size:.875em;}
#footer .foot_wrap .info_wrap > li .tt{ display:inline-block; color:#fff; font-size:.938em; font-weight:200; margin:0 1em;}
#footer .foot_wrap .info_wrap > li .tit{ color:#fff; }
#footer .foot_wrap .info_wrap > li a:hover{ text-decoration:underline;}
#footer .foot_wrap .menu_wrap .menu > li > a{ position:relative; display:block; margin-right:1.5em; font-size:.938em; color:#fff; padding:1em 0 ;}
#footer .foot_wrap .menu_wrap .menu > li > a:before{ content:""; position:absolute; left:-10px; top:50%; margin-top:-6px; width:1px; height:12px; background:rgba(255,255,255,.2);}
#footer .foot_wrap .menu_wrap .menu > li:first-child > a:before{ display:none;}
#footer .foot_wrap .menu_wrap .menu > li > a:hover{ text-decoration:underline;}
#footer .foot_wrap .menu_wrap .family{ position:absolute; right:4.5em; top:0; display:inline-block; margin-top:1.25em;}
#footer .foot_wrap .menu_wrap .family .tit{ position:relative; color:#f9f9f9; letter-spacing:0; text-transform:uppercase; cursor:pointer;}
#footer .foot_wrap .menu_wrap .family .tit .tt{ display:inline-block; padding:0 8em 0 1.8em; font-size:.813em; background:#1a2532; height:50px; line-height:50px}
#footer .foot_wrap .menu_wrap .family .tit .xi{ position:absolute; right:1.2em; top:50%; margin-top:-.6em; font-size:.938em;}
#footer .foot_wrap .menu_wrap .family .tit .xi:before{ content:"\e944";}
#footer .foot_wrap .menu_wrap .family .list{ position:absolute; left:0; right:0; bottom:100%; margin-bottom:-1px; padding:.8em 0; max-height:15em; overflow-y:auto; background:#1a2532; border:1px solid #999; text-align:left;}
#footer .foot_wrap .menu_wrap .family .list > li > a{ display:block; padding:.5em 1.2em; font-size:.875em; color:#fff;}
#footer .foot_wrap .menu_wrap .family .list > li > a:hover{ text-decoration:underline;}
#footer .foot_wrap .menu_wrap .family .list{ display:none;}
#footer .foot_wrap .menu_wrap .family:hover .list{ display:block;}
#footer .foot_wrap .menu_wrap .family:hover .tit{ color:#fff;}

#footer .foot_wrap .hanwithLogo{ position:absolute; right:290px}

#footer .goTop{ position:absolute; right:0; background:#43576f; width:3.75em; color:#fff; margin-left:1em; margin-top:1.25em; top:0; height:50px}
#footer .goTop .tt{ display:block; font-size:.688em}
#footer .goTop .vm{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-width:100%; height:auto; white-space:normal}
#footer .goTop:hover{ background:#0c66c6}
#footer .gotop{ width:4em; height:3.5em; background:#43576f; color:#fff; border:1px solid transparent; margin-left:1em; text-align:center; transition:.3s}
#footer .gotop .xi{ display:block}
#footer .gotop .tt{ display:block; font-size:.688em; letter-spacing:0}
#footer .gotop:hover{ background:#fff; color:#1c2335; border-color:#1c2335}

#footer .bottom_wrap{ position:relative}
#footer .sns_wrap{ position:absolute; right:0; top:2.5em}
#footer .sns_wrap .tt{ font-size:1.125em; color:#fff; margin-bottom:1.5em; opacity:.5}
#footer .sns_wrap .snsList{ display:inline-block; *display:inline; zoom:1; vertical-align:top}
#footer .sns_wrap .snsList > li > a{ padding-left:.5em; margin-top:-.5em}
#footer .sns_wrap .snsList > li > a:hover .xi{ background:#393f44; transform:rotateY(360deg);}
#footer .sns_wrap .snsList > li:first-child > a{ padding-left:0;}
#footer .sns_wrap .snsList > li > a .xi{ font-size:1.250em; width:45px; height:45px; color:#fff; border-radius:50px; line-height:45px; background:rgba(255,255,255,.2); transition:.3s}
#footer .sns_wrap .snsList > li > a.face .xi{ background:#38569e}
#footer .sns_wrap .snsList > li > a.inst .xi{ background:#f33c73}
#footer .sns_wrap .snsList > li > a.kaka .xi{ background:#e3d431; background-image:url(../images/inc/kakao_icon.jpg); background-repeat:no-repeat; background-position:center center}
#footer .sns_wrap .snsList > li > a.blog .xi{ background:#00c73c}
#footer .sns_wrap .snsList > li > a.twit: .xi{ background:#1da1f2}
#footer .sns_wrap .snsList > li > a.yout .xi{ background:#da281f}

/**/
.fAmily_wrap {border-top:1px solid #c0cad4;}
.family_wrap{ padding:1.3em 0em; background:#fff;}
.family_wrap .control{ width:14%; position:relative; margin-top:1%;}
.family_wrap .family { width:85%;}
.family_wrap .control .tit{color:#222; display:inline-block; padding-top:4px; font-size:1.125em; font-weight:500}
.family_wrap .control .arrow {position:absolute; right:0; top:0;}
.family_wrap .control .arrow > li{ display:inline-block; width:1.5em; line-height:1.5em; background:#fff; text-align:center; cursor:pointer; border:1px solid #ddd;}
.family_wrap .control .arrow > li .xi{ font-size:1.125em; color:#222;}
.family_wrap .control .arrow > li:hover{ background:#003876;  transition:.3s;}
.family_wrap .control .arrow > li:hover .xi {color:#fff;}
.family_wrap .control .arrow .slick-hidden{ display:inline-block;}
.family_wrap .family .item > a{ display:block; margin:0 .2em; }
.family_wrap .family .item .in{height:3.65em}
.family_wrap .family .item .in img{ max-width:90%; max-height:80%;}
.family_wrap .family .item .in:hover{ border-color:#3c4968;}

/*main*/
.mainVisual_wrap{ position:relative;}
/*.mainVisual .slick-track,*/
.mainVisual .item{ height:42em; position:relative; overflow:hidden}
.mainVisual .item .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1.1,1.1); transition:1s;}
.mainVisual .item{ /*background-repeat:no-repeat; background-position:50% 50%; background-size:cover;*/}
.mainVisual .item .slogan{position:relative; top:7em; text-align:center;}
.mainVisual .item .slogan .t1{ font-size:1.8em; color:#fff; text-transform:uppercase; font-weight:500;  text-shadow: 1px 1px 1px rgba(0,0,0,.4)}
.mainVisual .item .slogan .t2{ font-size:3.4em; color:#fff; display:inline-block; border-top:1px solid rgba(255,255,255,.3); border-bottom:1px solid rgba(255,255,255,.3); margin:.4em 0; padding:.2em 0; letter-spacing:-1.5px; font-weight:700;  text-shadow: 1px 1px 1px rgba(0,0,0,.4)}
.mainVisual .item .slogan .t3{ color:#fff; line-height:1.6; font-size:1.250em; font-weight:500;  text-shadow: 1px 1px 1px rgba(0,0,0,.4)}


.mainVisual_wrap .slick-dots{ position:absolute; top:30em; width:100%; text-align:center;}
.mainVisual_wrap .slick-dots > ul > li{ display:inline-block; margin:0 .375em;}
.mainVisual_wrap .slick-dots > ul > li button{ width:.938em; height:.938em; background:#fff; border:none; border-radius:50%; text-indent:-9999px; cursor:pointer; transition:.2s;}
.mainVisual_wrap .slick-dots > ul > li.slick-active button{ width:2.5em; border-radius:3em;}
.mainVisual .item.activeAni .bg{ transform:scale(1,1); transition:3s;}

.main_con1_Wrap {background:#f3f5f8; padding:3em 0;}
.main_con1_Wrap .main_con1_TIt {color:#111; font-weight:700; font-size:2.125em; padding-bottom:30px;}
.main_con1_Wrap .inner {}
.main_con1_Wrap .inner .list {margin:0 0 0 -10px;}
.main_con1_Wrap .inner .list > li {flex:1 0 25%;}
.main_con1_Wrap .inner .list > li .in {display:block; margin:0 0 10px 10px;}
.main_con1_Wrap .inner .list > li .in .inn {background:#fff; border:1px solid #ddd; padding:0 1em; height:130px;}
.main_con1_Wrap .inner .list > li .in .inn .icon {}
.main_con1_Wrap .inner .list > li .in .inn .icon > p {}
.main_con1_Wrap .inner .list > li .in .inn .txt {}
.main_con1_Wrap .inner .list > li .in .inn .txt .pd_in {padding-left:1.3em;}
.main_con1_Wrap .inner .list > li .in .inn .txt .pd_in .t1 {color:#111; font-weight:500; font-size:1.313em; padding-bottom:15px;}
.main_con1_Wrap .inner .list > li .in .inn .txt .pd_in .t2 {color:#616161; font-weight:400; font-size:.813em; line-height:1.4;}
.main_con1_Wrap .inner .list > li .in .inn .txt.st .pd_in {padding-left:0;}
.main_con1_Wrap .inner .list > li .in .inn .txt.st .pd_in .t1 {color:#ffbc00}
.main_con1_Wrap .inner .list > li .in .inn .txt.st .pd_in .more {color:#ffbc00; width:30px; height:30px; line-height:30px; text-align:center; border-radius:50%; display:inline-block; border:1px solid #ffbc00; background:#fff}
.main_con1_Wrap .inner .list > li .in .inn .txt.st .pd_in .more .xi {font-size:1em;}
.main_con1_Wrap .inner .list > li .in .inn .txt.st .pd_in .more:hover {background:#ffbc00; color:#fff; transition:.3s;}
.main_con1_Wrap .inner .list > li:hover .in .inn {transition:.6s; border:1px solid #005e98}

/**/
.main_con2_Wrap {margin:5em 0;}
.main_con2_Wrap .main_Con2_tit {text-align:center; margin-bottom:70px;}
.main_con2_Wrap .main_Con2_tit .t1 {color:#111; font-weight:700; font-size:3.125em; letter-spacing:-2px;}
.main_con2_Wrap .main_Con2_tit .t1 .col {color:#004a98}
.main_con2_Wrap .main_Con2_tit .t2 {padding-top:20px; color:#616161; font-size:1.063em; font-weight:400;}
.main_con2_Wrap .con1 {flex:1; min-width:0;}
.main_con2_Wrap .con1 .gall_wrap{ max-width:290px; width:100%; float:left; position:relative; box-sizing:border-box; margin-left:1.5em;}
.main_con2_Wrap .con1 .gall_wrap .tit {font-weight:700; font-size:1.313em; margin-bottom:7px;}
.main_con2_Wrap .con1 .gall_wrap .main_gall {border:1px solid #ddd;}
.main_con2_Wrap .con1 .gall_wrap .main_gall .visual .item .t_w {padding:1.3em 1em;}
.main_con2_Wrap .con1 .gall_wrap .main_gall .visual .item .t_w .date {color:#595959; font-size:.813em; display:inline-block; font-family: 'Ms'; font-weight:400;}
.main_con2_Wrap .con1 .gall_wrap .main_gall .visual .item .t_w .txt {display:block; color:#333; font-size:.875em; padding-top:10px; height:2.2em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:700}
.main_con2_Wrap .con1 .gall_wrap .main_gall .visual .item .item_img{/* height:180px;*/ }
.main_con2_Wrap .con1 .gall_wrap .main_gall .visual .item .item_img .resize {padding-bottom:68.9655%; border-bottom:1px solid #ddd}

.main_con2_Wrap .con1 .gall_wrap .main_gall .slick-dots{ position:absolute; right:5px; bottom:7px;}
.main_con2_Wrap .con1 .gall_wrap .main_gall .slick-dots ul > li{ float:left}
.main_con2_Wrap .con1 .gall_wrap .main_gall .slick-dots ul > li button{ width:12px; height:12px; background:#ddd; font-size:0; border:none !important; border-radius:50%; margin-right:3px}
.main_con2_Wrap .con1 .gall_wrap .main_gall .slick-dots ul > li.slick-active button{ background:#ff9900; width:25px; height:10px; border-radius:45px;}

.main_con2_Wrap .con2 {}
.main_con2_Wrap .con2 .con_in {background-size:cover; background-position:center center; background-repeat:no-repeat; width:293px; height:140px; cursor:pointer}
.main_con2_Wrap .con2 .con_in.bg1 {background:url(../images/main/con2_conbg1.jpg); margin-bottom:20px;}
.main_con2_Wrap .con2 .con_in.bg2 {background:url(../images/main/con2_conbg2.jpg)}
.main_con2_Wrap .con2 .con_in .inn {color:#fff; padding:1.3em;}
.main_con2_Wrap .con2 .con_in .inn .t1 {font-size:1.375em; font-weight:500; position:relative;}
.main_con2_Wrap .con2 .con_in .inn .t1 .mbtn {position:absolute; right:0; top:0; color:#fff;}
.main_con2_Wrap .con2 .con_in .inn .t1 .mbtn .xi {}
.main_con2_Wrap .con2 .con_in .inn .t2 {font-size:.875em; padding-top:15px; font-weight:400;}
.main_con2_Wrap .con2 .con_in:hover .inn .t1 .mbtn {transition:.3s; transform:rotate(90deg)}

.main_list_col{ margin-left:-2em;}
.main_wrap .box_st{ overflow:hidden;}
.main_list_col .inner{ flex:1; min-width:0;}
.main_list_col .inner .list_wrap{ flex:1; margin-left:2em;}
.main_list_col .inner .list_wrap .con_in{ padding:1.875em}
.main_list_col .inner .list_wrap .con_in .con_tit{ font-size:1.250em !important; font-weight:500}
.main_list_col .inner .list_wrap .con_in .con_tit.wh{ color:#fff !important}
.main_list_col .con_idx > .idx{ box-sizing:border-box;}

.main_list_col .tab{ align-items:stretch; position:relative; border-left:1px solid #d4d5d8; justify-content:flex-start; border-bottom:1px solid #d4d5d8}
.main_list_col .tab > li{ text-align:center;}
.main_list_col .tab > li .main_more{ position:absolute; top:50%; right:.3em; transform:translateY(-50%); background:#004a98; color:#fff; border-radius:50%; width:2em; line-height:2em; height:2em; border:1px solid #003876}
.main_list_col .tab > li .tt{ position:relative; display:block; padding:.938em .4em; border-style:solid; cursor:pointer; padding-left:1em; padding-right:1em; border-width:1px 1px 0 0; border-color:#d4d5d8; color:#3c3c3d;
min-width:5.188em; }
.main_list_col .tab > li .tt:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; display:none;}
.main_list_col .tab > li.on .tt   { background:#fafafa; font-weight:500;}
.main_list_col .tab > li.on .tt:after { display:block;}
.main_list_col .tab > li.on .main_more{ display:block;}

.main_list_col .list_wrap.board{}
.main_list_col .list_wrap.board .list{ padding:1em 1em 0 1em;}
.main_list_col .list_wrap.board .list > li{ border-top:1px solid #ddd;}
.main_list_col .list_wrap.board .list > li:first-child{ border-top:none;}
.main_list_col .list_wrap.board .list > li .in{ padding:1em 0 1em .2em;}
.main_list_col .list_wrap.board .list > li .in .tit { display:block; color:#333; font-size:.938em}
.main_list_col .list_wrap.board .list > li .in .date{ display:block; font-size:.875em; color:#72727d;  font-family: 'Ms';}
.main_list_col .list_wrap.board .list > li.def .in{ display:block; position:relative; }
.main_list_col .list_wrap.board .list > li.def .in .tit{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:70%;}
.main_list_col .list_wrap.board .list > li.def .in .date{ position:absolute; top:50%; right:.2em; transform:translateY(-50%);}
.main_list_col .list_wrap.board .list > li:hover .in .tit{ color:#003876; text-decoration:underline;}

/**/
.main_con3_Wrap {background:#fcd100; padding:2.5em 0;}
.main_con3_Wrap .con3_inner {background:url(../images/main/con3_Bg_in.png) no-repeat center center; padding:5em 4em 6em 4em}
.main_con3_Wrap .con3_inner .tw {}
.main_con3_Wrap .con3_inner .tw .titw {}
.main_con3_Wrap .con3_inner .tw .titw .in {margin-right:3em;}
.main_con3_Wrap .con3_inner .tw .titw .in .ti {background:#323130; color:#fcf300; border-radius:30px; padding:.5em 1.8em 0 1.8em; display:inline-block; margin-bottom:1.5em; text-align:center}
.main_con3_Wrap .con3_inner .tw .titw .in .ti .icon {display:inline-block; vertical-align:middle;}
.main_con3_Wrap .con3_inner .tw .titw .in .ti .tx {font-weight:900; font-size:1.313em; padding-left:5px; margin-top:-3px; display:inline-block; vertical-align:middle;}
.main_con3_Wrap .con3_inner .tw .titw .in .t1 {}
.main_con3_Wrap .con3_inner .tw .titw .in .t1 .tt {color:#373635; font-weight:900; font-size:2.5em; letter-spacing:-3px;}
.main_con3_Wrap .con3_inner .tw .titw .in .t1 .col2 {color:#004a98; font-weight:900; font-size:2.8em; letter-spacing:-3px;}

.main_con3_Wrap .con3_inner .tw .txtw {}
.main_con3_Wrap .con3_inner .tw .txtw .in {}
.main_con3_Wrap .con3_inner .tw .txtw .in .tx {position:relative; padding-left:2em; margin-top:.8em; font-size:1.313em; padding-top:.25em; color:#373635; font-weight:500;}
.main_con3_Wrap .con3_inner .tw .txtw .in .tx .icon {position:absolute; left:0; top:7px; border:4px solid #9e9e9e; width:18px; height:18px; border-radius:50%;}
.main_con3_Wrap .con3_inner .tw .txtw .in .tx .icon:before{ content:"\e929"; position:absolute; color:#ffbc00; font-size:1.5em; top:-.45em; left:-.13em;}

/**/
.main_con4_Wrap {background:#f3f4f8; padding:3em 0;}
.main_con4_Wrap .con3_inner{ margin-left:-1em;}
.main_con4_Wrap .con3_inner .inner{ flex:1; min-width:0; max-height:17em;}
.main_con4_Wrap .con3_inner .inner .list_wrap{ flex:1; margin-left:1em;}
.main_con4_Wrap .con3_inner .inner .list_wrap .con_in{ padding:1.875em 1.3em}
.main_con4_Wrap .con3_inner .inner .list_wrap .con_in.pd_no {padding:0;}
.main_con4_Wrap .con3_inner .inner .list_wrap .con_in.bgW {background:#fff}
.main_con4_Wrap .con3_inner .con_wrap1{ background:url(../images/main/con4_conbg.jpg) no-repeat center center; background-size:cover; text-align:center}
.main_con4_Wrap .con3_inner .con_wrap1 .ti {color:#fff; font-weight:700; font-size:2em; line-height:1.5; padding-bottom:2.2em;}
.main_con4_Wrap .con3_inner .con_wrap1 .bTn_wrap {text-align:center;}
.main_con4_Wrap .con3_inner .con_wrap1 .bTn_wrap .list {margin:0 0 0 -1em;}
.main_con4_Wrap .con3_inner .con_wrap1 .bTn_wrap .list > li {width:25%;}
.main_con4_Wrap .con3_inner .con_wrap1 .bTn_wrap .list > li .btn {display:block; background:#fff; width:115px; line-height:40px;  margin:0 0 0 1em;}
.main_con4_Wrap .con3_inner .con_wrap1 .bTn_wrap .list > li .btn .tt {color:#333; font-size:.938em; font-weight:400;}
.main_con4_Wrap .con3_inner .con_wrap1 .bTn_wrap .list > li:hover .btn {background:#004a98; transition:.3s;}
.main_con4_Wrap .con3_inner .con_wrap1 .bTn_wrap .list > li:hover .btn .tt {color:#fff;}

.main_con4_Wrap .con3_inner .con_wrap2 .t1 {color:#222; font-size:1.188em; font-weight:500; letter-spacing:-1.9px}
.main_con4_Wrap .con3_inner .con_wrap2 .t2 {padding:28px 0 80px 0; color:#444; font-weight:400; font-size:1em; letter-spacing:-.2px;}
.main_con4_Wrap .con3_inner .con_wrap2 .bTn_wrap {text-align:center;}
.main_con4_Wrap .con3_inner .con_wrap2 .bTn_wrap .list {margin:0 0 0 -1em;}
.main_con4_Wrap .con3_inner .con_wrap2 .bTn_wrap .list > li {width:50%}
.main_con4_Wrap .con3_inner .con_wrap2 .bTn_wrap .list > li .btn {display:block; background:#199da3; width:115px; line-height:40px; margin:0 0 0 1em;}
.main_con4_Wrap .con3_inner .con_wrap2 .bTn_wrap .list > li .btn .tt {color:#fff; font-size:.938em; font-weight:400;}
.main_con4_Wrap .con3_inner .con_wrap2 .bTn_wrap .list > li:hover .btn {background:#004a98; transition:.3s;}
.main_con4_Wrap .con3_inner .con_wrap2 .bTn_wrap .list > li:hover .btn .tt {color:#fff;}

.main_con4_Wrap .con3_inner .inner .list_wrap .con_in.bgW.bgicon01 {background-image:url(../images/main/con4_bg_icon01.png); background-repeat:no-repeat; background-position:right 10px bottom 65px}
.main_con4_Wrap .con3_inner .inner .list_wrap .con_in.bgW.bgicon02 {background-image:url(../images/main/con4_bg_icon02.png); background-repeat:no-repeat; background-position:right 10px bottom 65px}


/*contents*/
#contents{ position:relative}
#contents .sub_visual{ position:relative; z-index:9; height:280px; overflow:hidden;}
#contents .sub_visual .bg{ position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transform:scale(1.2,1.2); transition:all 1s ease-out;}
#contents .sub_visual .bg_1{ background-image:url(../images/inc/sub_visual1.jpg);}
#contents .sub_visual .bg_2{ background-image:url(../images/inc/sub_visual2.jpg);}
#contents .sub_visual .bg_3{ background-image:url(../images/inc/sub_visual3.jpg);}
#contents .sub_visual .bg_4{ background-image:url(../images/inc/sub_visual4.jpg);}
#contents .sub_visual .bg_5{ background-image:url(../images/inc/sub_visual5.jpg);}
#contents .sub_visual .bg_6{ background-image:url(../images/inc/sub_visual6.jpg);}
#contents .sub_visual .bg_guide{ background-image:url(../images/sub/sub_visual8.jpg);}

#contents .sub_visual .slogan{ position:relative; z-index:3; height:100%;}
#contents .sub_visual .slogan .vm_tt{ width:100%; margin-top:-1.5em;}
#contents .sub_visual .slogan .tt{ display:block; padding:.5em 0; color:#fff; opacity:0; transition:all .8s ease-out;}
#contents .sub_visual .slogan .t1{ margin-left:3em; font-weight:400; font-size:1.375em; letter-spacing:.1px;}
#contents .sub_visual .slogan .t2{ margin-right:3em; font-size:2em; font-weight:500; text-shadow: 1px 1px 1px rgba(0,0,0,.4)}

.load #contents .sub_visual .bg{transform:scale(1,1);}
.load #contents .sub_visual .slogan .tt{ opacity:1; transition-delay:.3s;}
.load #contents .sub_visual .slogan .t1{ margin-left:0;}
.load #contents .sub_visual .slogan .t2{ margin-right:0;}

#contents .sub_nav_wrap{ position:relative; z-index:10; top:0; width:100%; background:#f3f7f9}
#contents .sub_nav_wrap .nav_box{ background:#f3f7f9;}
#contents .sub_nav_wrap .utility{ width:15em}
#contents .sub_nav_wrap .utility .zoom{ margin-right:1em}
#contents .sub_nav_wrap .utility .zoom > li > a{ display:block; width:2em; line-height:2em; background:#fff; text-align:center; color:#999; border:1px solid #ddd; margin-right:-1px; transition:.3s}
#contents .sub_nav_wrap .utility .zoom > li > a .xi{ font-size:1.125em}
#contents .sub_nav_wrap .utility .zoom > li > a:hover{ background:#eee; color:#444}
#contents .sub_nav_wrap .utility .btnPrint{ background:#fff; border:1px solid #3156a4; color:#3156a4; padding:.25em 1em; transition:.3s}
#contents .sub_nav_wrap .utility .btnPrint .xi{ font-size:1em}
#contents .sub_nav_wrap .utility .btnPrint .tt{ font-size:.875em}
#contents .sub_nav_wrap .nav{width:calc(100% - 15em)}
#contents .sub_nav_wrap .nav > li{ position:relative}
#contents .sub_nav_wrap .nav > li > a{ border-right:1px solid #ddd; height:3.2em}
#contents .sub_nav_wrap .nav > li.home > a{ width:4em; padding-right:1px;}
#contents .sub_nav_wrap .nav > li.home > a .xi{width:2em; line-height:2em; color:#fff; font-size:1em; background:#003876; text-align:center; border-radius:50%;}
#contents .sub_nav_wrap .nav > li.tt > a{ padding:0 1em; min-width:11em; position:relative; padding-right:3em; color:#444}
#contents .sub_nav_wrap .nav > li.tt > a > i:not(.xi){ font-size:.938em}
#contents .sub_nav_wrap .nav > li.tt > a .icon{ position:absolute; width:3em; text-align:center; right:0; top:50%; margin-top:-.5em; font-size:1em; transition:.3s}
#contents .sub_nav_wrap .nav > li.tt > a .icon:before{ content:"\e943"}
#contents .sub_nav_wrap .nav > li .gnb{ position:absolute; width:calc(100% - 1px); left:-1px; background:#fff; border:1px solid #ddd; display:none; padding:.25em 0; box-shadow:0 1px 3px rgba(0,0,0,.3)}
#contents .sub_nav_wrap .nav > li .gnb li.m_guide {display:none;}
#contents .sub_nav_wrap .nav > li .gnb li.on .flex{ display:block; padding:.25em 0}
#contents .sub_nav_wrap .nav > li .gnb a{ padding:.375em 3em .375em 1em; text-align:left; color:#888; position:relative; overflow:hidden}
#contents .sub_nav_wrap .nav > li .gnb a:before{ content:"-"; width:1em}
/*#contents .sub_nav_wrap .nav > li .gnb a:after{ font-family:xeicon!important; content:"\e93f"; position:absolute; right:0; top:.5em; width:2.5em; text-align:center; transition:.3s; transform:translateX(100%)}*/
#contents .sub_nav_wrap .nav > li .gnb a .va{ font-size:.875em}
#contents .sub_nav_wrap .nav > li .gnb a:hover{ color:#173263}
#contents .sub_nav_wrap .nav > li .gnb a:hover:after{ transform:translateX(0)}
#contents .sub_nav_wrap .nav > li.on.tt > a{ box-shadow:0 -2px 4px rgba(0,0,0,.2); background:#fff}
#contents .sub_nav_wrap .nav > li.on.tt > a .icon{ transform:rotate(180deg)}
#contents .sub_nav_wrap .nav > li.on .gnb{ display:block}

.dp1on .gnb .dp2{ display:none!important}
.dp2on .gnb > li,
.dp2on .gnb > li .dp1,
.dp2on .gnb > li .dp3{ display:none!important}
.dp2on .gnb > li.on{ display:block!important}
.dp3on .gnb > li,
.dp3on .gnb > li .dp1,
.dp3on .gnb > li .dp2 > li,
.dp3on .gnb > li .dp2 > li > a{ display:none!important}
.dp3on .gnb > li.on,
.dp3on .gnb > li .dp2 > li.on{ display:block!important}

#contents .sub_tit_wrap{ position:relative; z-index:10; margin-top:-4em;}
#contents .sub_tit_wrap .vm_tt{ width:100%;}
#contents .sub_tit_wrap .inner{ width:940px; max-width:94%; height:8em; margin:0 auto; text-align:center; background:#e8ecf1;}
#contents .sub_tit_wrap .tit{ font-size:2.000em; color:#222; font-weight:500; letter-spacing:-1px;}
#contents .sub_tit_wrap .tit_en{ padding-top:.7em; font-family: 'Raleway', sans-serif; font-size:.813em; color:#687687; font-weight:500; letter-spacing:.3em; text-transform:uppercase;}

#contents .sub_gnb{ background:#fff; text-align:center; border-bottom:1px solid #ddd;}
#contents .sub_gnb .menu_icon{ display:none !important}
#contents .sub_gnb .xi-angle-right-min{ display:none}
#contents .sub_gnb .gnb{}
#contents .sub_gnb .gnb > li,
#contents .sub_gnb .gnb > li .dp1,
#contents .sub_gnb .gnb > li .dp3{ display:none;}
#contents .sub_gnb .gnb > li.on{ display:block;}
#contents .sub_gnb .gnb > li.m_6{ display:none}
#contents .sub_gnb .gnb .dp2 .vm_wrap{ height:3.2em;}
#contents .sub_gnb .gnb .dp2 > li{ position:relative; width:33.33%;/* width:16.66% !important;*/}
#contents .sub_gnb .gnb .dp2 > li:before{ content:""; position:absolute; z-index:1; left:-1px; top:50%; margin-top:-7px; width:2px; height:14px; background:#ccc; opacity:.5;}
/*#contents .sub_gnb .gnb .dp2 > li:after{ content:""; position:absolute; left:50%; bottom:0; width:0; height:4px; background:linear-gradient(300deg, #C51E3F 0%,#50318f 100%); transition:.3s;}*/

#contents .sub_gnb .gnb .dp2 > li > a{ position:relative; color:#555; transition:.2s; font-size:1.125em; font-weight:500}
#contents .sub_gnb .gnb .dp2 > li:hover > a,
#contents .sub_gnb .gnb .dp2 > li.on > a{ z-index:2; /*background:#0052b8; */color:#fff; background:linear-gradient(300deg, #C51E3F 0%,#50318f 100%);}
#contents .sub_gnb .gnb .dp2 > li:hover:after,
#contents .sub_gnb .gnb .dp2 > li.on:after{ width:100%; margin-left:-50%;}
/*#contents .sub_gnb.fix{ position:fixed; z-index:99; top:0; left:0; width:100%;}*/

#contents.member_c .conTit{ display:none}
#contents.member_c .sub_visual{ display:none}
#contents.member_c .sub_nav_wrap .nav > li:nth-child(3){ display:none}
#contents .conTit{ border-bottom:1px solid #ddd; margin-bottom:3em;}
#contents .conTit .nav_wrap{ text-align:right; padding:2.5em 0 0 0; /*position:absolute; right:0*/ }
#contents .conTit .nav_wrap .nav > li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:.813em; color:#999;}
#contents .conTit .nav_wrap .nav > li:before{ content:"\e93f"; font-family:xeicon !important; font-style:normal; color:#999; padding:0 2px;}
#contents .conTit .nav_wrap .nav > li:first-child:before{ display:none;}
#contents .conTit .nav_wrap .nav .home{ font-size:.688em;}
#contents .conTit .nav_wrap .nav .on{ color:#444; font-weight:500;}
#contents .conTit .tit_wrap{ padding:.8em 0; text-align:center; font-size:1.875em; color:#45464b; letter-spacing:-.5px; font-weight:500;}

#contents .con_gnb{ position:relative; margin-bottom:-1px; border-bottom:1px solid #0d298e; text-align:center;}
#contents .con_gnb .gnb{ margin-bottom:-1px;}
#contents .con_gnb .gnb > li,
#contents .con_gnb .gnb > li .dp1,
#contents .con_gnb .gnb > li .dp2 > li,
#contents .con_gnb .gnb > li .dp2 > li > a{ display:none;}
#contents .con_gnb .gnb > li.on,
#contents .con_gnb .gnb > li .dp2 > li.on{ display:block;}
#contents .con_gnb .gnb > li .dp3 .vm_wrap{ height:45px; color:#999;}
#contents .con_gnb .gnb > li .dp3{ padding-left:1px;}
#contents .con_gnb .gnb > li .dp3 > li{ width:20%;}
#contents .con_gnb .gnb > li .dp3 > li > a{ position:relative; z-index:1; margin-left:-1px; border:1px solid #dce1e6; border-bottom-color:transparent; box-sizing:border-box; transition:.2s;}
#contents .con_gnb .gnb > li .dp3 > li:hover > a{ color:#000;}
#contents .con_gnb .gnb > li .dp3 > li.on > a{ z-index:2; background:#f2f5f8; border-color:#0d298e; border-top-width:3px; border-bottom-color:#f2f5f8; color:#0d298e;}

#contents .doc{ padding:0 0 10em 0;}
#contents .doc.st1{ padding:0 0 0 0;}
#contents .doc_pd{ padding-top:0; }
#contents .doc_main{ padding-top:3em;}

/*SUB PAGE*******************/
/*inc*/
.page_sec { margin-top:4em !important;}
.page_sec1{ margin-top:2em !important;}
.page_sec2{ margin-top:3em !important;}
.page_sec3{ margin-top:6em !important;}
.page_sec4{ margin-top:1em !important}
.page_sec5{ margin-top:5em !important}

/**/
.tbl_link_Btn {display:inline-block; padding:.3em 1em; background:#003876; border-radius:30px; transition:.3s;}
.tbl_link_Btn .tt {vertical-align:middle; font-size:.938em; color:#fff;}
.tbl_link_Btn .xi {vertical-align:middle; font-size:1em; color:#fff;}
.tbl_link_Btn:hover .xi {padding-left:7px; transition:.3s;}

/**/
.link_Hover:hover {transition:.3s; text-decoration:underline; color:#003876}

/**/
.point_Navy_col {color:#003876 !important; font-weight:500;}
.point_Weight_bold {font-weight:600 !important;}
.point_txt_Bg {background:#ecf0f4; padding:5px; display:inline-block; margin:.2em 0;}

/**/
.sub_basic_tit{ margin-bottom:1em; position:relative;  padding-bottom:1em; margin-bottom:1.5em; border-bottom:1px solid #ddd;}
.sub_basic_tit:after{ content:''; width:6%; height:3px; background:#183a6a; position:absolute; bottom:-2px; left:0;}
.sub_basic_tit > *[class^="t"] *{ vertical-align:baseline;}
.sub_basic_tit > *[class^="t"] strong{ font-weight:500}
.sub_basic_tit > *[class^="t"] span  { font-weight:400;}
.sub_basic_tit > .t1{ font-size:1.6em; color:#282828; font-weight:500; line-height:1.4; letter-spacing:-.2px; }
.sub_basic_tit > .t2 {font-size:.938em; color:#777; font-weight:500; line-height:1.4; letter-spacing:-.2px; padding:.3em 0 .5em 0;}

.sub_basic_tit2{ margin-bottom:1em; padding-bottom:1em; margin-bottom:1.5em; border-bottom:1px solid #ddd;}
.sub_basic_tit2 > *[class^="t"] *{ vertical-align:baseline;}
.sub_basic_tit2 > *[class^="t"] strong{ font-weight:500}
.sub_basic_tit2 > *[class^="t"] span  { font-weight:400;}
.sub_basic_tit2 > .t1{ font-size:1.438em; color:#282828; font-weight:500; line-height:1.4; letter-spacing:-.2px; position:relative; margin-bottom:1em; padding-bottom:.6em;}
.sub_basic_tit2 > .t1:after{ content:''; width:6%; height:3px; background:#183a6a; position:absolute; bottom:-2px; left:0;}
.sub_basic_tit2 > .t2 {font-size:.938em; color:#777; font-weight:500; line-height:1.4; letter-spacing:-.2px; padding:.3em 0 .5em 0;}
 
/**/
.page_tab .tab,
.page_tab .tab > li,
.page_tab .tab > li > a{ }
.page_tab {text-align:center;} 
.page_tab .tab{margin-bottom:2em;}
.page_tab .tab > li {width:100%; flex:1 1 25%}
.page_tab .tab > li > a{padding:1em; border:1px solid #ddd; margin:.5em 0 0 .5em; color:#666; transition:.3s; display:block; height:2.5em;}
.page_tab .tab > li > a > .tt {font-size:1.125em; letter-spacing:.1px; font-weight:500;}
.page_tab .tab > li > a > *{ display:inline-block; *display:inline; zoom:1;}
.page_tab .tab > li .icon{ margin-left:.5em; color:#d4d5d8;}
.page_tab .tab > li .icon:before{ content:"\e937";}
.page_tab .tab > li:hover > a,
.page_tab .tab > li.on > a{box-shadow:0 0 1em 0.125em rgba(0,0,0,.1); color:#003f87; border-color:#003f87;}
.page_tab .tab > li:hover .icon,
.page_tab .tab > li.on .icon{ color:#fff;}

.page_tab2 {text-align:center; margin:0 auto; width:30%;}  
.page_tab2 .tab{margin-bottom:2em;}
.page_tab2 .tab > li {flex:50%;}
.page_tab2 .tab > li > a{margin:0 0 0 1em; color:#666; transition:.3s; display:block; height:2.5em; border-bottom:4px solid #ddd}
.page_tab2 .tab > li > a > .tt {font-size:1.063em; letter-spacing:.1px; font-weight:500;}
.page_tab2 .tab > li > a > *{ display:inline-block; *display:inline; zoom:1;}
.page_tab2 .tab > li .icon{ margin-left:.5em; color:#d4d5d8;}
.page_tab2 .tab > li .icon:before{ content:"\e937";}
.page_tab2 .tab > li:hover > a,
.page_tab2 .tab > li.on > a{color:#003f87; border-color:#003f87;}
.page_tab2 .tab > li:hover .icon,
.page_tab2 .tab > li.on .icon{ color:#fff;}

/**/
.prod_list_wrap{}
.prod_list_wrap .prod_list .el{ margin-top:-1px; border:solid #d4d5d8; border-width:1px 0;}
.prod_list_wrap .prod_list .el:first-child {border-width:0;}
.prod_list_wrap .prod_list .inner .td{ padding:1em 1em;}
.prod_list_wrap .prod_list .inner .img_wrap{ width:15em;}
.prod_list_wrap .prod_list .inner .con_wrap{ width:auto;}
.prod_list_wrap .prod_list .inner .img_wrap .resize{ display:block; background:#fff; border:1px solid #eee;}
.prod_list_wrap .prod_list .inner .con_wrap .info2{ padding:.5em ​1.5em;}
.prod_list_wrap .prod_list .inner .con_wrap .info2 .t1{ color:#222; font-size:1.063em}
.prod_list_wrap .prod_list .inner .con_wrap .info2 .t2{ margin:.125em 0 .375em 0; }
.prod_list_wrap .prod_list .inner .con_wrap .info2 .t2 .t2_in1 {font-family:'NotoSans'; font-weight:600; color:#222; font-size:1.7em; vertical-align:baseline;}
.prod_list_wrap .prod_list .inner .con_wrap .info2 .t2 .t2_in2 {vertical-align:baseline; font-family:'NotoSans'; font-weight:400; color:#666; font-size:1.125em;}
.prod_list_wrap .prod_list .inner .con_wrap .info2 .t3{ font-family:'NotoSans'; font-weight:500; color:#0c66c6; font-size:1.063em; margin-bottom:1em; margin-top:.3em;}
.prod_list_wrap .prod_list .inner .con_wrap .info2 .t4{ color:#888; line-height:1.5; font-size:.875em; position:relative; padding-left:.6em; letter-spacing:-.3px;}
.prod_list_wrap .prod_list .inner .con_wrap .info2 .t4:before {position:absolute; content:""; width:3px; height:3px; border-radius:50%; background:#003876; left:0; top:10px;}
.prod_list_wrap .prod_list .inner .con_wrap .info2 .t4 > *,
.prod_list_wrap .prod_list .inner .con_wrap .info2 .t4 p,
.prod_list_wrap .prod_list .inner .con_wrap .info2 .t4 span,
.prod_list_wrap .prod_list .inner .con_wrap .info2 .t4 font { font-family:'NotoSans' !important; color:#888 !important; line-height:1.5em;  font-size:14px !important}

/**/
.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:1ems}
.map_info1 .t1 { float:left; }
.map_info1 .t1 span { color:#666; display:inline-block; margin-right:20px; line-height:38px; }
.map_info1 .t1 span.st { margin-right:10px;}
.map_info1 .t1 .xi { font-size:1.438em; vertical-align:sub; color:#888; margin-right:5px; }
.map_info1 .map_btn {background:#003876; display:inline-block; padding:.4em .8em; border-radius:.6em;}
.map_info1 .map_btn .xi {color:#fff; font-size:1em; vertical-align:baseline;}
.map_info1 .map_btn .tt {color:#fff; font-size:.875em; vertical-align:baseline;}

.root_daum_roughmap {padding:0 !important; border:none !important;}

.map_con {border:1px solid #ddd; padding:1.5em; background:#fafafa; margin-bottom:1em;}
.map_con .map_tit {}
.map_con .map_tit .t1 {font-size:1.063m; color:#444; }
.map_con .map_tit .t1.col {color:#fff; background:#108ad3; padding:.4em .5em; border-radius:30px; font-size:.875em; display:inline-block;}
.map_con .map_tit .t1.col.st2{ background:#2a9c05}
.map_con .map_tit .t1.col.st3{ background:#7182f5}
.map_con .map_tit .t1.col.st4{ background:#00aeab}
.map_con .map_tit .t1.col.st5{ background:#f86e55}
.map_con .map_tit .t1 > span {font-weight:700; vertical-align:baseline; color:#0b4790} 
.map_con .in_con {border:1px solid #ddd; padding:1.5em; margin-top:1em; border-top:3px solid #ddd; background:#fff;}
.map_con .in_con .way_st1 {}
.map_list{ margin:-3em 0 0 0}
.map_list > li{margin-top:3em}
.map_list.sec3 > li { flex-basis:33.33%; }
.map_list.sec5 > li { flex-basis:20%; }
.map_list.sec6 > li { flex-basis:16.66%; }
.map_list.sec7 > li { flex-basis:14.28%; }
.map_list > li .in{ text-align:center}
.map_list > li .in .line{ height:.2em; background:#cbd5dc; margin-top:1em;}
.map_list > li .in .arrow{ display:block; position:relative; font-size:1em; line-height:0; padding:.8em 0 0em 0;}
.map_list > li .in .arrow:before{ content:""; position:absolute; top:-11px; left:50%; transform:translateX(-50%); width:8px; height:8px; background:#fff; border-radius:50%; border:6px solid #cbd5dc;}
.map_list > li .in .arrow.arrive:before{border:6px solid #0b4790;}
.map_list > li .in .arrow:after{ content:"\e93e"; position:absolute; font-family:xeicon !important; top:0; right:0; transform:translateX(-50%); color:#cbd5dc; font-size:1.3em; width:100%;}
.map_list > li:first-child .in .arrow:after {opacity:0;}
.map_list > li .in .t1{height:1.5em; font-weight:500; color:#555; font-size:1em;}
.map_list > li .in .t1.col2 {font-weight:700;}
.map_list > li .in .t1 .xi {color:#fff;}
.map_list > li .in .t1 .xi:before {border:2px solid #0b4790; border-radius:50%; width:1.3em; height:1.3em; line-height:1.3em;  background:#0b4790; display:block;}

/**/
.page_viewWrap{}
.page_viewWrap .slider_for {width:78%;}
.page_viewWrap .slider_for .item .img_wrap{position:relative; margin:1em auto 0 auto; border:1px solid #ddd;}
.page_viewWrap .slider_for .item .img_wrap .resize{ background:#fff;}
.page_viewWrap .slider_for .item .img_wrap .tit_w {position:absolute; left:0; bottom:2px; width:96%; height:3em; padding:0 2%; background:rgba(0,0,0,.8); font-size:1.250em; color:#fff; text-align:left !important;}

.page_viewWrap .page_viewB{ position:relative; width:22%;}
.page_viewWrap .page_viewB .inner {padding:0 1em 0em 1em}
.page_viewWrap .slider_nav{ margin-right:-6px;}
.page_viewWrap .slider_nav .item{ margin-right:10px;}
.page_viewWrap .slider_nav .item .img_wrap{border:1px solid #ddd; transition:.2s; cursor:pointer; margin-bottom:10px}
.page_viewWrap .slider_nav .item .img_tit {text-align:center; font-size:1.063em; font-weight:500; color:#003876; padding:.7em 0 .5em 0;}
.page_viewWrap .slider_nav .item:hover .img_wrap img{ opacity:.5;}
.page_viewWrap .slider_nav .item:hover .img_wrap,
.page_viewWrap .slider_nav .item.slick-current .img_wrap{ border-color:#003f87; box-shadow:2px 2px 10px rgba(0,0,0,.2);}
.page_viewWrap .slider_nav .item .img_wrap .resize img {width:100%;}

.page_viewWrap .control_arrow{ position:absolute; bottom:0; left:50%; width:100%; text-align:center; transform:translateY(-50%)}
.page_viewWrap .control_arrow li{ position:absolute; top:0; margin-top:-1.5em;}
.page_viewWrap .control_arrow li.prev{ left:-4em;}
.page_viewWrap .control_arrow li.next{ /*right:-4em;*/}
.page_viewWrap .control_arrow li .xi{ width:2em; line-height:2em; border:1px solid #ddd; border-radius:50%; font-size:1.500em; color:#003f87; cursor:pointer; transition:.2s;}
.page_viewWrap .control_arrow li:hover .xi{ background:#222; border-color:#222; color:#fff;}

/**/
.page_Tbl_wrap {}
.page_Tbl_wrap .page_Tbl_wrap_Tit {padding-bottom:.5em; font-size:1.125em; color:#666; font-weight:500; position:relative; padding-left:.5em;}
.page_Tbl_wrap .page_Tbl_wrap_Tit:before {position:absolute; content:""; left:0; top:30%; width:3px; height:3px; border-radius:100%; background:#666;}

/**/
.page_ceoW {width:1180px; margin:0 auto;}
.page_ceoWrap{margin-top:2em;}
.page_ceoWrap.bg {background:#f9f9f9;}
.page_ceoWrap .left{ float:left; width:53%;}
.page_ceoWrap .right{ float:right; width:45%;}
.page_ceoWrap .right .inner{ margin-left:3em;}
.page_ceoWrap .right .inner img{box-shadow :10px 10px 15px rgba(0,0,0, 0.12);}
.page_ceoWrap .left .inner {}
.page_ceoWrap .left .inner img {box-shadow :10px 10px 15px rgba(0,0,0, 0.12);}
.page_ceoWrap .page_ceoB{ padding:5em 0;}
.page_ceoWrap .page_ceoB .txt_wrap .inner{ padding-top:2em; padding-left:3em;}
.page_ceoWrap .page_ceoT .txt_wrap .inner{ padding-top:4em; padding-bottom:3em; margin-left:0;}
.page_ceoWrap .page_ceoT .img_wrap .inner {margin-right:3em; margin-top:4em; margin-left:2em;}
.page_ceoWrap .txt_wrap .tit{letter-spacing:-2px; font-size:1.6em; line-height:1.3; color:#0065a4; margin-bottom:1em;}
.page_ceoWrap .txt_wrap .txt{ color:#383838; padding:.3em 0; font-size:1em; letter-spacing:-.2px; line-height:1.5 }
.page_ceoWrap .txt_wrap .txt.st1 {font-size:1.125em; font-weight:500;}
.page_ceoWrap .txt_wrap .txt.sign {text-align:right; padding-top:4.8em; font-size:.938em; padding-right:4em;}
.page_ceoWrap .txt_wrap .txt .name {vertical-align:baseline; font-size:1.438em; padding-left:.5em;}
.page_ceoWrap .txt_wrap .txt .name.st {padding-left:0; letter-spacing:inherit;}

.page_ceoWrap.sT2 .left {width:55%;}
.page_ceoWrap.sT2 .page_ceoT .img_wrap .inner {margin-right:4em; margin-top:5em; margin-left:0;}
.page_ceoWrap.sT2 .left .inner img {width:inherit;}
.page_ceoWrap.sT2 .txt_wrap .txt {line-height:1.4;}
.page_ceoWrap.sT2 .txt_wrap .txt.col1 {color:#003876; font-weight:500;}
.page_ceoWrap.sT2 .txt_wrap .txt.tt {font-weight:600; color:#003876; font-size:1.5em; position:relative;}
.page_ceoWrap.sT2 .txt_wrap .txt.tt:after{content:''; width:90%; height:2px; background:linear-gradient(to right, #032b5c, #fff); display:block; margin:.8em 0 .8em;}

/**/
.history_wrap{ position:relative; overflow:hidden; padding:5em 0; margin-top:6em;}
.history_wrap:before,
.history_wrap .lineAni{ content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd}
.history_wrap .lineAni{ height:0; background:#0b4790; transition:.3s}
.history_wrap .lineAni:before,
.history_wrap:after{ content:""; position:absolute; left:50%; top:0; margin-left:-.5em; width:1em; height:1em; background:#fff; border:.25em solid #0b4790; border-radius:100%; box-sizing:border-box}
.history_wrap:after{ top:auto; bottom:0}
.history_wrap .history > li{ margin-top:7em}
.history_wrap .history > li:first-child{ margin-top:0}
.history_wrap .history > li .year{ width:50%; overflow:hidden; justify-content:flex-end}
.history_wrap .history > li .year .wrap_in{ position:relative; overflow:hidden; width:15em}
.history_wrap .history > li .year .tt{ display:inline-block; position:relative; padding:0 .5em; font-size:2.5em; font-weight:700; letter-spacing:-3px; color:#0b4790; /*font-family: Georgia, "Times New Roman", Times, serif*/}
.history_wrap .history > li .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:100%; border-top:2px dotted #aaa}
.history_wrap .history > li .year .tt:after{ content:"'"; font-style:italic}
.history_wrap .history > li .list{ width:50%; margin-top:1em}
.history_wrap .history > li .list > li{ margin-top:.5em}
.history_wrap .history > li .list > li:first-child{ margin-top:0}
.history_wrap .history > li .list .wrap_in{ padding:0 2em}
.history_wrap .history > li .list .month{ flex:0 0 3em}
.history_wrap .history > li .list .month .tt{ color:#999; font-size:1.125em; font-weight:700; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px}
.history_wrap .history > li .list .month .tt:after{ content:" 월"; font-size:.813em;}
.history_wrap .history > li .list .detail > li{ margin-top:.5em}
.history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.history_wrap .history > li .list .detail .tt{ position:relative; padding:0 1.5em; margin-top:.125em; color:#333}
.history_wrap .history > li .list .detail .tt:before{ content:""; position:absolute; left:0; top:.5em; width:.75em; border-top:2px solid #ddd}
.history_wrap .history > li:nth-child(2n) .year{ justify-content:flex-start; text-align:right}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ left:auto; right:100%}
.history_wrap .history > li:nth-child(2n) .list{ order:-1}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .list .month{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail{ order:-1}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ left:auto; right:0}

/**/
.page_cover{ position:relative; text-align:center; overflow:hidden;}
.page_cover.hAuto{ padding:6em 0 5em 0; margin:0 auto; width:96%;}
.page_cover .cover_layer{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3);}
.page_cover .cover_bg{ position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.page_cover .bg1{ background-image:url(../images/temp/no_img1.jpg); background-attachment:fixed; background:#000}

.page_cover .cover_top_tit { opacity:.7; color:#d8eff1; font-weight:600; font-size:2.5em; letter-spacing:-1px; padding-bottom:1em; position:relative; display:inline-block;} 
.page_cover .cover_top_tit:before,
.page_cover .cover_top_tit:after { content:""; position:absolute; top:30px; width:115px; height:1px; background:#fff;}
.page_cover .cover_top_tit:before{ left:-130px;}
.page_cover .cover_top_tit:after { right:-130px;}

.page_cover .cover_title .t1{ font-size:1.6em; font-weight:500; letter-spacing:-1px; line-height:1.4; color:#fff;}
.page_cover .cover_title .t1 span{ display:inline-block; position:relative;}

/**/
.page_tbg_Wrap {height:340px; background-position:center center; background-repeat:no-repeat;}
.page_tbg_Wrap.bGst1 {background:url(../images/sub/sub2/2_1bg.jpg);}
.page_tbg_Wrap.bGst2 {background:url(../images/sub/sub4/4_1Abg.jpg)}
.page_tbg_Wrap.bGst3 {background:url(../images/sub/sub4/4_1A1bg.jpg)}
.page_tbg_Wrap.bGst4 {background:url(../images/sub/sub3/3_5bg.jpg)}
.page_tbg_Wrap.bGst5 {background:url(../images/sub/sub3/3_3bg.jpg)}
.page_tbg_Wrap.bGst6 {background:url(../images/sub/sub3/3_2bg.jpg)}
.page_tbg_Wrap.bGst7 {background:url(../images/sub/sub4/4_1bg.jpg)}
.page_tbg_Wrap.bGst8 {background:url(../images/sub/sub3/3_1bg.jpg)}
.page_tbg_Wrap.bGst9 {background:url(../images/sub/sub2/2_3bg.jpg)}
.page_tbg_Wrap.bGst10 {background:url(../images/sub/sub2/2_2bg.jpg)}

.page_tbg_TW {width:90%; display:block; margin:-145px auto 3px 90px; padding:3.5em 3em; box-sizing:border-box; text-align:center; background:#fff}
.page_tbg_TW .t1 {font-size:2em; color:#2D4C9E; font-weight:600;}
.page_tbg_TW .t2 {color:#666; font-size:1em; line-height:1.5; letter-spacing:-.3px; font-weight:500;}
.page_tbg_TW .line {width:30px; height:2px; margin:1.2em auto; background:#2D4C9E;}

/**/
.page_bg_WRAP {background:#fafafa; padding:3em 0 9em 0;}
.page_bg_WRAP2 {background:#f9f9f9; padding:4em 0;}
.page_bg_WRAP3 {background:#f3f7f9; padding:3em 0;}

/**/
.page_tit {text-align:center; margin-bottom:1.5em;}
.page_tit .t1 {font-weight:600; font-size:2.3em; vertical-align:baseline; color:#003876;}
.page_tit .t1 .tt {vertical-align:baseline;}
.page_tit .line {text-align:center; display:inline-block; height:2px; width:40px; background:#015ca3; margin:1em auto 3em auto;}

/**/
.page_Tit_Wrap {text-align:center; margin-bottom:1.5em;}
.page_Tit_Wrap .ti span {font-size:2.3em; color:#282828; display:inline-block; position:relative; font-weight:700; padding:0 .2em .2em .2em;}
.page_Tit_Wrap .ti span:before{ content:""; position:absolute; left:0; bottom:5px; width:100%; height:.4em; background:#108ad3; opacity:.15;} 
.page_Tit_Wrap .tx span{display:inline-block; position:relative; color:#333; letter-spacing:-.2px; line-height:1.4; margin:15px auto 0 auto; font-size:1.125em;}

/**/
.sec1_con .in{ position:relative; margin-top:5em}
.sec1_con > li:first-child .in {margin-top:0;}
.sec1_con .img_wrap{ width:50%}
.sec1_con .img_wrap .resize{ padding-bottom:50%;  background-position:center center; background-repeat:no-repeat; background-size:cover}
.sec1_con .con_wrap{ position:absolute; right:0; top:0; width:50%; text-align:left}
.sec1_con .con_wrap .vm_tt{ vertical-align:bottom; padding:3em 2em 3em 2em}
.sec1_con .con_wrap .ti{ font-size:1.9em; margin-left:-4px; font-weight:500;}
.sec1_con .con_wrap .ti .tx {font-size:.5em !important; font-weight:400; color:#444; padding-left:.3em; padding-top:.3em; display:block !important}
.sec1_con .con_wrap .tt{ font-size:.938em; line-height:1.5; color:#3c3c3d;}
.sec1_con .con_wrap .tt.st {font-size:1.063em;}
.sec1_con .con_wrap .sec{ content:""; display:inline-block; width:6em; height:1px; background:#333; margin:1em -2em}
.sec1_con > li:nth-child(2n) .img_wrap{ margin-left:50%}
.sec1_con > li:nth-child(2n) .con_wrap{ left:0; text-align:right}

/**/
.sec2_con .top_Wrap{}
.sec2_con .top_Wrap .list{ margin-left:-1em;}
.sec2_con .top_Wrap .list > li{ width:33.33%;}
.sec2_con .top_Wrap .list > li .in{ margin-left:1em; margin-bottom:2em}
.sec2_con .top_Wrap .list .img{ overflow:hidden; padding-bottom:50%}
.sec2_con .top_Wrap .list .con{ position:relative; padding:1em 0;}
.sec2_con .top_Wrap .list .con .num{ position:absolute; top:-1.6em; left:50%; width:35px; line-height:35px; background:#003b95; border-radius:50%; text-align:center; font-size:1.063em; color:#fff; margin-left:-20px;}
.sec2_con .top_Wrap .list .con .txt{ font-size:1.313em; color:#333; line-height:1.5em; font-weight:600; text-align:center;}
.sec2_con .top_Wrap .list .con .txt2 {text-align:center; font-size:.875em; line-height:1.4; padding-top:.6em; color:#555;}

.sec2_con .top_Wrap .list.st2 {margin-right:-.5em;}
.sec2_con .top_Wrap .list.st2 > li {width:25%;}
.sec2_con .top_Wrap .list.st2 > li .in {margin-left:.5em;}
.sec2_con .top_Wrap .list.st3 > li {width:20%;}

/**/
.sec3_con {margin-left:-25px;}
.sec3_con li {position:relative; width:calc(25% - 25px); margin-left:25px;}
.sec3_con li:before {position:absolute; content:"\ea3e"; left:-8%; top:50%;  transform:translateY(-50%); font-family:xeicon; font-style:normal; font-size:1.3em; color:#0b4790; opacity:.5;}
.sec3_con li:first-child:before {opacity:0;}
.sec3_con li.st:before {opacity:0;}
.sec3_con li .in {position:relative; height:5em; border-radius:.3em; margin-bottom:1em; background:#f5f5f5; border-style:solid; border-width:1px 1px .3em 1px; border-color:#cfd8e2}
.sec3_con li .in  p {position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; text-align:center; padding:0 15px; box-sizing:border-box; color:#282828; font-size:1.063em; line-height:1.4; font-weight:600; z-index:55}
.sec3_con li .in .xi {position:absolute; font-size:3em; color:#003876; opacity:.4; right:3%; top:32%;}

.sec3_con.st1 {margin-left:-20px;}
.sec3_con.st1 li { width:calc(20% - 20px); margin-left:20px;}
.sec3_con.st1 li .in {height:6.5em;}
.sec3_con.st1 li .in .num {position:absolute; right:0; bottom:-5px; font-size:3em; font-family:'Ms'; font-weight:700; letter-spacing:-3px; color:#003876; z-index:2; opacity:.1}

.sec3_con.st2 {margin-left:-20px;}
.sec3_con.st2 li { width:calc(33.33% - 20px); margin-left:20px;}
.sec3_con.st2 li:before {display:none;}
.sec3_con.st2 li .in {height:6em;}
.sec3_con.st2 li .in .txt {display:block; font-size:2em; color:#003876}


/**/
.sec4_con,
.sec4_con > li{ align-items:stretch;}
.sec4_con{ margin:0 0 -1em -5em;}
.sec4_con > li{ flex:1;}
.sec4_con > li > .inner{ flex:1; display:flex; flex-direction:column; margin:0 0 1em 5em; position:relative;}
.sec4_con > li:first-child > .inner:after {position:absolute; font-family:xeicon; content:'\e916'; font-size:3em; color:#ccc; bottom:50%; margin-bottom:-1.5em; line-height:3em; width:3em; right:-3.3em; }
.sec4_con > li > .inner > dt,
.sec4_con > li > .inner > dd{ border-color:#cfd8e2;}
.sec4_con > li > .inner > dt{ margin-bottom:.4em; padding:1.2em 1.5em; background:#f5f5f5; border-style:solid; border-width:1px 1px .3em 1px; text-align:center}
.sec4_con > li > .inner > dt .tit{ position:relative; display:inline-block; font-size:1.250em; color:#0d2d4f; }
.sec4_con > li > .inner > dt .tit2{ display:block; width:2.2em; line-height:2.2em; background:#00479e; border-radius:100%; text-align:center; font-size:1.125em; color:#fff;}
.sec4_con > li > .inner > dd{ flex:1 1 auto; padding:1em 1.5em; border-style:dashed; border-width:1px; margin-bottom:.3em; position:relative; background:#fff}
.sec4_con > li > .inner > dd .t_w {}
.sec4_con > li > .inner > dd .t_w .tt {padding-bottom:.2em; font-size:1em; font-weight:400; color:#282828; line-height:1.4; letter-spacing:-.3px;}

/**/
.sec5_con{ margin-right:-1em;}
.sec5_con > li{ flex:1;}
.sec5_con > li .inner{ flex:1; margin-right:1em; border:1px solid #ddd; border-top:3px solid #003876; box-sizing:border-box; padding:1em; border-radius:0 0 .6em .6em; box-shadow:.25em .25em 0 rgba(0,0,0,.1);}
.sec5_con > li .inner .in_tt{ font-size:1.125em; color:#0d2d4f; letter-spacing:-1px; margin-bottom:1.25em; text-align:center; background:#ecf0f4; border:2px dotted #cfd8e2; padding:.6em .5em; border-radius:5em;}

/**/
.sec6_con{ margin-right:-1em;}
.sec6_con > li{ flex:1 0 33.33%;}
.sec6_con > li .inner{ flex:1; margin-right:1em; border:1px solid #ddd; border-top:3px solid #003876; box-sizing:border-box; padding:1em; border-radius:0 0 .6em .6em; box-shadow:.25em .25em 0 rgba(0,0,0,.1); margin-bottom:1em;}
.sec6_con > li .inner .in_ti {padding-bottom:.5em; text-align:center; font-size:.938em; font-weight:500; color:#333; text-align:center; color:#003876}
.sec6_con > li .inner .in_tt{ font-size:1.125em; color:#0d2d4f; letter-spacing:-1px; margin-bottom:1.25em; text-align:center; background:#ecf0f4; border:2px dotted #cfd8e2; padding:.6em .5em; border-radius:5em;}

/**/
.sec7_con > li .wrap_in{padding:0 0 2em 0}
.sec7_con > li .wrap_in .wrap_img{ flex:0 1 35%}
.sec7_con > li .wrap_in .wrap_img.bg_fix {background-position:center center; background-repeat:no-repeat; background-size:cover; box-shadow:0 0 .5em .1em rgba(0,0,0,.3); height:12.5em;}
.sec7_con > li .wrap_in .wrap_con{ flex:0 1 65%}
.sec7_con > li .wrap_in .wrap_con .in{ position:relative; padding:2em 2em 3em 3em;}
.sec7_con > li .wrap_in .wrap_con .t1{ font-size:1em; color:#555; line-height:1.5; font-weight:500}
.sec7_con > li .wrap_in .wrap_con .tw {padding:.6em 1em; background:#f6f7fb; margin-top:.8em; display:block; border:1px solid #ddd}
.sec7_con > li .wrap_in .wrap_con .tw .t2 {color:#333; font-size:.938em; font-weight:500; line-height:1.8}

/**/
.page_step_box1 > li{ position:relative; margin-top:1em; background:#fff; border:3px solid #eee;}
.page_step_box1 > li:before{ content:""; position:absolute; top:50%; left:calc(1em + 1.2em); width:.375em; height:100%; background:#454e58; opacity:.15;}
.page_step_box1 > li:nth-child(even){ background:#f5f5f5;}
.page_step_box1 > li:first-child{ margin-top:0;}
.page_step_box1 > li:last-child:before{ display:none;}
.page_step_box1 .in{ position:relative; padding:.5em 1em;}
.page_step_box1 .in > *{ box-sizing:border-box;}
.page_step_box1 .in .tit{ width:10em; line-height:1.2;}
.page_step_box1 .in .tit .tt1{ width:2.5em; line-height:2.5em; background:#1e83d0; border-radius:100%; text-align:center; font-size:1.063em; color:#fff;}
.page_step_box1 .in .tit .tt2{ flex:1; padding-left:.75em; color:#555; letter-spacing:-1px; font-weight:500;}
.page_step_box1 .in .txt{ flex:1; padding-left:2.5em; border-left:4px dotted #ddd; color:#333; font-weight:500;}
.page_step_box1 .in .txt .st {display:block; font-size:.875em; color:#555; background:#f1f1f1; padding:.5em 1em;}
.page_step_box1 .in .txt .st.bg1 {background:#fff}
.page_step_box1 .in .txt .st:first-child {margin-top:.6em;}
.page_step_box1 .in .txt .mt {margin-top:.6em;}
.page_step_box1 .in.sT .txt {text-align:center; line-height:1.4; padding-left:0; border-left:none}
.page_step_box1 .in.sT .txt > strong {color:#003876; font-weight:600}

.page_step_box1.st1 .in .tit {width:4.5em;}

/**/
.page_con_txt_wrap1 {background:#fafafa; padding:1.5em 2em; border:1px solid #ddd; margin-top:1.5em;}
.page_con_txt_wrap1 .txt_list {margin-top:1em; line-height:1.4;}
.page_con_txt_wrap1 .txt_list:first-child {margin-top:0;}
.page_con_txt_wrap1 .txt_list > li {margin-top:1em; padding-top:1em; border-top:1px dashed #c6ced7}
.page_con_txt_wrap1 .txt_list > li:first-child {border-top:none; padding-top:0; margin-top:0;}
.page_con_txt_wrap1 .txt_list > li .in {position:relative; padding:0 0 .4em 2.2em;}
.page_con_txt_wrap1 .txt_list > li .in .ti {}
.page_con_txt_wrap1 .txt_list > li .in .ti .num {position:absolute; top:0; left:0; width:1.5em; line-height:1.5em; display:inline-block; text-align:center; background:#00479e; color:#fff; border-radius:100%;}
.page_con_txt_wrap1 .txt_list > li .in .ti .tit {color:#333; font-size:1em; font-weight:500;}
.page_con_txt_wrap1 .txt_list > li .in .ti .titt {display:block; font-size:1.063em; font-weight:500; color:#003876}
.page_con_txt_wrap1 .txt_list > li .in .ti .txt {color:#333; font-size:.938em; font-weight:500; padding:.6em 1em; background:#f6f7fb; margin-top:.5em; display:block; border:1px solid #ddd}

/**/
.page_basic_Wrap {margin-bottom:1.5em;}
.page_basic_tit {margin-bottom:.8em;}
.page_basic_tit .ti {font-size:1.188em;  font-weight:500; color:#222}

.page_basic_tw {border:1px solid #ddd; padding:1.5em;}
.page_basic_tw .ti {font-weight:500; color:#003876; padding-bottom:.8em; font-size:1em;}
.page_basic_tw .tx {font-size:1em; font-weight:500;  color:#555; line-height:1.5; padding-left:.8em; padding-bottom:.7em; position:relative;}
.page_basic_tw .tx:before {position:absolute; content:""; left:0; top:10px; width:.25em; height:.25em; border-radius:100%; background:#003876;}
.page_basic_tw .tx:last-child {padding-bottom:0;}

/**/
.page_list{ line-height:1.5; margin:.8em 0.8em 0 .8em;} 
.page_list:first-child{ margin-top:0;}
.page_list > li{ box-sizing:border-box; position:relative; margin-top:.4em;}
.page_list > li:first-child {margin-top:0;}
.page_list > li:before{content:""; position:absolute; left:0; top:.55em; width:.25em; height:.25em; background:#003876; border-radius:100%;}
.page_list > li .tt{ position:relative;  margin-top:.3em; padding-left:.7em; vertical-align:baseline; font-size:.938em; color:#333}
.page_list > li .tt:first-child {margin-top:0;}
.page_list.st > li .tt {font-size:1em;}
.page_list > li .tx {margin-left:.5em; font-size:.938em; color:#333;}
.page_list.flex > li {flex:1}

/**/
.e_fcon{ font-size:1em; background:#ecf0f4; border:5px solid #fff; box-shadow:1px 3px 8px rgba(0,0,0,0.2); padding:1em; border-radius:50px; text-align:center; margin-top:4em; position:relative; font-weight:500}
.e_fcon .tit {display:block; text-align:center; margin-bottom:.8em;}
.e_fcon .tit .ti {font-size:1.5em; font-weight:600; padding-bottom:.2em; color:#003876; display:inline-block; border-bottom:2px solid #003876}
.e_fcon .line { position:absolute; left:50%; bottom:100%; transform:translate(-50%,0); width:3em; height:4.5em; opacity:.4;}
.e_fcon .xi{ position:absolute; z-index:1; left:50%; top:0; transform:translate(-50%,0); font-size:.8em; line-height:1;}
.e_fcon .xi:before{ content:'\e935'; font-size:7em; color:#ccc; }
.e_fcon .ba{ position:absolute; z-index:2; top:4px; left:0; right:0; height:2em; line-height:2em; background:#ccc;}

/**/
.page_memo_wrap {padding:2em; background:#fafafa; border:1px solid #ddd;}
.page_memo_wrap > p:first-child{ margin-top:0}
.page_memo_wrap .tx{ font-size:.938em; color:#444; position:relative; padding-left:1.75em; line-height:1.3; margin-top:.5em;}
.page_memo_wrap .tx:before{ content:"\e9a6"; font-family:xeicon!important; position:absolute; left:0; top:0; color:#1e83d0; font-size:1.375em; line-height:1}

/**/
.page_col_box,
.page_col_box > li{ align-items:stretch;}
.page_col_box{ margin:0 0 -1em -1em;}
.page_col_box > li{width:50%;}
.page_col_box > li > .inner{ flex:1; display:flex; flex-direction:column; margin:0 0 1em 1em;}
.page_col_box > li > .inner > dt,
.page_col_box > li > .inner > dd{ border-color:#cfd8e2;}
.page_col_box > li > .inner > dt{ margin-bottom:.4em; padding:1em 1.5em; background:#f5f5f5; border-style:solid; border-width:1px 1px .3em 1px; text-align:center;}
.page_col_box > li > .inner > dt .tit{ position:relative; display:inline-block; font-size:1.188em; color:#0d2d4f; vertical-align:baseline; font-weight:500;}
.page_col_box > li > .inner > dt .tit .xi {vertical-align:baseline; font-size:1.125em; padding-right:2px;}
.page_col_box > li > .inner > dt .tit .icon{ position:absolute; top:.015em; left:0; font-size:1.188em; line-height:1;}
.page_col_box > li > .inner > dt .tit .icon:before { content:"\e95c";}
.page_col_box > li > .inner > dt .tit .icon1:before{ content:"\ea40";}
.page_col_box > li > .inner > dt .tit2{ display:block; width:2.2em; line-height:2.2em; background:#00479e; border-radius:100%; text-align:center; font-size:1.125em; color:#fff;}
.page_col_box > li > .inner > dd{ flex:1 1 auto; padding:1.5em; border-style:dashed; border-width:1px;}
.page_col_box > li > .inner > dd .list{ line-height:1.5;} 
.page_col_box > li > .inner > dd .list > li{ box-sizing:border-box; position:relative;}
.page_col_box > li > .inner > dd .list > li:before{content:""; position:absolute; left:0; top:.55em; width:.25em; height:.25em; background:#003876; border-radius:100%;}
.page_col_box > li > .inner > dd .list > li .tt{ position:relative;  margin-top:.3em; padding-left:.7em; vertical-align:baseline; font-size:.938em; color:#333; font-weight:400}
.page_col_box > li > .inner > dd .list > li:first-child .tt {margin-top:0;}

/**/
.sub_basic_img {border:1px solid #ddd; padding:1em; text-align:center}