@charset "utf-8";

@keyframes twinkle-1 {50% {transform: scale(0.8);-webkit-transform: scale(0.8);}}
@-webkit-keyframes twinkle-1 {50% {transform: scale(0.8);-webkit-transform: scale(0.8);}}

@keyframes twinkle-2 {60% {transform: scale(0.6);-webkit-transform: scale(0.6);}}
@-webkit-keyframes twinkle-2 {60% {transform: scale(0.6);-webkit-transform: scale(0.6);}}

@-webkit-keyframes head{0% {transform:rotate(5deg);-webkit-transform:rotate(5deg);}40% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}100% {transform:rotate(5deg);-webkit-transform:rotate(5deg);}}
@keyframes head{0% {transform:rotate(5deg);-webkit-transform:rotate(5deg);}40% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}100% {transform:rotate(5deg);-webkit-transform:rotate(5deg);}}

@-webkit-keyframes c_eye {0%,80%,90%,100%{opacity:1;} 85%,95%{opacity:0;} }
@keyframes c_eye {0%,80%,90%,100%{opacity:1;} 85%,95%{opacity:0;}  } 

@-webkit-keyframes weather1 {0%{transform:rotate(0);-webkit-transform:rotate(0);} 100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);} }
@keyframes weather1 {0%{transform:rotate(0);-webkit-transform:rotate(0);} 100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);} } 

@-webkit-keyframes weather2 { 0%,50%,100% {transform:translateY(0);-webkit-transform:translateY(0);}25% {transform:translateY(2px);-webkit-transform:translateY(2px);}75% {transform:translateY(3px);-webkit-transform:translateY(3px);}}
@keyframes weather2 { 0%,50%,100% {transform:translateY(0);-webkit-transform:translateY(0);}25% {transform:translateY(2px);-webkit-transform:translateY(2px);}75% {transform:translateY(3px);-webkit-transform:translateY(3px);}}

@-webkit-keyframes weather3 {0%,100%{transform:translate(0);-webkit-transform:translate(0);} 50%{transform:translateX(5px);-webkit-transform:translateX(5px);} }
@keyframes weather3 {0%,100%{transform:translate(0);-webkit-transform:translate(0);} 50%{transform:translateX(5px);-webkit-transform:translateX(5px);} } 

@-webkit-keyframes flicker-2 {0%,20%,100% {opacity:1;}21.99%,23.01%,25.99%,26.91%,31.99%,32.81%,41.99%,43.01%,45.99%,46.91%,51.99%,52.81% {opacity: 0.7;}22%,23%,26%,26.9%,32%,32.8%,42%,43%,46%,46.9%,52%,52.8% {opacity: 0;}}
@keyframes flicker-2 {0%,20%,100% {opacity:1;}21.99%,23.01%,25.99%,26.91%,31.99%,32.81%,41.99%,43.01%,45.99%,46.91%,51.99%,52.81% {opacity: 0.7;}22%,23%,26%,26.9%,32%,32.8%,42%,43%,46%,46.9%,52%,52.8% {opacity: 0;}}



#body_layout{position: relative;}
#body_layout .body_wrap{padding-bottom: 220px;}

.contents_wrap{position:relative;float:right;width: calc(100% - 340px);}
#txt {width: 100%;text-align:left;}
#tab_moType1.mobile {margin:0 0 30px;}

.lnb_wrap{display: block;position:relative;z-index: 11;float:left;width: 270px;min-height: auto;margin: -20px 0 0;}
.lnb__title {min-height: 110px;padding: 33px 10px;background: #2c63ba url(/template/A/images/lnb_bg.png)no-repeat left top;border-radius: 15px 15px 0 0;text-align:center;}
.lnb__title strong {display:block;line-height: 1.3;color:#fff;font-size: 30px;font-weight: bold;font-family: 'score';}
.lnb_depth2__list{margin: -15px 0 20px;padding: 10px 15px 20px;border:1px solid #dadcdf;border-radius: 15px;background:#fff;}
.lnb_depth2__list > li{position:relative;border-top: 1px solid #dadcdf;}
.lnb_depth2__list > li:first-child {border-top:none;}
.lnb_depth2__list > li.on + li {border-top:none;}
.lnb_depth2__list > li > a{position:relative;display:block;line-height:1.2;padding: 16px 35px 14px 18px;}
.lnb_depth2__list > li > a:before {display:block;position:absolute;z-index: 1;right: 18px;top: 24px;content:'';width: 4px;height: 4px;border: solid #585c62;border-width: 0 1px 1px 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.lnb_depth2__list > li > a:after {display:block;position:absolute;right: 10px;top: 17px;content:'';width: 19px;height: 19px;border: 1px solid #cacaca;border-radius: 50%;}
.lnb_depth2__list > li > a[target="_blank"]:before {display:inline-block;content:'';right: 15px;width: 11px;height: 12px;border: none;background: url(/template/A/images/target.png)no-repeat;vertical-align:middle;transform:none;-webkit-transform:none;}
.lnb_depth2__list > li > a[target="_blank"]:after {display:none;}
.lnb_depth2__list > li > a > span{position:relative;display: inline-block;line-height:1.2;word-wrap:break-word;word-break:keep-all;font-size: 17px;font-weight: 700;color: #505152;}
.lnb_depth2__list > li.on > a {border-bottom: 2px solid #4175c7;}
.lnb_depth2__list > li.on > a:before {top: 26px;border-color:#fff;border-width:1px 0 0 1px;}
.lnb_depth2__list > li.on > a:after {border:1px solid #4175c7; background:#4175c7;}
.lnb_depth2__list > li.on > a > span { color:#2f68c2;font-weight:700;}
.lnb_depth2__list .lnb_depth3__list{display:none;overflow: hidden;height:0;margin: 0 0 13px;padding: 0 10px;border-bottom: 2px solid #4175c7;text-align: left;transition:all .4s;-webkit-transition: all .4s;}
.lnb_depth2__list .lnb_depth3__list > li {position:relative;border-bottom: 1px dotted #b2b2b2;}
.lnb_depth2__list .lnb_depth3__list > li:last-child {border:none;}
.lnb_depth2__list .lnb_depth3__list > li > a{display:block;position:relative;z-index:2;line-height: 1.4;padding: 12px 25px 12px 15px;}
.lnb_depth2__list .lnb_depth3__list > li > a:after {display:block;position:absolute;right: 8px;top: 50%;content:'';width:5px;height:5px;margin-top: -3px;border:solid #cecfd1;border-width:1px 1px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.lnb_depth2__list .lnb_depth3__list > li.on > a{}
.lnb_depth2__list .lnb_depth3__list > li.on > a:after {border-color: #608bd0;}
.lnb_depth2__list .lnb_depth3__list > li > a[target="_blank"]:after {right: 5px;width:11px;height: 12px;margin-top: -6px;border:none;background:url(/template/A/images/target.png)no-repeat;transform:none;-webkit-transform:none;}
.lnb_depth2__list .lnb_depth3__list > li > span{display: inline-block;position: relative;font-size: 16px;color: #3e434a;}
.lnb_depth2__list .lnb_depth3__list > li.on > a span {color: #2f68c2;}
.lnb_depth2__list > li > a:hover .lnb_depth3__list,
.lnb_depth2__list > li > a:focus .lnb_depth3__list,
.lnb_depth2__list > li.on .lnb_depth3__list,
.lnb_depth2__list > li.ov .lnb_depth3__list,
.lnb_depth3__list.on,
.lnb_depth3__list.open{display:block !important;visibility:visible;height:auto;}
.depth3_ul > li.on .depth4_ul {display:block;}
.depth4_ul {display: none;margin: 1px 0 10px;padding: 10px 20px;border-radius: 10px;background:#ebf1f9;}
.depth4_ul > li {position: relative;border-bottom: 1px dotted #b8ccea;}
.depth4_ul > li:last-child {border:none;}
.depth4_ul > li > a {display:block;position:relative;line-height:1.3;padding: 10px 15px 6px 18px;font-size: 15px;color:#3e434a;}
.depth4_ul > li > a:before {display:block;position:absolute;left: 5px;top: 15px;content:'';width:5px;height:5px;border-radius: 50%;background:#d8d8d8;}
.depth4_ul > li.on > a {color:#4175c7; }
.depth4_ul > li.on > a:before {background:#4175c7; }
.depth4_ul > li > a[target="_blank"]:after {display:block;position:absolute;content:'';top: 19px;right: 5px;width:11px;height: 12px;margin-top: -6px;border:none;background:url(/template/A/images/target.png)no-repeat;}


.lnblink {width:100%;height:110px;margin: 0 0 10px;}
.lnblink a {display:block;position: relative;width:100%;height: 100%;padding: 33px 30px 0;border-radius: 15px;}
.lnblink a:before {display:block;position:absolute;top: 50%;right: 30px;content:'';background:url(/images/kor/common/ico_ir.png)no-repeat;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.lnblink.n1 a:before {top: 53%;width:42px;height:42px;background-position: 0 -21px;}
.lnblink.n2 a:before {width:45px;height:45px;background-position: -45px -21px;}
.lnblink.n1 a {border:1px solid #353535; background:#353535;}
.lnblink.n2 a {border:1px solid #dadcdf; background:#fff;}
.lnblink a span {display:block;line-height:1;margin: 0 0 10px;font-size: 15px;font-family: 'score';color: #222;}
.lnblink a strong {display:block;line-height:1;font-size: 21px;font-family: 'score';color: #222;}
.lnblink.n1 a span,
.lnblink.n1 a strong {color:#fff;}

#location{position:relative;z-index: 20;width:100%;margin: 0 0 30px;padding: 0 0 30px;background: url(/images/kor/common/pattern.png)repeat-x left bottom;text-align:left;}
#location .page__title {line-height: 1.3;padding: 50px 0 10px;padding-right: 130px;font-size: 30px;font-weight: 700;font-family: 'score';color: #3e434a;}
#location .utile_wrap {display: block;}
#location .utile_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .print_wrap {position:absolute;right: 0;top: 58px;}
#location .utile_wrap .print_wrap:after{display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .print_wrap > li {float:left;margin-left:7px; }
#location .utile_wrap .print_wrap > li .tmpl_ir {background: url(/images/kor/common/ico_ir.png)no-repeat;font-size:0;}
#location .utile_wrap .print_wrap > li > button {display:block;width: 32px;height: 20px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
#location .utile_wrap .print_wrap > li.sns {position: relative;}
#location .utile_wrap .print_wrap > li.sns > button {}
#location .utile_wrap .print_wrap > li.sns > button span {display:block;width: 17px;height:100%;background-position: 0 -108px;}
#location .utile_wrap .print_wrap > li.sns > div {display:none;position:absolute;right: 6px;top: -4px;width: 32px;text-align:right;}
#location .utile_wrap .print_wrap > li.sns.on > div {display:block;}
#location .utile_wrap .print_wrap > li.sns > div button {display: block;width: 32px;height: 32px;margin: 0 0 10px;border-radius:50%;}
#location .utile_wrap .print_wrap > li.sns > div .fa {background-position:0 -174px;}
#location .utile_wrap .print_wrap > li.sns > div .tw {background-position:0 -214px;}
#location .utile_wrap .print_wrap > li.sns > div .bl {background-position:-105px -215px;}
#location .utile_wrap .print_wrap > li.sns > div .band {background-position:-35px -215px;}
#location .utile_wrap .print_wrap > li.sns > div .ca {background-position:-70px -215px;}
#location .utile_wrap .print_wrap > li.sns > div .kakao {background-position:-140px -215px;}
#location .utile_wrap .print_wrap > li.sns > div .clickClose {width: 32px;height: 32px;margin: 0 0 10px;border-radius:50%;background: url(/images/kor/common/ico_ir.png)no-repeat -21px 0;}
#location .utile_wrap .print_wrap > li.sns > div .clickClose span {display:block;width:100%;height:100%;background-position: 0 -134px;}
#location .utile_wrap .print_wrap > li.n2 > button span {display:block;width: 21px;height:100%;background-position: -20px -108px;}
#location .utile_wrap .print_wrap > li.n3 > button span {display:block;width: 19px;height:100%;background-position: -44px -108px;}
#location .utile_wrap .location_wrap {}
#location .utile_wrap .location_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .location_wrap li {float: left;position:relative;}
#location .utile_wrap .location_wrap li:not(:last-child):after {display:inline-block;content:'';margin: 10px 12px 0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid #c5c5c5;vertical-align: top;}
#location .utile_wrap .location_wrap li a {display:inline-block;position:relative;line-height: 25px;vertical-align: top;}
#location .utile_wrap .location_wrap li:last-child a {text-decoration-line: underline;color: #666666;}
#location .utile_wrap .location_wrap li a:focus, #location .utile_wrap .location_wrap li a:hover {text-decoration-line: underline;color: #666666;}
#location .utile_wrap .location_wrap li.home a {width:16px;height:17px;margin: 5px 0 0;background: url(/images/kor/common/ico_ir.png)no-repeat -21px 0;font-size: 0;}

.content_info__satisfaction {padding:20px;}
.content_info__satisfaction .research strong,
.content_info__satisfaction .research div label {}
.content_info__satisfaction .research div label[for=research_descript] {font-size:0;}
.content_info__satisfaction .research div .research_div {height:30px;margin: 10px 0 0;padding: 0;}
.content_info__satisfaction fieldset {width:100%;}
.content_info__satisfaction .research div {padding: 7px 0 0;}
.content_info__satisfaction .research input[type=text]{position:static; width:410px;}
.content_info__satisfaction .research input[type=button], 
.content_info__satisfaction .research input[type=submit] {position:static;line-height: 30px;background: #006abe;}

.content-info__charge {padding: 15px 20px;background: #f7f9fb;}
.content-info__charge:after {display:block; clear:both; visibility:hidden; content:'';}
.content-info__charge .last em:before {top: 5px;}
.content-info__charge strong {padding-left:20px;}
.content-info__charge strong:before {top:2px;}

#linktop {position: relative;background: #e6edf8;transition: all 0.3s;-webkit-transition: all 0.3s;}
#linktop.active {background: #294460;z-index: 1;}
#linktop .layout {}
#linktop .innerbox {position:relative;width:100%; height:165px;}
#linktop .innerbox:before {display:block;position:absolute;right:15px;bottom: -9px;z-index: 11;content:'';width:197px;height:60px;background:url(/images/kor/common/sub_obj.png)no-repeat;}
#linktop .innerbox .yuobj {position:absolute;z-index: 11;left: 250px;bottom: 0;width:99px;height:66px;background:url(/images/kor/common/c1-1.png)no-repeat;background-size: 100% auto;}
.modal-open #linktop .innerbox .yuobj {z-index:1; }
#linktop .innerbox .yuobj .head {position:absolute;top: 0px;left: 0;width:62px;height:48px;background:url(/images/kor/common/c1-3.png)no-repeat;background-size: 100% auto;-webkit-animation: head 3s ease infinite 0.5s;animation: head 3s ease infinite 0.5s;-webkit-transform-origin: center bottom;transform-origin: center bottom;transform: rotate(5deg);-webkit-transform:rotate(5deg);}
#linktop .innerbox .yuobj .head .eye {position:absolute;-webkit-animation: c_eye 3s ease-in-out infinite both;animation: c_eye 3s ease-in-out infinite both;}
#linktop .innerbox .yuobj .head .eye1 {left: 26px;top: 27px;width:10px;height:10px;background:url(/images/kor/common/c1-5.png)no-repeat; background-size:100% auto;}
#linktop .innerbox .yuobj .head .eye2 {left: 45px;top: 23px;width:9px;height:10px;background:url(/images/kor/common/c1-4.png)no-repeat; background-size:100% auto;}
#linktop .innerbox .yuobj .hand {position:absolute;left:0;top:0;width:100%;height:100%;background:url(/images/kor/common/c1-2.png)no-repeat;background-size: 100% auto;}
#linktop .linkbox {position: absolute;width: 100%;height: 100%;}
#linktop .linkbox > button {position:absolute; left:0; top:0;padding: 40px 0 0 30px;text-align:left;}
#linktop .linkbox > button strong {display:block; font-size:22px; font-family:"score"; font-weight:normal; color:#333; }
#linktop .linkbox > button strong span {display:inline-block;font-family:"score";font-weight:bold;font-size: 22px;color:#333;}
#linktop .linkbox > button strong em {display:inline-block;position: relative;width:20px;height:20px;margin: -3px 0 0 5px;border-radius:50%;background: #333;vertical-align: middle;}
#linktop .linkbox > button strong em:before {display:block;position:absolute;right: 8px;top: 8px;content:'';width: 4px;height: 4px;border:solid #fff;border-width:1px 1px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#linktop .linkbox > button p,
#linktop .linkbox > button span {line-height:1.3;font-size: 15px;font-family: 'score';color: #777;}
#linktop.active .linkbox > button strong {color:#fff;}
#linktop.active .linkbox > button strong span {color:#fff;}
#linktop.active .linkbox > button strong em {background:#fff;}
#linktop.active .linkbox > button strong em:before {border-color:#333;}
#linktop.active .linkbox > button p,
#linktop.active .linkbox > button span {color:#fff;}
#linktop .linkbox > div {display:none;position: absolute;/* z-index: 10; */left: 210px;right: 0;width: auto;height: 100%;background: #294460;}
#linktop .linkbox.on > div {display:block;}
#linktop .linkbox > div .inner {position: relative;height:100%;}
#linktop .linkbox > div .star {position:absolute;right:0;bottom: 50px;width:17px;height:18px;background:url(/images/kor/common/star.png)no-repeat;}
#linktop .linkbox > div .star1 {right:0;bottom: 50px; animation: twinkle-1 2s ease infinite;-webkit-animation: twinkle-1 2s ease infinite;}
#linktop .linkbox > div .star2 {right:45px;top: 70px; width:10px; height:11px; background-size:10px 11px; animation: twinkle-2 2s ease infinite 1s;-webkit-animation: twinkle-2 2s ease infinite 1s;}


  
#linktop .linkbox > div ul {padding: 30px 60px 0 110px;}
#linktop .linkbox > div ul li {float:left;width: 12.5%;}
#linktop .linkbox > div ul li a {display:block;position: relative;z-index: 99;width:100%;color:#fff;text-align: center;font-size: 16px;font-family: 'score';}
#linktop .linkbox > div ul li button {display:block;position:relative;width: 76px;height: 76px;margin: 0 auto 10px;border-radius: 30px;background: #f5f5f5; font-size:0;transition:all 0.3s; -webkit-transition:all 0.3s; }
#linktop .linkbox > div ul li button:hover,
#linktop .linkbox > div ul li button:focus {background-color:#d6403c;box-shadow:0 5px 10px rgba(0,0,0,.3);}
#linktop .linkbox > div ul li button:before,
#linktop .linkbox > div ul li button:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#linktop .linkbox > div ul li button:before {width:35%;height: 2px;background: #333;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#linktop .linkbox > div ul li button:after {width: 2px;height:35%;background: #333;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#linktop .linkbox > div ul li button:hover:before,
#linktop .linkbox > div ul li button:focus:before,
#linktop .linkbox > div ul li button:hover:after,
#linktop .linkbox > div ul li button:focus:after {background-color:#fff;}
#linktop .linkbox > div ul li .ico {display:block;width: 76px;height: 76px;margin: 0 auto 10px;border-radius: 30px;background: #f5f5f5 url(/images/kor/common/ico_ir2.png); transition:all 0.3s; -webkit-transition:all 0.3s;}
#linktop .linkbox > div ul li .ico1 {background-position:0 0;}
#linktop .linkbox > div ul li .ico2 {background-position:-76px 0;}
#linktop .linkbox > div ul li .ico3 {background-position:-152px 0;}
#linktop .linkbox > div ul li .ico4 {background-position:-228px 0;}
#linktop .linkbox > div ul li .ico5 {background-position:-304px 0;}
#linktop .linkbox > div ul li .ico6 {background-position:-380px 0;}
#linktop .linkbox > div ul li .ico7 {background-position:-456px 0;}
#linktop .linkbox > div ul li a:hover .ico,
#linktop .linkbox > div ul li a:focus .ico {background-color:#d6403c;box-shadow:0 5px 10px rgba(0,0,0,.3);}
#linktop .linkbox > div ul li a:hover .ico1,
#linktop .linkbox > div ul li a:focus .ico1 {background-position:0 -76px;}
#linktop .linkbox > div ul li a:hover .ico2,
#linktop .linkbox > div ul li a:focus .ico2 {background-position:-76px -76px;}
#linktop .linkbox > div ul li a:hover .ico3,
#linktop .linkbox > div ul li a:focus .ico3 {background-position:-152px -76px;}
#linktop .linkbox > div ul li a:hover .ico4,
#linktop .linkbox > div ul li a:focus .ico4 {background-position:-228px -76px;}
#linktop .linkbox > div ul li a:hover .ico5,
#linktop .linkbox > div ul li a:focus .ico5 {background-position:-304px -76px;}
#linktop .linkbox > div ul li a:hover .ico6,
#linktop .linkbox > div ul li a:focus .ico6 {background-position:-380px -76px;}
#linktop .linkbox > div ul li a:hover .ico7,
#linktop .linkbox > div ul li a:focus .ico7 {background-position:-456px -76px;}
#linktop .linkbox > div .clickClose {}
.searchtopbox {max-width:550px;margin: 0 auto;padding: 38px 0 0;}
#linktop.active .searchtopbox {position:relative; z-index:-1;}
.searchtopbox .formbox {}
.searchtopbox .formbox .form_inner {position:relative;}
.searchtopbox .formbox .form_inner input[type="text"]{width:100%;height:60px;line-height:52px;padding: 0 60px 0 45px;border:4px solid #4175c7;border-radius:50px;font-size:16px;font-family: 'score';color:#363a40;}
.searchtopbox .formbox .form_inner input[type="text"]::placeholder {font-size:16px; color:#363a40;}
.searchtopbox .formbox .form_inner .submit {position:absolute; right:0; top:0;}
.searchtopbox .formbox .form_inner .submit a,
.searchtopbox .formbox .form_inner .submit input[type="submit"]{ display:block; width:60px; height:60px; border-radius:50%; border:none; background:#4175c7 url(/images/kor/common/search.png)no-repeat center; font-size:0; }
.searchtopbox #searchword {position:relative;margin:20px 0 0;padding: 0 90px 0 155px;}
.searchtopbox #searchword strong {display:block;position:absolute;top:0;left:30px;font-size:15px;font-weight:bold;color:#444;}
.searchtopbox #searchword strong:before {display:inline-block; content:''; width:27px; height:12px;margin-right:8px; background:url(/images/kor/common/ico_ir.png)no-repeat -40px 0;}
.searchtopbox #searchword .grap {overflow:hidden;}
.searchtopbox #searchword .grap ul {position:relative;overflow: hidden;white-space: nowrap;}
.searchtopbox #searchword .grap ul li {display:inline-block; position:relative; }
.searchtopbox #searchword .grap ul li:after {display:inline-block; content:''; width:1px; height:12px; margin:-2px 10px 0; background:#b0bcca; vertical-align:middle;}
.searchtopbox #searchword .grap ul li a {display:inline-block;line-height: 24px;font-size:15px;color:#555555;}
.searchtopbox #searchword .control {position:absolute;right:0;top:0;border: 1px solid #ababab;}
.searchtopbox #searchword .control:after {display:block; clear:both; visibility:hidden; content:'';}
.searchtopbox #searchword .control button {float:left; width:20px; height:20px; margin:0; background: #fff; font-size:0;}
.searchtopbox #searchword .control button[data-control="prev"] {border-right: 1px solid #ababab;}
.searchtopbox #searchword .control button[data-control="next"] {border-left: 1px solid #ababab;}
.searchtopbox #searchword .control button[data-control="prev"]:before,
.searchtopbox #searchword .control button[data-control="next"]:before{width:5px;height:5px;border-width:2px;border-style: solid;border-color: #8d8d8d;transform: rotate(45deg);}
.searchtopbox #searchword .control button[data-control="prev"]:before{right: -4px;border-width: 0 0 2px 2px;}
.searchtopbox #searchword .control button[data-control="next"]:before{left: -4px;border-width: 2px 2px 0 0;}
.searchtopbox #searchword .control button[data-control="stop"]:before{width: 2px;height: 9px;box-shadow: -2px 0 #8d8d8d, 2px 0 #8d8d8d;}
.searchtopbox #searchword .control button[data-control="play"]:before{right: -2px;width: 0;height: 0;border-width: 5px 0 5px 6px;border-style: solid;border-color: transparent transparent transparent #8d8d8d;}

#linktop .weatherbox {position:absolute;right:0;top:0;width: 240px;padding: 30px 0 0;}
#linktop.active .weatherbox {z-index:-1;}
#linktop .weatherbox .inner {}
#linktop .weatherbox .inner .w1 {line-height: 50px;font-family:"score";font-weight:bold;font-style:italic;font-size:24px;color:#242838;}
#linktop .weatherbox .inner .w1 span {display:inline-block;line-height: 50px;font-family:"score";font-weight:bold;font-style:normal;font-size:24px;color:#242838;}
#linktop .weatherbox .inner .w1 .ico {display:inline-block;position:relative;width:55px;height:55px;margin: 0 0 0 15px;background:url(/images/kor/common/weather.png)no-repeat;vertical-align: bottom;font-size: 0;}
#linktop .weatherbox .inner .w1 .ico:before,
#linktop .weatherbox .inner .w1 .ico:after {display:block;position:absolute;content:'';background-size: 100% auto;background-repeat: no-repeat;}
#linktop .weatherbox .inner .w1 .ico1 {background-position: 0 0; -webkit-animation: weather1 10s linear infinite 0.5s;animation: weather1 10s linear infinite 0.5s;}
#linktop .weatherbox .inner .w1 .ico2 {background:none;}
#linktop .weatherbox .inner .w1 .ico2:before {right: -3px;width: 39px;height: 39px;background-image:url(/images/kor/common/weather-1.png);-webkit-transform-origin: center;transform-origin: center;-webkit-animation: weather1 10s linear infinite 0.5s;animation: weather1 10s linear infinite 0.5s;}
#linktop .weatherbox .inner .w1 .ico2:after {left: 5px;bottom: 10px;width: 46px;height: 35px;background-image:url(/images/kor/common/weather-2.png);}
#linktop .weatherbox .inner .w1 .ico3 {background:none;}
#linktop .weatherbox .inner .w1 .ico3:before {right: 0;top: 10px;width: 34px;height: 35px;background-image:url(/images/kor/common/weather-2.png);-webkit-animation: weather2 4s both infinite ;animation: weather2 4s both infinite ;}
#linktop .weatherbox .inner .w1 .ico3:after {left: 0;bottom: 10px;width: 45px;height: 35px;background-image:url(/images/kor/common/weather-2.png);-webkit-animation: weather2 4s both infinite 0.5s;animation: weather2 4s both infinite 0.5s;}
#linktop .weatherbox .inner .w1 .ico4 {background:none}
#linktop .weatherbox .inner .w1 .ico4:before {right: 5px;top: 7px;width: 43px;height: 35px;background-image:url(/images/kor/common/weather-2.png);-webkit-animation: weather2 4s both infinite ;animation: weather2 4s both infinite ;}
#linktop .weatherbox .inner .w1 .ico4:after {left: 14px;bottom: 5px;width:25px;height: 10px;background-image:url(/images/kor/common/weather-3.png);-webkit-animation: weather2 4s both infinite 0.5s;animation: weather2 4s both infinite 0.5s;}
#linktop .weatherbox .inner .w1 .ico5 {background:none;}
#linktop .weatherbox .inner .w1 .ico5:before {right: 5px;top: 3px;width: 43px;height: 35px;background-image:url(/images/kor/common/weather-2.png);-webkit-animation: weather2 4s both infinite ;animation: weather2 4s both infinite ;}
#linktop .weatherbox .inner .w1 .ico5:after {left: 16px;bottom: 5px;width: 23px;height: 23px;background-image:url(/images/kor/common/weather-4.png);-webkit-animation: weather2 4s both infinite 0.5s;animation: weather2 4s both infinite 0.5s;}
#linktop .weatherbox .inner .w1 .ico6 {background:none;}
#linktop .weatherbox .inner .w1 .ico6:before {right: 5px;top: 9px;width: 43px;height: 35px;background-image:url(/images/kor/common/weather-2.png);}
#linktop .weatherbox .inner .w1 .ico6:after {left: 21px;bottom: 5px;width: 14px;height: 23px;background-image: url(/images/kor/common/weather-5.png);-webkit-animation: flicker-2 5s ease infinite;animation: flicker-2 5s ease infinite;}

#linktop .weatherbox .inner .w1 .ico7 {background-position: -330px 0;-webkit-animation: weather2 3s both infinite 0.5s;animation: weather2 3s both infinite 0.5s;}
#linktop .weatherbox .inner .w2 {font-size:15px;color:#333;}
#linktop .weatherbox .inner .w2 em {display:inline-block;opacity:0.7;font-size:15px;color:#333;}
#linktop .weatherbox .inner .w2 span{display:inline-block;font-size:15px; }
#linktop .weatherbox .inner .w2 .a1 {color:#32a1ff;}
#linktop .weatherbox .inner .w2 .a2 {color:#00c73c;}
#linktop .weatherbox .inner .w2 .a3 {color:#fd9b5a;}
#linktop .weatherbox .inner .w2 .a4 {color:#ff5959;}


@media screen and (max-width:1279px){  
    #body_layout .body_wrap{padding-bottom:150px;}
    .lnb_wrap {display:none;}
    .contents_wrap {float:none; width:100%;}
    #linktop .innerbox:before {bottom: -5px;width: 135px;height:60px;background-position:right bottom;}
    #linktop .innerbox:after {display:block;position:absolute;left: 15px;bottom: -3px;z-index: 11;content:'';width: 35px;height:60px;background: url(/images/kor/common/sub_obj.png)no-repeat left bottom;}
    #linktop .linkbox,
    #linktop .weatherbox {display:none;}
    #linktop .innerbox .yuobj {left:60px;}
}
  
@media screen and (max-width:1219px){  
    .content_info__satisfaction .research input[type=text] {display: block;width: calc(100% - 100px);margin-top:10px;}
    .content_info__satisfaction .research input[type=button] {position:absolute;top: auto;right:0;bottom:0;width: 100px;}
}

@media screen and (max-width:1023px){   
    #linktop .innerbox:before {right: -30px;}
    #linktop .innerbox:after {left:-5px;}
    #linktop .innerbox .yuobj {left:20px; z-index:21;}
    .searchtopbox #searchword .control {z-index:20;}

    #location {padding:0 0 20px}
    #location .page__title  {padding-right: 0;font-size:25px;}
    #location .utile_wrap .location_wrap {float:left;margin: 0 0 10px;}
    #location .utile_wrap .print_wrap {float:right;position: static;margin-left: 20px;}
    #location .utile_wrap .print_wrap > li.n3 {display:none;}
}

@media screen and (max-width:840px){  
    #linktop .innerbox {height: 175px;}
}

@media screen and (max-width:767px){
    .searchtopbox #searchword {margin: 15px 0 0;padding: 0 70px 0 37px;}
    .searchtopbox #searchword strong {left:0;font-size: 0;}
    .searchtopbox #searchword strong:before {margin-top:3px;}
    .searchtopbox #searchword .grap ul li a {font-size:14px;}
    .searchtopbox .formbox {padding:0 20px;} 
    .searchtopbox .formbox .form_inner input[type="text"]{height:50px;line-height: 42px;padding: 0 60px 0 25px;}
    .searchtopbox .formbox .form_inner .submit a,
    .searchtopbox .formbox .form_inner .submit input[type="submit"]{ display:block; width:50px; height:50px;}



    #linktop .innerbox:before {right: -20px;width: 90px;height: 42px;background-size: 130px auto;}
    #linktop .innerbox:after {width: 28px;height: 35px;background-size: 130px auto;}
    #linktop .innerbox .yuobj {width:73px; height:49px; left:5px; }
    #linktop .innerbox .yuobj .head {width:47px;}
    #linktop .innerbox .yuobj .head .eye1 {left: 19px;top: 21px;width:8px;}
    #linktop .innerbox .yuobj .head .eye2 {left: 34px;top: 17px;width: 7px;}

    .content-info__charge span {display:inline-block}
}




  
/* 4차메뉴 탭 */
#tab_moType1 {display:none;}
#tab_moType1 .title{display:none}
#tab_moType1.mobile{}
#tab_moType1.mobile ul{width:100%;margin:0;padding:1px 0;border: none;}
#tab_moType1.mobile ul li{display:none;float:none;width:100%;border-left: 1px solid #ddd;}
#tab_moType1.mobile ul li a{display:block;height:auto;margin:0;padding: 10px 0;font-size:16px;}
#tab_moType1.mobile ul li.on a {padding: 12px 0 10px;}
#tab_moType1.mobile .title{display:block;border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb}
#tab_moType1.mobile .title a{display:block;position:relative;padding:15px 47px 13px 22px;font-size:16px;font-weight:600;color:#323330}
#tab_moType1.mobile .title a:before{display:block;position:absolute;top:50%;right:10px;width:14px;height:9px;margin-top:-5px;background-image:url(/pcms/common/images/ir/arrow_tab.png);background-repeat:no-repeat;background-position:0 -8px;content:'';}
#tab_moType1.mobile .title a.on:before{background-position:-23px -8px;}
#tab_moType1.mobile .tab-ul li a span{padding:18px 50px 18px 22px}

.tabmenu__4th {overflow: hidden;position: relative;margin: 0 0 20px;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.tabmenu__4th:after {display:block; clear:both; visibility:hidden; content:''; }
.tabmenu__4th li{display: table;float:left;position:relative;width: 33.33%;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.tabmenu__4th.n2 li {width:50%;}
.tabmenu__4th li:nth-child(3n),
.tabmenu__4th li:last-child {border-right:1px solid #ddd;}
.tabmenu__4th li a{display: table-cell;position: relative;z-index:0;height: 55px;border: none;background: #fff;vertical-align: middle;transition: all 0.3s;outline: 1px solid transparent;}
.tabmenu__4th li a:hover,
.tabmenu__4th li a:focus {outline:1px dotted #777;}
.tabmenu__4th li a span{display: block;position: relative;width: 100%;padding: 0 40px 0 20px;font-size: 16px;line-height: 1.1;}
.tabmenu__4th li a span:after {position: absolute;content: "";top: 50%;right:15px;width:12px; height:2px; margin-top:-1px; background:#aeb6c4; transition: all 0.2s ease-out;}
.tabmenu__4th li.on a,.tabmenu__4th li.on a:active,.tabmenu__4th li.on a:focus,.tabmenu__4th li.on a:hover {border: 2px solid #2f68c2;background: none;color: #2f68c2;z-index:1;font-weight:bold;}
.tabmenu__4th li.on a span:after,.tabmenu__4th li.on a:active span:after,.tabmenu__4th li.on a:focus span:after,.tabmenu__4th li.on a:hover span:after{width:auto; height:auto; margin-top: -3px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #2f68c2;background:none;}
.tabmenu__4th li a:active,.tabmenu__4th li a:focus,.tabmenu__4th li a:hover{z-index:1;border-color:#48546d;background:none;color:#48546d}
.tabmenu__4th li a:active span:after,.tabmenu__4th li a:focus span:after,.tabmenu__4th li a:hover span:after{}
.tabmenu__4th li a[target=_blank]:after{position: absolute;right: 16px;top: 50%;width: 11px;height: 12px;margin-top: -6px;background: url(/template/A/images/target.png)no-repeat;content: '';}
.tabmenu__4th li a[target=_blank] span:after{display:none;}

@media (max-width:1279px){
    #tab_moType1 {display:block;}
    
}





/* 검색결과 */
.results_wrap { position:absolute; left:50%; top:50%; width:1180px; height:695px; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.results_wrap .group1 {position:relative;height:100px;padding: 0 100px 0 240px;border-radius:10px 10px 0 0; background:#2964b8;}
.results_wrap .group1:before {display:block; position:absolute; left:40px; bottom:-5px; content:''; width:190px; height:117px;  background:url(/images/kor/common/search_ico1.png)no-repeat; }
.results_wrap .group1 .box {position: relative;width: 100%;height: 100%;}
.results_wrap .group1 .box .item {position:absolute;top:50%;transform: translateY(-50%);}
.results_wrap .group1 strong {display:inline-block;line-height: 1.1;margin: 10px 0 0;font-size:21px;color:#fff;font-family:'score';}
.results_wrap .group1 strong:after {display:inline-block; content:'';  width:1px; height:20px; margin:0 20px; background:rgba(255,255,255,.23);  vertical-align:middle;}
.results_wrap .group1 .title {display:inline-block;line-height: 1.1;color:#fff;font-size:17px;font-family:'score';}
.results_wrap .group1 .title span {display:inline-block;margin: 0 5px;color:#29ab9d;font-size:21px;font-weight:bold;}
.results_wrap .group1 .title em {display:inline-block; width:48px; height:48px; line-height:48px; margin:0 5px;border-radius:50%; background:#29ab9d; color:#fff; font-size:25px; font-weight:bold; text-align:center;}
.results_wrap .group2 {height: calc(100% - 100px);padding: 55px 50px;border-radius:0 0 10px 10px;background:#fff;}
.results_wrap .group2 .inner {overflow-y: auto;height: 100%;}
.results_wrap .group2 .inner.nodata {padding: 100px 0 0;text-align:center;font-size:17px;font-family:'score';}
.results_wrap .group2 .inner.nodata img {display:block; margin:0 auto 20px; }
.results_wrap .group2 ul {}
.results_wrap .group2 ul li {position:relative;margin:0 0 10px;padding:35px 265px 35px 40px;border:1px solid #dfdfdf;border-radius:5px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.results_wrap .group2 ul li:hover,
.results_wrap .group2 ul li:focus {border:1px solid #2964b8;}
.results_wrap .group2 ul li:after {display:block; clear:both; visibility:hidden; content:'';}
.results_wrap .group2 ul li strong {display:block;font-size:16px; font-weight:normal; color:#666; }
.results_wrap .group2 ul li strong span {margin:0 30px 0 0; font-weight:bold; color:#282828; }
.results_wrap .group2 ul li .btnbox {position:absolute; right:30px;top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.results_wrap .group2 ul li .btnbox a {display:inline-block;width:105px;height:42px;line-height:40px;border-radius:5px;border:1px solid #ddd;text-align:center;font-size:15px;color:#666666;transition: all 0.3s;-webkit-transition: all 0.3s;}
.results_wrap .group2 ul li .btnbox a span {display:inline-block; width:15px; height:15px; margin:-4px 0 0 3px;background:url(/images/kor/common/search_ico2.png)no-repeat; vertical-align:middle; }
.results_wrap .group2 ul li .btnbox a.btntype2 span {background-position:-15px 0;}
.results_wrap .group2 ul li .btnbox a:hover,
.results_wrap .group2 ul li .btnbox a:focus {border:1px solid #394e6b; background:#394e6b; color:#fff;}
.results_wrap .group2 ul li .btnbox a.btntype1:hover span,
.results_wrap .group2 ul li .btnbox a.btntype1:focus span {background-position:0 -15px;}
.results_wrap .group2 ul li .btnbox a.btntype2:hover span,
.results_wrap .group2 ul li .btnbox a.btntype2:focus span {background-position:-15px -15px;}

.results_wrap .modal__close {position:absolute;right: 40px;top: 30px;width:40px;height:40px;}
.results_wrap .modal__close button {display:block;width:100%;height:100%;font-size: 0;}
.results_wrap .modal__close button:before,
.results_wrap .modal__close button:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.results_wrap .modal__close button:before {width:100%;height: 2px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.results_wrap .modal__close button:after {width: 2px;height:100%;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}

@media(max-width:1279px){
    .results_wrap {left:5%; top:5%; right:5%; bottom:5%; width:auto; height:auto; transform:none; -webkit-transform:none;}
    .results_wrap .group1 {height: 115px;padding: 0 100px 0 210px;}
    .results_wrap .group1:before {left: 20px;width: 160px;height: 99px;background-size: 160px auto;}
    .results_wrap .group1 .title em {width:35px;height:35px;line-height:35px;font-size: 21px;}
    .results_wrap .group2 {height:calc(100% - 100px);}
    .results_wrap .modal__close {top:35px;right: 30px;}
}

@media(max-width:1023px){
    .results_wrap .group1:before {display:none;}
    .results_wrap .group1 {min-height:115px;padding: 10px 40px 10px 30px;}
    .results_wrap .group1 strong {margin:5px 0 0;}
    .results_wrap .group1 strong:after {height:15px; margin:-5px 10px 0;}
    .results_wrap .group1 .title {margin:5px 0 0;}
    .results_wrap .group1 .title,
    .results_wrap .group1 .title span {font-size:16px;}
    .results_wrap .group1 .title em {width:auto;height:auto;line-height:1.1;background:none;color: #29ab9d;font-size: 20px;}

    .results_wrap .group2 {padding:30px; }
    .results_wrap .group2 ul li strong span {margin-right:10px;}
    
    .results_wrap .modal__close {right:15px; top:15px; width:30px; height:30px;}
    
}

@media(max-width:767px){
    .results_wrap .group1 {min-height:140px;padding:0 25px;}
    .results_wrap .group2 {height: calc(100% - 140px); padding:30px 25px; }
    .results_wrap .group2 ul li {padding: 25px 20px;}
    .results_wrap .group2 ul li .btnbox {position:static;margin:10px 0 0;text-align: right;transform:none;-webkit-transform:none;}
    .results_wrap .group2 ul li .btnbox a {width:90px; font-size:14px;}
}

/* 별별 배너 aside 추가 */
#body_layout .lnb_wrap .shortcut_button{margin-top: 20px;}
#body_layout .lnb_wrap .shortcut_button a {display: block;background: url(/images/kor/common/star_banner.png) no-repeat;font-size:0;height: 154px;}

#body_layout .lnb_wrap .shortcut_button2{margin-top: 10px;}
#body_layout .lnb_wrap .shortcut_button2 a {display: block;background: url(/images/kor/common/camp_banner.png) no-repeat;font-size:0;height: 109px;}