@charset "utf-8";

.container {width: 100%; max-width: 1500px; margin: 0 auto;}

/*main layout*/
.main .wrap-header-box{border:none;}
.main .wrap-header{background: transparent; position:absolute; top:60px; z-index:999; width:100%;}
.wrap-header .head-logo img.m-logo-img{display:none;}
.main .wrap-header .head-logo strong{color:#fff;}
.main .wrap-header .head-navi{background:rgba(38,42,62,.8)}
.main .wrap-header .head-navi .menuUItop{width:100%;}
.main .wrap-header .head-navi .li_1{width:100%;}
.main .wrap-header .head-navi .a_1{text-align:center; color:#fff; padding: 20px 30px;}
.main .wrap-header .head-navi .a_1:hover{color:#fff;}
.main .wrap-header .head-navi .div_2{top:100%; margin-top:-6px;}
.main .wrap-header .head-navi .ul_2::after{border-color: transparent transparent #fff transparent;}

.wrap-header-box{border-bottom:1px solid #ddd;}
.wrap-top {background: #1a2a42;}
.wrap-top .container {overflow: hidden; text-align:right;}
.wrap-top .btn-go {display: block; float: left; background: #12558c; padding: 0 20px; color: #fff; font-size: 14px; height: 35px; line-height: 35px;}
.wrap-top .btn-go.color {background: #00c0bd;}
.wrap-top .btn-go.color2 {background: #0593dc;}
.wrap-top .goto,
.wrap-top .top-login {display:inline-block; vertical-align:middle;}
.wrap-top .top-login{margin-right:20px;}
.wrap-top .top-login ul li {display: inline-block;}
.wrap-top .top-login ul li a {font-family: 'Noto Light'; font-size: 14px; line-height: 35px; color: #fff;}
.wrap-top .top-login ul li.home {position: relative; padding: 0 20px 0 0; margin: 0 10px 0 0;}
.wrap-top .top-login ul li.home::after {content: ''; position: absolute; right: 0; top: 50%; margin-top:-2.5px; width: 5px; height: 5px; background: url('../../images/common/dot-top.png');}

.wrap-header {background: #ffffff;}
.wrap-header .container {display: table; width: 100%;}
.wrap-header .head-logo,
.wrap-header .head-navi {display: table-cell; vertical-align: middle;}
.wrap-header .head-logo {width: 370px;}
.wrap-header .head-logo a {position: relative; display: inline-block;}
.wrap-header .head-logo img {vertical-align: middle;}
.wrap-header .head-logo strong {position: relative; display:inline-block; font-family: 'Noto Medium'; font-size: 28px; vertical-align: middle; color: #222; font-weight: normal; }
.wrap-header .head-logo strong:before{content:''; width:1px; height:20px; display:inline-block; background-color:#c7c7c7; margin:0 10px;}

@media all and (max-width:1600px) {
  .wrap-header .head-logo {padding: 0 0 0 20px;}
}

@media all and (max-width:1200px) {
  .main .wrap-header{position:relative; padding: 0 0 0 0; top:0; z-index:1002}
  .wrap-header .head-logo img.pc-logo-img{display:none;}
  .wrap-header .head-logo img.m-logo-img{display:inline-block !important; margin-right:10px;}
  .main .wrap-header .head-logo strong{color:#222}
  .wrap-header .head-logo strong:before{display:none;}
}

@media all and (max-width:1024px) {
  .wrap-header .head-logo {padding: 0 0 0 10px;}
}

@media all and (max-width:440px) {
  .wrap-header .head-logo strong{}
  .wrap-header .head-logo strong:before{height:15px;}
}

.wrap-header .head-navi {text-align:right;}
.wrap-header .head-navi .m-util{display:none;} /*mobile util*/
.wrap-header .head-navi .menuUItop {display: inline-block; vertical-align: middle;}
.wrap-header .head-navi .ul_1{display:flex}
.wrap-header .head-navi .li_1 {display:inline-block; position:relative;}
.wrap-header .head-navi .logo-mobile {display: none;}
.wrap-header .head-navi .a_1 {display:block; padding:32px 30px; font-size:22px; font-family:'Noto Regular';}
.wrap-header .head-navi .a_1:hover {color:#183d93;}
.wrap-header .head-navi .a_1 span {position:relative;}
.wrap-header .head-navi .div_2 {overflow:hidden;max-height:0;position:absolute;top:80%;left:0px; width:100%;z-index:100;text-align:left;transition:all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-header .head-navi .div_2.on {max-height:2000px; }
.wrap-header .head-navi .ul_2 {padding:0 0;border-width: 1px; border-style: solid; border-color: #3b8aee; margin-top:5px; background: #fff;}
.wrap-header .head-navi .ul_2::after {content: ''; border-width:6px; border-color:transparent transparent #0054a7 transparent ; border-style:solid; display: inline-block; position: absolute; top: -6px; left:50%; margin-left:-3px;}
.wrap-header .head-navi .ul_2 li + li{border-top:1px solid #d7d7d7}
.wrap-header .head-navi .a_2 {font-family:'Noto Demilight';position:relative;display:block;color: #3c3b3b;padding:10px 15px 10px 20px;}
.wrap-header .head-navi .a_2:before{content:'';display: none;width:5px;height:2px;background-color:#b2b2b2;position:absolute;left:10px;top:50%;margin-top:-1.5px;}
.wrap-header .head-navi .a_2 span {position:relative;}
.wrap-header .head-navi .a_2 span:after {content:''; position:absolute; left:0px; bottom:-3px; width:0px; height:1px; background:#fff; transition:all 0.8s;}
.wrap-header .head-navi .a_2[target=_blank] span:before {content: ''; position: absolute; right: -20px; bottom: 5px; width: 14px;height: 14px; background: url(../../images/common/ico_blank_pc.png) no-repeat center center;}
.wrap-header .head-navi .a_2:hover:after {content:''; position:absolute; right:10%; top:46%; width:5px; height:7px; background:url('../../images/common/arrow-menu.png') no-repeat center center;}
.wrap-header .head-navi .div_3 {display:none;}
.wrap-header .btn-mgnb {display: none;}
.wrap-header .btn-mgnb-close {display: none;}

.wrap-header .head-navi .li_1:last-child{display:none;} /*마지막메뉴*/

@media all and (min-width:1921px) {
  .wrap-header .head-navi .a_1 {font-size:24px;}
}

@media all and (max-width:1400px) {
  .main .wrap-header .head-navi .a_1 {padding:20px 0; font-size:20px;}
}

@media all and (max-width:1200px) { 
  .wrap-header .head-navi .m-util{text-align:left; padding-left:20px; background-color:#003d7b; padding:13px 15px 18px 15px; display:block;}
  .wrap-header .head-navi .m-util #_globalNavi{display:inline-block;}
  .wrap-header .head-navi .m-util .m-link{display:inline-block; position:relative; padding-left:15px; margin-left:10px;}
  .wrap-header .head-navi .m-util .m-link:after{content:''; width:1px; height:10px; display:block; background-color:rgba(255,255,255,.5); position:absolute; left:0; top:50%; margin-top:-2px;}
  .wrap-header .head-navi .m-util ul li{display:inline-block; vertical-align:middle; position:relative;}
  .wrap-header .head-navi .m-util ul li + li{margin-left:10px; padding-left:13px; }
  .wrap-header .head-navi .m-util ul li + li:after{content:''; width:1px; height:10px; display:block; background-color:rgba(255,255,255,.5); position:absolute; left:0; top:50%; margin-top:-5px;}
  .wrap-header .head-navi .m-util ul li a{display:block;  color:#fff; padding-left:25px; line-height:1.2; font-size:13px;}
  .wrap-header .head-navi .m-util #_globalNavi ul li a.m-home{text-indent:-9999px; background:url(./../../images/common/m-util-home.png) center center no-repeat; text-indent:-9999px; width:15px; height:15px;}
  .wrap-header .head-navi .m-util #_globalNavi ul li a.m-login{background:url(./../../images/common/m-util-login.png) left center no-repeat;}
  .wrap-header .head-navi .m-util ul li a.m-adm{background:url(./../../images/common/m-util-admission.png) left center no-repeat;}
  .wrap-header .head-navi .m-util ul li a.m-lang{background:url(./../../images/common/m-util-lang.png) left center no-repeat;}

  .wrap-header .head-navi {box-shadow: 0px 0px 10px rgba(0,0,0,.5); position:fixed; top:0; right:-100%; z-index:10000; width:100%; max-width: 500px; height: calc(100%); padding: 0; opacity: 0; background: #fff;  /*transition: right 0.55s cubic-bezier(0.7, 0, 0.3, 1)  opacity 0.55s cubic-bezier(0.7, 0, 0.3, 1);*/}
  .wrap-header .head-navi.on {right: 0;opacity: 1;transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1);background: #fff;}
  .wrap-header .head-navi .menuUItop {position: relative; width: 100%; height: 100%; background: #0054a7; }
  .wrap-header .head-navi .logo-mobile {display: block;padding: 15px 0 13px 10px;text-align: left;}
  .wrap-header .head-navi .logo-mobile strong,
  .wrap-header .head-navi .logo-mobile img{display:inline-block; vertical-align:middle;}
  .wrap-header .head-navi .logo-mobile strong{font-size:28px;margin-left: 14px;font-family: 'Noto Medium';}
  .wrap-header .head-navi .div_1 {}
  .wrap-header .head-navi .ul_1{display:block;}
  .wrap-header .head-navi .li_1 {position: static; display: block; width: 100%; padding:0px;}
  .wrap-header .head-navi .a_1 {display: block; text-align:left !important; background-image: none;  position:relative; line-height: 1.5; background-position: right center; width:40%; height: auto; padding: 15px 0 15px 20px !important; text-align: left; font-size: 18px; color: #fff;}
  .wrap-header .head-navi .a_1:after {display:none;}
  .wrap-header .head-navi .a_1:hover {color:#fff;}
  .wrap-header .head-navi .a_1.on span:after {display:none;}
  .wrap-header .head-navi .a_1.on span:before {display:none;}
  .wrap-header .head-navi .a_1.on {background-color:#266db2;}
  .wrap-header .head-navi .a_1.on::after {content: '';width: 15px;height: 15px;border-width:10px;border-style:solid;border-color: #fff #fff transparent transparent;display: inline-block;transform: rotate(225deg);position: absolute;top:17px;right: -12px;}

  .wrap-header .head-navi .ul_2 {border: 0; padding:0;}
  .wrap-header .head-navi .li_2 {display:block; border:0px; padding:0px;}
  .wrap-header .head-navi .ul_2::after{display:none;}
  .wrap-header .head-navi .li_2 .a_2:after {display:none;}
  .wrap-header .head-navi .ul_2 li + li{border-top:0;}
  .wrap-header .head-navi .a_2 {width:100%;padding: 15px 15px 15px 10px;border-bottom:1px solid #d1d1d1;margin:0;font-size: 18px;color:#666;}
  .wrap-header .head-navi .a_2.plus {position: relative;}
  .wrap-header .head-navi .a_2.plus.on {color:#0c2c67; border-bottom:1px solid #d1d1d1;}
  .wrap-header .head-navi .a_2.plus::after {content: '';width: 15px; height: 15px; transition:ease all .3s; border-top: 1px solid #0054a7; border-right: 1px solid #0054a7; display: inline-block;transform: rotate(135deg);position: absolute;top:17px;right: 15px;}
  .wrap-header .head-navi .a_2.plus.on::after{transform: rotate(315deg); top:22px;}

  .wrap-header .head-navi .a_2[target=_blank] span:before {top:6px;}
  .wrap-header .head-navi .div_2 {width:60% !important; right:0px; left:auto; transition-property:none; padding:0 10px;}
  .wrap-header .head-navi .div_2.on {top:0; max-height:none; height:100%; background:#fff; transition-property: none;}
  .main .wrap-header .head-navi .div_2.on{top:6px;}
  .wrap-header .head-navi .div_2 .container {padding: 0px;}
  .wrap-header .head-navi .ul_3 {padding: 10px 0 20px 0;border-bottom: 1px solid #d1d1d1;}
  .wrap-header .head-navi .li_3 {position:relative; margin: 0px;}
  .wrap-header .head-navi .a_3 {color:#999;display:block;padding:4px 0 4px 20px;font-size: 16px;}
  .wrap-header .head-navi .a_3[target=_blank] {position:relative;}
  .wrap-header .head-navi .a_3[target=_blank]:before {content:''; position:absolute; left:110%; top:10px; width:10px; height:10px; background:url('../../images/common/ico_blank.png') no-repeat center center;}
  .wrap-header .head-navi .a_3:hover:after {width:6px; background:#018cff;}
  .wrap-header .head-navi .a_3:hover {color:#0054a5;}
  .wrap-header .head-navi .a_3._active {color:#0054a5;}
  .wrap-header .head-navi .div_3 {display:block; overflow:hidden; max-height:0px; transition:all 0.25s cubic-bezier(0.7, 0, 0.3, 1); background-color:#f8f9fa;}
  .wrap-header .head-navi .div_3.on {max-height: 700px; transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);}
  .wrap-header .head-navi .title {display:none;}
  .wrap-header .head-navi .close {display:none}
  .wrap-header .head-util .btn-share {display:none;}
  .wrap-header .container > div.black-bg {display:none; position:fixed; width:100%; height:100%; left:0px; top:0px; background:rgba(0,0,0,0.6); z-index:1200;}
  .wrap-header .container > div.black-bg.on {display:block;}
  .wrap-header .btn-mgnb {position: relative;right: 0;float: right;display: block;background: url(../../images/common/ic-head-util1.png) no-repeat center center;width: 70px;height: 70px;}
  .wrap-header .btn-mgnb button {display: block; width: 100%; height: 100%; text-indent: -99999px;}
  .wrap-header .btn-mgnb-close.on {display:block;position:absolute;top: 15px;width:45px;height:45px;background:url('../../images/common/ic-navi-close.png') no-repeat center center;right: 0;}
  .wrap-header .btn-mgnb-close button {text-indent:-9999px; display:block; width:100%; height:100%;}
  .wrap-top {display: none;}
}

.wrap-sub-navi{display:none;}

@media all and (max-width:1024px) {
  .wrap-sub-navi{display:block; transition:ease all .3s; position:relative; background-color:#fff;}
  .wrap-sub-navi:after{content:''; width:calc(100% + 60px); margin-left:-30px; height:1px; display:block; background-color:#ddd; top:60px; left:0; position:absolute;}
  .wrap-sub-navi .sub-navi {position:relative;z-index:220;margin:0 0 0 0;}
  .wrap-sub-navi .sub-navi .home {background-image:none; padding:0px; min-width:auto;}
  .wrap-sub-navi .sub-navi .home a {width:50px; height:60px; display:block;text-indent:-9999px;background: url('../../images/common/ico_home.png') no-repeat center center; position:relative;}
  .wrap-sub-navi .sub-navi .home a:before{content:'';width:1px;height: 25px;background: rgba(160,170,152,0.5);position: absolute;right: 0;top: 50%; margin-top:-12.5px;}

  .wrap-sub-navi .sub-navi > ul > li {position:relative;float:left;padding: 0 20px 0 20px;}
  .wrap-sub-navi .sub-navi > ul > li:before {content: '';display: block;width: 0px;height: 2px;background-color: #0054a7;position: absolute;bottom: 0;left: 0;transition: ease all .3s;}
  .wrap-sub-navi .sub-navi > ul > li:hover:before{width:100%;}
  .wrap-sub-navi .sub-navi > ul > li .inner span{position: relative;}
  .wrap-sub-navi .sub-navi > ul > li .inner span:before{content:'';width:1px;height: 25px;background: rgba(160,170,152,0.5);position: absolute;right: -110px;top: 0;}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button {display:block; font-size:16px; height:60px; line-height:60px;}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button {font-family:'Noto Light';width:100%;text-align:left; padding:0 90px 0 0;}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button:after{content: '';  transition: all 0.3s ease; display: block;position: absolute;right: 30px;top: 50%; margin-top:-8px; width: 16px;height: 16px;background: url('../../images/common/sub-navi-arrow.png') right center no-repeat;}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button:hover:after{transform:rotate(180deg)}

  .wrap-sub-navi .sub-navi > ul > li > .inner > button:hover {}

  .wrap-sub-navi .sub-navi .navUl {overflow:hidden;max-height:0px;opacity:0;position:absolute;right:0px;top:100%;border:1px solid #fff;width: 100%;margin: 0;}
  .wrap-sub-navi .sub-navi .navUl.on {overflow:hidden; max-height:10000px; opacity:1; background:#fff; border:1px solid #3e454c; transition: max-height 1s cubic-bezier(0.7, 0, 0.3, 1);}
  .wrap-sub-navi .sub-navi .navUl:after {content:'';position:absolute;left:0px;top:0px;width:100%;height:4px;background:#faa635;display: none;}
  .wrap-sub-navi .sub-navi .navUl a {display:block; padding:10px 15px; color:#333; word-break: keep-all;}
  .wrap-sub-navi .sub-navi .navUl a:hover {background:#f2f2f2;}

  .wrap-sub-navi .sub-navi .navUl .a_2 span{position:relative;}	
  .wrap-sub-navi .sub-navi .navUl .a_2[target=_blank] span:before{content: ''; position: absolute; left: 111%; top: 6px; width: 14px;height: 14px; background: url(../../images/common/ico_blank_pc.png) no-repeat center center;}

  .wrap-sub-navi .sub-navi .sub-share{float:right; width: 60px;height: 60px;text-indent: -9999px;background: url(../../images/common/ico_sns.png) no-repeat center center;transition: background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
  .wrap-sub-navi.active  .sub-navi .sub-share{background: url(../../images/common/ico_sns_w.png) no-repeat center center;}

  /* active */
  .wrap-sub-navi.active{position:fixed; top:0; left:0; background:#0054a6; width:100%; z-index:9; box-shadow: 0 0 10px rgb(0 0 0 / 50%);}
  .wrap-sub-navi.active .sub-navi > ul > li .inner span{color:#fff;}
  .wrap-sub-navi.active .sub-navi .home a{background: url(../../images/common/ico_home_w.png) no-repeat center center;}
  .wrap-sub-navi.active .sub-navi > ul > li > .inner > button:after{background: url(../../images/common/sub-navi-arrow-w.png) right center no-repeat;}

  /*share box*/
  body .contentWrap .sub-util{position:absolute;left:-9999px;}
  .box-sub-share.on{}
  body .box-sub-share{position:fixed; top:131px;}
  body .box-sub-share.offset{top:61px;}
}

@media all and (max-width:767px) {
  .wrap-sub-navi .sub-navi > ul > li{display:none;}
  .wrap-sub-navi .sub-navi > ul > li.home,
  .wrap-sub-navi .sub-navi > ul > li#pagetitle2{display:block;}
  .wrap-sub-navi .sub-navi > ul > li#pagetitle2{width: calc(100% - 110px);}
  .wrap-sub-navi .sub-navi > ul > li .inner span{display:block;}
  .wrap-sub-navi .sub-navi > ul > li .inner span:before{top:15px;}
}
@media all and (max-width:767px) {
  .wrap-header .head-navi.on {right:0;width:100%;background:#fff;}
}

.wrap-contents .container{overflow:hidden; display:flex}
.aside{width:280px; margin-right:80px;}
.contentWrap {width:calc(100% - 360px);}

.aside .menuUIsub .menuSubTitleUI{display:table;width:100%;color:#fff;}
.aside .menuUIsub .menuSubTitleUI h2{display:table-cell;vertical-align:middle;height: 190px;text-align:center;font-size: 36px;font-family: 'Noto Medium';color: #000; padding-top:30px;}
.aside .sub_div{border-top:4px solid #1d3186;}
.aside .sub_div .ul_2{border-left:1px solid #ddd; border-right:1px solid #ddd;}
.aside .sub_div .ul_2 .li_2{}
.aside .sub_div .ul_2 .li_2 .a_2{border-bottom:1px solid #ddd; display:block; position:relative; padding:20px 10px 20px 20px; font-size:17px;}
.aside .sub_div .ul_2 .li_2 .a_2.on,
.aside .sub_div .ul_2 .li_2._active .a_2{color: #1d3186;background-color:#eceffb;font-family: 'Noto Medium';}
.aside .sub_div .ul_2 .li_2 .a_2.plus{background:url('../../images/common/lnb-1dep-arr-off.png') 95% center no-repeat;}
.aside .sub_div .ul_2 .li_2 .a_2.plus.on,
.aside .sub_div .ul_2 .li_2._active .a_2.plus{background: #eceffb url('../../images/common/lnb-1dep-arr-on.png') 95% center no-repeat;}

.aside .sub_div .div_3{overflow:hidden; height:0;}
.aside ._active .div_3,
.aside .sub_div .div_3.on{height:100%;}
.aside .sub_div li ul{padding:10px 20px;border-bottom: 1px solid #ddd;}
.aside .sub_div li ul li a{display:block; padding:5px; position:relative; padding-left:10px;}
.aside .sub_div li ul li a:before{content:''; width:3px; height:3px; display:block; position:absolute; left:0; top:50%; margin-top:-1.5px; background-color:#000;}
.aside .sub_div li ul li._active > a{color:#3b8aee;}

/*blank link*/
.aside .sub_div a{position:relative;}
.aside .sub_div a[target='_blank']{}
.aside .sub_div a[target='_blank']:after{content:''; display:inline-block; width:15px; height:15px; background:url('../../images/common/blank_icon.png') no-repeat; margin-left:5px;}

.contentWrap .container {position:relative; max-width:1500px; height:70px; }
.contentWrap .sub-util{position:relative;z-index:1;clear: both;margin-top: 25px;}
.contentWrap .sub-util #_pageNavigation{overflow:hidden; float:left;}
.contentWrap .sub-util #_pageNavigation li{font-size:15px; color:#9b9b9b; vertical-align:middle;}
.contentWrap .sub-util #_pageNavigation li.home{width:12px; display:inline-block; background:url('../../images/common/navi-home-icon.png') center center no-repeat; text-indent:-9999px}
.contentWrap .sub-util #_pageNavigation li.pageName{color:#454545;}
.contentWrap .sub-util #_pageNavigation li .gt{background:url('../../images/common/navi-arr.png') center center no-repeat; width:7px; height:11px; text-indent:-9999px; vertical-align:middle; margin:-2px 5px 0 0}

.contentWrap .sub-util .util-list{float:right; margin-top:-15px;}
.contentWrap .sub-util > .util-list > li {display:inline-block; position:relative;}
.contentWrap .sub-util > .util-list > li > button {width:70px; height:70px; text-indent:-9999px; position:relative;}
.contentWrap .sub-util .sub-share { background:url('../../images/common/ico_sns.png') no-repeat center center; transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.contentWrap .sub-util .sub-share:hover.contentWrap .sub-util .box-sub-share {transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.contentWrap .sub-util .sub-print {background: url('../../images/common/ico_print.png') no-repeat center center; transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.contentWrap .sub-util .sub-print:hover {transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.contentWrap .sub-util .sub-print:after{content:''; width:1px; height:20px; background-color:#e0e0e0; position:absolute; left:0; top:50%; margin-top:-10px;}

.contentWrap .sub-util .box-sub-favo {opacity:0; overflow:hidden; max-height:0px; position:absolute;  border:1px solid #3e454c; left:0px; top:100%; width:210px; background:#fff; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.contentWrap .sub-util .box-sub-favo.on {opacity:1; max-height:1000px; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.contentWrap .sub-util .box-sub-favo  > strong {display:block; font-family:'Noto Medium'; font-size:18px; padding:10px 20px; border-bottom:1px solid #d6d6d6;}
.contentWrap .sub-util .box-sub-favo ul li {padding:10px 20px;}
.contentWrap .sub-util .box-sub-favo ul li:hover {background:#f5f5f5;}
.contentWrap .sub-util .box-sub-favo ul li a span {display:none;}
.contentWrap .sub-util .box-sub-favo .close {text-indent:-9999px; position:absolute; right:0px; top:0px; width:47px; height:47px; background:url('../../images/common/btn_favo_close.png') no-repeat center center;}
.contentWrap .sub-util .box-sub-favo .close:hover {transform: rotate( 180deg ); transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.contentWrap .sub-util .box-sub-favo .del {width:17px; height:17px; margin:0 0 0 10px; background:url('../../images/common/btn_favo_del.png') no-repeat center center; text-indent:-9999px;}
.contentWrap .sub-util .box-sub-favo .control {text-align:center; padding:15px 0;}
.contentWrap .sub-util .box-sub-favo .control button {display:inline-block; display:inline-block; padding:5px 20px; color: #FFF;font-size: 12px; border-radius: 40px;}
.contentWrap .sub-util .box-sub-favo .control button.add {background: #0067c3;}
.contentWrap .sub-util .box-sub-favo .control button.reset {background: #707070;}

.box-sub-share {position: absolute;right: 0px;top: 65px; opacity:0; overflow:hidden; max-height:0px; padding: 0 25px; height:0;  width: 310px; border: 1px solid #cecece;background: #fff;box-sizing:border-box; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.box-sub-share.on {opacity:1; max-height:1000px; height:auto; padding: 18px 25px; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.box-sub-share .sns li{float: left; width: 32px; height: 32px; margin-right: 8px; background: url(../../images/common/btn_sns.png) 0 0 no-repeat; text-indent: -5000px; cursor: pointer;}
.box-sub-share .sns {display: inline-block; margin-bottom:10px;}
.box-sub-share .sns li.btn_fb {background-position: left center;}
.box-sub-share .sns li.btn_tw{background-position: -35px center;}
.box-sub-share .sns li.btn_ks{background-position: -72px center;}
.box-sub-share .sns li.btn_na{background-position: -109px center;}
.box-sub-share .sns li a{display:block; height:100%;}

.box-sub-share .url_link label{position:absolute; height:0; overflow:hidden;}
.box-sub-share .url_link input {height: 45px; width:calc(100% - 60px); float:left; border: none;text-indent: 10px;padding: 10px 0; font-family: 'Noto Light'; color: #666;background-color: #ebeef3;}
.box-sub-share .url_link a {display: block;width: auto;height: 45px;width: 60px;background: url(../../images/common/list_shareBg.png) no-repeat;text-indent: -9999px; float:left;}
.box-sub-share button.close {background: url(../../images/common/btn_fav_close.gif) center center no-repeat;width: 13px;height: 13px;text-indent: -5000px;position: absolute;right: 15px;top: 16px;}
#clip_tmp{position:absolute;top:-2000px;}

@media (max-width: 1100px) {
  .aside{display:none;}
  .contentWrap {width:100%;}
}

@media all and (max-width:1023px) {

}

.wrap-contents .con-rating {margin:90px 0 0 0;}
.wrap-contents .con-rating .info {overflow:hidden; width:100%; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.wrap-contents .con-rating .people {float:left; color:#666; padding:22px 0 22px 60px; background:url('../../images/common/ico_people.png') no-repeat 20px center;}
.wrap-contents .con-rating .mody-time {float:right; color:#666; padding:25px 0 25px 0; }

.wrap-contents .con-rating .vote {display:table; width:100%; background:#fbfbfb; padding:25px 30px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.wrap-contents .con-rating .question, .wrap-contents .con-rating .radio, .wrap-contents .con-rating .comment {display:table-cell; vertical-align:middle;}
.wrap-contents .con-rating .question {width:37%; padding:0 0  0 30px; background:url('../../images/common/ico_question.png') no-repeat 0px 4px; color:#3f3f3f;}
.wrap-contents .con-rating .radio {width:40%; font-size:14px;}
.wrap-contents .con-rating .radio > div {float:left; padding:0 4% 0 0;}
.wrap-contents .con-rating .radio input:checked + label {color: #ff4200;}
.wrap-contents .con-rating .radio input {position:relative; top:2px;}
.wrap-contents .con-rating .comment input, .wrap-contents .con-rating .comment button {float:left;}
.wrap-contents .con-rating .comment input {width:78%; height:35px; line-height:35px; border:1px solid #b1b1b1;}
.wrap-contents .con-rating .comment button  {width:20%; margin:0 0 0 2%; height:35px; line-height:35px; font-size:12px; background:#0178dd; color:#fff; text-align:center;}

@media all and (max-width:1250px) {
  .wrap-contents .con-rating .question, .wrap-contents .con-rating .radio, .wrap-contents .con-rating .comment {display:inline-block; width:100%;}
  .wrap-contents .con-rating .question {margin:0 0 20px 0;}
  .wrap-contents .con-rating .radio {width:68%;}
  .wrap-contents .con-rating .comment {width:30%;}
  .wrap-contents .con-rating .comment input {width:68%;}
  .wrap-contents .con-rating .comment button {width:30%;}
}

@media all and (max-width:655px) {
  .wrap-contents .con-rating .radio {width:100%; margin: 0 0 15px 0;}
  .wrap-contents .con-rating .comment {width:100%;}
  .wrap-contents .con-rating .question {margin: 0 0 10px 0;}
}

@media all and (max-width:555px) {
  .wrap-contents .con-rating .people, .wrap-contents .con-rating .mody-time {width:100%; float:none;}
  .wrap-contents .con-rating .people {padding:0 0 0 60px; background-image:none;}
  .wrap-contents .con-rating .mody-time {padding: 0 0 0 60px;}
  .wrap-contents .con-rating .info {padding:20px 0; background: url(../../images/common/ico_people.png) no-repeat 20px center;}
  .wrap-contents .con-rating .radio > div {padding:0 4% 2% 0;}
}

.main .wrap-footer {margin:0px;}
.wrap-footer {background:#343539; text-align:left; color:#fff; margin:70px 0 0 0;overflow: hidden;}
.wrap-footer .footer_bottom {overflow: hidden; padding: 10px 0; border-bottom: 1px solid #494a4d;}
.wrap-footer .footer_link {float: left; padding: 4px 0 0 0;}
.wrap-footer .footer_link a {position:relative; padding: 0 18px 0 0; margin: 0 15px 0 0; color:#fff; font-family:'Noto Light';display: inline-block; vertical-align: middle;}
.wrap-footer .footer_link a.private {position:relative;color:#ffff66;}
.wrap-footer .footer_link a::after {content: ''; position: absolute; right: 0; top: 8px; width: 3px; height: 10px; background: url('../../images/common/dot-footer.png') no-repeat center center; }
.wrap-footer .footer_link a:last-child::after {display: none;}
.wrap-footer .footer_sns {float: right;}
.wrap-footer .footer_sns li {display: inline-block; width: 35px; height: 35px; vertical-align: middle;}
.wrap-footer .footer_sns li a {display: block; width: 100%; height: 100%; background: url('../../images/common/icon-sns-footer-off.png') no-repeat; text-indent: -99999px; transition:ease all .5s;}
.wrap-footer .footer_sns li a:hover{background: url('../../images/common/icon-sns-footer-on.png') no-repeat;}
.wrap-footer .footer_sns li.facebook a {background-position: 0 0;}
.wrap-footer .footer_sns li.instagram a {background-position: -86px 0;}
.wrap-footer .footer_sns li.youtube a {background-position:-43px 0;}
.wrap-footer .footer_sns li.blog a {background-position: -129px 0;}
.wrap-footer .footer_info {overflow: hidden; padding: 30px 0;}
.wrap-footer .footer_address {float: left; font-family: 'Noto Light'; font-size: 14px; color: #b1b1b1; word-break: keep-all;}
.wrap-footer .footer_address strong {font-size: 16px;-webkit-text-fill-color: rgba(177, 177, 177, 1);-webkit-opacity: 1;}
.wrap-footer .familysite{float:right;}
.wrap-footer .familysite select{width:205px;height: 50px;border:none;font-size: 14px;color:#666666;padding:10px 15px;font-weight: 400;vertical-align: top;display: inline-block;letter-spacing: -2px;appearance: none; -webkit-appearance: none;background: #fff url('../../images/common/select_arrow.png') no-repeat 95% center;}
.wrap-footer .familysite select::-ms-expand {display:none;}
.wrap-footer .familysite input[type="submit"]{cursor: pointer;width:75px;height:50px;text-indent: -9999px;background:#606060 url('../../images/common/familysite_arrow.png') no-repeat center center; border: 0; margin: 0 0 0 -3px;display: inline-block;vertical-align: top;}

@media all and (min-width:1921px) {
  .wrap-footer {font-size:16px;}
}

@media all and (max-width: 1100px) {
  .wrap-footer .footer_bottom{text-align:center; padding: 10px 15px;}
  .wrap-footer .footer_link,
  .wrap-footer .footer_sns{float:inherit; margin:10px 0}
  .wrap-footer .footer_link a{line-height:1.8;}

  .wrap-footer .footer_info{text-align:center; padding: 10px 15px;}
  .wrap-footer .footer_address,
  .wrap-footer .familysite{float:inherit; margin:10px 0}
}

@media all and (max-width:767px) {
  .wrap-footer .familysite select{width: calc(100% - 80px);}
}

/*wrap-page-top*/
.wrap-page-top{right:20px; bottom:-100px; background-color:#0d7ae6;  box-shadow:10px 10px 10px rgba(0,0,0,.5); border-radius:100%; transition:cubic-bezier(0.18, 0.89, 0.32, 1.28) all .5s; opacity:0; z-index:1001}
.wrap-page-top.active{display:block; position:fixed; bottom:50px; opacity:1;}
.wrap-page-top.active.on{bottom:130px;}
.wrap-page-top a{width:70px; height:70px; display:block; background: url('../../images/common/top-goto.png') center center no-repeat; text-indent:-99999px;}

/*tab menu*/
.tab .menuUItab .tab_div {clear:both; overflow:hidden;}
#menuUItab .tab_div > a{display:none;}
#menuUItab .tab_div > ul{overflow:hidden;}
#menuUItab .tab_div > ul > li{float:left;}
#menuUItab .tab_div > ul > li > a{display:block; padding:10px 30px; border-top:4px solid #0054a7; margin-right:20px;}
#menuUItab .tab_div > ul > li > a._active{color:#12558c;}
#menuUItab .tab_div > ul > li > a[target='_blank']:after{content:''; display:inline-block; width:15px; height:15px; background:url('../../images/common/blank_icon.png') no-repeat; margin-left:5px;}

@media all and (max-width:767px) {
  .tab .menuUItab .tab_div{margin-top:0;}
  #menuUItab .tab_div > a{background-color: #0054a5; color: #fff; padding: 15px; text-align: left; position: relative; display: block; width: 100%; font-size: 17px;}
  #menuUItab .tab_div > a::after {content: '';width: 15px;height: 15px;transition: ease all .3s;border-top: 2px solid #fff;border-right: 2px solid #fff;display: inline-block;transform: rotate(135deg);position: absolute;top: 17px;right: 15px;}
  #menuUItab .tab_div > a.open::after{transform: rotate(315deg); top:20px;}

  #menuUItab .tab_div .tab_k2wiz_GNB{margin-top:0; display:block;}
  #menuUItab > .tab_div > .tab_k2wiz_GNB{border:1px solid #ddd; border-top:none; display:none; width: calc(100% - 2px); padding-top:15px;} 
  #menuUItab > .tab_div > .tab_k2wiz_GNB.open{display:block; overflow:hidden;}
  #menuUItab > .tab_div > .tab_k2wiz_GNB > li{display:block; width:100%; border:none; margin:0; height:auto}
  #menuUItab > .tab_div > .tab_k2wiz_GNB > li > a{font-size:15px; word-break: keep-all; border:none; text-align:left; padding:5px 20px; font-size:15px;}
  #menuUItab > .tab_div > .tab_k2wiz_GNB > li > a._active{background:none; color:#0054a6; text-decoration:underline;border:none;}
  #menuUItab > .tab_div > .tab_k2wiz_GNB > li._active{background-color: #f7fbff;}
}

.contentWrap .contents:before{content:''; display:block; width:100%; height:0px; clear:both;}
.contentWrap .contents #contentsEditHtml{margin-top:30px;}

.wrap-contents .subject {clear:both;}
.wrap-contents .subject h2 {position:relative; font-size:40px; padding:5px 0 55px 0; line-height:1.2; font-family:'Noto Medium';}

@media all and (max-width:1100px) {
  body .wrap-contents .subject h2{
	padding-top: 25px;
	margin-bottom: 15px;
  }
}