@charset "utf-8";
@import url(font.css);
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, 
canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, 
section, summary, time, mark, audio, video,select, option{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
nav,ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';}
/*a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}*/
video, iframe{display:block;}
dl, ul, ol, menu, li{list-style:none;}
/*body{word-break:keep-all;word-wrap:break-word;}*/
body, th, td, input, select, textarea, button, label{color:#000;font-size:12px;line-height:1.4;font-family:"Nanum Gothic","Malgun Gothic","맑은 고딕","애플 SD 산돌고딕 Neo","Apple SD Gothic Neo","돋움",Dotum, arial, sans-serif;}
a{color:inherit;text-decoration:none;cursor:pointer;}
a:active, a:hover{text-decoration:none;}
address, caption, cite, code, dfn, em, var{font-style:normal;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
button, input{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;cursor:pointer;*overflow:visible;}
img{vertical-align:middle; border:0;}
html, body{width:100%; height:100%;}
.overflow{overflow-y:hidden;}


/*::-moz-selection{background:rgba(255,209,1,0.9)}
::selection{background:rgba(255,209,1,0.9)}
img::selection{background:none}*/
/*-------------------------------------------
	common 
-------------------------------------------*/
.u_skip{display:inline-block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:1px;text-indent:4px;white-space:nowrap}
.hide,.blind{position:absolute; width:1px; height:1px; top:0; left:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
caption{width:1px; height:1px; top:0; left:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
/*textarea{padding:5px 10px; color:#333; border:1px solid #c8c8c8;}*/

.pp0{padding:0 !important;}
.pt0{padding-top:0 !important;}.pt10{padding-top:10px !important;}.pt20{padding-top:20px !important;}.pt30{padding-top:30px !important;}.pt40{padding-top:40px !important;}.pt50{padding-top:50px !important;}.pt60{padding-top:60px !important;}.pt70{padding-top:70px !important;}
.pl0{padding-left:0 !important;}.pl10{padding-left:10px !important;}.pl20{padding-left:20px !important;}.pl30{padding-left:30px !important;}.pl40{padding-left:40px !important;}.pl50{padding-left:50px !important;}.pl60{padding-left:60px !important;}.pl70{padding-left:70px !important;}
.pr0{padding-right:0 !important;}.pr10{padding-right:10px !important;}.pr20{padding-right:20px !important;}.pr30{padding-right:30px !important;}.pr40{padding-right:40px !important;}.pr50{padding-right:50px !important;}.pr60{padding-right:60px !important;}.pr70{padding-right:70px !important;}
.pb0{padding-bottom:0 !important;}.pb10{padding-bottom:10px !important;}.pb20{padding-bottom:20px !important;}.pb30{padding-bottom:30px !important;}.pb40{padding-bottom:40px !important;}.pb50{padding-bottom:50px !important;}.pb60{padding-bottom:60px !important;}.pb70{padding-bottom:70px !important;}
.mt0{margin-top:0 !important;}.mt10{margin-top:10px !important;}.mt20{margin-top:20px !important;}.mt30{margin-top:30px !important;}.mt40{margin-top:40px !important;}.mt50{margin-top:50px !important;}.mt60{margin-top:60px !important;}.mt70{margin-top:70px !important;}
.ml0{margin-left:0 !important;}.ml10{margin-left:10px !important;}.ml20{margin-left:20px !important;}.ml30{margin-left:30px !important;}.ml40{margin-left:40px !important;}.ml50{margin-left:50px !important;}.ml60{margin-left:60px !important;}.ml70{margin-left:70px !important;}
.mr0{margin-right:0 !important;}.mr10{margin-right:10px !important;}.mr20{margin-right:20px !important;}.mr30{margin-right:30px !important;}.mr40{margin-right:40px !important;}.mr50{margin-right:50px !important;}.mr60{margin-right:60px !important;}.mr70{margin-right:70px !important;}
.mb0{margin-bottom:0 !important;}.mb10{margin-bottom:10px !important;}.mb20{margin-bottom:20px !important;}.mb30{margin-bottom:20px !important;}.mb40{margin-bottom:40px !important;}.mb50{margin-bottom:30px !important;}.mb60{margin-bottom:60px !important;}.mb70{margin-bottom:70px !important;}
.mb25{margin-bottom:25px !important;}

.table{width:100%; border-collapse:collapse; word-break:keep-all; word-wrap:break-word;table-layout:fixed;}

.layout:after{content:'.';display:block;font-size:0;height:0;line-height:0;clear:both;}

/*-------------------------------------------
					layout
-------------------------------------------*/
/*body{background:url('../images/login_bg.jpg');}*/
#wrap,
#header,
#container,
#footer{position:relative; width:100%;}
#wrap:after{content:'.';display:block;font-size:0;height:0;line-height:0;clear:both;}
#header:after{content:'.';display:block;font-size:0;height:0;line-height:0;clear:both;}
#container:after{content:'.';display:block;font-size:0;height:0;line-height:0;clear:both;}
#footer:after{content:'.';display:block;font-size:0;height:0;line-height:0;clear:both;}
#footer{background-color:transparent;}
.content{position:relative; width:1200px; margin:auto;}
.content:after{content:'.';display:block;font-size:0;height:0;line-height:0;clear:both;}
.main #container .content{width:auto; min-width:1200px; max-width:1920px;}
.sub #container{padding-top:50px;}
body{background-color:transparent;}

#header{position:fixed; top:0; left:0; z-index:99;}
#header .top{position:relative; height:89px; border-bottom:1px solid #d4d4d4; z-index:99;
transition:All 0.3s ease;
-webkit-transition:All 0.3s ease;
-moz-transition:All 0.3s ease;
-o-transition:All 0.3s ease;}
#header .top .logo{position:absolute; top:50%; left:0; width:114px; height:16px; margin-top:-8px; z-index:9;}
#header .top .logo a{display:block; width:114px; height:16px; background:url('../images/pc/common/header_logo.png') 0 -16px no-repeat; cursor:pointer;}
#header .top .logo.v2021 a{height:17px; background:url('../images/pc/common/header_logo_2021.png') 0 -17px no-repeat;}
#header .top .menu{position:relative; padding-left:332px;}
#header .top .menu ul{height:90px;}
#header .top .menu ul:after{content:'.';display:block;font-size:0;height:0;line-height:0;clear:both;}
#header .top .menu ul li{float:left; width:178px; margin-left:1px;}
#header .top .menu ul li:first-child{margin-left:0;}
#header .top .menu ul li>a{position:relative; display:block; width:100%; height:53px; padding-top:36px; line-height:16px; text-align:center; color:#000;  font-size:18px; font-weight:700;}
#header .top .menu ul li>a:after{position:absolute; content:''; left:50%; bottom:-1px; width:0; height:4px; background-color:#fabf3f;
transition:All 0.3s ease;
-webkit-transition:All 0.3s ease;
-moz-transition:All 0.3s ease;
-o-transition:All 0.3s ease;}
#header .top .menu ul li>a.link01 span{display:inline-block; height:18px; padding-right:25px; background:url('../images/pc/common/header_icon_arrow_off.png') 100% -18px no-repeat;}
#header .top .menu ul li>a.on:after,
#header .top .menu ul li>a:hover:after{width:100%; left:0;}
#header .top .menu ul li>a.link01:hover span{background-position:100% -36px !important;}
#header .top .menu ul li.addmu{width:152px; z-index:99;}
#header .top .menu ul li.addmu .box{padding-left:33px;}
#header .top .menu ul li.addmu .box .icon{}
#header .top .menu ul li.addmu .box dl{position:relative;}
#header .top .menu ul li.addmu .box dl dt{position:relative; padding:33px 0 10px; line-height:11px; font-size:12px; color:#9c9e9c;  border-bottom:1px solid #4d4d4d;}
#header .top .menu ul li.addmu .box dl dt .pls{position:absolute; top:33px; right:0; width:9px; height:9px; background:url('../images/pc/common/icon_pls.png') 0 -9px no-repeat; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
#header .top .menu ul li.addmu .box dl dd{display:none; position:absolute; top:54px; width:87px; padding:15px 15px 7px; background-color:#fff; border:1px solid #4d4d4d;}
#header .top .menu ul li.addmu .box dl dd a{display:block; height:22px; padding-bottom:7px; font-size:12px; color:#4d4d4d;}
#header .top .menu ul li.addmu .box dl dd a:hover{font-weight:700; color:#fabf3f;}
#header .top .menu ul li.addmu:hover .box dl dt .pls{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
#header .top .menu ul li.addmu:hover .box dl dd{display:block;}
#header .menu_s{display:block; position:absolute; top:0; height:0; padding-top:90px; overflow:hidden; left:0; width:100%; border-bottom:1px solid #d4d4d4; z-index:90; opacity:0; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
#header .menu_s .sts{float:left; width:178px; margin-right:1px; padding:29px 0 20px 0;}
#header .menu_s .sts.s1{padding-left:332px;}
#header .menu_s .sts li{width:100%; height:47px; text-align:center; line-height:45px;}
#header .menu_s .sts li a{ font-size:16px; font-weight:400; color:#666;}
#header .menu_s .sts li:hover a{border-bottom:1px solid #fbc864; color:#fbc864;}
#header.on .menu_s{display:block; height:238px; opacity:1; background:#fff;}
.main #header .top{border-color:#fff;}
.main #header .logo a{background-position:0 0;}
.main #header .logo.v2021 a{background-position:0 0;}
.main #header .menu ul li>a{color:#fff;}
.main #header .menu ul li>a.link01 span{background-position:100% 0;}
.main #header:hover .top{border-color:#d4d4d4; background-color:#fff;}
.main #header:hover .logo a{background-position:0 -16px;}
.main #header:hover .logo.v2021 a{background-position:0 -17px;}
.main #header:hover .menu ul li>a{color:#000;}
.main #header:hover .menu ul li>a.link01 span{background-position:100% -18px;}
.main #header .top .menu ul li.addmu .box dl dt{border-color:#fff; color:#fff;}
.main #header .top .menu ul li.addmu .box dl dt .pls{background-position:0 0;}
.main #header:hover .top .menu ul li.addmu .box dl dt{border-color:#4d4d4d; color:#9c9e9c;}
.main #header:hover .top .menu ul li.addmu .box dl dt .pls{background-position:0 -9px;}

#header.n2 .top{border-color:#d4d4d4; background-color:#fff;}
#header.n2 .logo a{background-position:0 -16px;}
#header.n2 .logo.v2021 a{background-position:0 -17px;}
#header.n2 .menu ul li>a{color:#000;}
#header.n2 .menu ul li>a.link01 span{background-position:100% -18px;}
#header.n2 .top .menu ul li.addmu .box dl dt{border-color:#4d4d4d; color:#9c9e9c;}
#header.n2 .top .menu ul li.addmu .box dl dt .pls{background-position:0 -9px;}


.topnav{padding-top:90px; border-bottom:1px solid #d4d4d4;}
.topnav ul:after{content:'.';display:block;font-size:0;height:0;line-height:0;clear:both;}
.topnav ul li{float:left; height:60px; padding:0 10px 0 15px; background:url('../images/pc/common/nav_arrow.png') 0 50% no-repeat; line-height:60px;}
.topnav ul li:first-child{padding-left:0; background:none;}
.topnav ul li a{color:#bfbfbf; font-size:12px; font-weight:400;}
.topnav ul li a.on{color:#000;}


#container .mainrolling{position:relative; width:100%; min-width:1200px; height:auto;}
#container .mainrolling .visual{position:absolute; overflow:hidden; width:100%; height:100%; z-index:1;}
#container .mainrolling .visual ul{top:0; left:0; width:100%; height:100%; position:absolute;}
#container .mainrolling .visual ul:after{content:'.';display:block;font-size:0;height:0;line-height:0;clear:both;}
#container .mainrolling .visual ul li{position:absolute; width:100%; top:0; font-size:30px;}
#container .mainrolling .visual ul li img{display:block; width:100%;}
#container .mainrolling .visual ul li:nth-child(1){left:0;}
#container .mainrolling .visual ul li:nth-child(2){left:100%;}
#container .mainrolling .visual ul li:nth-child(3){left:200%;}
#container .mainrolling .visual ul li:nth-child(4){left:300%;}
#container .mainrolling .visual ul li:nth-child(5){left:400%;}
#container .mainrolling .visual ul li:nth-child(6){left:500%;}
#container .mainrolling .visual ul li:nth-child(7){left:600%;}
#container .mainrolling .pt{padding-top:45.5%;}
#container .mainrolling .indicatorbox{position:absolute; bottom:0; left:50%; width:1200px; height:60px; margin-left:-600px;}
#container .mainrolling .indicator{position:absolute; bottom:100px; right:0; z-index:99; font-size:14px; color:#fff;}
#container .mainrolling .indicator span{font-weight:bold;}
#container .mainrolling .indicator em{}
#container .mainrolling .btn_left{position:absolute; top:50%; left:50%; width:60px; height:60px; margin-top:-30px; margin-left:-600px; background:url('../images/pc/main/btn_left.png') no-repeat; z-index:9; cursor:pointer;}
#container .mainrolling .btn_right{position:absolute; top:50%; right:50%; width:60px; height:60px; margin-top:-30px; margin-right:-600px; background:url('../images/pc/main/btn_right.png') no-repeat; z-index:9; cursor:pointer;}
#container .mainrolling .btn_left:hover,
#container .mainrolling .btn_right:hover{background-position:0 -60px;}


.section.set01{width:1200px; margin:auto; padding:70px 0 100px;}
.section.set01:after{content:'.';display:block;font-size:0;height:0;line-height:0;clear:both;}
.section.set01 .box{float:left; width:33.33%; padding-top:130px; text-align:center;}
.section.set01 .box.b01{background:url('../images/pc/main/set01_icon01.png') 50% 0 no-repeat;}
.section.set01 .box.b02{background:url('../images/pc/main/set01_icon02.png') 50% 0 no-repeat;}
.section.set01 .box.b03{background:url('../images/pc/main/set01_icon03.png') 50% 0 no-repeat;}
.section.set01 .box span{color:#1e1e1e; line-height:48px; font-size:22px; font-weight:800;}
.section.set01 .box p{color:#666666; line-height:24px; font-size:15px; font-weight:400;}
.section.set01 .box p a:hover{border-bottom:1px solid #666666;}

.section.set02{max-width:1600px; margin:auto;}
.section.set02 ul{padding-bottom:100px;}
.section.set02 ul:after{content:'.';display:block;font-size:0;height:0;line-height:0;clear:both;}
.section.set02 ul li{position:relative; float:left; width:33.33%;}
.section.set02 ul li a{display:block; position:relative; width:100%; overflow:hidden;
transition:All 0.3s ease;
-webkit-transition:All 0.3s ease;
-moz-transition:All 0.3s ease;
-o-transition:All 0.3s ease;}
.section.set02 ul li a img{width:100%;}
.section.set02 ul li a>img{
transition:All 0.4s ease;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;}

.section.set02 ul li a:hover>img{transform: scale(1.03);
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
-ms-transform: scale(1.03);}
.section.set02 ul li a div img{display:block; position:absolute; top:0; left:0; z-index:1; width:100%; opacity:0;
transition:All 0.4s ease;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;}
.section.set02 ul li a:hover div img{opacity:1;}
.section.set02 ul li .name{position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%); margin-top:20px; opacity:0; z-index:9;
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;}
.section.set02 ul li:nth-child(1) .name{width:280px; height:38px; background:url('../images/pc/main/title06.png') no-repeat;}
.section.set02 ul li:nth-child(2) .name{width:210px; height:57px; background:url('../images/pc/main/title05.png') no-repeat;}
.section.set02 ul li:nth-child(3) .name{width:189px; height:57px; background:url('../images/pc/main/title02.png') no-repeat;}
.section.set02 ul li:nth-child(4) .name{width:280px; height:57px; background:url('../images/pc/main/title03_2020.png') no-repeat;}
.section.set02 ul li:nth-child(5) .name{width:189px; height:57px; background:url('../images/pc/main/title02.png') no-repeat;}
.section.set02 ul li:nth-child(6) .name{width:249px; height:49px; background:url('../images/pc/main/title01.png') no-repeat;}
.section.set02 ul li:hover .name{margin-top:-20px; opacity:1;}


/*footer*/
#footer{border-top:1px solid #e8e8e8;}
#footer h1.logo{position:absolute; top:30px; left:0; width:74px; height:19px;}
#footer h1.logo a{display:block; width:74px; height:19px; background:url('../images/pc/common/logo_footer.png') 0 0 no-repeat;}
#footer .menu{padding:30px 0 0 190px;}
#footer .menu ul:after{content:'.';display:block;font-size:0;height:0;line-height:0;clear:both;}
#footer .menu ul li{float:left;}
#footer .menu ul li a{display:block; padding-left:12px; margin-left:12px; color:#717171; font-size:15px; letter-spacing:-0.07em; background:url('../images/pc/common/line01.png') 0 50% no-repeat;}
#footer .menu ul li:first-child a{padding-left:0; margin-left:0; background:none;}
#footer .lastline{padding:8px 0 50px 190px;}
#footer .lastline div{float:left; margin-left:20px; height:16px; line-height:14px; font-size:13px;}
#footer .lastline li{font-size:11px; color:#666666; line-height:20px;}
#footer .jmlink{position:absolute; top:30px; right:0; padding:6px 11px; border:1px solid #717171; cursor:pointer;}
#footer .jmlink div{height:14px; padding-right:20px; line-height:12px; color:#717171; font-size:14px; letter-spacing:-0.075em; font-weight:bold; background:url('../images/pc/common/jmnet_arrow.png') 100% 0 no-repeat;}
#footer .jmlink:hover div{background-position:100% -14px}

#footer .fty02{padding:30px 0;}
#footer .fty02 .copy{padding-top:3px; height:16px; font-size:11px; color:#666666; line-height:20px;}
#footer .fty02 .menu{position:absolute; top:32px; right:182px; padding-top:0;}

#footer .jmnet_zone{position:absolute; z-index:25; bottom:-316px; left:0; display:none; width:100%; background:url("../images/pc/common/jmnet_bg.png") left top repeat-x; border-top:1px solid #d2d2d2;}
#footer .jmnet_zone .bx_zone{position:relative; width:1200px; margin:auto; padding:40px 0 20px;}
#footer .jmnet_zone ul{width:1200px; position:relative;}
#footer .jmnet_zone ul:after{content:'.'; display:block; font-size:0; height:0; line-height:0; clear:both;}
#footer .jmnet_zone li{float:left; min-height:255px; padding-left:20px; background:url("../images/pc/common/jmnet_line.gif") right top no-repeat;}
#footer .jmnet_zone li dl{float:left;}
#footer .jmnet_zone li.newspaper{width:160px;}
#footer .jmnet_zone li.broadcast{width:148px;}
#footer .jmnet_zone li.lesure{width:164px;}
#footer .jmnet_zone li.magazine{overflow:hidden; width:244px;}
#footer .jmnet_zone li.magazine dl.area01{width:124px;}
#footer .jmnet_zone li.magazine dl.area02{width:120px;}
#footer .jmnet_zone li.pro{width:130px;}
#footer .jmnet_zone li.service{overflow:hidden; width:223px; background:none;}
#footer .jmnet_zone li.service dl.area01{width:117px;}
#footer .jmnet_zone li.service dl.area02{width:106px;}
#footer .jmnet_zone dt{height:33px; margin-bottom:23px; padding:18px 0 0;}
#footer .jmnet_zone dt span{display:block; height:18px; font-weight:bold; font-size:14px;}
#footer .jmnet_zone dd{margin-bottom:9px;}
#footer .jmnet_zone dd a{font-size:12px; font-weight:700; color:#5d6064;}
#footer .jmnet_zone dd a:active,
#footer .jmnet_zone dd a:focus,
#footer .jmnet_zone dd a:hover{color:#fabf3f;}
#footer .jmnet_zone .jmnet_close{position:absolute; top:0; right:0; display:block; width:92px; height:31px; text-indent:-999em; background:url("../images/pc/common/jmnet_btn.gif") left top no-repeat; z-index:99;}




/*sub01*/
.topsection{padding-bottom:60px;}
.topsection .headline{padding:24px 0 45px; font-size:22px; font-weight:800; line-height:32px; color:#1e1e1e; text-align:center;}
.topsection .topimg{}
.textpd{position:relative; padding-bottom:100px;}
/*.textpd:after{content:'.';display:block;font-size:0;height:0px;line-height:0;clear:both;}*/
.textpd .title{position:absolute; top:0; left:0; color:#333; font-size:18px; font-weight:800;}
.textpd .textbox{padding-left:250px; font-size:15px; font-weight:400; color:#666; line-height:26px;}
.textpd .historybox{padding-left:250px;}
.textpd .historybox table{border-top:2px solid #4d4d4d;}
.textpd .historybox table th{padding-top:37px; text-align:left; color:#333; font-size:16px; font-weight:800;}
.textpd .historybox table th.h2{padding-top:0; text-align:right; color:#666; font-size:16px; font-weight:800;}
.textpd .historybox table td{text-indent:20px; text-align:left; line-height:46px; color:#666; font-size:16px; font-weight:400;}
.textpd .historybox table th,
.textpd .historybox table .bb1{border-bottom:1px solid #e6e6e6; padding-bottom:25px;}
.textpd .historybox table .bb0{border-bottom:none; padding-bottom:0;}


/*sub02*/
.textpd.tp02 .textbox{padding-left:60px;padding-right:60px; margin-top:-7px;}
.textpd.tp02 .iconbox{padding-top:28px;}
.iconbox li{float:left; margin-right:30px;}
.iconbox li a{display:block; width:22px; height:22px;}
.iconbox .icon_b{background:url('../images/pc/sub/icon_b.png') no-repeat;}
.iconbox .icon_f{background:url('../images/pc/sub/icon_f.png') no-repeat;}
.iconbox .icon_h{background:url('../images/pc/sub/icon_h.png') no-repeat;}
.iconbox .icon_i{background:url('../images/pc/sub/icon_i.png') no-repeat;}
.iconbox .icon_n{background:url('../images/pc/sub/icon_n.png') no-repeat;}
.iconbox .icon_p{background:url('../images/pc/sub/icon_p.png') no-repeat;}
.iconbox .icon_t{background:url('../images/pc/sub/icon_t.png') no-repeat;}
.iconbox .icon_y{background:url('../images/pc/sub/icon_y.png') no-repeat;}
.iconbox .icon_b:hover{background:url('../images/pc/sub/icon_b_on.png') no-repeat;}
.iconbox .icon_f:hover{background:url('../images/pc/sub/icon_f_on.png') no-repeat;}
.iconbox .icon_h:hover{background:url('../images/pc/sub/icon_h_on.png') no-repeat;}
.iconbox .icon_i:hover{background:url('../images/pc/sub/icon_i_on.png') no-repeat;}
.iconbox .icon_n:hover{background:url('../images/pc/sub/icon_n_on.png') no-repeat;}
.iconbox .icon_p:hover{background:url('../images/pc/sub/icon_p_on.png') no-repeat;}
.iconbox .icon_t:hover{background:url('../images/pc/sub/icon_t_on.png') no-repeat;}
.iconbox .icon_y:hover{background:url('../images/pc/sub/icon_y_on.png') no-repeat;}


/*sub03*/
.ad{padding-left:60px; padding-bottom:96px;}
.ad .title{padding-bottom:51px; margin-top:-7px; color:#333333; font-size:26px; font-weight:700;}
.ad .box{display:table; width:100%;}
.ad .box dl{display:table-cell; width:220px; padding-left:50px; border-left:1px solid #e6e6e6;}
.ad .box dl.first{border-left:0;}
.ad .box dl dt .name{display:block; line-height:24px; color:#333; font-weight:800; font-size:16px;}
.ad .box dl dt .txt{display:block; height:66px; padding-top:10px; line-height:23px; color:#666; font-weight:400; font-size:14px;}
.ad .box dl dd.btnarea{padding:22px 0 14px;}
.ad .box dl dd.btnarea .btn{display:block; width:120px; height:26px; padding-top:12px; background-color:#fff; border:1px solid #1e1e1e; color:#1e1e1e; font-size:14px; font-weight:700; text-indent:10px;}
.ad .box dl dd.btnarea .btn span{display:block; width:110px; height:15px; line-height:15px; background:url('../images/pc/sub/icon_ad_btn.png') 100% 0 no-repeat;
transition:All 0.3s ease;
-webkit-transition:All 0.3s ease;
-moz-transition:All 0.3s ease;
-o-transition:All 0.3s ease;}
.ad .box dl dd.btnarea .btn:hover{background-color:#FABF3F; color:#1e1e1e;}
.ad .box dl dd.btnarea .btn:hover span{background:url('../images/pc/sub/icon_ad_btn.png') 100% 0 no-repeat;}
.ad .box dl dd.phon li{color:#666; line-height:24px; font-size:14px; font-weight:400;}
.ad .box dl dd.phon li.b{color:#333; font-weight:700;}

/*sub03_3*/
.linklist{position:relative;}
.linklist .section{position:relative; padding-left:250px;}
.linklist .section .title{position:absolute; top:0; left:0; color:#333; font-size:18px; font-weight:800;}
.linklist .section .cont{padding:30px 0 97px; border-top:2px solid #313131;}
.linklist .section .cont:after{content:'.';display:block;font-size:0;height:0;line-height:0;clear:both;}
.linklist .section .cont a{display:block; float:left; width:50%; padding-bottom:30px;}
.linklist .section .cont .link01{background:url('../images/pc/sub/sub03_icon01.png') 0 0 no-repeat;}
.linklist .section .cont .link02{background:url('../images/pc/sub/sub03_icon02.png') 0 0 no-repeat;}
.linklist .section .cont .link03{background:url('../images/pc/sub/sub03_icon03.png') 0 0 no-repeat;}
.linklist .section .cont .link04{background:url('../images/pc/sub/sub03_icon04.png') 0 0 no-repeat;}
.linklist .section .cont .link05{background:url('../images/pc/sub/sub03_icon05.png') 0 0 no-repeat; padding-bottom:0;}
.linklist .section .cont .link04-1{background:url('../images/pc/2024/sub03_icon04.png') 0 0 no-repeat;}
.linklist .section .cont .link05-1{background:url('../images/pc/2024/sub03_icon05.png') 0 0 no-repeat; padding-bottom:0;}
.linklist .section .cont .link06{background:url('../images/pc/sub/sub03_icon06.png') 0 0 no-repeat; width:418px;}
.linklist .section .cont .link07{background:url('../images/pc/sub/sub03_icon07.png') 0 0 no-repeat; width:358px;}
.linklist .section .cont .link08{background:url('../images/pc/sub/sub03_icon08.png') 0 0 no-repeat; width:418px;}
.linklist .section .cont .link09{background:url('../images/pc/sub/sub03_icon09_1.png') 0 0 no-repeat; width:358px;}
.linklist .section .cont .link10{background:url('../images/pc/sub/sub03_icon10_1.png') 0 0 no-repeat; width:418px;}
.linklist .section .cont .link11{background:url('../images/pc/sub/sub03_icon11_1.png') 0 0 no-repeat; width:358px;}
.linklist .section .cont .link12{background:url('../images/pc/sub/sub03_icon12.png') 0 0 no-repeat; width:418px;}
.linklist .section .cont .link13{background:url('../images/pc/sub/sub03_icon13.png') 0 0 no-repeat;}
.linklist .section .cont .link14{background:url('../images/pc/sub/sub03_icon14.png') 0 0 no-repeat;}
.linklist .section .cont .link15{background:url('../images/pc/sub/sub03_icon15.png') 0 0 no-repeat;}
.linklist .section .cont .link16{background:url('../images/pc/sub/sub03_icon16_1.png') 0 0 no-repeat;}
.linklist .section .cont .link17{background:url('../images/pc/sub/sub03_icon17.png') 0 0 no-repeat;}
.linklist .section .cont dl{padding-left:86px; min-height:75px; line-height:24px; font-size:16px;}
.linklist .section .cont dl dt{font-weight:700; color:#333;}
.linklist .section .cont dl dt span{display:inline-block; padding-right:28px; background:url('../images/pc/sub/sub03_arrow_off.png') 100% 2px no-repeat;}
.linklist .section .cont dl:hover dt span{background:url('../images/pc/sub/sub03_arrow_on.png') 100% 2px no-repeat;}
.linklist .section .cont dl dd{font-weight:400; color:#666;}
.linklist .section.st03 .cont dl{display:block; float:left; min-height:116px;}
.linklist .section.st03 .cont a dl dt span{display:inline-block; height:20px; padding-right:28px; background:url('../images/pc/sub/sub03_down_off.png') 100% 2px no-repeat;}
.linklist .section.st03 .cont a:hover dl dt span{ background:url('../images/pc/sub/sub03_down_on.png') 100% 2px no-repeat;}
.linklist .section.st03 .cont a dl.arrow dt span{display:inline-block; height:20px; padding-right:28px; background:url('../images/pc/sub/sub03_arrow_off.png') 100% 2px no-repeat;}
.linklist .section.st03 .cont a:hover dl.arrow dt span{ background:url('../images/pc/sub/sub03_arrow_on.png') 100% 2px no-repeat;}

/*sub_1*/
.viewlist .section{position:relative; padding-top:33px; min-height:516px; border-top:1px solid #e6e6e6;}
.viewlist .section.st01{padding-top:0; border-top:0;}
.viewlist .section.st01 .img{top:0;}
.viewlist .section .img{position:absolute; top:40px; right:0;}
.viewlist .section .left{padding-left:60px;}
.viewlist .section .left dl{}
.viewlist .section .left dt{padding-bottom:12px; line-height:34px; font-weight:700; font-size:26px; color:#333;}
.viewlist .section .left dt span{font-weight:800;}
.viewlist .section .left dd{line-height:24px; font-weight:400; font-size:16px; color:#666;}
.viewlist .section .left .iconbox{width:240px; padding-top:24px;}
.viewlist .section .left .iconbox:after{content:'.';display:block;font-size:0;height:0;line-height:0;clear:both;}
.viewlist .section .left .iconbox li{padding-bottom:20px;}

/* error */
.error{width:100%; height:100%;}
.error .err-cont{width: 520px;height: calc(100vh - 530px);margin: auto;text-align: center;padding-top: calc(50vh - 200px);}
.error .err-cont img{margin:0 auto; margin-bottom:40px;}
.error .err-cont .tt{color:#fff; font-size:18px; line-height:32px;}
.error .err-cont .tt.gray{color:#777777;}
.error_btn {padding: 30px 0 0;text-align: center;}
.error_btn .btns {min-width: 158px;margin-left: 6px;font-weight: 700;line-height: 34px;display: inline-block;height: 36px;-webkit-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);text-align: center;color: #2a2a2a;border: 1px solid #ddd;}
.error_btn .btns:first-child {margin-left: 0;}
.error_btn .btns.board_white {font-weight: 700; color: #f2f2f2; border: 1px solid #ddd;}
.error_btn .btns.board_white:focus, .error_btn .btns.board_white:hover {background: #f2f2f2; color: #2a2a2a;}
.error_btn .btns.board_gray {font-weight: 700; border: 1px solid #ddd; background: #f2f2f2; color: #2a2a2a;}
.error_btn .btns.board_gray:focus, .error_btn .btns.board_gray:hover {background: #ffffff; color: #121212;}