@charset "utf-8"; #container{position: relative; padding-top: 143px;}
 #content{min-height: 312px; margin-bottom: 75px;}
  .sub_inner{clear: both;}
 .sub_inner > div{float: left;}
 .sub_inner #left{position: relative; width: 251px; margin-right: -308px; z-index: 2;}
 .sub_inner #left .title_box{background: url("/images/www/sub/subtitle_bg.jpg?build_20251030002") no-repeat 0 0; display: table; font-size: 30px; line-height: 126px; width: 100%; text-align: center; height: 126px; margin: -53px 0 8px; border: 1px solid #cacaca; border-radius: 18px 18px 0 0;}
 .sub_inner #left #SubMenu{padding-bottom: 100px;}
 .sub_inner #left #SubMenu .snb{border: 1px solid #cacaca;}
 #SubMenu .snb .newicon{display: inline-block; width: 14px; height: 12px; text-indent: -99999px; background: url("/images/www/sub/sub_sp.png?build_20251030002") no-repeat -35px -35px; vertical-align: middle;}
 #SubMenu .snb .snbA > a{position: relative; display: block; padding: 12.5px 40px 12.5px 20px; font-size: 18px; color: #323232; background-color: #fff; transition: ease-in-out 0.3s; border-bottom: 1px solid #cacaca; word-break:keep-all;}
 #SubMenu .snb .snbA > a span.newicon{margin-left: 5px; background-position: -59px -35px;}
 #SubMenu .snb .snbA > a:hover span.newicon{background-position: -131px -35px;}
 #SubMenu .snb .snbA:last-child > a{border-bottom: 0;}
 #SubMenu .snb .snbA > a:before, #SubMenu .snb .snbA > a:after{content: ''; position: absolute; top: 0; width: 1px; height: 100%; z-index: 1; transition: ease-in-out 0.3s;}
 #SubMenu .snb .snbA > a:before{left: -1px;}
 #SubMenu .snb .snbA > a:after{right: -1px;}
 #SubMenu .snb .snbA.now > a, #SubMenu .snb .snbA.on > a, #SubMenu .snb .snbA > a:hover{color: #046fd9;}
 #SubMenu .snb .snbA > a span.more{position: absolute; top: 21px; right: 24px; width: 15px; height: 8px; text-indent: -99999px; background: url("/images/www/sub/sub_sp.png?build_20251030002") no-repeat 0 -35px;}
 #SubMenu .snb .snbA > a span.more.close{transform: rotateX(180deg);}
 #SubMenu .snb .snbA .snbB{display: none; background-color: #f6f6f6; padding: 17px 0; border-bottom: 1px solid #cacaca; margin-bottom: -1px;}
 #SubMenu .snb .snbA.now .snbB{display: block;}
 #SubMenu .snb .snbA .snbB > li{margin: -2px 0;}
 #SubMenu .snb .snbA .snbB > li > a{position: relative; display: block; color: #505050; padding: 6px 40px 6px 20px; font-size: 15px;}
 #SubMenu .snb .snbA .snbB > li.now > a, #SubMenu .snb .snbA .snbB > li.on > a, #SubMenu .snb .snbA .snbB > li > a:hover{color: #fff; background-color: #046fd9;}
 #SubMenu .snb .snbA .snbB > li > a span.newicon{position: absolute; top: 11px; right: 20px; background-position: -35px -35px;}
 #SubMenu .snb .snbA .snbB > li.on > a span.newicon, #SubMenu .snb .snbA .snbB > li.now > a span.newicon, #SubMenu .snb .snbA .snbB > li > a:hover span.newicon{background-position: -83px -35px;}
 .sub_inner #right{padding-left: 308px; width: 100%; box-sizing: border-box; margin: 44px 0 67px;}
 #right .sub_vis{position: absolute; top: 0; left: 0; width: 100%; height: 143px; background-color: #ebf7fb;}
 #right .sub_vis .inner{position: relative; display: table; height: 100%; box-sizing: border-box;}
 #right .sub_vis #path{display: table-cell; vertical-align: middle; width: 100%; text-align: center;}
 #right .sub_vis #path a{position: relative; display: inline-block; font-size: 15px; margin: 0; vertical-align: middle; height: 20px; line-height: 20px; text-decoration:underline; text-underline-offset:5px;}
 #right .sub_vis #path a.home{width: 30px; height: 30px; background: url("/images/www/sub/sub_sp.png?build_20251030002") no-repeat 8px 7px; text-indent: -99999px; margin: 0; padding: 0;}
 #right .sub_vis #path a.home:before, .sub_vis #path a.home:after{content: none;}
 #right .sub_vis .contents_tools{position: absolute; top: 50%; right: 0; margin-top: -19px;}
 #right .sub_vis .contents_tools .content_util > li > a{width: 38px; height: 38px; background-color: #fff;}
 #right .sub_vis .contents_tools .content_util > li.on > a, #right .sub_vis .contents_tools .content_util > li > a:hover{background-color: #ffe16c;}
 #right .sub_vis .contents_tools > ul > li > a span{background: url("/images/www/sub/sub_sp.png?build_20251030002") no-repeat 0 0; margin: 0;}
 #right .sub_vis .contents_tools .content_util > li.tools_view_option > a span{width: 20px; height: 21px; background-position: -34px 0;}
 #right .sub_vis .contents_tools .content_util > li.tools_share > a span{width: 25px; height: 19px; background-position: -64px 0; margin-left: 3px;}
 #right .sub_vis .contents_tools .content_util > li.tools_print > a span{width: 21px; height: 19px; background-position: -99px -1px;}
 #right .sub_vis .contents_tools .content_util > li.tools_qr > a span{width: 19px; height: 19px; background-position: -130px -1px;}
 #right .sub_vis .contents_tools .content_util > li.tools_bookmark > a span{width: 19px; height: 18px; background-position: -159px -1px;}
 #right .sub_vis h3.cont_title{display: block; font-size: 31px; line-height: 31px; margin-bottom: 10px;}
 .section_wrap{margin-bottom: 40px;}
 .section_wrap > ul.section{display: inline-block; width: 100%; margin-bottom: -6px;}
 .section_wrap > ul.section > li > a span.newicon{display: inline-block; width: 14px; height: 12px; text-indent: -99999px; background: url("/images/www/sub/sub_sp.png?build_20251030002") no-repeat -59px -35px; vertical-align: middle; margin: -3px 0 0 4px;}
 .section_wrap > ul.section.depth4 > li > a span.newicon{background-position: -155px -35px;}
 .section_wrap > ul.section.depth4 > li.on > a span.newicon, .section_wrap > ul.section.depth4 > li > a:hover span.newicon{background-position: -83px -35px;}
 .section_wrap > ul.section.depth5 > li > a span.newicon{background-position: -59px -35px;}
 .section_wrap > ul.section.depth5 > li.on > a span.newicon, .section_wrap > ul.section.depth5 > li > a:hover span.newicon{background-position: -107px -35px;}
 .section.depth4 > li{float: left; width: 25%;}
 .section.depth4 > li > a{position:relative;display: block; text-align: center; height: 52px; line-height: 52px; border: 1px solid #c2c2c2; border-width: 0 1px 1px 0; font-size: 16px; transition: ease-in-out 0.3s;outline:none;}
 .section.depth4 > li > a:focus::after{position:absolute;top:0;left:0;content:'';display:block;width:100%;height:100%;border:2px solid #000;border-radius:2px;box-sizing:border-box;}
 .section.depth4 > li:first-child > a{border-left-width: 1px;}
 .section.depth4 > li.on > a, .section.depth4 > li > a:hover{color: #fff; background-color: #d21b4f;}
 .section_wrap.five > .depth4 > li{width: 20%;}
 .section_wrap.five > .depth4 > li:nth-child(5n-4) > a{border-left-width: 1px;}
 .section_wrap.five > .depth4 > li:nth-child(n):nth-child(-n+5) > a{border-top-width: 1px;}
 .section_wrap.four > .depth4 > li{width: 25%;}
 .section_wrap.four > .depth4 > li:nth-child(4n-3) > a{border-left-width: 1px;}
 .section_wrap.four > .depth4 > li:nth-child(n):nth-child(-n+4) > a{border-top-width: 1px;}
 .section_wrap.three > .depth4 > li{width: 33.3333%;}
 .section_wrap.three > .depth4 > li:nth-child(3n-2){width: 33.3334%;}
 .section_wrap.three > .depth4 > li:nth-child(3n-2) > a{border-left-width: 1px;}
 .section_wrap.three > .depth4 > li:nth-child(n):nth-child(-n+3) > a{border-top-width: 1px;}
 .section.depth5{border: 2px solid #2a548e; padding: 15px 29px; box-sizing: border-box; margin-top: -30px;}
 .section.depth5 > li{float: left; margin-right: 30px;}
 .section.depth5 > li > a{position: relative; padding-left: 10px; transition: ease-in-out 0.3s; color: #323232;}
 .section.depth5 > li > a:before{content: ''; position: absolute; top: 7px; left: 0; width: 4px; height: 5px; background-color: #2a548e; transition: ease-in-out 0.3s;}
 .section.depth5 > li.on > a, .section.depth5 > li > a:hover{color: #d21b4f;}
 .section.depth5 > li.on > a:before, .section.depth5 > li > a:hover:before{background-color: #d21b4f;}
 #Satisfaction{position:relative; clear:both; border:1px solid #d4d4d4; padding:25px 20px;}
 #Satisfaction > p{font-size:16px; color:#000;line-height:16px;}
 #Satisfaction form ul{height:15px; margin-top:25px; }
 #Satisfaction form ul li{float:left; margin-right:35px; line-height:15px;}
 #Satisfaction form ul li:focus-visible {outline: 3px solid #000; }
 #Satisfaction form ul li input[type="radio"]{margin:0; cursor: pointer;}
 #Satisfaction form ul li label{padding-left: 7px; cursor: pointer; font-size: 16px;}
 #Satisfaction form .open_input_area{position:absolute; top:20px; left:345px; color:#fff; background-color:#606060; font-size:14px; border-radius:50px; padding:0 15px; line-height:30px; font-weight: 300;}
 #Satisfaction form .re_input_area{position:absolute; bottom:0; left:0; border:3px solid #403a3a; width:99.5%; background-color:#fff; display:none; z-index: 10;}
 #Satisfaction form .re_input_area label[for="point_text"]{position:absolute; top:11px; left:18px;}
 #Satisfaction form .re_input_area .simple_box{float:left; padding:0; margin:0; border:0; height:44px; line-height:44px; font-size:15px; font-weight:300;}
 #Satisfaction form .re_input_area input[type="text"]{width:79%; padding:0 2%; background-color:#f4f3f3; font-size:15px;}
 #Satisfaction form .re_input_area input[type="submit"]{width:10%; color:#fff; background-color:#1a4589;}
 #Satisfaction form .re_input_area a.opinion_reg{width:10%; text-align:center; color:#fff; background-color:#1a4589;}
 #Satisfaction form .re_input_area a.cancel_input{width:7%; text-align:center; color:#fff; background-color:#595f68;}
 #Satisfaction form .save_btn{position: absolute; top: 20px; left: 445px; color: #fff; background-color: #4264a3; font-size: 15px; border-radius: 50px; padding: 0 15px; line-height: 30px; font-weight: 300;}
 #Satisfaction .result{position: absolute; bottom: 25px; right: 20px;}
 #Satisfaction .result a{display: block; width: 85px; height: 30px; line-height: 30px; text-align: center; background-color: #606060; color: #fff; font-size: 15px; font-weight: 300; border-radius: 50px;}
 @media screen and (min-width:1101px) and (max-width:1500px){ .section.depth4 > li > a{font-size: 15px; letter-spacing: -1px;}
 }
 @media screen and (max-width:1380px){ .sub_inner #right{padding-right: 20px;}
 }
 @media screen and (max-width:1220px){ #left{display: none;}
 .sub_inner #right{padding: 0 1.5%;}
 }
 @media screen and (max-width:1700px){ #container .gotop{left: auto; right: 17px; margin-left: 0;}
 }