@charset "utf-8";
@import url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tbbtyrncvf.pbz%2Srneylnpprff%2Sabgbfnafxe.pff);

@font-face
{
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 100;
src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Guva.jbss2) format('woff2'),
url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Guva.jbss) format('woff'),
url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Guva.bgs) format('opentype');
}

@font-face
{
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 300;
src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Yvtug.jbss2) format('woff2'),
url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Yvtug.jbss) format('woff'),
url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Yvtug.bgs) format('opentype');
}

@font-face
{
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 400;
src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Erthyne.jbss2) format('woff2'),
url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Erthyne.jbss) format('woff'),
url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Erthyne.bgs) format('opentype');
}

@font-face
{
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 500;
src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Zrqvhz.jbss2) format('woff2'),
url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Zrqvhz.jbss) format('woff'),
url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Zrqvhz.bgs) format('opentype');
}

@font-face
{
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 700;
src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Obyq.jbss2) format('woff2'),
url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Obyq.jbss) format('woff'),
url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Obyq.bgs) format('opentype');
}

@font-face
{
font-family: 'Noto Sans KR'; font-style: normal;
font-weight: 900;
src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Oynpx.jbss2) format('woff2'),
url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Oynpx.jbss) format('woff'),
url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Oynpx.bgs) format('opentype');
}


/*   Common  */
html{overflow-x: hidden;-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;font-family:'Malgun Gothic',dotum,Gulim,Helvetica,Apple-Gothic,sans-serif}
body{color:#000;overflow-x:hidden}
ul,ol{list-style:none}
table{border-collapse:collapse}
em,address{font-style:normal}
img{border:none}
a{color:#000;text-decoration:none;cursor:pointer;font-family:'Malgun Gothic',dotum,Gulim,Helvetica,Apple-Gothic,sans-serif}
input[type="text"] { -webkit-appearance: none; -webkit-border-radius: 0}
textarea {font-family: malgun Gothic;border: 1px solid #d2d2d2; border-radius: 0;width: 100%; height: 150px;margin-top: 5px;color: #000; font-size: 14px;resize:none; padding: 5px;background-color:#f5f7f9; box-sizing: border-box}
textarea::placeholder {color: #999;font-size:14px}
textarea:-ms-input-placeholder {color: #999;font-size:14px}
iframe{border:0}
select::-ms-expand{display:none}
input[type=text]::-ms-clear{display: none}

/*   all menu   */
#wrapper {width: 100%;height: 100%}

/*  header  */	
header{width: 100%;position: relative}
.header_in{text-align: center;margin: 0 auto;padding: 25px 0;width: 1100px}
.header_in ul {position: relative}
.top_menu {display:none;width: 180px;position: absolute;top: 15px;left: 0;width: 40px;cursor:pointer}
.top_menu img {width: 100%}
.top_sns {width: 180px;position: absolute;top: 50px}
.top_sns a img {margin-right: 18px}
.top_logo img {margin-left: -5%}
.top_logo_m{display:none;padding-top: 3px}
.top_member {width: 265px;position: absolute;top: 60px; right: 0}
.top_member ul li{border-right: 1px solid #d2d2d2;line-height: 13px;padding: 0 8px;float: left}
.top_member ul li:last-child{border:0}
.top_member ul li a {color: #000;float: left;font-size: 15px}
.top_member ul li a:hover {text-decoration:underline}
.top_srch {top: 58px;position: absolute;right: 0;width: 22px;overflow: hidden}
.top_srch img{width:100%}
.top_srch02{display:none}
.top_srch02 img{width:100%}


/* all menu */
#all_menu {position: fixed;left: -285px;top: 0;bottom: 0;width:200px;background-color: #fff;transition: all .5s; -webkit-transition: all .5s; z-index: 100000; font-family: 'Malgun Gothic',sans-serif;overflow-y: overlay;padding:18px 25px}
.menu_tit {display: block; overflow: hidden}
.menu_tit{width:160px;overflow:hidden}
.menu_tit a img{width:100%}
.menu_list {position: relative; width: 200px;background: #fff;padding-top:10px}
.menu_list > li{font-size: 17px;padding: 15px 0;border-bottom: 1px solid #eee;font-weight: bold}
.menu_list > li a {position:relative; display: block}
.menu_list .last a {display: block; overflow: hidden;font: bold 16px malgun Gothic;color: #333; text-overflow: ellipsis; white-space: nowrap;line-height: 23px}
.menu_sns {margin-top: 20px;width: 100%}
.menu_sns a img {width: 33px;margin-right:3px}
.menu_login {width: 210px;position: absolute;bottom: 25px}
.menu_login li {border-right: 1px solid #ddd;display: inline-block;line-height: 12px; padding-left:4px;padding-right:8px}
.menu_login li:first-child{padding-left:0}
.menu_login li:last-child{border:0}
.menu_login li a{letter-spacing: -.5px;font-size: 14px;font-weight: bold;color: #121212}
.all_menu_bg {position:fixed;top:0;left:0;width:100%;height:-moz-calc(100% - 0px);height:-webkit-calc(100% - 0px);height:calc(100% - 0px);z-index:1001;background-color:#000;opacity:.65;filter: alpha(opacity=65)}
.scroll_stop{}
.ml_off{position:absolute;right:10px;width:5px;height:35px;display:inline-block;-webkit-background-size:5px 10px;background-size:5px 10px}
.ml_on{position:absolute;right:8px;width:10px;height:35px;display:inline-block;-webkit-background-size:10px 5px;background-size:10px 5px}
.share_box{position:relative;height:46px;border-bottom:1px solid #e1e1e1;padding-left:10px}
.share_bar{height:51px;width:100%;border-bottom:1px solid #c1c1c1;vertical-align:top;z-index:10000000000000000!important;margin-top:0;position:fixed;left:0;top:0}
.ic_close {position: absolute;top: 30px;right: 20px;width: 20px;height: 20px;display: inline-block;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2018%2Stsj%2Soga_pybfr.cat) 0 0 no-repeat;background-size: 20px}

/*   nav   */
.nav{width: 100%;background:#000;border-top:1px solid #2b2b2b}
.nav_in{text-align: center;margin: 0 auto;padding: 10px 0;height: 30px;width: 1100px}
.nav_in .logo{float: left;display: none}
.nav_in ul li{transition: all 0.3s;display: inline-block;margin: 0 2%; -webkit-transition:all 0.3s; transition:all 0.3s;position: relative}
.nav_in ul li a{display: block}
.nav_in ul li a span:hover{color: #bbb;transition: all 0.3s;display: inline-block; -webkit-transition:all 0.3s; transition:all 0.3s}
/* s:250630 : 추가 */
.nav_in ul li a span{display: inline-block; color:#fff;font-weight:bold;font-size: 18px;letter-spacing: 1px; white-space: nowrap;}
/* e:250630 */
.nav_in ul li a span strong{/*color:#ff1260;*/color:#FF7A00;}/* 240808 수정 */
.nav_in ul li.color a span{/*color:#ff1260;*/ /*color:#FF7A00;*/ color: #00D90E;}/* 241218 수정 */
.nav_in .srch{float: right;display: none}

.nav_fix{position:fixed; top:0; left:0; width:100%; z-index: 10}
.nav_fix .logo{display: block;padding-right: 50px;position: relative;top: -3px}
.nav_fix ul li{float:left; margin: 0 2.5%;padding-top: 1px}
.nav_fix ul li a{color:#fff;font-weight:bold;font-size: 18px}
.nav_fix .srch{display: block;position: relative;top: -55px}

/*   srch   */
.search{transform: matrix(1, 0, 0, 1, 0, 0);height: 75px;box-shadow: 0 0 5px 0 #adadad;background: #fff;padding: 35px 0}
.scrh_in{width: 660px;margin: 0 auto;text-align: center;position: relative}
.scrh_input{border: 1px solid #656565;background: transparent;height: 70px;width: 100%; color: #121212; text-indent: 15px; font-size: 18px}
.scrh_input input::placeholder {color: 777;font-size:18px}
.scrh_input input:-ms-input-placeholder {color: #777;font-size:18px}
.scrh {width:90%;position: relative}
.scrh .submit{position: absolute;top: 30%;right: 5%;width: 20px;height: 20px}
.scrh .submit input {width: 100%;height: 100%;overflow: hidden; text-indent: -1000px;background: transparent url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2018%2Stsj%2Soga_fepu.cat) no-repeat center;border: 0 none;cursor: pointer;background-size: 100%}
.scrh_in .close {position: absolute;top: 30%;right: 3%;width: 18px;height: 18px}
.scrh_in .close input {width: 100%;height: 100%;overflow: hidden; text-indent: -1000px;background: transparent url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2018%2Stsj%2Soga_pybfr.cat) no-repeat center;border: 0 none;cursor: pointer}

/*   slider   */
.slider_wrap {width: 100%;min-width: 1100px;height: 700px;position: relative;background: #fff;text-align: center; overflow: hidden}
.slider_wrap .slider {width: 1100px;position: absolute;left: 50%; margin-left:-550px}
.slider .tempWrap {overflow: visible !important;position: relative; width: 3300px}
.slider .tempWrap ul {width: 3300px;position: relative;overflow: hidden;padding: 0px;margin: 0px;left: -1100px}
.slider_wrap .slider li {overflow: hidden;float: left;width: 1100px}
.slider_wrap .slider li img {display: block; width: 1100px;transition: all 1s; -webkit-transition: all 1s}
.slider_wrap .slider_btn .shadow { display: block;position: absolute;left: 0;top: -50px;width: 100%;height: 700px;background: #000;filter: alpha(opacity=50); opacity: 0.5}
.slider_wrap .prev {left: -50%;margin-left: -550px;margin-top: 50px}
.slider_wrap .next {left: 50%;margin-left: 550px;margin-top: 50px}
.slider_wrap .slider_btn {position: absolute;z-index: 1;top: 0;width: 100%;height: 700px;cursor: pointer}
.slider_wrap .slider_btn .arrow {position: absolute;top:35%}
.slider_wrap .prev .arrow {right: 5%}
.slider_wrap .next .arrow {left: 5%}
.slider_wrap .slider li a {width: 1100px;position: relative;display: block}
.slider_wrap .slider li a .title {position: absolute; top: 270px; text-align: center; width: 1100px}
.slider_wrap .slider li a .title h2 {font-size: 16px;letter-spacing: 1px;color: #fff;text-align: center;border: 2px solid #fff;margin: 0 auto; padding: 3px 8px; display: inline-block}
.slider_wrap .slider li a .title span {font-size: 48px;letter-spacing: -2px;color: #fff;text-align: center; font-weight: bold;text-shadow: 1px 1px 1px #333; margin: 10px 80px 10px 80px;box-sizing: border-box;display: block;line-height: 55px}
.slider_wrap .slider li a .title p {font-size: 21px;letter-spacing: -.8px;color: #fff;text-align: center;width: 100%;text-shadow:0px 1px 1px #555;font-weight:normal}
.bullet{width: 100%; margin: 0 auto; text-align: center; padding-top: 30px}
.bullet div{width: 25px;margin: 0 auto;text-align: center;display: inline-block;cursor: pointer}
.bullet div span{width: 10px;height: 10px;border: 2px solid #000;display: inline-block;border-radius: 50%}
.bullet div.active span{background:#000}

/*   content   */
section{width: 100%;text-align: center;display: inline-block;margin-bottom: 3%}
section h1{text-align: center;font-size:38px;padding-top: 30px;letter-spacing: 1px;font-family:"Noto Sans KR", sans-serif}
section div{width: 1100px; text-align: center; margin: 0 auto}
.bnr {width: 970px;height: 90px;margin-top: 20px}
/*iframe{width:100%;height:500px;margin-bottom: 20px}*/ /* 250808_삭제 */
.hotnews h1{margin-bottom:2%}
.hotnews ul li {float:left; margin-right: 1.2%;border: 1px solid #e2e2e2;overflow: hidden;width:32.2%;display: block}
.hotnews ul li:last-child {margin-right:0}
.hotnews ul li a span{overflow: hidden; display: block;width: 355px;height: 280px}
.hotnews ul li a span img {height: 100%; left: -50px; position: relative}
.hotnews ul li a span img:hover{transform: scale(1.15);transition:all 0.25s ease-in-out;-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out}
.hotnews ul li p{height: 60px;line-height: 38px;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 22px;padding: 20px 15px 20px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;font-family: "Noto Sans KR", sans-serif;border-top: 1px solid #eee;}/* 250107_수정 */
.main_tv h1{margin-bottom:2%;padding-top: 60px}
.main_list {margin-top: 30px}
.main_list ul {width: 100%;border-bottom: 1px solid #eee; display: inline-block;padding:2% 0 2.5% 0;clear: both}
.main_list ul:last-child {border-bottom:0}
.main_list ul li {float: left;width:48%;text-align: left}
.main_list ul li:first-child {margin-right: 5%;width:45.455%; height: 300px;overflow: hidden;display:block;position:relative;border: 1px solid #eee}
.main_list ul li:first-child a:hover:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height:100%;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2018%2Stsj%2Sot_ubire2.cat) no-repeat center;transition:all 0.25s ease-in-out;-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out}
.main_list ul li a img {width: 100%}
.main_list ul li h1{font-family: 'Malgun Gothic',dotum,Gulim,Helvetica,Apple-Gothic,sans-serif;font-size: 20px;font-weight: normal;text-align: left;padding-left: 2px;color: #555;letter-spacing: 0}
.main_list ul li h2{padding-top:5%;padding-bottom:4%}
.main_list ul li h2 a{font-size:32px;line-height: 40px;font-family:"Noto Sans KR", sans-serif;letter-spacing: -.5px;font-weight:500}
.main_list ul li h3{font-size:16px;font-weight:normal;color:#555;line-height:24px;letter-spacing: -.8px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical}
.main_list ul li h3 a{color:#555}
.main_list ul li p {font-size: 14px;color: #ababab;line-height: 3px;padding-top: 5%}
.btn_more{border:1px solid #707070; margin-top:30px; margin-bottom: 80px}
.btn_more:hover{border:1px solid #999}
.btn_more a {font-size:15px;color:#121212;font-weight:bold;text-align:center;display: block; padding: 12px 0}
.btn_more a:hover{color:#666}
.btn_more a span{vertical-align: 2px}

/*   list   */
.top_news ul li:first-child {width:1000px}
section div span strong{padding-right: 2%;margin-right: 1%;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2018%2Stsj%2Sot_rqvg_yvar.cat) no-repeat right}
section div.tag{margin-top:10px}
.tag ul{padding:0}
.tag ul li{float: none;width: auto;display: inline-block;margin:3px}
.tag ul li a{font-size:15px;letter-spacing:-.5px;color: #333;padding:5px;background-color: #eee} 
.tag ul li a:hover{text-decoration:underline}
.tag ul li:first-child {width: auto;float: none; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2018%2Stsj%2Sot_gnt.cat) no-repeat;padding-left:35px}

.top_news{position:relative;margin-top: 30px}
.top_news .img{overflow: hidden;margin: 0;border: 1px solid #f1f1f1}
.top_news .img a{font-size: 0;vertical-align: text-bottom}
.top_news .img a img{width:100%}
.top_news .title{position: absolute;bottom: 40px;right:35px;background-color: #fff;width: 335px;padding: 30px 30px 45px 30px;border: 1px solid #f1f1f1}
.top_news .title h2 {font-size: 32px;text-align: left;line-height: 40px;letter-spacing: -1px;color:#000;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.top_news .title h2 a:hover{color:#555}
.top_news .title h3 {line-height: 22px;font-size: 15px;color:#333;padding-top:15px;text-align: left;letter-spacing: -1px;font-weight:normal;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical}
.top_news .title h3:hover{text-decoration:underline}
.main_list.list ul li h2{padding-top:10%}


/*   view   */
.view {margin-top: 40px;padding-bottom: 20px;width:900px}
.view .title{border-bottom:1px solid #eaeaea;padding-bottom: 30px;width:900px}
.view .title h1{font-size:20px; letter-spacing:2px; padding-top: 0;padding-bottom:3px}
.view .title h2{font-size:36px; letter-spacing:-.8px;padding:20px 0 15px 0;line-height: 40px}
.view .title h3{font-size:16px; letter-spacing:-.8px;color:#333;line-height: 23px;font-weight:normal;padding-bottom:10px}
.view .title p{font-size:14px;color:#999;padding-top: 10px}
.view .article{padding:30px 0;width:900px}
.view .article .art_txt{width:900px;font-size: 17px;letter-spacing: -.8px; color: #3a3a3a;line-height: 32px}
.view .article .image_center{width: 900px;margin-top: 20px}
.view .article .image_center img {border: 1px solid #f5f5f5}
.view .article .image_center .img_conti{font-size: 13px;letter-spacing: -.5px;line-height: 17px;text-align: center;padding-top: 1px;padding-bottom:18px;display: block;color: #888;width: 100%}
.credit{background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2018%2Stsj%2Sot_perqvg.cat) no-repeat center top;padding-top: 70px;margin-top: 50px;width: 100%}
.credit span {line-height: 25px;display: block;font-size: 15px}
.view .menu_sns a img {width: 40px}
.view .tag{width:900px}
.view .tag ul li a {font-size: 13px}
.ad {padding-top: 40px;width: 900px;border-top: 1px solid #dcdcdc}
.view.list {border: 0; margin-top: 0; display: inline-block}
.view.list h1{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2018%2Stsj%2Sot_zber_neg.cat) repeat-x center;padding: 0;font-size: 26px;letter-spacing: -1px; margin-bottom: 30px}
.view.list h1 span{padding:0 4%;background:#fff}
.view.list ul {margin-bottom: 20px;clear:both;display: inline-block}
.view.list ul li {padding: 0; float: left;width: 31%; margin-left: 3.5%; overflow: hidden;display:block}
.view.list ul li:first-child {width: 31%;margin-left: 0}
.view.list ul li a.img_box{display: block;height: 165px;overflow: hidden}
.view.list ul li a img{width:100%;border: 1px solid #e5e5e5}
.view.list ul li a img:hover {transform: scale(1.15);transition:all 0.25s ease-in-out;-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out}
.view.list ul li span {margin-top: 10px;letter-spacing: -.8px;color: #333;line-height: 23px;display: block;font-size: 19px;font-weight:bold;text-align:center}

/*   footer   */
footer{background-color:#101113;width:100%;margin: 0 auto}
footer .group{text-align: center;font-size:14px;padding: 40px 0;width:1100px;margin:0 auto;position:relative}
footer .group .btn_top{border:1px solid #fff;width:75px;height:75px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2018%2Stsj%2Soga_gbc.cat) no-repeat center 20px #000;position: absolute; right: 0}
footer .group .btn_top a {color: #fff;text-align: center;font-size: 15px;padding-top: 40px; display: block}
footer .group ul{margin: 20px 0 15px 0}
footer .group ul li{display: inline-block; border-right: 1px solid #434343; padding:0 10px 0 5px;line-height: 9px}
footer .group ul li:last-child{border:0}
footer .group ul li a{color:#e8e8e8;font-size:14px}
footer .group ul li a:hover{text-decoration:underline}
footer .group p{color:#898989;line-height: 18px;font-size:14px}
footer .address{background-color:#000;text-align: center;font-size:14px;padding: 20px 0}
footer .address_in{width:1100px;margin:0 auto;position:relative}
footer .address p{color:#666;font-size:13px}
footer .address select{background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2018%2Stsj%2Soga_snzvyl_neebj.cat) no-repeat right #000;background-size: 10px;color: #dfdfdf;border: 0; position: absolute;right: 0; top: 0;-webkit-appearance: none;appearance: none;width: 100px}


/* media query */
@media only screen and (max-width: 770px){
.top_menu{display: block;position: absolute; top: 15px; left: 15px; width: 25px}
.menu_list {width: 95%}
.menu_list > li {padding:8px 0; font-size: 17px}
header{position: fixed; z-index: 10; -webkit-transition:all 0.3s; transition:all 0.3s}
.header_in{width: 100%;padding: 0;padding-top: 5px;height: 50px;background: #000}
.top_sns{display:none}
.top_logo{display:none}
.top_logo img{width:100%}
.top_logo_m{display:block;width: 110px;margin: 0 auto}
.top_logo_m img{width:100%}
.top_member{display:none}
.top_srch{display:none}
.top_srch02{display: block;top: 12px;right: 15px;position: absolute;width: 22px;overflow: hidden}
.nav_in{display:none}
.search {height: 60px; padding: 20px 0;top: 54px;position: absolute;width: 100%}
.scrh_in {width: 90%;padding: 0 5%}
.scrh {width: 95%}
.scrh_input {height: 55px;font-size: 16px;}
#content {padding-top: 56px}
.slider_wrap{min-width: auto;height:370px}
.slider_wrap .slider {width: 100%;left: 0;margin-left: 0;height:65%}
.slider .tempWrap{width: 100%}
.slider .tempWrap ul{width: auto;left: auto}
.slider .tempWrap ul li{width: 100%}
.slider .tempWrap ul li a{width: 100%}
.slider .tempWrap ul li a img{width: 100%}
.slider_wrap .slider li a .title {top: 22%;width: 100%}
.slider_wrap .slider li a .title h2{font-size: 13px}
.slider_wrap .slider li a .title span{font-size: 34px;letter-spacing: -1px;margin: 45px 15% 5px 15%;width: 70%;line-height:45px}
.slider_wrap .slider li a .title p{font-size: 18px}
.slider_wrap .slider_btn .shadow{display:none}
.slider_wrap .slider_btn {position: absolute;top: 12px;width: 100%;cursor: pointer;margin-left: 0;height: 100%}
.slider_wrap .prev {left: -85%}
.slider_wrap .next {left: 85%}
.slider_wrap .arrow img {width: 50%}
.bullet {width: 100%;padding-top: 10px}
.bullet div span {width: 8px;height: 8px}
section{margin-bottom:0}
section div {width: 90%}
section h1 {font-size: 28px;padding-top: 15px;padding-bottom: 0}
.bnr{width: 90%;height: 90%; margin-top: 20px}
.bnr img{width: 100%;height: 100%}
.hotnews{margin-top: 10px; margin-bottom: 10px}
.hotnews h1{font-size: 30px;padding-top: 40px}
.hotnews ul li{float: none;margin-right: 0; width: 100%;height:auto; display: inline-block; margin-bottom: 20px}
.hotnews ul li p {font-size: 23px;padding:18px 15px}
.hotnews ul li a span{width:100%; height: auto;display: block}
.hotnews ul li a span img{width:100%;height:auto;left:0;display: block}
.hotnews ul li a span img:hover{transition: none;transform: none}
/*iframe {height:400px}*/ /* 250808_삭제 */
.main_tv h1 {padding-top: 20px}
.main_list{margin-bottom:30px}
.main_list ul {padding:2.5% 0 3% 0}
.main_list ul li {width: 100%; margin: 0 auto;padding: 0}
.main_list ul li:first-child {width: 100%;float: left;height: 320px;overflow: hidden}
.main_list ul li h1 {font-size: 15px;text-align: center;background:none;padding: 10px 0 5px 0}
.main_list ul li h2 {font-size: 20px;padding-bottom: 5px;padding-top:2px;text-align: center}
.main_list ul li h2 a {font-size: 24px;line-height: 28px}
.main_list ul li h2 a:hover{color:#121212}
.main_list ul li h3{display:none}
.main_list ul li:first-child a:hover:after{background:none}
.main_list ul.right{padding-bottom:18px}
.main_list ul.right li {float: left}
.main_list ul li:first-child a:hover:after{display:none}
.main_list.list ul li h2 {padding-top:10px}
section div.tag {margin-bottom: 10px;margin-top: 2px}
.tag {margin-top: 10px}
.tag ul li{background: none;padding:3px 2px;margin:0}
.tag ul li:first-child {background: none;padding-left: 0}
.tag ul li a{font-size:13px;padding: 4px 5px} 
.tag ul li a:hover{text-decoration:none}
.top_news{margin-top: 3%}
.top_news .img {border: 1px solid #eee;width: 100%}
.top_news .title {position: relative;bottom: 0;right: 0;background-color: #fff;width: 100%;padding: 2.5% 0 3% 0;border: 0;border-bottom: 1px solid #eee}
.top_news .title h2{text-align: center;font-size: 24px;line-height: 28px;font-weight: normal;font-family:"Noto Sans KR", sans-serif;letter-spacing: -.5px}
.top_news .title h2 a{text-align: center;line-height: 26px; font-weight: 500;font-size: 24px;line-height: 28px;font-weight: normal;font-family:"Noto Sans KR", sans-serif;letter-spacing: -.5px}
.top_news .title h3{display:none}
.main_list ul li p{display:none}
.btn_more{margin-top: 15px}
.view {width:90%; margin-top: 15px; border-top: 0;padding-bottom: 20px}
.view .title{width:100%;padding-bottom: 25px}
.view .article{width:100%}
.view .article .image_center{width:100%}
.view .article .art_txt{width:100%}
.view .title h1{padding-top:8px; padding-bottom: 0;font-size: 18px}
.view .title h2 {font-size: 32px;padding-bottom: 15px}
.credit span {font-size: 15px}
.view .tag{width:100%; margin-top: 15px}
.ad {width:90%; padding-bottom: 30px}
.view.list ul li{width:49%;margin-left: 2%;margin-bottom: 5px}
.view.list ul li:first-child {width:49%}
.view.list ul li:nth-child(3) {display:none}
.view.list ul li a img:hover{ transform:none}
.view.list h1{font-size: 24px;margin-bottom: 18px}
.view.list ul li span {font-size: 18px}
footer .group{width:auto;padding:15px 30px 40px 30px}
footer .group .btn_top {width: 58px;height: 58px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2018%2Stsj%2Soga_gbc.cat) no-repeat center 15px;right: 15px}
footer .group .btn_top a {font-size: 13px;padding-top: 30px}
footer .group h1 a img{width:225px;margin-left: -5%}
footer .group ul li {padding: 0 4px;letter-spacing: -.5px}
footer .group ul li a{font-size:14px}
footer .group p{letter-spacing: -.5px;font-size:13px;line-height: 16px;margin: 5px 0}
footer .group ul {margin: 15px 0 10px 0; line-height: 12px}
footer .address{padding:12px 15px 0 15px}
footer .address_in {width: auto}
footer .address p{font-size:12px}
footer .address select {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2018%2Stsj%2Soga_snzvyl_neebj.cat) no-repeat 85px #1c1e21;background-size: 8px;top: -62px;margin: 0 35%;padding: 5px 10px;font-size: 12px;position: relative; -webkit-appearance: none; -moz-appearance: none;border-radius:0}
}

@media only screen and (min-width: 460px) and (max-width: 600px){
.slider_wrap {height: 280px}
.slider_wrap .slider li a .title span{font-size: 30px;line-height: 38px;margin: 26px 15% 5px 15%}
.slider_wrap .slider li a .title p{display:none}
.slider_wrap .slider_btn {top: -10px}
.hotnews h1 {font-size: 27px;padding-top: 30px}
.hotnews ul li a span {height: 245px; width: 100%}
/*iframe {height:280px}*/ /* 250808_삭제 */
.main_list ul li:first-child {height:248px}
.tag {margin-top: 10px}
.menu_tit {width: 145px}
.top_news .img{height:auto}
.top_news .title h2 a{font-size:24px;line-height: 28px}
.view.list ul {margin-bottom: 10px}
.view.list ul li a.img_box{height:auto}
.view.list ul li span {font-size: 17px;margin-top: 3px}
footer .group p{font-size:12px}
footer .group ul li a{font-size:13px}
footer .group h1 a img{width:200px}
}

@media only screen and (min-width: 360px) and (max-width: 459px){
.ic_close {background-size:20px}
.menu_tit {width: 155px}
.menu_sns a img {width: 31px}
.menu_login {width: 195px}
.search {height: 50px;padding: 15px 0}
.scrh_input {height: 45px;font-size: 15px}
.scrh {width: 90%}
.scrh .submit {top: 26%; width: 19px;height: 19px}
.scrh_in .close {top: 29%;right: 4%}
.slider_wrap {height: 220px}
.slider_wrap .arrow img {width: 45%}
.slider_wrap .slider li a .title {top:22%}
.slider_wrap .slider li a .title span {font-size: 26px;line-height: 30px; margin: 26px 15% 5px 15%}
.slider_wrap .slider li a .title p{display:none}
.slider_wrap .slider_btn {top: -5px}
.slider_wrap .slider_btn .arrow {top: 25%}
section{margin-bottom:0}
section h1 {font-size: 24px;padding-bottom: 0}
.hotnews h1 {font-size: 24px;padding-top: 15px;margin-bottom: 12px}
.hotnews ul li p {font-size: 20px;padding: 12px}
/*iframe {height:220px;margin-bottom: 5px}*/ /* 250808_삭제 */
.main_tv h1 {padding-top: 0}
.main_list {margin-bottom: 20px;margin-top: 10px}
.main_list ul {padding:5% 0}
.main_list ul li:first-child {height:190px}
.main_list ul li h1 {font-size: 15px}
.main_list ul li h2 {padding-bottom: 0px}
.main_list ul li h2 a {font-size: 20px;line-height: 21px}
.main_list.list ul li h2 {padding-top: 10px}
.tag {margin-top: 0}
.tag ul li{padding:2px}
.tag ul li a {font-size: 13px; padding: 4px}
.btn_more a {font-size: 14px; padding: 10px 0}
.top_news .img{height:auto}
.top_news .title h2 a{font-size: 20px;line-height: 21px}
.view .title h1 {font-size: 17px}
.view .title h2 {font-size: 28px;padding-top: 15px;line-height: 35px}
.view .title h3 {font-size: 15px}
.view .article .art_txt p{font-size: 15px;line-height: 27px}
.view .article .image_center img { width: 100%}
.credit {padding-top:65px;margin-top: 45px;background-size:90px}
.credit span {font-size: 14px}
.view .tag ul li a {font-size: 13px}
.view.list h1{font-size: 21px; background-size: 2.8%;margin-bottom: 20px}
.view.list {margin-bottom: 0}
.view.list ul {margin-bottom: 6px}
.view.list ul li a.img_box{height: 100px}
.view.list ul li span {font-size: 16px;margin-top: 5px;line-height: 20px}
footer .group p{font-size:12px}
footer .group ul {width:100%;margin: 0 auto;margin-top: 10px}
footer .group ul li {line-height: 11px;height: 12px;margin-bottom: 8px;padding: 0 4px 0 0px}
footer .group ul li a{font-size:13px}
footer .group .btn_top {width: 45px;height: 45px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2018%2Stsj%2Soga_gbc.cat) no-repeat center 10px;background-size: 15px}
footer .group .btn_top a{font-size:11px;padding-top: 24px}
footer .group h1 a img{width:170px}
}

@media only screen and (min-width: 320px) and (max-width: 359px){
.top_menu img {width: 90%}
.menu_tit {width: 150px}
.top_logo_m img {width:100px}
.ic_close{background-size: 18px}
.top_srch{padding-top:2px}
.top_srch img {width:90%}
.menu_list > li{font-size: 16px;padding:12px 0}
.menu_sns a img {width: 30px}
.menu_login {width: 195px}
.menu_login li a {font-size: 13px}
.search {height: 50px;padding: 15px 0}
.scrh_input {height: 45px;font-size: 15px;text-indent: 15px}
.scrh {width: 90%}
.scrh .submit {top: 26%; width: 19px;height: 19px}
.scrh_in .close {top: 28%;width: 18px;height: 18px}
.slider_wrap {height: 193px}
.slider_wrap .slider li a .title {top: 20%}
.slider_wrap .slider li a .title h2 {font-size: 12px}
.slider_wrap .slider li a .title span {font-size: 23px;line-height: 28px;margin: 14px 15% 5px 15%}
.slider_wrap .slider li a .title p{display:none}
.slider_wrap .slider_btn {height: 50%;top: -10px}
.slider_wrap .arrow img {width: 45%}
.hotnews h1{font-size:22px;margin-bottom:10px;padding-top: 20px}
.hotnews ul li p {font-size: 19px;padding: 12px; line-height: 34px;}/* 250107_수정 */
section{margin-bottom:0}
section h1 {font-size: 21px;padding-top: 15px;padding-bottom:0}
/*iframe {height:180px;margin-bottom: 0}*/ /* 250808_삭제 */
.top_news .img{height:auto}
.top_news .title h2 a{font-size:18px;line-height: 20px;font-weight: 500}
.main_tv h1 {font-size: 23px;margin-bottom: 2%;padding-top: 0}
.main_list {margin-bottom: 15px;margin-top: 0}
.main_list ul {padding:5% 0}
.main_list ul li h1 {font-size: 12px}
.main_list ul li h2 {padding-top: 0;padding-bottom: 0; font-size: 0}
.main_list ul li h2 a {font-size: 18px;line-height: 20px;font-weight: 500}
.main_list ul li:first-child {height: 165px}
.main_list.list ul li h2 {padding-top:15px}
section div.tag {margin-top: 0;margin-bottom: 8px}
.tag ul li{padding:1px .3px}
.tag ul li a {font-size: 12px; padding:2px}
.btn_more a {font-size: 14px; padding: 10px 0}
.view .tag{margin-top:2px}
.view {padding-bottom: 0}
.view .title h1 {font-size: 17px; padding-top: 5px}
.view .title h2 {font-size: 27px;line-height: 35px;padding: 10px 0}
.view .title h3 {font-size: 14px;line-height: 20px}
.view .title p {font-size: 13px; padding-top: 5px}
.view .article .art_txt p{font-size: 15px;line-height: 27px}
.view .article .image_center img { width: 100%}
.credit {padding-top: 58px;margin-top: 40px;background-size: 74px}
.credit span {font-size: 13px}
.view .menu_sns {height: 50px}
.view .menu_sns a img {width: 36px}
.view .tag ul li a { font-size: 13px}
.view.list {margin-bottom: 0}
.view.list h1{font-size: 20px;background-size: 2.8%;margin-bottom:20px}
.view.list ul {margin-bottom: 10px}
.view.list ul li a.img_box{height:auto}
.view.list ul li span {font-size: 15px;margin-top: 2px;line-height: 18px}
footer .group p{font-size:12px}
footer .group ul {width:100%;margin: 0 auto;margin-top: 10px}
footer .group ul li {line-height: 11px;height: 12px;margin-bottom: 8px;padding: 0 4px 0 0px}
footer .group ul li a{font-size:12px}
footer .group .btn_top {width: 45px;height: 45px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2018%2Stsj%2Soga_gbc.cat) no-repeat center 10px;background-size: 15px}
footer .group .btn_top a{font-size:11px;padding-top: 24px}
footer .group h1 a img{ width: 160px}
}

@media only screen and (min-width: 100px) and (max-width: 319px){
.top_menu img {width: 75%}
.top_logo_m {padding-top:8px}
.top_logo_m img {width:80px}
.top_srch{padding-top:2px}
.top_srch img {width:80%}
#all_menu {width: 175px}
.menu_tit {width: 145px}
.menu_list > li {font-size: 14px;padding: 12px 0}
.menu_sns a img {width: 30px}
.menu_login {width: 188px}
.menu_login li a {font-size: 12px}
.ic_close {background-size: 16px;right: 15px}
.search {height: 40px;padding: 10px 0}
.scrh {width: 90%}
.scrh_input {height: 35px;font-size: 14px;text-indent: 10px}
.scrh .submit {top: 20%; width: 19px;height: 19px}
.scrh .submit input {background-size: 15px}
.scrh_in .close {top: 20%;width: 18px;height: 18px}
.scrh_in .close input {background-size: 15px}
.slider_wrap {height: 138px}
.slider_wrap .slider li a .title {top: 15%}
.slider_wrap .slider li a .title h2 {font-size: 9px}
.slider_wrap .slider li a .title span {font-size: 20px;line-height: 23px;margin: 26px 15% 5px 15%}
.slider_wrap .slider li a .title p{display:none}
.slider_wrap .slider_btn {top: 0px}
.slider_wrap .slider_btn .arrow {top: 6%}
.slider_wrap .arrow img {width: 35%}
.bullet div {width: 15px}
.bullet div span {width: 5px; height: 5px}
section h1 {font-size: 18px;padding-top: 15px;padding-bottom: 3px}
.hotnews h1{font-size:18px;margin-bottom:5px;padding-top: 20px}
.hotnews ul li a span {height: 130px}
.hotnews ul li p {font-size: 15px;padding: 10px; line-height: 25px; height: 40px;}/* 250107_수정 */
/*iframe {height:180px;margin-bottom: 0}*/ /* 250808_삭제 */
.main_tv h1 {margin-bottom: 2%;padding-top: 0}
.top_news .img{height:auto}
.top_news .title h2{line-height: 18px}
.top_news .title h2 a{font-size:15px;line-height: 18px;display:block;margin-bottom:5px}
.main_list {margin-bottom: 20px; margin-top: 10px}
.main_list ul {padding:3% 0}
.main_list ul li h1 { padding: 0;font-size: 12px}
.main_list ul li h2 {padding-top:2px;padding-bottom: 2px;font-size: 0}
.main_list ul li h2 a {font-size: 15px; line-height: 18px}
.main_list ul li:first-child {height: 125px}
.main_list.list ul li h2 {padding-top:5px}
.tag {margin-top: 0}
.tag ul li {padding:0;margin-bottom: 10px}
.tag ul li a {font-size: 11px}
.btn_more a {font-size: 12px; padding:7px 0}
.view {padding-bottom: 0}
.view .title {padding-bottom: 20px}
.view .title h1 {font-size: 13px}
.view .title h2 {font-size: 21px;padding: 10px 0;line-height: 26px}
.view .title h3 {font-size: 14px;line-height: 18px}
.view .title p {font-size: 11px;padding-top: 3px}
.view .article .art_txt {font-size: 15px; line-height: 25px}
.view .article .art_txt p {font-size: 14px;line-height: 25px}
.view .article .image_center img { width: 100%}
.credit {padding-top: 58px;margin-top: 40px;background-size: 74px}
.credit span {font-size: 12px}
.view .tag ul li a {font-size: 12px}
.view .menu_sns a img {width: 35px;margin-bottom: 5px}
.view.list {margin-bottom: 0}
.view.list h1{font-size: 18px; background-size: 2.8%;margin-bottom:12px}
.view.list ul {margin-bottom: 10px}
.view.list ul li a.img_box{height: auto}
.view.list ul li span {font-size: 14px;margin-top: 0;line-height: 16px}
.ad {padding-bottom: 20px;padding-top: 20px}
footer .group p{font-size:11px}
footer .group ul {line-height: 18px;margin: 10px 0}
footer .group ul li a{font-size:11px}
footer .group h1 a img {margin-left: -5%}
footer .group .btn_top {width:38px;height: 38px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2018%2Stsj%2Soga_gbc.cat) no-repeat center 11px;background-size: 12px;right: 10px}
footer .group .btn_top a {font-size: 12px;padding-top: 18px}
footer .address select {top: -77px;margin: 0 25%}
footer .group h1 a img{width:120px}
}

@media only screen and (min-width: 771px) and (max-width: 1130px){
.header_in {width: 93%}
.top_sns {width: 150px;top:40%}
.top_logo {width: 100%;text-align: center;margin: 0 auto}
.top_logo img{width: 35%;margin-left: -10%}
.top_member {width: 215px;right: 4%;top:43%}
.top_member ul li {padding: 0 7px}
.top_member ul li a {font-size: 14px}
.top_srch{top:35px}
.nav_in{width: 95%;padding: 8px 0}
/* .nav ul li {margin:0 1.5%} */
.nav_in ul li a span {font-size: 17px}
.nav_fix .logo {padding-right: 3.5%}
.nav_fix ul li a {font-size: 16px}
.nav_fix .srch{top:-30px}
.search {height: 60px; padding: 20px 0}
.scrh_input {height: 55px}
.slider_wrap{min-width: auto;max-height: 480px}
.slider_wrap .slider {width: 100%;left: 0;margin-left: 0}
.slider .tempWrap{width: 100%}
.slider .tempWrap ul{width: auto;left: auto}
.slider .tempWrap ul li{width: 100%}
.slider .tempWrap ul li a{width: 100%}
.slider .tempWrap ul li a img{width: 100%}
.slider_wrap .slider li a .title {top: 20%;width: 100%}
.slider_wrap .slider li a .title h2{font-size: 16px}
.slider_wrap .slider li a .title span{font-size:38px;letter-spacing: -1px;margin:5% 15% 1.2% 15%;width: 70%;line-height: 45px}
.slider_wrap .slider li a .title p{font-size:18px}
.slider_wrap .slider_btn {position: absolute;top: -30px;width: 100%;cursor: pointer;margin-left: 0;height:25%}
.slider_wrap .slider_btn .shadow{display:none}
.slider_wrap .prev {left: -85%}
.slider_wrap .next {left: 85%}
.slider_wrap .arrow img {width: 65%}
.bullet {width: 100%;padding-top: 10px}
.bullet div span {width: 8px;height: 8px}
section div {width: 95%}
section h1 {font-size: 30px}
.bnr{width: auto;height: 90%; margin-top: 10px}
.hotnews ul li p {font-size: 21px}
.hotnews ul li a span {height:247px}
/*iframe{height:380px}*/ /* 250808_삭제 */
.main_list ul li:first-child {height: 250px}
.main_list ul li:first-child a:hover:after{min-height:250px}
.main_list ul li a img {min-height: 250px}
.main_list ul li h1{font-size:18px; padding-top: 20px}
.main_list ul li h2 {padding-bottom: 12px}
.main_list ul li h2 a {font-size: 25px;line-height: 26px}
.main_list ul li h3 {font-size: 15px;line-height: 22px}
.tag ul li a {font-size: 15px}
.top_news .title {width: 265px;padding: 25px 30px 40px 30px}
.top_news .title h2 {font-size: 25px}
.top_news .img{width:100%;height:auto}
.view {width:90%}
.view .title{width:100%}
.view .article{width:100%}
.view .article .image_center{width:100%}
.view .article .art_txt{width:100%}
.view .tag{width:100%}
.ad {width:90%}
.view.list ul li a.img_box{height: 145px}
.view.list ul li span {margin-top:8px}
footer .group{width:100%}
footer .group h1 a img{width:260px}
footer .group .btn_top{right:20px;top: 20px;width: 65px;height: 65px}
footer .group .btn_top a {padding-top: 35px}
footer .address_in{width:100%}
footer .address select{right:30px}
}

@media only screen and (min-width: 771px) and (max-width: 850px){
.slider_wrap .slider li a .title span {margin:10% 15% 1.2% 15%}
.slider_wrap .slider_btn {top: 0}
.main_list.list ul li h2 {padding-top: 5%}
.main_list ul li:first-child {height: 200px}
.main_list ul li:first-child a:hover:after{min-height:200px}
.nav ul li {margin:0 .8%}
.view.list ul li a.img_box{height: 130px}
.view.list ul li span {margin-top:10px}
}

@media only screen and (min-width: 770px){
#all_menu{display:none}
.all_menu_bg{display:none}
}




/*뉴스레터  css 추가*/
.letter {width: 720px; margin: 20px auto}
.tb_style2 { width: 720px; margin: 20px auto ; border-top:2px solid #c9c9c9;  border-bottom:2px solid #c9c9c9}
.tb_style2 caption { display: none}
.tb_style2  th { padding: 10px;  font-family:'Malgun Gothic',dotum,Gulim,Helvetica,Apple-Gothic,sans-serif; background: #e6e6e6; font-size: 15px; border-bottom: 1px solid #ebebeb}
.tb_style2  td {  padding: 10px; font-family:'Malgun Gothic',dotum,Gulim,Helvetica,Apple-Gothic,sans-serif; font-size: 15px;  border-bottom: 1px solid #ebebeb}
.btn2 { padding: 20px 0; text-align: center; width: 100%; margin: 0 auto}
.textform { border: 1px solid #c9c9c9; padding: 5px}

.skip{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;visibility:hidden;font-size:0;line-height:0}
.hidden{position:absolute;visibility:hidden;top:-9999em;left:-9999em;width:1px;height:1px;line-height:0;overflow:hidden}
.blind{position:absolute;display:block;overflow:hidden;top:-1000em;left:0}

/*20201229*/
/* 하단_서비스 */
.wrap_service_area{position:relative; clear:both; width:100%; margin:10px 0 0 0; background:#ffffff; border-top:5px solid #e5e5e5 }
.wrap_service_area .sv_top{padding:14px 20px 0 20px}
.wrap_service_area .sv_top .l_mk_sv{display:inline-block}
.wrap_service_area .sv_top .l_mk_sv img{display:block; width:auto; height:18px}
.wrap_service_area .sv_list li a{position:relative; display:block; font-weight:normal; font-size:14px; color:#222; letter-spacing:-.5px; padding:10px 20px; border-top:1px solid #f0f0f0}

.wrap_service_area .sv_list .sv_bt_tit_on{position:absolute; top:0; right:0; bottom:0; padding:15px 0; }
.wrap_service_area .sv_list .sv_bt_tit_on{font-size:1px; color:transparent}
.wrap_service_area .sv_list .sv_bt_tit_on::after{position:absolute; top:16px; right:20px; content:''; width:11px; height:6px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2019%2Svp_zber_hc.cat) top center no-repeat}
.wrap_service_area .sv_list .sv_bt_tit{position:absolute; top:0; right:0; bottom:0; padding:15px 0; }
.wrap_service_area .sv_list .sv_bt_tit{font-size:1px; color:transparent}
.wrap_service_area .sv_list .sv_bt_tit:after{position:absolute; top:16px; right:20px; content:''; width:11px; height:6px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2019%2Svp_zber_qbja.cat) top center no-repeat}

/*footer*/
#footer_bottom {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#FFF}
#footer_bottom .foot_text {display:table; width:100%; padding:17px 0}
#footer_bottom .foot_text li {display:table-cell; width:25%; font-size:11px; color:#858585; text-align:center; vertical-align:middle; border-right:1px solid #dadada; box-sizing:border-box}
#footer_bottom .foot_text li:last-child {border-right:none}
#footer_bottom .foot_text li a{display:block}
.copy_bottom {text-align:center; background:#f1f1f1; width:100%; padding:20px 0; font-size:11px;}
#footer_bottom .foot_text li.double {width:49%;}
.bottom_top {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2019%2Svp_gbc_bss.cat); background-size:42px 36px; width:42px;height:36px; display: inline-block;position:fixed;bottom:15px;right:10px;z-index:2050;overflow:hidden;color:rgba(1,0,0,0)}

.aside_search {padding:15px 0; background:#fff;}
.aside_search .box_asd_src{position:relative; height:45px; padding:0 42px 0 15px; border-radius:3px; background:#f0f0f0}
.aside_search .box_asd_src .inp_asd_src{width:100%; height:45px; font-size:16px; color:#222; letter-spacing:-.5px; line-height:45px; border:none; background:transparent; box-sizing:border-box}
.aside_search .box_asd_src .inp_asd_src::placeholder{color:#b5b5b5}
.aside_search .box_asd_src .bt_asd_src{display:block; position:absolute; top:0; right:0; width:42px; height:45px}
.aside_search .box_asd_src .bt_asd_src .ic_asd_src{display:block; width:42px; height:45px; font-size:1px; color:transparent; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2019%2Svp_frnepu.cat) center center no-repeat}
.menu_login_box{position: relative;}/* 241218_추가 */
.menu_login_box .menu_login_n {top: 150px;}/* 241223_수정 */
.menu_login_n {width: 210px;position: absolute; bottom: 72px; }/* 241223_수정 */
.menu_login_n li {border-right: 1px solid #ddd;display: inline-block;line-height: 12px; padding-left:4px;padding-right:8px}
.menu_login_n li:first-child{padding-left:0}
.menu_login_n li:last-child{border:0}
.menu_login_n li a{letter-spacing: -.5px;font-size: 14px;font-weight: bold;color: #121212}
.mk_gogo_box{position: relative;}/* 241218_추가 */
.mk_gogo {border-top:1px solid #bcbcbc; position: absolute; bottom: 0; text-align: center; font-weight: bold;  background: #FFFFFF; color: #333;width:200px;}/* 241223_수정 */
.mk_gogo_box .mk_gogo {top: 185px;}/* 241223_수정 */
.mk_gogo a:link {display: block; padding: 20px 0}

.bottom_top {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2019%2Svp_gbc_bss.cat); background-size:42px 36px; width:42px;height:36px; display: inline-block;position:fixed;bottom:15px;right:10px;z-index:2050;overflow:hidden;color:rgba(1,0,0,0)}


/*add 20220406*/
.slider_wrap .slider .title	.ft_subtext {font-size: 14px;  width: 700px; color: #ffffff;text-shadow: 0 0 3px #000; display: block}
.add_arrows {width: 1100px; margin: 0 auto; position: relative; display: block; bottom: 320px}	
.btn_left_arrow {display: inline-block; left: -58px; top: 0; position: absolute}
.btn_right_arrow {display: inline-block; right: -58px; top: 0; position: absolute}


@media screen  and (max-width:768px) {	
.slider_wrap .slider .title	.ft_subtext { display: none}

	.layer_popup_wrap4 .layer_popup_search {	background: #fff;	width: 300px!important;	position: absolute;	top: 50%;	transform: translate(-50%, -50%);	z-index: 10;	border-bottom-right-radius: 5px;	border-bottom-left-radius: 5px;	border-radius: 6px;}
}



/* my scrap pop - 241212 수정 */
/* .layer_popup_wrap4 { position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 30; } */
.layer_popup_wrap4 .layer_black_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .8; z-index: -1;}
.layer_popup_wrap4 .layer_popup_search {overflow: hidden; width: 450px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 30; border-radius: 6px; box-sizing: border-box;}
.layer_popup_wrap4 .layer_on_white {border: 1px solid #000; -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 30%); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 30%);}
.layer_popup_wrap4 .layer_popup_search .layer_popup_search_head {padding: 0 20px; height: 50px; border-bottom: 1px solid #d8d8d8;}
.layer_popup_wrap4 .layer_popup_search .layer_popup_search_head .left_tit {float: left;}
.layer_popup_wrap4 .layer_popup_search .layer_popup_search_head .left_tit span {font-size: 16px; font-weight: bold; line-height: 50px;}
.layer_popup_wrap4 .layer_popup_search .layer_popup_search_head .left_tit span:before {content: ''; display: inline-block; width: 21px; height: 16px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Szxrc%2S2021%2Svp_sbyqre_nqq.cat) no-repeat center/100%; vertical-align: -2px; margin-right: 2px;}
.layer_popup_wrap4 .layer_popup_search .layer_popup_search_head .left_tit_modi span:before {content: ''; display: inline-block; width: 21px; height: 18px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Szxrc%2S2021%2Svp_sbyqre_zbqvsl.cat) no-repeat center/100%; vertical-align: -3px; margin-right: 2px;}
.layer_popup_wrap4 .layer_popup_search .layer_popup_search_head .left_tit_del span:before {content: ''; display: inline-block; width: 21px; height: 18px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Szxrc%2S2021%2Svp_sbyqre_qryrgr.cat) no-repeat center/100%; vertical-align: -3px; margin-right: 2px;}
.layer_popup_wrap4 .layer_popup_search .layer_popup_search_head .left_tit_set span:before {content: ''; display: inline-block; width: 21px; height: 18px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Szxrc%2S2021%2Svp_sbyqre_znantr.cat) no-repeat center/100%; vertical-align: -3px; margin-right: 2px;}
.layer_popup_wrap4 .layer_popup_search .layer_popup_search_head .left_tit_pick span:before {content: ''; display: inline-block; width: 21px; height: 18px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Szxrc%2S2021%2Svp_zxr_sni_bss.cat) no-repeat center/100%; vertical-align: -3px; margin-right: 2px;}
.layer_popup_wrap4 .search_body_wrapper .scrap_folder_set_li li .checkbox_area .input_check_hide:checked ~ .lab_sel_article:before {content: ''; display: inline-block; width: 25px; height: 25px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Szxrc%2S2021%2Svp_purpxrq_px.cat) no-repeat center/100%; background-size: cover;}
.layer_popup_wrap4 .search_body_wrapper .scrap_folder_set_li li .checkbox_area .input_check_hide {width: 0; height: 0; position: absolute; text-indent: -999999999999px; top: 0; left: 0;}
.layer_popup_wrap4 .layer_popup_search .bt_premium_wrapper {display: flex; width: 100%; align-items: center; justify-content: center; background: #0b0b0b;}
.layer_popup_wrap4 .layer_popup_search .bt_premium_wrapper a {position: relative; display: inline-block; width: 100%; padding: 17px 0; color: #fff; font-size: 16px; font-weight: bold; text-align: center; box-sizing: border-box;}
.layer_popup_wrap4 .layer_popup_search .bt_premium_wrapper .bt_bottom_33p_1 {width: 70%;}
.layer_popup_wrap4 .layer_popup_search .bt_premium_wrapper .bt_bottom_33p_1::after {content: ""; display: block; width: 1px; height: 45%; background-color: #333; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.layer_popup_wrap4 .layer_popup_search .bt_premium_wrapper .bt_bottom_33p_2 {width: 33%;}
.layer_popup_wrap4 .layer_popup_search .premium_noti_wrapper {width: 100%;}
.layer_popup_wrap4 .layer_popup_search .premium_noti_wrapper img {width: 100%; display: block;}
/* //my scrap pop */

/* s: 240319 add*/
.layer_popup_wrap4 .layer_popup_search {
top: 15%;
left: 8%;
transform: translate(0, 0);
}
@media screen and (max-width:768px) {
.layer_popup_wrap4 .layer_popup_search {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
}
/* //e: 240319 add*/

/* 240808 메뉴 수정 */
.nav_in.nav_renew {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 1100px;
	height: 50px;
	padding: 0 20px;
	box-sizing: border-box;
}

.nav_in.nav_renew * {transition: all .3s;}
.nav_fix .nav_in.nav_renew {justify-content: space-between;}
.nav_in.nav_renew .nav_box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	margin-bottom: 2px;
}
/* s:250630 : 주석 처리 */
/*.nav_fix .nav_in.nav_renew .nav_box {margin-bottom: 0;}*/
/* //e:250630 */
.nav_in.nav_renew .nav_box > li {
	position: relative;
	display: block;
	float: none;
	height: 100%;
	margin: 0;
	padding: 0;
}
.nav_in.nav_renew .nav_box > li > a {
	height: 100%;
	font-size: inherit;
	box-sizing: border-box;
}
.nav_in.nav_renew.n_nav .nav_box > li > a {
	padding: 0 9px;
	line-height: 48px;
}/* 241218_추가 */

.nav_fix .nav_renew .nav_in .nav_box > li > a {
	padding: 0 10px;
	line-height: normal;
}
.nav_fix .nav_in.nav_renew .nav_box > li > a span {font-size: 15px;}
.nav_fix .nav_renew .logo {
	float: none;
	top: 0;
	flex: 0 0 110px;
	margin-right: 0;
	padding-right: 14px;
	box-sizing: border-box;
}
.nav_fix .nav_renew .logo img {
	display: block;
	width: 100%;
	height: 100%;
}
.nav_fix .nav_renew .srch {
	top: 0;
	height: 100%;
	flex: 0 0 45px;
}
.nav_fix .nav_renew .srch .top_srch {
	top: 50%;
	transform: translateY(-50%);
	height: 24px;
}

/* s:250630 : 추가 */
.nav_in.nav_renew .nav_box > li .nav_depth {
	display: none;
}
.nav_in.nav_renew .nav_box > li:hover .nav_depth {
	z-index: 10;
	position: absolute;
	top: 50px;
	left: 50%;
	display: block;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	background: #fff;
	transform: translateX(-50%);
}
.nav_in.nav_renew .nav_depth {
	padding: 10px 0;
}
.nav_in.nav_renew .nav_depth li {
	display: block;
	float: none;
	margin: 0;
}
.nav_in.nav_renew .nav_depth li a {
	display: block;
	font-weight: normal;
	font-size: 15px;
	color:#555;
	line-height: 35px;
	text-align: center;
	padding: 0 10px;
	white-space: nowrap;
}
.nav_in.nav_renew .nav_depth li a:hover {
	opacity: 0.5;
}
.nav_fix .nav_in.nav_renew .nav_depth li a {
	font-size: 14px;
	line-height: 30px;
}
/* //e:250630 */

@media only screen and (max-width: 770px) {
	.nav_in.nav_renew {display: none;}
}
@media screen  and (max-width:1024px) {
	.nav_in.nav_renew .nav_box > li > a span {letter-spacing: 0.5px;}
	.nav_in.nav_renew .nav_box > li > a {padding: 0 10px;}
	.nav_fix .nav_in.nav_renew .nav_box > li > a {padding: 0 8px;}
	.nav_fix .nav_in.nav_renew .nav_box > li > a span {font-size: 14px;}
	.nav_fix .nav_renew .logo {flex-basis: 85px;}
	.nav_fix .nav_renew .srch {flex-basis: 25px;}
	.nav_fix .nav_renew .srch .top_srch {
		width: 18px;
		height: 18px;
	}
	/* s:250630 : 추가 */
	.nav_in.nav_renew .nav_depth {
		padding: 10px 0;
	}
	.nav_in.nav_renew .nav_depth li a {
		font-size: 15px;
		line-height: 30px;
	}
	.nav_fix .nav_in.nav_renew .nav_depth {
		padding: 6px 0;
	}
	.nav_fix .nav_in.nav_renew .nav_depth li a {
		font-size: 13px;
		line-height: 26px;
	}
	/* //e:250630 */
}


/*상단top banner 추가 241129*/
@media only screen and (min-width: 1131px) and (max-width: 3000px){
.top_banner {text-align: center;  width: 940px; margin: 30px auto;  overflow: hidden ;  }
}
@media only screen and (min-width: 801px) and (max-width: 1130px){
.top_banner {text-align: center;  width: 700px; margin: 0 auto;  padding-top: 25px;  overflow: hidden;  padding-bottom: 0;  }
}
@media only screen and (min-width: 601px) and (max-width: 801px){ 			
.top_banner {text-align: center;  width: 95%; margin: 0 auto;    padding-top: 22px;  overflow: hidden;  padding-bottom: 0; }
}
@media only screen and (min-width: 460px) and (max-width: 600px){ 
.top_banner {text-align: center; width: 95%; margin: 0 auto;       z-index: 100; padding-top: 20px;  overflow: hidden;   }	
}		
@media only screen and (min-width: 360px) and (max-width: 459px){
.top_banner {text-align: center;   width: 95%; margin: 0 auto;     z-index: 100; padding-top: 15px;  overflow: hidden; }
}
@media only screen and (min-width: 320px) and (max-width: 359px){
.top_banner {text-align: center;   width: 95%; margin: 0 auto;     z-index: 100; padding-top: 15px;  overflow: hidden;  }
}	
@media only screen and (min-width: 100px) and (max-width: 319px){
.top_banner {text-align: center;  width: 95%;  margin: 0 auto;     z-index: 100; padding-top: 10px;  overflow: hidden;  }
}
.top_banner img {width: 100%}


/* 241218_수정 */
/* TOURNAMENT */

.view .title.t_ttl{border: 0;}

#content .content_inner{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
#content .content_inner .t_header h1{
	text-align: center;
	font-size: 38px;
	font-weight: 600;
	margin: 30px 0;
}
#content .content_inner .t_header h2{
	text-align: center;
	margin-bottom: 30px;
	margin-top: 40px;
	font-size: 20px;
}

#content .content_inner .t_body{
	padding: 0 15px;
}
#content .content_inner .t_body.event_body{
	padding: 0;
}
#content .content_inner .t_body .t_ttl h3{
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: -1px;
	margin-bottom: 15px;
}
#content .content_inner .t_body .sub_ttl{
	color: #5a5a5a;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -1px;
	margin-bottom: 30px;
	text-align: center;
}
#content .content_inner .t_body .article .art_txt{
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	color: #3a3a3a;
	line-height: 1.8;
	margin-bottom: 70px;
}
#content .content_inner .t_body .article .art_txt p{
	display: flex;
	justify-content: center;
	font-weight: 500;
	color: #212121;
	text-align: left;
}
#content .content_inner .t_body .article .image_center{
	margin-bottom: 50px;
}
#content .content_inner .t_body .article .image_center img{
	width: 100%;
	object-fit: cover;
}


/* gnb */
.gnb_area{
	width: 100%;
	margin-bottom: 60px;
	white-space: nowrap;
	overflow: hidden;
	overflow-x: auto;
	scrollbar-width: none;
}

.gnb_area::-webkit-scrollbar{
	display:none;
}
.gnb_area ul{
	display: flex;
	align-items: center;
}
.gnb_area ul li{
	text-align: center;
	border-left: 1px solid #ccc;
}
.gnb_area ul li a{
	display: block;
	padding: 12px 40px;
	box-sizing: border-box;
	color: #212121;
	font-weight: 500;
	font-size: 14px;
	transition: all .3s;
}
.gnb_area ul li a:hover{
	color: #f5f5f5;
	background-color: #212121;
}
.gnb_area ul li.on{
	background-color: #212121;
	color: #f5f5f5;
}
.gnb_area ul li.on a{
	color: #f5f5f5;
	font-weight: 600;

}
.gnb_area ul li:first-child{
	border: 0;
}
/* s:250630 : 추가 */
.nav_in.nav_renew .nav_box{
	overflow-x: auto;
	scrollbar-width: none;
	justify-content: space-between;
	padding: 0 20px 200px 20px;
	margin-bottom: -200px;
}
/* //e:250630 */

/* //gnb */

.btn_area{
	margin-bottom: 100px;
}
.btn_area .btn_box{
	width: 100%;
	display: flex;
	justify-content: center;
}
.btn_area .btn_box li{
	width: 50%;
}
.btn_area .btn_box a{
	text-align: center;
	display: block;
	font-size: 18px;
	font-weight: 500;
	padding: 14px 100px;
	transition: all .3s;
}
.btn_area .btn_box .btn_a{
	padding-right: 10px;
}
.btn_area .btn_box .btn_b{
	padding-left: 10px;
}
.btn_area .btn_box .btn_a a{
	color: #f5f5f5;
	background-color: #212121;
}
.btn_area .btn_box .btn_b a{
	background-color: #fff;
	border: 1px solid #acacac;
}
.btn_area .btn_box .btn_a a:hover{
	color: #ccc;
}
.btn_area .btn_box .btn_b a:hover{
	color: #898989;
}

/* evnet */
#content .content_inner .event_area{
	padding: 0 15px;
}
#content .content_inner .event_area .event_box{
	display: flex;
	flex-wrap: wrap;
	margin-right: -24px;
}
#content .content_inner .event_area .event_box li{
	float: left;
	position: relative;
	width: 33.33%;
	line-height: 1.4;
	box-sizing: border-box;
	cursor: pointer;
	margin-bottom: 30px;
	padding-right: 24px;
}
#content .content_inner .event_area .event_box li:last-of-type{
	margin-right: 0;
}
#content .content_inner .event_area .event_box li .thumb_area{
	position: relative;
	width: 100%;
	height: 197px;
}

#content .content_inner .event_area .event_box li .thumb_area::before{
	position: absolute;
	display: inline-block;
	content: "진행";
	clear: both;
	padding: 8px 10px;
	font-size: 16px;
	color: #f5f5f5;
	font-weight: 600;
	text-align: center;
	background-color: #ff7400;
}
#content .content_inner .event_area .event_box li .e_end .thumb_area::before{
	content: "종료";
	background-color: #7a7a7a;
	z-index: 2;
}
#content .content_inner .event_area .event_box li .e_end .thumb_area::after{
	position: absolute;
	top: 0;
	display: block;
	content: "";
	clear: both;
	width: 100%;
	height: 197px;
	background-color: #000;
	opacity: 0.5;
}
#content .content_inner .event_area .event_box .thumb_area img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	
}
#content .content_inner .event_area .event_box li .e_box{
	position: relative;
	border: 1px solid #e2e2e2;
	height: 342px;
}
#content .content_inner .event_area .event_box li .e_box.e_end::before{
	position: absolute;
	display: block;
	content: '';
	clear: both;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0.8;
}
#content .content_inner .event_area .event_box li .txt_area{
	padding: 25px 20px;
}
#content .content_inner .event_area .event_box li .txt_area .event_ttl{
	font-size: 18px;
	line-height: 1.5;
	font-weight: 600;
	margin-bottom: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
#content .content_inner .event_area .event_box li .txt_area .event_date{
	font-size: 16px;
	font-weight: 400;
	color: #898989;
}

/* //evnet */

/* 팝업창 */
.pop_bg{
position: fixed;
width: 100%;
height: 100%;
background: #212121;
background-size: cover;
opacity: 0.6;
z-index: 10;
}

.popup .popup_box{
	width: 450px;
	overflow: hidden;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 11;
	border-radius:10px;
	box-shadow: 3px 3px 10px rgba(0,0,0,0.2);
}
.popup .popup_box .pop_img{
	width: 100%;
}

.popup .popup_box .pop_img img{
	display: block;
	width: 100%;
	object-fit: cover;
	border-radius: 10px 10px 0 0;
}
.popup .popup_box .pop_btn{
	display: flex;
	padding: 13px 0;
	background-color: #212121;
	border-radius: 0 0 10px 10px;
}
.popup .popup_box .pop_btn button{
	width: 100%;
	border: 0;
	cursor:pointer;
	color: #f5f5f5;
	font-weight: 600;
	background-color: #212121;
	font-size: 16px;
	line-height: 1.5;
}
.popup .popup_box .pop_btn .btn_close span{
	position: relative;
}
.popup .popup_box .pop_btn .btn_close span::before{
	position: absolute;
	top: 20%;
	left: -55%;
	display: inline-block;
	content: '';
	clear: both;
	width: 16px;
	height: 16px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2018%2Stsj%2Svp_pybfr.fit);
}


/* //팝업창 */


/* pc */
@media only screen and (max-width: 1210px){

#content .content_inner .event_area .event_box li{
	width: 50%;
}
}

/* tablit */
@media only screen and (max-width: 768px){

#content .content_inner .t_header .t_gnb li{
	margin: 0 15px;
	font-size: 14px;
}
#content .content_inner .t_header .t_gnb li:last-child{
	margin-right: 0;
}    
#content .content_inner .t_header h1{
	font-size: 28px;
	margin: 15px 0;
}
#content .content_inner .t_body .t_ttl h3{
	font-size: 28px;
}
#content .content_inner .t_body .sub_ttl{
	font-size: 16px;
}

#content .content_inner .t_body .article .art_txt{
	font-size: 16px;
	margin-bottom: 40px;
}
.btn_area{
	margin-bottom: 50px;
}
.btn_area .btn_box{
	display: block;
} 
.btn_area .btn_box li{
	width: 100%;
}
.btn_area .btn_box a{
	font-size: 16px;
	padding: 14px 50px;
}
.btn_area .btn_box .btn_a{
	margin-bottom: 10px;
}
.btn_area .btn_box .btn_a, 
.btn_area .btn_box .btn_b{
	padding: 0;
}
.gnb_area{
	margin-bottom: 25px;
}
.gnb_area ul{
	padding: 0 15px;
}
.gnb_area ul li a{
	padding: 8px 20px;
}
.popup .popup_box .pop_btn button{
	font-size: 14px;
}

.popup .popup_box .pop_btn .btn_close span::before{
	top: 25%;
	width: 12px;
	height: 12px;
	background-size: 12px;
}

}

/* mobile-L */
@media only screen and (max-width: 480px){    
	#content .content_inner .event_area .event_box li{
	width: 100%;
	margin-bottom: 15px;
}

#content .content_inner .t_header h2{
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 20px;
}
.popup .popup_box .pop_btn button{
	font-size: 13px;
}
.popup .popup_box .pop_btn .btn_close span::before{
	top: 25%;
	width: 10px;
	height: 10px;
	background-size: 10px;
}
.popup .popup_box{
	width: 300px;
}

}

/* mobile-S */
@media only screen and (max-width: 360px){

	
}
/* //TOURNAMENT */
/* //241218_수정 */

/* s: 250117 부제, 기자명 추가 */
/* 기사뷰 */ 
.golf_title_author{
	font-size: 14px;
	max-width: 900px;
	color: #888;
}
.view .title h3 {
	padding-bottom: 32px;
}
.golf_title_author .golf_author {
	font-weight: 500;
	color: #333333;
}
.golf_title_author ul li {
	display: inline-block;
}
.golf_title_author ul .golf_lasttime{
	padding-left: 20px;
	background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sznva%2S2015%2Szx_arj%2Svp_tnc.tvs) no-repeat 10px 4px;
}

@media (max-width: 768px) { 
	.view .title .golf_subtitle{
		font-size: 16px;
	}
	.golf_title_author .golf_author{
		margin-bottom: 4px;
	}
	.golf_title_author ul li {
		display: block;
	}
	.golf_title_author ul .golf_lasttime {
		float: none; 
		padding-left: 0px;
		background: none;
	}
}
/* //기사뷰 */ 
/* e:// 250117 부제, 기자명 추가 */



/* 250114_수정 */
.thumb_area.img figure{
	margin: 0;
	margin-bottom: 20px;
}
/* //250114_수정 */

.art_txt p { margin-bottom: 25px;}
@media only screen and (max-width: 770px) {
	.art_txt .thumb img { width: 100%; }
}
@media only screen and (min-width: 1100px) {
.art_txt .thumb { position: relative; overflow: hidden; width: 900px;}
section div .img {width:900px;}
}

.art_txt figcaption { font-family: 'Open Sans',Helvetica,Arial,sans-serif; font-size: 13px; color: #8d8d8d; padding: 0px 30px 0 30px; text-ali
gn: center; line-height: 16px;}
.art_txt .btn_zoom { display:none; }
.is_blind { display: block !important; position: absolute !important; top: 0 !important; left: 0 !important; z-index: 0 !important; opacity: 0
!important; font-size: 0 !important; pointer-events: none !important; }

/* s:250630 : 추가 */
.menu_list > li a.more:after {
	content: '';
	position: absolute;
	top: 4px;
	right: 2px;
	width: 8px;
	height: 8px;
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #222;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.menu_list > li a.active:after {
	top: 8px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.menu_depth {
	display: none;
	padding: 10px;
}
.menu_depth li a {
	font-size: 15px;
	font-weight: normal;
	color: #555;
	line-height: 32px;
}
.menu_list > li a.active + .menu_depth {
	display: block;
}
@media only screen and (min-width: 320px) and (max-width: 359px) {
	.menu_depth {
		padding: 8px;
	}
	.menu_depth li a {
		font-size: 15px;
		line-height: 30px;
	}
	.menu_list > li a.more:after {
		top: 2px;
		width: 7px;
		height: 7px;
	}
	.menu_list > li a.active:after {
		top: 7px;
	}
}
@media only screen and (min-width: 100px) and (max-width: 319px) {
	.menu_depth {
		padding: 7px;
	}
	.menu_depth li a {
		font-size: 13px;
		line-height: 26px;
	}
	.menu_list > li a.more:after {
		top: 3px;
		width: 6px;
		height: 6px;
	}
	.menu_list > li a.active:after {
		top: 7px;
	}
}
/* //e:250630 */

/* s:250808_추가 */
#slideList2 {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
#slideList2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*// e:250808_추가 */

/* s:250825 */

#content .content_inner.main_event {
	position: relative;
    padding-top: 40px;
}
#content .content_inner.main_event .event_area.swiper.mySwiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
	width: 100%;
}
#content .content_inner.main_event .event_area {
    padding: 0 0px;
}
#content .content_inner.main_event .event_area .event_box li {
    width: 33.33% !important;
}
#content .content_inner.main_event .swiper-wrapper {
    position: relative;
    width: auto;
}
#content .content_inner.main_event .event_area .event_box {
    flex-wrap: nowrap;
    justify-content: center;
}
#content .content_inner.main_event .event_area .event_box li .e_box {
   position: relative;
    border: none;
    height: auto;
	width: 100%;

}
#content .content_inner.main_event .event_area .btn_more {
    margin-bottom: 46px;
}
#content .content_inner.main_event .event_area .event_box li .thumb_area {
    position: relative;
    width: 100%;
    height: 197px;
}
#content .content_inner.main_event .event_area .event_box li .thumb_area::before {
	display: none;
}
.btn_next:after {
    content: '다음';
}
.btn_next, .btn_prev {
	display: none;
    width: fit-content;
    top: 60%;
	position: absolute;
}
.btn_next {
    right: -30px;
	background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sovzt.zx.pb.xe%2Stsj%2Svzntrf%2Soga_neebj_tenl_evtug.cat) no-repeat center center/20px auto;
}
.btn_prev {
	left: -30px;
	background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sovzt.zx.pb.xe%2Stsj%2Svzntrf%2Soga_neebj_tenl_yrsg.cat) no-repeat center center/20px auto;
}
.btn_prev:after {
    content: '이전';
}
.btn_next:after, .btn_prev:after {
	display: block;
	text-indent: -1000px;
	width: 20px;
	overflow: hidden;
	height: 20px;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}
@media only screen and (min-width: 771px) and (max-width: 1130px) {
	#content .content_inner.main_event{
    	padding-top: 24px;
	}
}
@media only screen and (max-width: 770px) {
	#content .content_inner.main_event .event_area.swiper.mySwiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
	width: 90%;
}
#content .content_inner.main_event .event_area .event_box li {
    padding-right:0px;
        width: 100% !important;
}
	#content .content_inner.main_event{
        padding-top: 34px;
        padding-bottom: 8px;
	}
	#content .content_inner.main_event .event_area .event_box {
    justify-content: center;
        display: -webkit-inline-box;
    	margin-right: 0px;
}
	#content .content_inner.main_event .event_area .event_box li .e_box{
		width: 86%;
	}
	#content .content_inner.main_event .t_body.event_body {
        padding-top: -24px;
		width: 100%;
	}
	.btn_slide_wrap {
        display: flex;
        width: 100%;
        justify-content: space-between;
	}
	.btn_next, .btn_prev {
        z-index: 999;
        top: 40%;
        display: block;
	}
	.btn_next:after, .btn_prev:after {
		width: 34px;
		height: 28px;
	}
	.btn_next {
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sovzt.zx.pb.xe%2Stsj%2Svzntrf%2Soga_neebj_tenl_evtug.cat) no-repeat right center / 20px auto;
  		right: 0px;
	}
	.btn_prev {
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sovzt.zx.pb.xe%2Stsj%2Svzntrf%2Soga_neebj_tenl_yrsg.cat) no-repeat left center / 20px auto;
    	left: 0px;
	}
	#content .content_inner.main_event .event_area .event_box li {
		padding-right: 0px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 359px) {
	#content .content_inner.main_event{
        padding-bottom: 0px;
	}
	#content .content_inner.main_event .t_body.event_body {
        margin-top: -24px;
	}
	#content .content_inner.main_event .event_area .event_box .thumb_area img {
    object-fit: contain;
}
}
@media only screen and (min-width: 100px) and (max-width: 319px) {
	
    #content .content_inner.main_event .t_body.event_body {
        margin-top: -36px;
	}
	#content .content_inner.main_event .event_area .event_box .thumb_area img {
    object-fit: contain;
}
#content .content_inner.main_event{
        padding-bottom: 0px;
	}
	
    #content .content_inner.main_event {
        padding-top: 35px;
	}
}
/*// e:250825 */