@charset "utf-8";
@import url('/font/poppins/font.css');
/* 상단 이미지 박스 */
.t_intbx{position: relative; width: 100%; height: 25em; background-color: #eee; background-image: url(../../../images/site/appenzeller/content/depart_int_01.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.t_intbx >div{position: absolute; bottom: 0; left: 0; width: 100%; padding: 1.5625em; max-width: 40.8125em; background-color: #082B52;}
.t_intbx >div:before{content: ""; display: block; position: absolute; top: 1em; right: 1.4375em; width: 6.4375em; height: 5.5625em; z-index: 0; background: url(../../../images/site/appenzeller/content/depart_int_02.jpg) no-repeat center center; background-size: contain;}
.t_intbx >div >strong{position: relative; display: block; font-weight: 400; color: #fff; font-size: 1.375em; line-height: 1.4; letter-spacing: -0.04em; box-sizing: border-box;}
.t_intbx >div >strong >span{font-weight: 600;}
.t_intbx >div > span{position: relative; display: block; margin-bottom: 0.69em; color: rgba(255, 255, 255, 0.65); font-weight: 300; text-transform: uppercase; font-size: 0.875em; letter-spacing: -0.035em; line-height: 1.3;}
@media screen and (max-width: 640px){
    .t_intbx > strong{font-size: 2.2em;}
}
.user#sub #txt [data-table] > table tr th, .user#sub #txt [data-table] > table tr td{font-family: 'NotoSans'}
/*sub_01_01*/
.sub_01_01{}
.sub_01_01 .txts:after{content: ""; display: block; clear: both;}
.sub_01_01 .txts{font-size:1.05em}
.sub_01_01 .txts .t{display: block; font-size: 1.525em; line-height: 1.3; letter-spacing: -0.03em; font-weight: 500;}
.sub_01_01 .txts .img_box{position: relative; float: right; width: 36.5%; margin-left: 1.5em; margin-bottom: 0.5em;}
.sub_01_01 .txts .img_box:before{content: ""; position: absolute; bottom: 0; right: 0; display: block; width: 154.764%; height: 27.3125em; background: url(../../../images/site/appenzeller/content/01_01_img02.svg) no-repeat bottom left; background-size: 100% auto; z-index: -1;}
.sub_01_01 .txts .img_box img{display: block; width: 100%;}
.sub_01_01 .bb{text-align: left; font-size: 1.25em; line-height: 1.25; letter-spacing: -0.03em;  color: #333; font-weight: 400;}
.sub_01_01 .bb span{display: inline-block; font-size: 1.4em; vertical-align: middle; margin-left: 0.5em; letter-spacing: 0;}

@media screen and (max-width: 480px){
    .sub_01_01 .txts .img_box{float: none; width: 100%; max-width: 22.5em; margin-left: 0; margin-bottom: 1.5em;}
    .sub_01_01 .txts .img_box:before{display: none;}    
}
/* 상단 이미지 박스 */
 .t_intbx2{background-image: url(../../../images/site/appenzeller/content/depart_his2.png);}
 .t_intbx3{background-image: url(../../../images/site/appenzeller/content/depart_his3.png);}
 .t_intbx4{background-image: url(../../../images/site/appenzeller/content/depart_his4.png);}
 .t_intbx5{background-image: url(../../../images/site/appenzeller/content/depart_his5.png);}
 .t_intbx6{background-image: url(../../../images/site/appenzeller/content/depart_his6.png);}
 .t_intbx7{background-image: url(../../../images/site/appenzeller/content/depart_his7.png);}
 .t_intbx2{display: table; table-layout: fixed; width: 100%; height: 12.1875em; background-color: #eee; background-repeat: no-repeat; background-position: center center; background-size: cover;}
 .t_intbx2>div{display: table-cell; width: 100%; padding: 0 2em; vertical-align: middle; text-align: center;}
 .t_intbx2>div strong{display: block; font-family: 'Poppins'; font-weight: 700; color: #fff; font-size: 2.5em; line-height: 1.2; letter-spacing: -0.7px; box-sizing: border-box;}
 .t_intbx2>div span{color: #fff; font-weight: 300;}
@media screen and (max-width: 640px){
    .t_intbx2{height: auto; min-height: 12.1875em; padding: 1.5em 0;}
    .t_intbx2>strong{font-size: 2.2em;}
}

.user#sub #txt>div{font-size:1.055em}
.user#sub #txt>div ul li{line-height:1.8;}

.user#sub #txt h4{  font-family: 'NotoSans';color: #0F3192;font-size:1.45em !important;}
.user#sub #txt .sub_01_02 h4{  font-family: 'Poppins';color: #0F3192;font-weight:700 !important;font-size:2.5em}
.user#sub #txt .sub_01_02 ul li{padding:0;margin:0;}
.user#sub #txt .sub_01_02 ul li>strong{display:inline-block;font-family: 'Poppins'font-weight:500;padding-right:.5em;color:#0f3192;width:5.5%;font-size:1em;margin:.3em 0;line-height:1.6;}
.user#sub #txt .sub_01_02 ul li>p{display:inline-block;width:92%;margin:.3em 0;line-height:1.6;}
.user#sub #txt .sub_02_02 h4{text-align:center;}
.blue_txt{color: #0F3192;}
.img1000{max-width:1100px;width:100%;margin:0 auto;}
.img920{max-width:920px;width:100%;margin:0 auto;}
a.btn1{display:inline-block;padding:10px 20px;border:1px solid #0F3192;background:#0F3192;color:#fff !important;border-radius:4px;}
a.btn2{display:inline-block;padding:10px 20px;border:1px solid #0F3192;border-radius:4px;}
.sub_02_03 input{padding:10px;}
.user#sub #txt [data-table] td.alignL{text-align:left;}
table td.alignL span{font-weight:700;}

.appen-img{width:33%;padding-left:2%;float:right;margin:0;text-align:right;}
.appen-img img{width:100%;max-width:320px;}
#content #txt .sub_02_01 .floor{overflow:hidden;padding:1em 0}
#content #txt .sub_02_01 .floor li{width:23%;float:left;margin:1%;height:17.5em;border:1px solid #ccc;border-radius:10px;box-shadow:0 0 13px rgba(0,0,0,.15);text-align:center;}
#content #txt .sub_02_01 .floor li>div{background-repeat:no-repeat;background-position:center;background-size:cover;height:8em;border-radius:7px;margin:3%;}
#content #txt .sub_02_01 .floor li:nth-child(1)>div{background-image:url('/images/site/appenzeller/content/floor01.jpg');}
#content #txt .sub_02_01 .floor li:nth-child(2)>div{background-image:url('/images/site/appenzeller/content/floor02.jpg');}
#content #txt .sub_02_01 .floor li:nth-child(3)>div{background-image:url('/images/site/appenzeller/content/floor03.jpg');}
#content #txt .sub_02_01 .floor li:nth-child(4)>div{background-image:url('/images/site/appenzeller/content/floor04.jpg');}
#content #txt .sub_02_01 .floor li p.title{font-size:1.1em;font-weight:200;color:black;letter-spacing:0;}
#content #txt .sub_02_01 .floor li p.title span{color:#638be4;font-size:180%;font-weight:700;}
#content #txt .sub_02_01 .floor li p{line-height:1.5;padding:0;margin:0;}
@media screen and (max-width: 1170px){
   #content #txt .sub_02_01 .floor li{width:48%;height:17.5em;box-shadow:none;}
}
.img_boxs{text-align: center;}
.img_boxs img{display: inline-block; max-width: 100%; }

/*준비중*/
#ready_page .box_sum.icon .bx_wrap:before{background-image: url(../../../images/site/appenzeller/content/ready_img.png);}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////

로그인

///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
[data-item="login"]{padding:2.625em 2.625em 3.25em 2.625em; margin-top:1em; letter-spacing:-0.04em; background-color:#F2F5FA; background-image:url(../../../../images/site/partner/kor/content/login_bg.svg); background-repeat:no-repeat; background-position:right bottom; background-size:auto auto;}
[data-item="login"]>.in{text-align:center;}
[data-item="login"]>.in>.head{font-size:1.4375em; color:#222;}
[data-item="login"]>.in>.head>strong{font-weight:400;}
[data-item="login"]>.in>.midd{max-width:23.125em; margin:1em auto 0;}
[data-item="login"]>.in>.midd input[type="text"],
[data-item="login"]>.in>.midd input[type="password"]{width:100%; height:2.5em; font-size:1em; border:1px solid #E5E5E5; color:#666; background-color:#fff;}
[data-item="login"]>.in>.midd input[type="submit"]{width:100%; height:2.5em; font-size:1em; color:#fff; background-color:#082B52;}
[data-item="login"]>.in>.midd input:nth-child(n+2){margin-top:0.3125em;}
[data-item="login"]>.in>.midd input[type="submit"]{margin-top:0.625em;}
[data-item="login"]>.in>.foot{margin-top:1em; color:#222;}

@media screen and (max-width: 400px){
[data-item="login"]{font-size:0.9em;}
}

/*사이트맵*/
.sitemap{overflow: hidden;}
.sitemap >ul{border-bottom: 1px solid #757575; box-sizing: border-box;}
.sitemap >ul:after{content: ""; display: block; clear: both;}
.sitemap >ul >li{position: relative; display: inline-block; width: calc((100% - 9px - 5.625em) / 4); vertical-align: top;}
.sitemap >ul >li:not(:nth-child(4n+1)){margin-left: 1.8em;}
.sitemap >ul >li:nth-child(4n+1):before{content: ""; position: absolute; top: 0; left: 0;  z-index: -1; display: block; width: 100vw; height: 1px; background-color: #757575;}
.sitemap >ul >li:not(:nth-child(4n+1)):before{content: ""; position: absolute; z-index: 1; top: 0; left: calc(-1.875em - 3px); display: block; width: calc(1.875em + 3px); height: 1px; background-color: #fff;}
.sitemap >ul >li:after{content: ""; position: absolute; z-index: 0; bottom: 0; left: calc(-1.875em - 3px); display: block; width: calc(1.875em + 3px); height: 1px; background-color: #ddd;}
.sitemap >ul >li >a{position: relative; display: block; background-color: #F1F4FC; text-align: center; font-size: 1.125em; font-weight: 500; color: #222222; padding: 0.556em; border-top: 1px solid #757575; box-sizing: border-box;}
.sitemap >ul >li >div{position: relative; z-index: 1; display: block !important; background-color: #fff;}
.sitemap >ul >li >div:before{content: ""; position: absolute; top: 0.5px; left: calc(-1.875em - 3px); z-index: 0; display: block; width: calc(1.875em + 3px); height: 100vh; background-color: #fff;}
.sitemap >ul >li:last-child >div:after{content: ""; position: absolute; top: 1px; left: 100%; z-index: 0; display: block; width: 100vw; height: 100vh; background-color: #fff;}
.sitemap >ul >li >div >ul{padding: 0.75em 10% 1.25em; box-sizing: border-box;}
.sitemap >ul >li >div >ul >li{position: relative; padding-left: 0.7em; box-sizing: border-box;}
.sitemap >ul >li >div >ul >li >a >span{color:#454545; }
.sitemap >ul >li >div >ul >li:before{
    content: ""; position: absolute; top: 0.67em; left: 0; display: block; width: 4px; height: 4px; background-color: #CCC; 
    border-radius: 50%; -webkit-border-radius: 50%;
}
.sitemap >ul >li >div >ul >li:not(:first-child){margin-top: 0.8em;}
.sitemap >ul >li >div >ul >li > div{display: none;}
.sitemap >ul >li >div >strong{display: none;}
@media screen and (max-width: 1200px){
    .sitemap >ul >li{width: calc((100% - 6px - 3.75em) / 3);}
    .sitemap >ul >li:not(:nth-child(4n+1)){margin-left: 0;}
    .sitemap >ul >li:not(:nth-child(3n+1)){margin-left: 1.8em;}
    .sitemap >ul >li:nth-child(3n+1):before{content: ""; position: absolute; top: 0; left: 0;  z-index: -1; display: block; width: 100vw; height: 1px; background-color: #757575;}
    .sitemap >ul >li:not(:nth-child(3n+1)):before{content: ""; position: absolute; z-index: 1; top: 0; left: calc(-1.875em - 3px); display: block; width: calc(1.875em + 3px); height: 1px; background-color: #fff;}
    
}
@media screen and (max-width: 1024px){
    .sitemap >ul >li{width: calc((100% - 6px - 3em) / 3);}
    .sitemap >ul >li:not(:nth-child(3n+1)){margin-left: 1.4em;}
    .sitemap >ul >li:nth-child(3n+1):before{content: ""; position: absolute; top: 0; left: 0;  z-index: -1; display: block; width: 100vw; height: 1px; background-color: #757575;}
    .sitemap >ul >li:not(:nth-child(3n+1)):before{content: ""; position: absolute; z-index: 1; top: 0; left: calc(-1.5em - 3px); display: block; width: calc(1.5em + 3px); height: 1px; background-color: #fff;}
    .sitemap >ul >li >div:before{left: calc(-1.5em - 3px); width: calc(1.5em + 3px); }
    .sitemap >ul >li >div >ul >li:not(:first-child){margin-top: 0.6em;}
}
@media screen and (max-width: 640px){
    .sitemap >ul >li{width: calc((100% - 3px - 1.2em) / 2);}
    .sitemap >ul >li:not(:nth-child(3n+1)){margin-left: 0;}
    .sitemap >ul >li:not(:nth-child(2n+1)){margin-left: 1.1em;}
    .sitemap >ul >li:nth-child(2n+1):before{content: ""; position: absolute; top: 0; left: 0;  z-index: -1; display: block; width: 100vw; height: 1px; background-color: #757575;}
    .sitemap >ul >li:not(:nth-child(2n+1)):before{content: ""; position: absolute; z-index: 1; top: 0; left: calc(-1.2em - 3px); display: block; width: calc(1.2em + 3px); height: 1px; background-color: #fff;}
    .sitemap >ul >li >div:before{left: calc(-1.2em - 3px); width: calc(1.2em + 3px); }
    .sitemap >ul >li >div >ul >li:not(:first-child){margin-top: 0.4em;}
}
@media screen and (max-width: 360px){
    .sitemap >ul >li{width: 100%;}
    .sitemap >ul >li:not(:nth-child(2n+1)){margin-left: 0;}
    .sitemap >ul >li >div >ul{padding: 0.75em 2em 1.25em;}
}
ul#thumb-img{margin:0;padding:0;}
ul#thumb-img li{overflow:hidden;border-top:1px solid #ccc;}
ul#thumb-img li:first-child{border-top:0;}
ul#thumb-img li img{float:left;width:300px;padding:1.4em  1.4em 1.4em 0;}
ul#thumb-img li p{display:block;line-height:1.6;margin:.5em 0 .5em 0;}
ul#thumb-img li p.thum-t{font-size:1.25em;color:black;line-height:1;margin:1.2em 0 0 0;}
@media screen and (max-width: 1700px){
	ul#thumb-img li img{padding:1.4em  1.4em 0 0;}
	ul#thumb-img li p{margin:.5em 0 .95em 0;}
   }
   @media screen and (max-width: 740px){
		ul#thumb-img li img{width:200px;}
}
ul#thumb-img2{margin:0;padding:0;text-align:center;}
ul#thumb-img2 li{display:inline-block;width:46%;padding:0;border:1px solid #ccc;vertical-align:top;margin:1.5em 1.5%;box-shadow:0 0 15px rgba(0,0,0,.1);min-height:32em;}
ul#thumb-img2 li.a{min-height:39.5em;}
ul#thumb-img2 li.b{min-height:33.2em;}
ul#thumb-img2 li img{width:100%;padding:0;}
ul#thumb-img2 li p{display:block;line-height:1.6;margin:0 0 .5em 0;text-align:left;padding:0 1em 0em 1em;}
ul#thumb-img2 li p.thum-t{font-size:1.25em;color:black;line-height:1;margin:.75em 0 0 0;}
@media screen and (max-width: 1520px){
ul#thumb-img2 li {min-height:36.5em;}
ul#thumb-img2 li.a{min-height:42.2em;}
ul#thumb-img2 li.b{min-height:33em;}
   }
   @media screen and (max-width: 860px){
   ul#thumb-img2 li{width:100%;margin:.6em 0;}
   ul#thumb-img2, ul#thumb-img2 li.a, ul#thumb-img2 li.b{min-height:auto}
}


ul#thumb-img3{margin:0;padding:0;text-align:left;}
ul#thumb-img3 li a{color:#666 !important;}
ul#thumb-img3 li div{width:100%;position:relative;height:420px;background-size:cover;background-repeat:no-repeat;background-position:center top;}
ul#thumb-img3 li div:before{content: "";display:block;background-color: rgba(0,0,0,.07);position:absolute;top:0;left:0;right:0;bottom:0;}
ul#thumb-img3 li{display:inline-block;width:31.3%;padding:0 0 1em 0;border:1px solid #ccc;vertical-align:top;margin:1.5em 1%;box-shadow:0 0 15px rgba(0,0,0,.1);}
ul#thumb-img3 li:nth-child(3n){margin:1.5em 1% 1.5em 0;}
.user#sub #txt ul#thumb-img3 h4{padding:0.5em 1em 0.2em .7em;line-height:1.4;margin:0 0 0 0;}
.user#sub #txt ul#thumb-img3 p{padding:0.95em 1em 0.5em .8em;line-height:1.4;margin:-.5em 0 0 0;}
ul#thumb-img3 li p.thum-t{font-size:1.15em;color:black;margin:0;font-weight:500;padding:0 1em 0 .8em;margin:0;}
ul#thumb-img3 li dl{margin:0 0 .5em 0;text-align:left;padding:0 1em 0em 1em;}
ul#thumb-img3 li dl dt,ul#thumb-img3 li dl dd{display:inline-block;}
ul#thumb-img3 li dl dt{font-weight:700;width:25%;color:#666;vertical-align:top;}
ul#thumb-img3 li dl dd{width:72%;letter-spacing:0;line-height:1.4;}
ul#thumb-img3 li dl dd>span, ul#thumb-img3 li .btn>span{background:#0067a6;color:#fff;border-radius:5px;padding:0 5px;display:inline-block;font-size:90%;}
ul#thumb-img3 li dl dd>span.finish, ul#thumb-img3 li .btn>span.finish{background:gray;}
ul#thumb-img3 li p.btn{text-align:center;padding:0 1em; margin:-.24em 0 2em 0 !important;}
ul#thumb-img3 li p.btn>span{display:block;width:100%;padding:5px 0;}
@media screen and (max-width: 1520px){
ul#thumb-img3 li div{height:350px;background-size:contain;}
ul#thumb-img3 li dl dt, ul#thumb-img3 li dl dd{font-size:90%;width:100%;}
   }
   @media screen and (max-width: 1015px){
ul#thumb-img3 li{box-shadow:0 0 5px rgba(0,0,0,.1);}
ul#thumb-img3 li div{height:300px;}
ul#thumb-img3 li dl dt{width:23%;}
ul#thumb-img3 li dl dd{width:74%;}
   ul#thumb-img3 li{width:48%;}
   ul#thumb-img3 li:nth-child(2n+1){margin:1.5em 1% 1.5em 0;}
   }
   @media screen and (max-width: 860px){
   ul#thumb-img3 li{width:100%;margin:.5em 0;}
ul#thumb-img3 li div{height:250px;}
}
/*.user#sub #remote>#lnb>ul>li>ul{display:none !important;}*/