@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;}


/*-------------------------------------------
	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;}
.content:after{content:'.';display:block;font-size:0;height:0;line-height:0;clear:both;}
#wrap{overflow:hidden;}
.content{position:relative; margin:auto;}
.main #container .content{width:auto;}
.sub #container{padding-top:50px;}


/*-----------------header-----------------*/
#header{position:fixed; top:0; left:0; z-index:88;}
#header .tophd{position:relative; width:100%; height:63px; box-sizing:border-box; z-index:2;}
#header .tophd .btn_menu{position:absolute; top:0; left:0; width:60px; height:63px; background:url('../images/mobile/common/btn_menu_off.png') 50% 50% no-repeat; background-size:24px 14px;}
#header .tophd h1.logo{width:114px; height:63px; margin:auto; background:url('../images/mobile/common/header_logo_off.png') 50% 50% no-repeat; background-size:114px 16px;}
#header .tophd h1.logo a{display:block; width:114px; height:63px;}
#header .tophd h1.logo.v2021{width:114px; height:63px; margin:auto; background:url('../images/mobile/common/header_logo_2021_off.png') 50% 50% no-repeat; background-size:84.5px 16px;}
#header .tophd h1.logo.v2021 a{display:block; width:114px; height:63px;}
#header .subhead{position:relative; background-color:#fff; z-index:1;}
#header .subhead.none p{background:none !important;}
#header .subhead p{position:relative; height:44px; line-height:42px; font-size:17px; color:#1e1e1e; text-indent:18px; border-bottom:1px solid #e6e6e6; background:#fff url('../images/mobile/common/icon_open2.png') 95% 50% no-repeat; background-size:15px 15px; z-index:6;}
#header .subhead>ul{position:absolute; top:-200px; left:0; width:100%; padding:37.5px 0; border-bottom:1px solid #e6e6e6; background-color:#fff; z-index:5;}
#header .subhead>ul li a{display:block; padding:12.5px 0; font-size:15px; line-height:14px; color:#1e1e1e; text-align:center;}
#header .subhead.on p{background:#fff url('../images/mobile/common/icon_close2.png') 95% 50% no-repeat; background-size:15px 15px;}
#header .subhead.on>ul{top:45px;}
#header .subhead>ul li.on a{font-weight:600;}
#header.on .tophd{background-color:#fff; border-bottom:1px solid #e6e6e6;}
#header.on .tophd .btn_menu{background:url('../images/mobile/common/btn_menu_on.png') 50% 50% no-repeat; background-size:24px 14px;}
#header.on .tophd h1.logo{background:url('../images/mobile/common/header_logo_on.png') 50% 50% no-repeat; background-size:114px 16px;}
#header.on .tophd h1.logo.v2021{background:url('../images/mobile/common/header_logo_2021_on.png') 50% 50% no-repeat; background-size:84.5px 16px;}
#header .tophd,
#header .tophd .btn_menu,
#header .tophd h1.logo,
#header .subhead>ul{
transition:All 0.3s ease;
-webkit-transition:All 0.3s ease;
-moz-transition:All 0.3s ease;
-o-transition:All 0.3s ease;}

.menubox{position:fixed; top:0; left:-100%; width:100%; height:560px; overflow-y:scroll; background-color:#000; z-index:99;}
.menubox .top{position:relative; width:100%; height:63px; box-sizing:border-box;}
.menubox .top h2.logo{width:114px; height:63px; margin:auto; background:url('../images/mobile/common/header_logo_off.png') 50% 50% no-repeat; background-size:114px 16px;}
.menubox .top h2.logo a{display:block; width:114px; height:63px;}
.menubox .top h2.logo.v2021{width:114px; height:63px; margin:auto; background:url('../images/mobile/common/header_logo_2021_off.png') 50% 50% no-repeat; background-size:84.5px 16px;}
.menubox .top h2.logo.v2021 a{display:block; width:114px; height:63px;}
.menubox .top .btn_exit{position:absolute; top:0; right:0; width:51px; height:63px; background:url('../images/mobile/common/icon_exit.png') 50% 50% no-repeat; background-size:15px 15px;}
.menubox .bd{padding:0 18px;}
.menubox .bd>ul>li{border-bottom:1px solid #292929;}
.menubox .bd>ul>li>.tts{display:block; height:60px; line-height:57px; font-size:16px; font-weight:800; color:#fff; background:url('../images/mobile/common/icon_open.png') 100% 50% no-repeat; background-size:15px 15px;}
.menubox .bd>ul>li.links .tts{background:url('../images/mobile/common/icon_link2.png') 100% 50% no-repeat; background-size:18px 18px;}
.menubox .bd>ul>li.recruit .tts{background:url('../images/mobile/common/icon_link3.png') 100% 50% no-repeat; background-size:18px 18px;}
.menubox .bd>ul>li.ops.on>.tts{background:url('../images/mobile/common/icon_close.png') 100% 50% no-repeat; background-size:15px 15px;}
.menubox .bd>ul>li.ops>ol{position:relative; display:none; padding:27px 0; border-top:1px solid #fff; margin-top:-1px;}
/*.menubox .bd>ul>li.ops.on>ol{display:block;}*/
.menubox .bd>ul>li.ops>ol>li a{display:block; padding:13.5px 0; color:#fff;}
.menubox .bd>ul>li.newsletters.ops.on{border-bottom:0;}
.menubox .bd>ul>li.newsletters.ops>ol{padding:0;}
.menubox .bd>ul>li.newsletters.ops>ol li{background:url('../images/mobile/common/icon_link4.png') 100% 50% no-repeat; background-size:36px;}
.menubox .bd>ul>li.newsletters.ops>ol li a{height:60px; padding:0; border-bottom:1px solid #292929;}
.menubox .bd>ul>li.newsletters.ops>ol li:nth-child(1) a{background:url('../images/mobile/common/menu_newsletters01.png') 0 50% no-repeat; background-size:92px 25px;}
.menubox .bd>ul>li.newsletters.ops>ol li:nth-child(2) a{background:url('../images/mobile/common/menu_newsletters02.png') 0 50% no-repeat; background-size:92px 28px;}
.menubox .bd>ul>li.newsletters.ops>ol li:nth-child(3) a{background:url('../images/mobile/common/menu_newsletters03.png') 0 50% no-repeat; background-size:92px 12px;}
.menubox .bd>ul>li.newsletters.ops>ol li:nth-child(4) a{background:url('../images/mobile/common/menu_newsletters04.png') 0 50% no-repeat; background-size:90px 14px;}
.menubox .ft{padding-bottom:20px;}
.menubox .ft p{padding:80px 0 20px; font-size:12px; color:#999; font-weight:bold; text-align:center;}
.menubox .ft ul{display:table; width:60%; margin:auto;}
.menubox .ft ul li{display:table-cell; width:50%; height:12px; line-height:10px; text-align:center; box-sizing:border-box;}
.menubox .ft ul li:first-child{border-right:1px solid #2d2d2d;}
.menubox .ft ul li a{font-size:12px; color:#999; font-weight:bold;}


.menubox .bd>ul>li>.tts{transition:All 0.22s ease;
-webkit-transition:All 0.22s ease;
-moz-transition:All 0.22s ease;
-o-transition:All 0.22s ease;}
/*transition-delay: 1s, 4ms;*/
.menubox .bd>ul>li:nth-child(1)>.tts{padding-left:50px; opacity:0; transition-delay: 50ms;}
.menubox .bd>ul>li:nth-child(2)>.tts{padding-left:50px; opacity:0; transition-delay: 100ms;}
.menubox .bd>ul>li:nth-child(3)>.tts{padding-left:50px; opacity:0; transition-delay: 150ms;}
.menubox .bd>ul>li:nth-child(4)>.tts{padding-left:50px; opacity:0; transition-delay: 200ms;}
.menubox .bd>ul>li:nth-child(5)>.tts{padding-left:50px; opacity:0; transition-delay: 250ms;}
.menubox.act .bd>ul>li>.tts{padding-left:0; opacity:1;}

.menubox .bd>ul>li.ops>ol>li{display:block; transition:All 0.2s ease;-webkit-transition:All 0.2s ease;-moz-transition:All 0.2s ease;-o-transition:All 0.2s ease;}
.menubox .bd>ul>li.ops>ol>li:nth-child(1){padding-left:40px; opacity:0; transition-delay: 0ms;}
.menubox .bd>ul>li.ops>ol>li:nth-child(2){padding-left:40px; opacity:0; transition-delay: 50ms;}
.menubox .bd>ul>li.ops>ol>li:nth-child(3){padding-left:40px; opacity:0; transition-delay: 100ms;}
.menubox .bd>ul>li.ops>ol>li:nth-child(4){padding-left:40px; opacity:0; transition-delay: 150ms;}
.menubox .bd>ul>li.ops>ol>li:nth-child(5){padding-left:40px; opacity:0; transition-delay: 200ms;}
.menubox .bd>ul>li.ops.on>ol>li{padding-left:0; opacity:1;}

/*-----------------footer-----------------*/
#footer{padding-bottom:40px; border-top:1px solid #e8e8e8;}
#footer p{padding:40px 0 20px; font-size:12px; color:#666; font-weight:bold; text-align:center;}
#footer ul{display:table; width:60%; margin:auto;}
#footer ul li{display:table-cell; width:50%; height:12px; line-height:10px; text-align:center; box-sizing:border-box;}
#footer ul li:first-child{border-right:1px solid #3b3b3b;}
#footer ul li a{font-size:12px; color:#666; font-weight:bold;}


/*-----------------main-----------------*/
#container{padding-bottom:80px;}
/*#container .mainrolling{position:relative; width:100%; height:auto;}
#container .mainrolling .visual{position:relative; overflow:hidden; width:100%; height:100%; position:absolute; 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:0px;line-height:0;clear:both;}
#container .mainrolling .visual ul li{position:absolute; width:100%; top:0;}
#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 .pt{padding-top:149.5%;}
#container .mainrolling .indicator{position:absolute; bottom:47px; left:0; width:100%; font-size:15px; color:#fff; font-weight:400; text-align:center;  z-index:6;}
#container .mainrolling .indicator span{font-weight:800;}
#container .mainrolling .btn_left{position:absolute; bottom:40px; left:18px; width:30px; height:30px; background:url('../images/main/btn_left_arrow.png') no-repeat; z-index:9; background-size:30px 30px; z-index:7;}
#container .mainrolling .btn_right{position:absolute; bottom:40px; right:18px; width:30px; height:30px; background:url('../images/main/btn_right_arrow.png') no-repeat; z-index:9; background-size:30px 30px; z-index:7;}


#container .mainrolling2{position:relative; width:100%; height:auto;}
#container .mainrolling2 .visual{position:relative; overflow:hidden; width:100%; height:100%; position:absolute; z-index:1;}
#container .mainrolling2 .visual ul{top:0; left:0; width:100%; height:100%; position:absolute;}
#container .mainrolling2 .visual ul:after{content:'.';display:block;font-size:0;height:0px;line-height:0;clear:both;}
#container .mainrolling2 .visual ul li{position:absolute; top:0; width:calc(100% - 10px); padding:0 5px;}
#container .mainrolling2 .visual ul li img{display:block; width:95%;}
#container .mainrolling2 .visual ul li:nth-child(1){left:0;}
#container .mainrolling2 .visual ul li:nth-child(2){left:95%;}
#container .mainrolling2 .visual ul li:nth-child(3){left:200%;}
#container .mainrolling2 .visual ul li:nth-child(4){left:300%;}
#container .mainrolling2 .visual ul li:nth-child(5){left:400%;}
#container .mainrolling2 .visual ul li:nth-child(6){left:500%;}
#container .mainrolling2 .pt{padding-top:74.5%;}
#container .mainrolling2 .indicator{position:absolute; top:7px; right:35px; font-size:12px; color:#fff; font-weight:400; z-index:6;}
#container .mainrolling2 .indicator span{font-weight:800;}
*/
.main .set01{padding:18px;}
.main .set01 ul:after{content:'.';display:block;font-size:0;height:0;line-height:0;clear:both;}
.main .set01 ul li{float:left; width:50%; box-sizing:border-box;}
.main .set01 ul li:nth-child(1){padding-top:7px; padding-bottom:20px; border-right:1px solid #efefef; border-bottom:1px solid #efefef;}
.main .set01 ul li:nth-child(2){padding-top:7px; padding-bottom:20px; border-bottom:1px solid #efefef;}
.main .set01 ul li:nth-child(3){padding-top:25px; border-right:1px solid #efefef;}
.main .set01 ul li:nth-child(4){padding-top:25px;}
.main .set01 ul li a img{display:block; width:80px; height:80px; margin:auto;}
.main .set01 ul li a .name{padding-top:20px; font-size:16px; height:15px; line-height:14px; font-weight:800; color:#1e1e1e; text-align:center;}
.main .set01 ul li a .name span{display:inline-block; height:15px; padding-right:20px; background:url('../images/mobile/common/icon_link.png') 100% 50% no-repeat; background-size:15px;}


/*-----------------main-----------------*/
.sub #container{padding-top:107px;}
.sub #container .subtitle h2{padding:47px 0 36px; color:#1e1e1e; font-size:29px; line-height:27px; font-weight:800; text-align:center;}
.sub #container .subtitle p.subtt{padding:0 18px; padding-bottom:45px; font-size:16px; color:#1e1e1e; line-height:26px; font-weight:bold; text-align:center;}
.sub #container .headline{margin-bottom:50px;}
.sub #container .headline img{width:100%;}

.sub #container .section .namebox.n1{padding:0 18px 15px;}
.sub #container .section .namebox.n1 .logo{width:98px;}
.sub #container .section .textbox{padding:0 18px; font-size:16px; line-height:26px; color:#1e1e1e;}

.sub #container .section.his{padding:0 18px;}
.sub #container .section .historybox{border-top:2px solid #4d4d4d;}
.sub #container .section .historybox .area{padding:50px 0 35px; border-top:1px solid #e6e6e6;}
.sub #container .section .historybox .area:first-child{border-top:0;}
.sub #container .section .historybox .area p{padding-bottom:20px; font-size:15px; font-weight:800; color:#1e1e1e;}
.sub #container .section .historybox .area dl{display:table; width:100%; color:#666666; font-size:15px; margin-bottom:15px;}
.sub #container .section .historybox .area dl dt{display:table-cell; width:18%; font-weight:700;}
.sub #container .section .historybox .area dl dd{display:table-cell; font-weight:400;}


.sub #container .section .namebox.n2{text-align:center; padding-bottom:25px; line-height:26px; font-size:16px; font-weight:bold; color:#1e1e1e;}
.sub #container .section .namebox.n2 .fc01{color:#fabf3f; font-weight:800;}
.sub #container .section .namebox.n2 .fc02{color:#1755a2; font-weight:800;}
.sub #container .section .namebox.n2 .fc03{color:#5094fc; font-weight:800;}
.sub #container .section .namebox.n2 .fc04{color:#803cf3; font-weight:800;}
.sub #container .section .namebox.n2 .fc05{color:#006f7d; font-weight:800;}
.sub #container .section .namebox.n2 .fc06{color:#b79067; font-weight:800;}
.sub #container .section .namebox.n2 .fc07{color:#c11d25; font-weight:800;}
.sub #container .section .namebox.n2 .fc08{color:#006939; font-weight:800;}
.sub #container .section .namebox.n2 .fc09{color:#e30234; font-weight:800;}
.sub #container .section .namebox.n2 .fc10{color:#003791; font-weight:800;}
.sub #container .section .iconbox{padding:25px 18px 0;}
.sub #container .section .iconbox ul{display:table; width:100%; margin:auto;}
.sub #container .section .iconbox ul li{display:table-cell; text-align:center;}
.sub #container .section .iconbox ul li a{display:inline-block; width:22px; height:22px; background-size:22px !important;}
.sub #container .section .iconbox ul li a.icon_b{background:url('../images/mobile/sub02/icon_b.png') no-repeat;}
.sub #container .section .iconbox ul li a.icon_f{background:url('../images/mobile/sub02/icon_f.png') no-repeat;}
.sub #container .section .iconbox ul li a.icon_h{background:url('../images/mobile/sub02/icon_h.png') no-repeat;}
.sub #container .section .iconbox ul li a.icon_i{background:url('../images/mobile/sub02/icon_i.png') no-repeat;}
.sub #container .section .iconbox ul li a.icon_n{background:url('../images/mobile/sub02/icon_n.png') no-repeat;}
.sub #container .section .iconbox ul li a.icon_p{background:url('../images/mobile/sub02/icon_p.png') no-repeat;}
.sub #container .section .iconbox ul li a.icon_t{background:url('../images/mobile/sub02/icon_t.png') no-repeat;}
.sub #container .section .iconbox ul li a.icon_y{background:url('../images/mobile/sub02/icon_y.png') no-repeat;}
.sub #container .section .iconbox ul.w80{width:80%;}
.sub #container .section .iconbox ul.col4 li{width:25%;}


.sub #container .section .stbx{padding:35px 0; border-top:1px solid #e6e6e6;}
.sub #container .section .stbx:first-child{border-top:0; padding-top:0;}
.sub #container .section .stbx .img{width:80%; padding-top:25px; margin:auto; text-align:center;}
.sub #container .section .stbx .img img{width:100%; max-width:444px;}
.sub #container .section .stbx .iconbox ul.col5 li{width:20%;}




.sslink{position:relative; padding:0 18px;}
.sslink .title{position:relative; color:#333; font-size:18px; padding-bottom:15px; font-weight:800;}
.sslink .cont{padding:0 0 50px 0; border-top:2px solid #313131;}
.sslink .cont:after{content:'.';display:block;font-size:0;height:0;line-height:0;clear:both;}
.sslink .cont a{display:block; padding:20px 0 20px; min-height:72px; background-size:72px !important; border-bottom:1px solid #e6e6e6;}
.sslink .cont .link01{background:url('../images/mobile/sub02/sub03_icon01.png') 0 50% no-repeat;}
.sslink .cont .link02{background:url('../images/mobile/sub02/sub03_icon02.png') 0 50% no-repeat;}
.sslink .cont .link03{background:url('../images/mobile/sub02/sub03_icon03.png') 0 50% no-repeat;}
.sslink .cont .link04{background:url('../images/mobile/2024/sub03_icon04.png') 0 50% no-repeat;}
.sslink .cont .link05{background:url('../images/mobile/2024/sub03_icon05.png') 0 50% no-repeat;}
.sslink .cont .link06{background:url('../images/mobile/sub02/sub03_icon06.png') 0 50% no-repeat;}
.sslink .cont .link07{background:url('../images/mobile/sub02/sub03_icon07.png') 0 50% no-repeat;}
.sslink .cont .link08{background:url('../images/mobile/sub02/sub03_icon08.png') 0 50% no-repeat;}
.sslink .cont .link09{background:url('../images/mobile/sub02/sub03_icon09_1.png') 0 50% no-repeat;}
.sslink .cont .link10{background:url('../images/mobile/sub02/sub03_icon10_1.png') 0 50% no-repeat;}
.sslink .cont .link11{background:url('../images/mobile/sub02/sub03_icon11_1.png') 0 50% no-repeat;}
.sslink .cont .link12{background:url('../images/mobile/sub02/sub03_icon12.png') 0 50% no-repeat;}
.sslink .cont .link13{background:url('../images/mobile/sub02/sub03_icon13.png') 0 50% no-repeat;}
.sslink .cont .link14{background:url('../images/mobile/sub02/sub03_icon14.png') 0 50% no-repeat;}
.sslink .cont .link15{background:url('../images/mobile/sub02/sub03_icon15.png') 0 50% no-repeat;}
.sslink .cont .link16{background:url('../images/mobile/sub02/sub03_icon16_1.png') 0 50% no-repeat;}
.sslink .cont .link17{background:url('../images/mobile/sub02/sub03_icon17.png') 0 50% no-repeat;}
.sslink .cont dl{padding-left:100px;}
.sslink .cont dl dt{font-weight:700; color:#333; font-size:16px; background:url('../images/mobile/sub02/sub03_arrow_off.png') 100% 50% no-repeat; background-size:15px;}
.sslink .cont dl dd{font-weight:400; color:#666; font-size:15px; line-height:26px;}
.sslink .cont dl.down dt{background:url('../images/mobile/sub02/sub03_down_off.png') 100% 50% no-repeat; background-size:15px;}



.ad{padding:0 18px;}
.sub #container .section .ad .namebox{border-bottom:2px solid #313131; color:#333; font-size:18px; padding-bottom:15px; font-weight:800;}
.sub #container .section .ad .textbox{border-bottom:1px solid #e6e6e6; padding:15px 0; font-weight:700; color:#333; font-size:16px; line-height:26px;}
.ad .box{width:100%;}
.ad .box dl{padding:18px 0 20px; border-bottom:1px solid #e6e6e6;}
.ad .box dl.first{border-left:0;}
.ad .box dl dt .name{display:block; line-height:26px; color:#333; font-weight:800; font-size:16px;}
.ad .box dl dt .name em{font-weight:400;}
.ad .box dl dd.phon{padding-bottom:25px;}
.ad .box dl dd.phon li{color:#666; line-height:26px; font-size:15px; font-weight:400;}
.ad .box dl dd.phon li.b{color:#333; font-weight:700;}
.ad .box .btn_phon{display:block; width:125px; height:50px; margin:auto; border:1px solid #1e1e1e; line-height:48px; font-weight:700; color:#333; font-size:16px; text-align:center;}




#container .mainrolling{width:100%;}
#container .mainrolling img{width:100%;}
#container .mainrolling .indicator{position:absolute; bottom:47px; left:0; width:100%; font-size:15px; color:#fff; font-weight:400; text-align:center;  z-index:6;}
#container .mainrolling .indicator .swiper-pagination-current{font-weight:800;}
#container .mainrolling .btn_left{position:absolute; bottom:40px; left:18px; width:30px; height:30px; background:url('../images/mobile/main/btn_left_arrow.png') no-repeat; background-size:30px 30px; z-index:7;}
#container .mainrolling .btn_right{position:absolute; bottom:40px; right:18px; width:30px; height:30px; background:url('../images/mobile/main/btn_right_arrow.png') no-repeat; background-size:30px 30px; z-index:7;}



#container .mainrolling2 .swiper-slide{width:340px;}
#container .mainrolling2 img{width:100%; margin:auto;}
#container .mainrolling2 .indicator{position:absolute; top:7px; left:48px; width:50px; height:20px; font-size:12px; color:#fff; font-weight:400; z-index:6;}
#container .mainrolling2 .indicator .swiper-pagination-current{font-weight:800;}

/* error */
.error{width:100%; height:100%;}
.error .err-cont{width: 340px;height: calc(100vh - 570px);margin: auto;text-align: center;padding-top: calc(50vh - 200px);}
.error .err-cont.en{height: calc(100vh - 570px);}
.error .err-cont img{margin:0 auto 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: 128px;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 { color: #2a2a2a;background: #f2f2f2;}
.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;}