@charset "utf-8";

#sub{overflow:hidden;padding-top:170px;transition:padding .5s;}
#sub #content{padding-bottom:70px;}

.fixed ~ #sub{overflow:hidden;padding-top:90px;transition:padding .3s;}
@media (max-width:1199px) {
  #sub #content{padding-bottom:45px;}
  #sub{padding-top:0px !important;}
}

@media (max-width:760px) {
  #sub .inner{padding:0 15px;}
  #sub #content{padding-bottom:35px;}
}

@media (max-width:1040px) {
  .skinTb-wrapper.width1000{margin-right:-20px;}
}

@media (max-width:808px) {
  .skinTb-wrapper.width768{margin-right:-20px;}
}

@media (max-width:670px) {
  .skinTb-wrapper.width640{margin-right:-15px;}
}

#sub .contsLead{border-bottom:3px solid #c7c8da;border-top-right-radius:100px;padding:3px;padding-left:0;}
#sub .contsLead:before{background:#194db0;border-top-right-radius:103px;height:120px;}
#sub .contsLead-conts{border-top-right-radius:100px;overflow:hidden;padding:10px 0 0px 20px;}
#sub .contsLead-txt{padding-right:100px;}


@media (max-width:1199px) {
  #sub .contsLead{border-top-right-radius:70px;}
  #sub .contsLead-conts{border-top-right-radius:70px;padding:10px 0 0px 0px;}
  #sub .contsLead:before{border-top-right-radius:73px;height:100px;}
  #sub .contsLead .pgraph{font-size:15px;}
  #sub .contsLead-txt{padding-right:50px;}
}

@media (max-width:760px) {
  #sub .contsLead{border-top-right-radius:50px;padding:2px;padding-left:0;border-bottom:2px solid #c7c8da;}
  #sub .contsLead-conts{border-top-right-radius:50px;padding:10px 0 0px 0px;}
  #sub .contsLead:before{border-top-right-radius:52px;height:80px;}
  #sub .contsLead .pgraph{font-size:14px;}
  #sub .contsLead-txt{padding:5px 15px 0px 0px;}
}


/*회원관리*/

/*가이드 공통*/
.guide{position:relative;}
.guide .guide_title{font-size:24px;font-weight:500;color:#333;line-height:1.5;letter-spacing:-1px;padding-bottom:15px;}
.guide .guide_info{background:#f0f3f8;padding:16px 43px 18px;font-weight:300;color:#252525;line-height:1.4;letter-spacing:-0.5px;word-break:keep-all;margin-top:10px;}
.guide .guide_info .bar{display:inline-block;width:1px;height:15px;background:#252525;margin:0 4px;vertical-align:-2px;}
.guide .guide_info p + p{margin-top:5px;}
.guide .mobile_br{display:none}
.guide .guide_info em{color:#194db0;font-weight:400;}

.guide .guide_info li{padding-left:8px;position:relative;word-break:keep-all;}
.guide .guide_info li + li{margin-top:5px;}
.guide .guide_info li:after{content:'-';position:absolute;top:1px;left:0px;}

@media (max-width:1199px) {
    .guide .guide_title{font-size:22px;padding-bottom:15px;}
    .guide .guide_info .bar{height:10px;vertical-align:-1px;}
}

@media (max-width:760px) {
    .guide .guide_title{font-size:18px;padding-bottom:15px;}
    .guide .guide_info{padding:16px 5px 18px 20px;font-size: 13px;}
    .guide .mobile_br{display:block}
}


/*로그인*/
.guide .login{position:relative;overflow:hidden;letter-spacing:-1px;}
.guide .login .text_box{float:left;width:50%;min-height:310px;padding:45px 20px 20px 40px;border:1px solid #d1d1d1;border-top:2px solid #194db0;}
.guide .login .text_box h4{font-size:26px;color:#202020;font-weight:300;line-height:1.4}
.guide .login .text_box h4 em{color:#194db0;}
.guide .login .text_box p{margin-top:20px;color:#555;font-weight:300;line-height:1.4}

.guide .login .input_box{float:left;width:50%;border:1px solid #d1d1d1;border-width:0px 1px 1px 0;min-height:310px;border-top: 2px solid #194db0;}
.guide .login .input_box .tab{overflow:hidden;}
.guide .login .input_box .tab li{width:50%;float:left;}
.guide .login .input_box .tab li a{display:block;height:50px;line-height:50px;text-align:center;border:1px solid #d1d1d1;border-width:1px 0;font-size:18px;color:#252525;font-weight:300;text-decoration:none;}
.guide .login .input_box .tab li a:hover, .guide .login .input_box .tab li a:focus{text-decoration:underline;}
.guide .login .input_box .tab li:nth-child(2) a{border-width:1px 0 1px 1px;}
.guide .login .input_box .tab li a strong{font-weight:500;}
.guide .login .input_box .tab li.active a{border-bottom:0;border-top:2px solid #194db0;}
.guide .login .input_box .tab li.active a strong{color:#194db0;}
.guide .login .input_box form{padding:25px 36px 18px;}
.guide .login .input_box .id_box{border:1px solid #d1d1d1;height:42px;position:relative;}
.guide .login .input_box .id_box input{height:40px;line-height:40px;font-weight:300;color:#555;display:block;width:100%;font-size:16px;padding:0px 0 0 36px;letter-spacing:0px;font-family: 'Noto Sans KR', sans-serif;}
.guide .login .input_box .id_box:after{content:'';width:18px;height:20px;display:block;background:url(/site/portal/common/images/sp_dq_02.png) -414px -1273px no-repeat;background-size:520px 1732px;position:absolute;top:11px;left:11px;}

.guide .login .input_box .password_box{border:1px solid #d1d1d1;height:42px;position:relative;margin-top:10px;}
.guide .login .input_box .password_box input{height:40px;line-height:40px;font-weight:300;color:#555;display:block;width:100%;font-size:16px;padding:0px 0 0 36px;letter-spacing:0px;font-family:'Noto Sans KR', sans-serif;}
.guide .login .input_box .password_box:after{content:'';width:16px;height:20px;display:block;background:url(/site/portal/common/images/sp_dq_02.png) -452px -1273px no-repeat;background-size:520px 1732px;position:absolute;top:10px;left:11px;}

.guide .login .input_box input:focus::placeholder{color:transparent}
.guide .login .input_box input::placeholder{color:#555;}

.guide .login .input_box .btn_login{margin-top:15px;display:block;text-align:center;background:#194db0;color:#fff;border-radius:4px;height:50px;line-height:51px;font-weight:700;font-size:16px;letter-spacing:-1px;width:100%;transition:all .2s;}
.guide .login .input_box .btn_login:active{transform:scale(.95);}
.guide .login .input_box .member_box{overflow:hidden;margin-top:6px;}
.guide .login .input_box .member_box a{display:block;float:left;width:calc((100% - 8px) / 2);height:50px;line-height:48px;border:1px solid #959595;border-radius:4px;text-align:center;color:#454545;text-decoration:none;letter-spacing:-1px;transition:all .5s;overflow:hidden;position:relative;}
.guide .login .input_box .member_box a:active{transform:scale(.95);}
.guide .login .input_box .member_box a:hover{text-decoration:underline;}
/*
.guide .login .input_box .member_box a:before{content:'';z-index:-1;position:absolute;bottom:0%;left:50%;background:#194db0;width:310px;height:310px;margin-left:-160px;margin-bottom:-310px;transform-origin:50% 48%;border-radius:43%;transition-duration:1.7s;transition-property:margin-bottom;transition-timing-function:ease;}
.guide .login .input_box .member_box a:hover{color:#fff !important;text-decoration:none;font-weight:500;border-color:#194db0}
.guide .login .input_box .member_box a:hover:before{margin-bottom:-130px;animation: rotate 1000ms infinite linear;}

@keyframes rotate {
  from { transform: rotate(0deg); }
  from { transform: rotate(360deg); }
}
*/
.guide .login .input_box .member_box .member{margin-right:8px;}

@media (max-width:840px) {
    .guide .login .input_box form{padding:25px 20px 18px;}
}

@media (max-width:760px) {
   .guide .login .text_box{float:none;width:100%;min-height:auto;padding:25px 20px 30px 20px;}
   .guide .login .text_box h4{font-size: 21px;}
   .guide .login .text_box p{margin-top:10px;font-size: 14px;}

   .guide .login .input_box{float:none;width:100%;margin-top:10px;border-left:1px solid #d1d1d1;min-height:auto;}
   .guide .login .input_box form{padding:20px 15px 15px;}
   .guide .login .input_box .btn_login{height:42px;line-height:42px;}
   .guide .login .input_box .member_box a{height:42px;line-height:40px;font-size:14px;}
   .guide .login .input_box .tab li a{font-size:16px;}
   .guide .login .input_box .id_box input{font-size:14px;}
   .guide .login .input_box .password_box input{font-size:14px;}
}

/*회원가입*/
.guide .join{position:relative;overflow:hidden;letter-spacing:-1px;overflow:hidden;}
.guide .join > div{float:left;width:calc((100% - 25px) / 2);margin-right:24px;min-height:380px;padding:47px 20px 29px;text-align:center;border:1px solid #d1d1d1;border-top:2px solid #194db0;}
.guide .join > div.company{margin-right:0;}
.guide .join > div .icon{display:block;width:150px;height:150px;margin:0 auto;background:#f0f3f8;border-radius:50%;position:relative;text-align:center;padding-top:28px;}
.guide .join > div .icon:before{content:'';display:inline-block;margin-top:6px;width:90px;height:80px;background:url(/site/portal/common/images/sp_dq_02.png) -15px -1556px no-repeat;background-size:520px 1732px;}
.guide .join > div.active .icon:before{background-position:-15px -1439px;}
.guide .join > div.company .icon:before{width:121px;height:92px;margin-top:0;background-position:-120px -1550px;}
.guide .join > div.company.active .icon:before{background-position:-120px -1433px;}

.guide .join > div h4{color:#202020;font-size:26px;line-height:1.2;padding-top:40px;}
.guide .join > div h4 em{color:#194db0;}
.guide .join > div a{display:block;max-width:175px;margin:33px auto 0;border-radius:4px;border:1px solid #959595;text-align:center;color:#454545;height:50px;line-height:48px;transition:all .5s;text-decoration:none;position:relative;overflow:hidden;font-weight:400;}
.guide .join > div a:before{content:'';z-index:-1;position:absolute;bottom:0%;left:50%;background:#194db0;width:310px;height:310px;margin-left:-160px;margin-bottom:-310px;transform-origin:50% 48%;border-radius:43%;transition-duration:1.7s;transition-property:margin-bottom;transition-timing-function:ease;}
.guide .join > div a:hover{color:#fff !important;text-decoration:none;font-weight:500;border-color:#194db0}
.guide .join > div a:active{transform:scale(.9);}
.guide .join > div a:hover:before{margin-bottom:-130px;animation: rotate 1000ms infinite linear;}

@keyframes rotate {
  from { transform: rotate(0deg); }
  from { transform: rotate(360deg); }
}


@media (max-width:1199px) {
    .guide .join > div{padding:37px 20px 20px;min-height:360px;}
    .guide .join > div h4{font-size:24px;}
}

@media (max-width:760px) {
    .guide .join > div{padding: 10px 20px 17px;min-height:auto;width:100%;float:none;margin-right:0;}
    .guide .join > div.company{margin-top:15px;}
    .guide .join > div h4{font-size: 20px;padding-top: 5px;}
    .guide .join > div a{margin-top:15px;height:40px;line-height: 40px;font-size:15px;width:150px;}
    .guide .join > div .icon{transform:scale(.8);}
}


/*아이디비밀번호찾기*/
.guide .find{position:relative;overflow:hidden;letter-spacing:-1px;overflow:hidden;}
.guide .find > div{float:left;width:50%;padding:30px 40px 40px;border:1px solid #d1d1d1;border-top:2px solid #194db0;}
.guide .find > div.company{margin-left:-1px;}
.guide .find > div h4{text-align:center;line-height:1.2;color:#252525;font-weight:500;font-size:24px;}
.guide .find > div h4 em{color:#194db0;}
.guide .find form{margin-top:40px;}
.guide .find form h5{font-weight:400;color:#252525;font-size:18px;padding-bottom:14px;}
.guide .find form h5.id:before{content:'';display:inline-block;width:22px;height:24px;background:url(/site/portal/common/images/sp_dq_02.png) -330px -1272px no-repeat;background-size:520px 1732px;margin-right:10px;vertical-align:-6px;}
.guide .find form h5.password:before{content:'';display:inline-block;width:18px;height:24px;background:url(/site/portal/common/images/sp_dq_02.png) -371px -1272px no-repeat;background-size:520px 1732px;margin-right:10px;vertical-align:-6px;}

.guide .find form button{height:50px;line-height:50px;color:#fff;background:#194db0;font-weight:500;text-align:center;border-radius:4px;display:block;width:100%;transition:all .2s;}
.guide .find form button:active{transform:scale(.95);}
.guide .find form + form{padding-top:7px;}
.guide .find .individual form button{margin-top:52px;}
.guide .find .individual form .id_box + button{margin-top:62px;}

.guide .find .id_box{border:1px solid #d1d1d1;height:42px;position:relative;margin-bottom:10px;}
.guide .find .id_box input{height:40px;line-height:40px;font-weight:300;color:#555;display:block;width:100%;font-size:16px;padding:0px 0 0 36px;letter-spacing:0px;font-family: 'Noto Sans KR', sans-serif;}
.guide .find .id_box:after{content:'';width:18px;height:20px;display:block;background:url(/site/portal/common/images/sp_dq_02.png) -414px -1273px no-repeat;background-size:520px 1732px;position:absolute;top:11px;left:11px;}

.guide .find .licensee_box{border:1px solid #d1d1d1;height:42px;position:relative;margin-bottom:10px;}
.guide .find .licensee_box input{height:40px;line-height:40px;font-weight:300;color:#555;display:block;width:100%;font-size:16px;padding:0px 0 0 36px;letter-spacing:0px;font-family: 'Noto Sans KR', sans-serif;}
.guide .find .licensee_box:after{content:'';width:18px;height:20px;display:block;background:url(/site/portal/common/images/sp_dq_02.png) -414px -1273px no-repeat;background-size:520px 1732px;position:absolute;top:11px;left:11px;}
.guide .find .licensee_box.v2:after{content:'';width:16px;height:20px;display:block;background:url(/site/portal/common/images/sp_dq_02.png) -452px -1273px no-repeat;background-size:520px 1732px;position:absolute;top:10px;left:11px;}

.guide .find input:focus::placeholder{color:transparent}
.guide .find input::placeholder{color:#555;}

@media (max-width:1199px) {
    .guide .find > div{padding:25px 30px 30px;}
    .guide .find form{margin-top:35px;}
}

@media (max-width:760px) {
    .guide .find > div{float:none;width:100%;padding:25px 20px 25px;}
    .guide .find > div.company{margin:15px 0 0;}
    .guide .find form{margin-top:25px;}
    .guide .find > div h4{font-weight:500;font-size: 19px;}
    .guide .find form h5{font-size:16px;padding-bottom:12px;}
    .guide .find .licensee_box input, .guide .find .id_box input{font-size:14px;}
    .guide .find form button{height:42px;line-height:42px;font-size: 15px;}
    .guide .find .individual form button{margin-top:10px !important;}
}

/*비밀번호변경*/
.guide .password_change{position:relative;overflow:hidden;letter-spacing:-0.7px;overflow:hidden;padding:36px 20px 30px;border:1px solid #d1d1d1;border-top:2px solid #194db0;}
.guide .password_change h4{line-height:1.2;color:#252525;font-size:24px;font-weight:500;padding-bottom:38px;text-align:center;}
.guide .password_change h4 em{color:#194db0}
.guide .password_change p{color:#555;line-height:1.4;text-align:center;word-break:keep-all;max-width:360px;margin:0 auto;}
.guide .password_change form{max-width:360px;margin:0 auto;padding-top:4px;}
.guide .password_change .password_box{margin-top:10px;}
.guide .password_change .password_box input{height:42px;line-height:42px;font-weight:300;color:#555;display:block;width:100%;font-size:16px;padding:0px 0 0 15px;font-family:'Noto Sans KR', sans-serif;border:1px solid #d1d1d1;letter-spacing:0px;}
.guide .password_change .password_box input:focus::placeholder{color:transparent}
.guide .password_change .password_box input::placeholder{color:#555;}
.guide .password_change form span{color:#555;font-weight:300;font-size:14px;display:block;line-height:1.3;margin-top:7px;}
.guide .password_change .btn_change{margin-top:15px;display:block;text-align:center;background:#194db0;color:#fff;border-radius:4px;height:50px;line-height:51px;font-weight:500;font-size:16px;letter-spacing:-1px;width:100%;transition:all .2s;font-family: 'Noto Sans KR', sans-serif;}
.guide .password_change .btn_change:active{transform:scale(.95);}

@media (max-width:1199px) {
    .guide .password_change{padding:30px 20px 25px;}
}

@media (max-width:760px) {
    .guide .password_change{padding:25px 20px 20px;}
    .guide .password_change h4{font-size:22px;font-weight:500;padding-bottom:25px;}
    .guide .password_change .password_box input{font-size:14px;}
    .guide .password_change .btn_change{height:42px;line-height:42px;}
    .guide .password_change p br{display:none;}
    .guide .password_change p{font-size:14px;}
}


/*아이디 찾기*/
.guide .find_id{position:relative;overflow:hidden;letter-spacing:-0.7px;overflow:hidden;padding:60px 20px 68px;border:1px solid #d1d1d1;border-top:2px solid #194db0;}
.guide .find_id h4{line-height:1.4;color:#202020;font-size:24px;font-weight:400;padding-bottom:38px;text-align:center;padding-bottom:25px;word-break:keep-all;}
.guide .find_id h4 em{color:#194db0;display:inline-block;margin:0 12px;}

.guide .find_id .btn_box{overflow:hidden;max-width:360px;margin:0 auto;}
.guide .find_id .btn_box a{display:block;float:left;width:calc((100% - 8px) / 2);height:50px;line-height:48px;border:1px solid #959595;border-radius:4px;text-align:center;color:#454545;text-decoration:none;letter-spacing:-1px;transition:all .5s;overflow:hidden;position:relative;}
.guide .find_id .btn_box a:active{transform:scale(.95);}
.guide .find_id .btn_box a:hover{text-decoration:underline;}
.guide .find_id .btn_box a + a{margin-left:8px;}
.guide .find_id .btn_box a:before{content:'';z-index:-1;position:absolute;bottom:0%;left:50%;background:#194db0;width:310px;height:310px;margin-left:-160px;margin-bottom:-310px;transform-origin:50% 48%;border-radius:43%;transition-duration:1.7s;transition-property:margin-bottom;transition-timing-function:ease;}
.guide .find_id .btn_box a:hover{color:#fff !important;text-decoration:none;font-weight:500;border-color:#194db0}
.guide .find_id .btn_box a:hover:before{margin-bottom:-130px;animation: rotate 1000ms infinite linear;}

@keyframes rotate {
  from { transform: rotate(0deg);}
  from { transform: rotate(360deg);}
}


@media (max-width:1199px) {
    .guide .find_id{padding:50px 20px 58px;}
}

@media (max-width:760px) {
    .guide .find_id{padding: 40px 20px 40px;}
    .guide .find_id h4{font-size:20px;padding-bottom:25px;}
    .guide .find_id h4 em{margin:0 6px;}

    .guide .find_id .btn_box a{height:40px;line-height:40px;font-size:15px;}
}


/*회원가입 탭*/
.guide .join_tab{overflow:hidden;margin-bottom:45px;background:#f0f3f8;padding:15px 25px;border-radius:80px;letter-spacing:-1px;}
.guide .join_tab li{float:left;width:130px;height:130px;border-radius:50%;background:#fff;position:relative;margin-right:calc((100% - 521px) / 3);text-align:center;padding-top:85px;}
.guide .join_tab li:last-child{margin-right:0;}
.guide .join_tab li.active{background:#194db0;}
.guide .join_tab li span{display:block;text-align:center;color:#555;font-size:18px;line-height:1.2;font-weight:400;}
.guide .join_tab li.active span{color:#fff;}
.guide .join_tab li:before{content:'';width:40px;height:49px;display:block;background:url(/site/portal/common/images/sp_dq_02.png) -20px -1276px no-repeat;background-size:520px 1732px;position:absolute;top:24px;left:50%;margin-left:-20px;}
.guide .join_tab li:nth-child(2):before{background-position:-97px -1276px;width:46px;height:52px;margin-left:-23px;}
.guide .join_tab li:nth-child(3):before{background-position:-177px -1276px;width:46px;height:52px;margin-left:-23px;}
.guide .join_tab li:nth-child(4):before{background-position:-255px -1276px;width:50px;height:52px;margin-left:-25px;}

.guide .join_tab li.active:before{background-position:-20px -1354px;}
.guide .join_tab li.active:nth-child(2):before{background-position:-97px -1354px;}
.guide .join_tab li.active:nth-child(3):before{background-position:-177px -1354px;}
.guide .join_tab li.active:nth-child(4):before{background-position:-255px -1354px;}
.guide .join_tab li:after{content:'';display:block;width:22px;height:37px;background:url(/site/portal/common/images/sp_dq_02.png) -368px -1343px no-repeat;background-size:520px 1732px;position:absolute;top:47px;right:-65px;}
.guide .join_tab li:last-child:after{display:none;}
.guide .join_tab li.active:after{background-position:-329px -1343px;}

.guide .join_tab li.v2{padding-top:76px;}

@media (max-width:850px) {
    .guide .join_tab li:after{right:-5.5vw}
}

@media (max-width:760px) {
    .guide .join_tab{margin:0 -15px 30px;background:#f0f3f8;padding:10px 5px;border-radius:80px;border-radius:0;}
    .guide .join_tab li{width:110px;height:110px;margin-right:calc((100% - 441px) / 3);text-align:center;padding-top:72px;}
    .guide .join_tab li span{color:#555;font-size:13px;padding-top:3px;}
    .guide .join_tab li:after{top:38px;right:-7.5vw}

    .guide .join_tab li:before{background-position:-18px -1129px;width:34px;height:46px;margin-left:-17px;background-size:460px 1532px;top:18px;}
    .guide .join_tab li:nth-child(2):before{background-position:-86px -1129px;width:41px;height:46px;margin-left:-20px;}
    .guide .join_tab li:nth-child(3):before{background-position:-156px -1129px;width:42px;height:46px;margin-left:-21px;}
    .guide .join_tab li:nth-child(4):before{background-position:-225px -1129px;width:44px;height:46px;margin-left:-22px;}

    .guide .join_tab li.active:before{background-position:-18px -1197px;}
    .guide .join_tab li.active:nth-child(2):before{background-position:-86px -1197px;}
    .guide .join_tab li.active:nth-child(3):before{background-position:-156px -1197px;}
    .guide .join_tab li.active:nth-child(4):before{background-position:-225px -1197px;}

    .guide .join_tab li.v2{padding-top:64px}
}    

@media (max-width:700px) {
    .guide .join_tab li:after{right:-6.5vw}
}

@media (max-width:660px) {
    .guide .join_tab li:after{right:-5.5vw}
}

@media (max-width:610px) {
    .guide .join_tab li:after{right:-4.8vw}
}

@media (max-width:600px) {
    .guide .join_tab{margin-bottom:20px;padding:10px 3px;}
    .guide .join_tab li{width:80px;height:80px;margin-right:calc((100% - 321px) / 3);text-align:center;padding-top:57px;background:transparent !important;}
    .guide .join_tab li.active span{color:#194db0;}
    .guide .join_tab li:before{background-position:-1px -851px;margin-left:-25px !important;background-size:350px 1166px;top:3px;width:50px !important;height:50px !important;background-color:#fff;border-radius:50%;}
    .guide .join_tab li:nth-child(2):before{background-position:-54px -851px;}
    .guide .join_tab li:nth-child(3):before{background-position:-107px -852px;}
    .guide .join_tab li:nth-child(4):before{background-position:-163px -851px;}
    .guide .join_tab li.active:before{background-position:-1px -904px;background-color:#194db0;}
    .guide .join_tab li.active:nth-child(2):before{background-position:-54px -904px;}
    .guide .join_tab li.active:nth-child(3):before{background-position:-107px -905px;}
    .guide .join_tab li.active:nth-child(4):before{background-position:-163px -903px;}
    .guide .join_tab li:after{width:14px;height:21px;background:url(/site/portal/common/images/sp_dq_02.png) -198px -722px no-repeat;background-size:280px 932px;position:absolute;top:20px;right:-7vw;}
    .guide .join_tab li.active:after{background-position:-177px -722px;}

    .guide .join_tab li.v2{padding-top:54px;}
    .guide .join_tab li.v2 span{font-size:12px;}
}

@media (max-width:500px) {
    .guide .join_tab li:after{right:-6vw}
}

@media (max-width:460px) {
    .guide .join_tab li:after{right:-5vw}
}

@media (max-width:430px) {
    .guide .join_tab li:after{right:-4vw}
}

@media (max-width:400px) {
    .guide .join_tab li:after{right:-2.6vw}
}

@media (max-width:370px) {
    .guide .join_tab li:after{right:-2vw}
}


/*본인인증*/
.guide .certification{position:relative;overflow:hidden;letter-spacing:-0.7px;padding:32px 20px 30px;border:1px solid #d1d1d1;border-top:2px solid #194db0;}
.guide .certification h4{line-height:1.4;color:#202020;font-size:24px;font-weight:400;text-align:center;padding-bottom:17px;word-break:keep-all;}
.guide .certification h4 em{color:#194db0;}
.guide .certification p{line-height:1.3;color:#555;font-weight:300;padding-bottom:21px;text-align:center;word-break:keep-all;}
.guide .certification a{display:block;max-width:175px;margin:20px auto 0;border-radius:4px;border:1px solid #194db0;text-align:center;color:#194db0;height:50px;line-height:48px;transition:all .5s;text-decoration:none;position:relative;overflow:hidden;font-weight:500;}
.guide .certification a:before{content:'';z-index:-1;position:absolute;bottom:0%;left:50%;background:#194db0;width:310px;height:310px;margin-left:-160px;margin-bottom:-310px;transform-origin:50% 48%;border-radius:43%;transition-duration:1.7s;transition-property:margin-bottom;transition-timing-function:ease;}
.guide .certification a:hover{color:#fff !important;text-decoration:none;font-weight:500;border-color:#194db0}
.guide .certification a:active{transform:scale(.9);}
.guide .certification a:hover:before{margin-bottom:-130px;animation: rotate 1000ms infinite linear;}
.guide .certification .icon{display:block;width:150px;height:150px;margin:0 auto;background:#f0f3f8;border-radius:50%;position:relative;text-align:center;padding-top:33px;}
.guide .certification .icon:before{content:'';display:inline-block;width:79px;height:86px;background:url(/site/portal/common/images/sp_dq_02.png) -260px -1553px no-repeat;background-size:520px 1732px;margin-left:13px;}
.guide .certification.active .icon:before{background-position:-260px -1436px;}
.guide .certification .icon.v2{padding-top:37px;}
.guide .certification .icon.v2:before{width:81px;height:79px;background:url(/site/portal/common/images/sp_dq_02.png) -360px -1557px no-repeat;background-size:520px 1732px;margin-left:3px;}
.guide .certification.active .icon.v2:before{background-position:-360px -1438px;}

@keyframes rotate {
  from { transform: rotate(0deg); }
  from { transform: rotate(360deg); }
}

@media (max-width:1199px) {
    .guide .certification{padding:25px 20px 25px;}
}

@media (max-width:760px) {
    .guide .certification{padding:20px 20px 20px;}
    .guide .certification h4{font-size: 20px;padding-bottom:12px;}
    .guide .certification p{font-size:14px;padding-bottom: 9px;}
}

.guide .clause{position:relative;overflow:hidden;letter-spacing:-0.7px;}
.guide .clause .titLv{margin-top:10px;}
.guide .clause .text_box{padding:25px 20px 20px;border:1px solid #d1d1d1;border-top:2px solid #194db0;overflow-y:auto;max-height:380px;color:#000;}
.guide .clause .text_box + .titLv{margin-top:45px;}

.guide .clause .text_box .title1{font-size:18px;font-weight:500;display:block;margin-bottom:20px;}
.guide .clause .text_box .title2{font-weight:500;margin:15px 0 5px;display:block;padding-left:5px;}
.guide .clause .text_box p{padding-left:10px;word-break:keep-all;}
.guide .clause .noti{font-weight:400;color:#202020;padding:15px 0 10px 20px;word-break:keep-all;position:relative;}
.guide .clause .noti:after{content:'※';position:absolute;top:15px;left:0px;}
.guide .clause .check_box input[type="checkbox"]{width:20px;height:20px;vertical-align:-1px;margin-right:3px;width:15px;height:15px;}
.guide .clause .check_box label{color:#555;font-weight:400;}
.guide .clause .btn{display:block;max-width:175px;margin:70px auto 0;border-radius:4px;border:1px solid #194db0;text-align:center;color:#194db0;height:50px;line-height:48px;transition:all .5s;text-decoration:none;position:relative;overflow:hidden;font-weight:500;}
.guide .clause .btn:before{content:'';z-index:-1;position:absolute;bottom:0%;left:50%;background:#194db0;width:310px;height:310px;margin-left:-160px;margin-bottom:-310px;transform-origin:50% 48%;border-radius:43%;transition-duration:1.7s;transition-property:margin-bottom;transition-timing-function:ease;}
.guide .clause .btn:hover{color:#fff !important;text-decoration:none;font-weight:500;border-color:#194db0}
.guide .clause .btn:active{transform:scale(.9);}
.guide .clause .btn:hover:before{margin-bottom:-130px;animation: rotate 1000ms infinite linear;}

@keyframes rotate {
  from { transform: rotate(0deg); }
  from { transform: rotate(360deg); }
}

@media (max-width:760px) {
    .guide .clause .text_box{padding:15px 10px 15px;max-height:300px;font-size:14px;}
    .guide .clause .text_box .title1{font-size:16px;}
    .guide .clause .noti{font-size:14px;}
    .guide .clause .btn{margin-top: 30px;width: 150px;font-size: 15px;height: 40px;line-height: 40px;}

    .guide .clause .text_box + .titLv{margin-top:25px;}
    .guide .certification .icon{transform:scale(.8);}
    .guide .certification a{width:150px;height:40px;line-height: 40px;font-size:15px;margin-top: 10px;}
}


#sub .skinTb:before{border-top: 2px solid #194db0;}
#sub .skinTb-th,
#sub .skinTb >tr >th,
#sub .skinTb >thead >tr >th,
#sub .skinTb >tbody >tr >th,
#sub .skinTb >tfoot >tr >th {color:#11367b;border-bottom-color:#194db0;}
#sub .skinTb >tbody >tr >th,
#sub .skinTb-th{border-bottom-color:#d8d8d8;}

.skinTb >tr >th,
.skinTb >thead >tr >th,
.skinTb >tbody >tr >th,
.skinTb >tfoot >tr >th,
.skinTb >tr >td,
.skinTb >thead >tr >td,
.skinTb >tbody >tr >td,
.skinTb >tfoot >tr >td,
.skinTb-th,
.skinTb-td {font-weight:400;}

#sub .contsBtn {border: 1px solid #194db0;}
#sub .contsBtn:before{background:#194db0;}
#sub .skinBtnBo{border:1px solid #194db0;}
#sub .skinBtnBo:before{background:#194db0;}

#sub .listLv2,
#sub .listLv{font-weight:400;color:#707070;}
#sub .imptBox{font-weight:400;}

#sub .pager{font-family:'Noto Sans KR', sans-serif; }

#sub .titLv{font-weight:900;color:#313131}
#sub .titLv2{font-weight:700;color:#313131}
#sub .titLv2:before {top:4px;left: -1px;image-rendering:-webkit-optimize-contrast;background:url(/site/portal/eroom/images/common/sp_eroom.png) -130px -9px no-repeat;background-size:520px 520px;width:20px;height:20px;}
#sub .pgraph{color:#707070;}
#sub p.listLv:before,
#sub div.listLv:before,
#sub span.listLv:before,
#sub .listLv >li:before,
#sub .listLv >dt:before {top: 13px;left: -1px;background:url(/site/portal/eroom/images/common/sp_eroom.png) -176px -14px no-repeat;border:0;transform:none;background-size:520px 520px;image-rendering: -webkit-optimize-contrast;width:8px;height:13px}


@media (max-width:1199px) {
  #sub .titLv2:before{top:2px;}
  #sub p.listLv:before,
  #sub div.listLv:before,
  #sub span.listLv:before,
  #sub .listLv >li:before,
  #sub .listLv >dt:before{top:12px;} 
}

@media (max-width:760px) {
  #sub p.listLv:before,
  #sub div.listLv:before,
  #sub span.listLv:before,
  #sub .listLv >li:before,
  #sub .listLv >dt:before{top:10px;} 
}


#visual-bx{position:relative;z-index:30;}
#visual-bx .inner{height:204px;}
#visual-bx .bgimg{display:block;height:204px;position:absolute;top:0;left:50%;margin-left:-960px;z-index:-1;}
#visual-bx h2{padding-top:60px;line-height:1.2;font-size:40px;font-weight:400;color:#313131;font-family: 'KoreanYNSJG';}
#visual-bx p{padding-top:13px;line-height:1.2;font-size:18px;font-weight:300;color:#313131;font-family: 'KoreanYNSJG';}

#sub .title-bx{text-align:center;height:125px;line-height:123px;font-size:26px;font-weight:500;color:#313131;font-family: 'KoreanYNSJG';margin-bottom:30px;position:relative;}
#sub .title-bx:after{content:'';display:block;position:absolute;bottom:0;left:0;right:0;background: url(/site/portal/eroom/images/sub/patten01.png) 0 0 repeat-x;background-size:4px 6px;height:6px;}

#breadcrumb{position:absolute;bottom:0;right:20px;}
#breadcrumb .home{display:block;float:left;width:60px;height:60px;background:#194db0;position:relative;font-size:0;transition:all .15s;}
#breadcrumb .home:hover{background:#11367b}
#breadcrumb .home:after{content:'';display:block;width:30px;height:30px;position:absolute;top:50%;left:50%;margin:-15px 0 0 -15px;background:url(/site/portal/eroom/images/common/sp_eroom.png) -45px -6px no-repeat;background-size:520px 520px;}
#breadcrumb .box{float:left;width:260px;position:relative;}
#breadcrumb .box .open{display:block;height:60px;line-height:60px;transition:all .2s;position:relative;background:#fff;padding:0 30px 0 20px;border:1px solid #c9c9c9;border-left:0;color:#434343;font-size:16px;}
#breadcrumb .box .open:hover{color:#194db0;font-weight:700;}
#breadcrumb .box .open.active{color:#194db0;font-weight:900;}
#breadcrumb .box .open:after{content:'';display:block;width:10px;height:8px;position:absolute;top:50%;right:17px;margin-top:-5px;transition:all .25s;background:url(/site/portal/eroom/images/common/sp_eroom.png) -95px -15px no-repeat;background-size:520px 520px;}
#breadcrumb .box .open.active:after{transform:rotate(180deg);}
#breadcrumb .box ul{position:absolute;top:59px;left:-1px;right:0px;background:#eee;padding:5px 20px 0px;background:#f2f2f2;border:1px solid #c9c9c9;display:none;}
#breadcrumb .box ul li + li{border-top:1px dotted #c9c9c9;}
#breadcrumb .box ul a{display:block;height:39px;line-height:39px;color:#787878;font-size:14px;transition:all .05s;}
#breadcrumb .box ul a:hover{color:#194db0;font-weight:700;}


@media (max-width:1199px) {
  #visual-bx .inner{height:180px;}
  #visual-bx .bgimg{height:180px;margin-left:-660px}
  #visual-bx h2{padding-top:52px;font-size:32px;}
  #visual-bx p{padding-top:12px;font-size:15px;}
  #sub .title-bx{height:95px;line-height:93px;font-size:24px;margin-bottom:25px;}
  #sub .title-bx:after{background-size:2px 3px;height:3px;}
  #breadcrumb{right:0px;bottom: 10px;}
  #breadcrumb .home{width:30px;height:30px;background:#194db0;}
  #breadcrumb .home:after{transform:scale(.85);image-rendering:-webkit-optimize-contrast;}
  #breadcrumb .box{width:auto;}
  #breadcrumb .box .open{height:30px;line-height:30px;background:transparent;padding:0 20px 0 10px;border:0;font-size:14px;pointer-events:none;font-weight:700;}
  #breadcrumb .box .open:after{top:50%;right:0px;margin-top:-5px;transform:rotate(-90deg);}
  #breadcrumb .box:last-child .open:after{display:none;} 

}

@media (max-width:760px) {
  #visual-bx{position:fixed;width:100%;}
  #visual-bx .inner{height:180px;}
  #visual-bx .bgimg{height:180px;margin-left:-450px}
  #visual-bx h2{padding-top: 30px;font-size:28px;}
  #visual-bx p{padding-top:10px;font-size:14px;}
  #sub .title-bx{height:75px;line-height:73px;font-size:22px;margin-bottom:20px;}
  #breadcrumb .home{width:26px;height:26px;}
  #breadcrumb .home:after{transform:scale(.8);image-rendering:-webkit-optimize-contrast;}
  #breadcrumb .box .open{height:26px;line-height:26px;padding:0 15px 0 8px;border:0;font-size:13px;}

  #sub_container{margin-top:180px;z-index:35;position:relative;background:#fff;box-shadow:-2px 0px 7px 0px rgba(0,0,0,.15);}
}


/*이룸*/
.e-rm{position:relative;}
.e-rm .bx01 p{position:relative;margin:0 auto 27px;position:relative;padding-left:37px;max-width:1080px;}
.e-rm .bx01 p strong{display:flex;position:absolute;justify-content:center;align-items:center;width:95px;height:95px;color:#fff;background:#fec43e;font-size:30px;font-family:'KoreanYNSJG';font-weight:500;border-radius:50%;left:0;top:50%;margin-top:-47.5px;}
.e-rm .bx01 p span{display:flex;align-items:center;min-height:95px;padding:20px 50px 20px 90px;color:#707070;word-break:keep-all;border-radius:50px;border:3px solid #fec43e;}
.e-rm .bx01 p:nth-child(2n) strong{background:#009d8a;}
.e-rm .bx01 p:nth-child(2n) span{border-color:#009d8a;}

.e-rm .bx02{position:relative;margin-top:85px;border:8px solid #e7e8ed;padding:60px 20px 120px;}
.e-rm .bx02 h4{position:absolute;top:-40px;left:50%;transform:translateX(-50%);height:72px;line-height:72px;border-radius:36px;white-space: nowrap;color:#fff;padding:0 55px;font-family:'KoreanYNSJG';font-weight:500;font-size:26px;background:#3f7bdc;}
.e-rm .bx02 p{text-align:center;line-height:1.4;color:#707070;font-weight:700;font-size:20px;word-break:keep-all;}
.e-rm .bx02 i{font-size:70px;font-family:'KoreanYNSJG';font-weight:500;display:block;color:#434343;opacity:.1;font-style:normal;line-height:1.1;position:absolute;left:140px;top:50px;white-space:nowrap;transform:rotate(90deg);transform-origin:0% 0%;}

.e-rm .bx02 .list-bx{position:absolute;bottom:-140px;left:50%;text-align:center;background:#fff;width:790px;margin-left:-395px;z-index:2;}
.e-rm .bx02 .list-bx a{display:inline-block;vertical-align:top;width:220px;padding:100px 0;z-index:3;position:relative;font-family:'KoreanYNSJG';font-weight:500;font-size:20px;color:#434343;line-height:1.3;}
.e-rm .bx02 .list-bx a:before{content:'';display:block;transition:all .2s;width:187px;position:absolute;top:0px;bottom:0;border-radius:100px;z-index:-1;border:1px solid #dadadc;left:50%;margin-left:-94px;box-shadow:3px 3px 7px 0px rgb(0,0,0,.15);transform:rotate(45deg);background:#fff}
.e-rm .bx02 .list-bx a + a{margin-left:-15px;}
.e-rm .bx02 .list-bx a:hover{text-decoration:none;z-index:12;}
.e-rm .bx02 .list-bx a:hover:before{background:#e8e9ee;}

.e-rm .bx03{margin-top:187px;border:8px solid #e7e8ed;display:flex;align-items:center;height:216px;padding:0 150px 0 55px;position:relative;}
.e-rm .bx03 img{margin-right:60px;image-rendering: -webkit-optimize-contrast;display:block;height:65.4px;}
.e-rm .bx03 p{color:#707070;word-break:keep-all;}
.e-rm .bx03 p strong{display:block;margin-bottom:5px;font-size:20px;font-weight:900;}
.e-rm .bx03 p span{text-decoration:underline;}

@media (max-width:1199px) {
  .e-rm .bx01 p{margin:0 auto 22px;padding-left:30px;}
  .e-rm .bx01 p strong{width:80px;height:80px;font-size:24px;margin-top:-40px;}
  .e-rm .bx01 p span{padding:15px 30px 15px 70px;border:2px solid #fec43e;font-size:15px;}
  .e-rm .bx02{margin-top:70px;border:5px solid #e7e8ed;padding:50px 20px 100px;}
  .e-rm .bx02 h4{top:-34px;height:64px;line-height:64px;padding:0 35px;font-size:22px;}
  .e-rm .bx02 p{font-size:17px;}
  .e-rm .bx02 i{font-size:50px;left:70px;top:100px;}
  .e-rm .bx02 .list-bx{transform:scale(.8);}
  .e-rm .bx03{margin-top:157px;border:5px solid #e7e8ed;height:auto;padding:30px 30px 30px 30px;}
  .e-rm .bx03 img{margin-right:30px;height:50px;}
  .e-rm .bx03 p{font-size:15px;}
  .e-rm .bx03 p strong{margin-bottom:5px;font-size:17px;}
}

@media (max-width:760px) {
  .e-rm .bx01 p{margin:0 auto 20px;padding-left:25px;}
  .e-rm .bx01 p strong{width:70px;height:70px;font-size:20px;margin-top:-35px;}
  .e-rm .bx01 p span{padding:15px 15px 15px 55px;font-size:14px;line-height:1.5;}
  .e-rm .bx02{margin:50px -10px 0;border:3px solid #e7e8ed;padding:45px 15px 90px;}
  .e-rm .bx02 h4{top:-28px;height:56px;line-height:56px;padding:0 25px;font-size:18px;font-weight:400;}
  .e-rm .bx02 p{font-size:14px;}
  .e-rm .bx02 i{font-size:30px;left:29px;top:70px;}
  .e-rm .bx02 .list-bx{transform:scale(.59);bottom:-125px;background:transparent}
  .e-rm .bx02 .list-bx a{font-size:24px;}
  .e-rm .bx03{margin:90px -10px 0;border:3px solid #e7e8ed;height:auto;padding:20px 15px 15px 15px;flex-direction:column;}
  .e-rm .bx03 img{margin-right:0px;height:45px;}
  .e-rm .bx03 p{font-size:14px;text-align:center;margin-top:11px;}
  .e-rm .bx03 p strong{margin-bottom:3px;font-size:16px;}
}

/*학습동아리*/
.study-club{position:relative;}
.study-club .bx01{display:flex;align-items:center;}
.study-club .bx01 p{order:1;padding:5px 80px 30px 27px;word-break:keep-all;color:#707070;}
.study-club .bx01 img{order:2;margin-top:-35px;image-rendering:-webkit-optimize-contrast;}

.study-club .bx02{margin-top:20px;}
.study-club .bx02 p{display:flex;align-items:center;padding:15px 0;border-bottom:1px dashed #cfcfcf;}
.study-club .bx02 p span{padding-left:30px;color:#707070;line-height:1.4;word-break:keep-all;}
.study-club .bx02 p strong{display:block;margin-bottom:8px;font-weight:900;}
.study-club .bx02 img{image-rendering:-webkit-optimize-contrast;}

@media (max-width:1199px) {
  .study-club .bx01 p{padding:5px 20px 25px 0px;font-size:15px;}
  .study-club .bx01 img{margin-top:-25px;width:200px;}

  .study-club .bx02{margin-top:15px;}
  .study-club .bx02 p{padding:13px 0;}
  .study-club .bx02 p span{padding-left:20px;font-size:15px;}
  .study-club .bx02 p strong{display:block;margin-bottom:5px;font-weight:900;}
  .study-club .bx02 img{width:200px;}
} 

@media (max-width:760px) {
  .study-club .bx01{display:block;}
  .study-club .bx01 p{padding:5px 0px 20px 0px;font-size:14px;}
  .study-club .bx01 img{margin:15px auto 5px;width:180px;display:block;}

  .study-club .bx02{margin-top:10px;}
  .study-club .bx02 p{padding:12px 0 10px;display:block;}
  .study-club .bx02 p span{padding-left:0px;font-size:14px;display:block;text-align:center;}
  .study-club .bx02 p span br{display:none;}
  .study-club .bx02 p strong{display:block;margin-bottom:5px;font-weight:900;}
  .study-club .bx02 img{width:190px;display:block;margin:0 auto 15px;}
}



/*검색박스*/
input[type="search"]:focus::placeholder,
input[type="text"]:focus::placeholder{color:transparent}

#search-box{position:relative;padding: 38px 200px;}
#search-box:before{content:'';display:block;width:1920px;position:absolute;left:50%;margin-left:-960px;top:0;bottom:0;background:#f4f4f4;}
#search-box .bx{float:left;position:relative;background:#fff;border:1px solid #b5b5b5;padding:0 20px;border-radius:28px;}
#search-box .bx-1{width:153px;margin-right:15px;}
#search-box .bx-2{width: 100%;padding-right:55px;}
#search-box select{display:block;width:100%;line-height:54px;height:54px;background:transparent;font-size:16px;color:#707070;}
#search-box input[type="search"]{line-height:54px;height:54px;background:transparent;display:block;width:100%;font-size:16px;color:#000;}
#search-box input[type="search"]::placeholder{font-size:16px;color:#000;}
#search-box input[type="submit"]{display:block;width:54px;height:54px;position:absolute;top:-1px;right:0;background: url(/site/portal/eroom/images/common/icon-q.png) 3px 50% no-repeat;background-size:30px 27px;font-size:0;color:transparent;image-rendering:-webkit-optimize-contrast;}


@media (max-width:1199px) {
  #search-box{padding: 30px 150px;}
  #search-box .bx{padding:0 15px;}
  #search-box .bx-1{width:150px}
  #search-box .bx-2{width: 100%;padding-right:40px;}
  #search-box select{line-height:42px;height:42px;font-size:14px;}
  #search-box input[type="search"]{line-height:42px;height:42px;font-size:14px;}
  #search-box input[type="search"]::placeholder{font-size:14px;}
  #search-box input[type="submit"]{width:42px;height:43px;background-size:25px 22.5px;}
}

@media (max-width:992px) {
  #search-box{padding: 25px 75px;}
}

@media (max-width:760px) {
  #search-box{padding:20px 0px;}
  #search-box .bx{padding:0 10px;}
  #search-box .bx-1{width:90px;margin-right:7px;}
  #search-box .bx-2{width: 100%;padding-right:36px;}
  #search-box select{line-height:36px;height:36px;font-size:13px;}
  #search-box input[type="search"]{line-height:36px;height:36px;}
  #search-box input[type="submit"]{width:36px;height:37px;background-size:22px 19.8px;}
}


/*통합검색*/
#total-search{position:relative;padding-bottom:50px;}
#total-search .popular{padding:35px 0 32px;text-align:center;}
#total-search .popular strong{display:inline-block;vertical-align:top;padding-right:15px;height:20px;line-height:20px;color:#454545;font-weight:300;position:relative;}
#total-search .popular strong:after{content:'';display:block;width:2px;height:14px;background:#b8b8b8;position:absolute;top:50%;margin-top:-7px;right:0;}
#total-search .popular a{display:inline-block;vertical-align:top;height:20px;line-height:20px;margin-left:13px;color:#454545;font-weight:300;}
#total-search .popular a em{display:inline-block;vertical-align:top;height:20px;width:20px;line-height:20px;background:#7b7b7b;color:#fff;font-weight:400;border:1px solid #515151;transition:all .1s;text-align:center;margin-right:5px;}
#total-search .popular a:hover{text-decoration:none;}
#total-search .popular a:hover em{background:#194db0;}

#total-search .period{position:relative;background:#f7f7f7;border:1px solid #b5b5b5;border-radius:25px;padding:30px 45px;}
#total-search .period .bx-1{float:left;}
#total-search .period .bx-1 > div{display:inline-block;vertical-align:top;}
#total-search .period .bx-2{float:right;}
#total-search .period strong{display:inline-block;vertical-align:top;height:34px;line-height:36px;color:#454545;font-size:18px;font-weight:500;padding-right:2px;}
#total-search .period .bx-1 div:nth-of-type(n+2) strong{margin-left:40px;}
#total-search .period a{display:inline-block;vertical-align:top;margin-left:5px;width:77px;height:34px;line-height:34px;text-align:center;background:#fff;border:1px solid #194db0;border-radius:5px;color:#194db0;transition:all .05s;font-size:14px;font-weight:400;}
#total-search .period a:hover{background:#194db0;color:#fff;text-decoration:none;}
#total-search .period a.active{background:#194db0;color:#fff;text-decoration:none;}
#total-search .period .bx:nth-child(2n) > div{display:inline-block;vertical-align:top;}
#total-search .period label{display:inline-block;vertical-align:top;height:34px;line-height:36px;color:#454545;font-size:18px;font-weight:500;padding-right:2px;}
#total-search .period input[type="text"]{height:34px;line-height:34px;padding-left:15px;margin-left:6px;border:1px solid #b1b1b1;width:130px;}
#total-search .ui-datepicker-trigger{margin:5px 0 0 1px;vertical-align:top;}
#total-search .period .data_end{position:relative;padding-left:35px;}
#total-search .period .data_end:after{content:'';display:block;width:5px;height:1px;background:#676767;position:absolute;top:50%;left:12px;}
#total-search .period input[type="submit"]{margin-left:15px;height:34px;line-height:36px;color:#fff;background:#4d5360;font-size:15px;font-weight:400;width:75px;}

#total-search .result{position:relative;}
#total-search .result h4 br{display:none;}
#total-search .result h4{text-align:center;padding:35px 0 35px;font-weight:400;color:#454545;font-size:22px;}
#total-search .result h4 span{color:#194db0;font-weight:900;}
#total-search .result h4 strong{font-weight:700;color:#fa830f;text-decoration:underline;}
#total-search .total{position:relative;background:#f7f7f7;border:1px solid #b5b5b5;border-radius:25px;padding:13px 45px 25px;}
#total-search .total li{margin:17px 0px 0 0;padding-left:16px;position:relative;display:inline-block;width:calc((100% - 15px) / 5)}
#total-search .total li a{display:block;height:25px;line-height:25px;color:#313131;font-weight:500;transition:all .1s;}
#total-search .total li.active a{font-weight:900;}
#total-search .total li:after{content:'';display:block;width:8px;height:8px;border:1px dotted #313131;border-width:0px 0px 1px 1px;position:absolute;top:5px;left:0px;}

#total-search .result h4.none{text-align: center;padding-bottom:5px;color:#194db0;font-weight:700;font-size:18px;padding-left:20px;}
#total-search .no_result{margin:5px 0 36px;padding-left:20px;}
#total-search .no_result li{line-height:1.4;color:#707070;font-weight:500;padding-left:12px;position:relative;}
#total-search .no_result li:after{content:'-';display:block;position:absolute;top:1px;left:0px;}
#total-search .no_result li + li{margin-top:5px;}

#total-search .item{margin-top: 45px;position:relative;}
#total-search .item h5{height:44px;line-height:44px;padding-left:20px;background:#f7f7f7;border:1px solid #b5b5b5;border-radius:22px;font-size:18px;color:#313131;font-weight:700;margin-bottom: 25px;}
#total-search .item li a{display:block;border-bottom:1px dashed #979797;padding:23px 20px;}
#total-search .item li a:hover{text-decoration:none;}
#total-search .item li a strong{display:block;color:#194db0;font-size:18px;margin-bottom:7px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .1s;}
#total-search .item li a:hover strong{font-weight:900;}
#total-search .item li a p{line-height:1.6;margin-bottom:5px;max-height:3.2em;word-break:keep-all;color:#707070;font-size:16px;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
#total-search .item li a span{display:block;color:#02987e;font-weight:400;}
#total-search .item li a span em{margin-left:10px;padding-left:12px;position:relative;}
#total-search .item li a span em:after{content:'';display:block;height:12px;width:1px;position:absolute;top:50%;margin-top:-6px;left:0px;background:#02987e;}
#total-search .item .more{position:absolute;color:#454545;top:11px;right:20px;}
#total-search .item .more:hover{text-decoration:none;font-weight:700;}
#total-search .highlight{background:#fff93b;}

#total-search .ga-list{padding-top:25px;border-bottom:0;margin-bottom:-17px;}
#total-search .ga-list .bx{margin-bottom:17px;}
#total-search .menu{padding:18px 20px 27px;border-bottom:1px dashed #979797;}
#total-search .menu a{display:block;margin-top:7px;font-weight:500;color:#434343;}


#total-search .skinBtnBo{height:36px;line-height:36px;}

@media (max-width:1199px) {
  #total-search{padding-bottom:35px;}
  #total-search .popular{padding:30px 0 23px;}
  #total-search .popular strong{font-size:15px;padding-right:15px;height:18px;line-height:18px;}
  #total-search .popular strong:after{width:1px;height:12px;margin-top:-6px;}
  #total-search .popular a{margin-left:13px;font-size:15px;height:18px;line-height:18px;}
  #total-search .popular a em{width:18px;height:18px;line-height:18px;font-size:13px;}

  #total-search .period{border-radius:20px;padding:20px 35px;}
  #total-search .period .bx-1{float:none;}
  #total-search .period .bx-2{float:right;margin-top:15px;}
  #total-search .period strong{height:30px;line-height:32px;font-size:16px;}
  #total-search .period .bx-1 div:nth-of-type(n+2) strong{margin-left:30px;}
  #total-search .period a{margin-left:5px;width:65px;height:30px;line-height:28px;font-size:13px;}
  #total-search .period label{height:30px;line-height:32px;font-size:16px;}
  #total-search .period input[type="text"]{height:30px;line-height:30px;padding-left:12px;margin-left:5px;width:100px;font-size:15px;}
  #total-search .ui-datepicker-trigger{margin:3px 0 0 1px;}
  #total-search .period .data_end{padding-left:30px;}
  #total-search .period .data_end:after{left:10px;}
  #total-search .period input[type="submit"]{margin-left:10px;height:30px;line-height:32px;font-size:14px;width:70px;}

  #total-search .result h4{padding:30px 0 30px;font-size:20px;}

  #total-search .total{border-radius:20px;padding:8px 35px 20px;}
  #total-search .total li{margin:15px 0px 0 0;}
  #total-search .total li a{font-size:15px;}
  #total-search .total li:after{width:6px;height:6px;top:5px;}

  #total-search .result h4.none{font-size:16px;padding-left:15px;}
  #total-search .no_result{margin:5px 0 30px;padding-left:15px;}
  #total-search .no_result li{font-size:15px;}

  #total-search .item{margin-top: 40px;}
  #total-search .item h5{height:40px;line-height:40px;padding-left:15px;font-size:16px;margin-bottom: 20px;}
  #total-search .item li a{padding:20px 15px;}
  #total-search .item li a strong{font-size:15px;margin-bottom:5px;}
  #total-search .item li a p{font-size:14px;margin-bottom:3px;}
  #total-search .item li a span{font-size:13px;}
  #total-search .item li a span em{margin-left:8px;padding-left:10px;}
  #total-search .item li a span em:after{height:10px;margin-top:-5px;}
  #total-search .item .more{top:10px;right:15px;font-size:14px;}

  #total-search .ga-list{padding-top:20px;}
  #total-search .menu{padding:13px 15px 22px;}
  #total-search .menu a{margin-top:5px;font-size:15px;}
  #total-search .skinBtnBo{height:34px;line-height:34px;}

}


@media (max-width:760px) {
  #total-search{padding-bottom:25px;}
  #total-search .popular{padding:22px 0 15px;text-align:left;}
  #total-search .popular strong{font-size:15px;display:block;margin-bottom:10px;font-weight:700;}
  #total-search .popular strong:after{display:none;}
  #total-search .popular a{margin-left:0px;font-size:14px;height:18px;line-height:18px;width:30%;}

  #total-search .period{border-radius:15px;padding:15px;}
  #total-search .period .bx-1 > div{display:block;}
  #total-search .period .bx-1 div:nth-of-type(n+2){margin-top:5px;}
  #total-search .period .bx-1 div:nth-of-type(n+2) strong{margin-left:0;}
  #total-search .period .bx-2{float:none;margin-top:7px;}
  #total-search .period strong{height:26px;line-height:28px;font-size:14px;width:40px;}
  #total-search .period a{margin-left:5px;width:60px;height:26px;line-height:25px;font-size:12px;}
  #total-search .period label{height:26px;line-height:28px;font-size:14px;width:40px;}
  #total-search .period input[type="text"]{height:26px;line-height:26px;padding-left:10px;margin-left:5px;width:calc(100% - 100px);font-size:14px;}
  #total-search .ui-datepicker-trigger{margin:1px 0 0 1px;}
  #total-search .period .bx:nth-child(2n) > div{display:block;margin-bottom:2px;}
  #total-search .period .data_end{padding-left:0px;}
  #total-search .period .data_end:after{display:none;}
  #total-search .period input[type="submit"]{margin-left:0px;height:28px;line-height:30px;font-size:13px;width:100%;margin-top:5px;}

  #total-search .result h4{padding:27px 0 25px;font-size:16px;}
  #total-search .result h4 br{display:block;}

  #total-search .total{border-radius:15px;padding:8px 15px 10px;}
  #total-search .total li{margin:7px 0px 0 0;width: calc((100% - 5px) / 2);}
  #total-search .total li a{font-size:14px;}


  #total-search .result h4.none{padding-left:5px;padding-top: 20px;}
  #total-search .no_result{margin:5px 0 25px;padding-left:0px;}
  #total-search .no_result li{font-size:14px;}

  #total-search .item{margin-top: 25px;}
  #total-search .item h5{height:36px;line-height:36px;padding-left:15px;font-size:15px;margin-bottom: 15px;}
  #total-search .item li a{padding:15px 10px;}
  #total-search .item li a strong{font-size:15px;margin-bottom:5px;}
  #total-search .item li a p{font-size:14px;margin-bottom:3px;}
  #total-search .item li a span{font-size:13px;}
  #total-search .item li a span em{margin-left:8px;padding-left:10px;}
  #total-search .item li a span em:after{height:10px;margin-top:-5px;}
  #total-search .item .more{top:8px;}

  #total-search .ga-list{padding-top:15px;}
  #total-search .menu{padding:10px 0px 17px 10px;}
  #total-search .menu a{margin-top:3px;font-size:14px;}
  #total-search .skinBtnBo{height:30px;line-height:30px;font-size:14px;}
}



/*기존 추가*/
#sub .content{float:none;width:100%;margin-top:40px;padding-bottom:50px;font-size:16px;}
#sub .tip_box{width:100%;float:none;background:transparent;border-bottom:3px solid #c7c8da;border-top-right-radius: 100px;padding:3px 3px 0 0;height:auto;}
#sub .tip_box:before{content:'';display:block;background:#194db0;border-top-right-radius: 97px;position:absolute;top:0;right:0;bottom:0;left:0;height:100px;}
#sub .tip_box p{background:#fff;border-top-right-radius:93px;width:100%;height:100%;float:none;margin:0 !important;padding:65px 30px 65px 220px;position:relative;line-height:1.6;font-size:16px;}
#sub .tip_box p:after{content:'';display:block;width:156px;height:128px;background:url(/site/portal/eroom/images/common/ico-notify.png) 0 0 no-repeat;background-size:cover;position:absolute;left:20px;top:50%;margin-top:-64px}

#sub .searchHeader_box{/*float:none;*/width:100%;margin-bottom:40px;padding:5px;border:1px #eaeaea solid;background:#f0f0f0;position:relative;}
#sub .searchHeader_cont{float:none;width:100%;padding:10px;border:1px #eaeaea solid;background:#fff}
#sub .searchHeader_cont ul{float:none;}
#sub .searchHeader_cont ul li{float:none;clear:both;display:inline-block;vertical-align:top;min-width:300px;}
#sub .searchHeader_cont ul li dl{float:none;}
#sub .searchHeader_cont ul li dl dd{float:none;width:auto !important;display:inline-block;vertical-align:top;}
#sub .searchHeader_cont ul li dl dt{float:none;width:auto !important;margin-right:15px;display:inline-block;vertical-align:top;}
#sub .searchHeader_box .btn_c{position:absolute;bottom:-16px;right:20px;}

#sub .searchHeader_cont ul li.none dl{width:auto !important;}
.searchHeader_cont ul li.none{width:auto !important;}



/*포토형 게시판 추가*/
.photoPage{clear:both;width:100%;padding:10px;margin-bottom:10px;border-bottom:1px solid #dedede;border-top:2px solid #4f4f4f;background:#f1f1f1;line-height:1.8em;font-size: 14px;color:#333;vertical-align:middle;}
.photoList{width:100%;margin-top:20px;padding-bottom:20px;border-bottom:1px #e0e0e0 dashed;display: flex;}
.photoList dl{flex: 1;font-size:15px;}
.photoList dl img{display:block;max-width:100%;margin:0 auto;}
.photoList dl dt{margin-bottom:10px;}
.photoList dl dd.photoTitle{float:left;width:242px;line-height:1.8em; text-align:center; font-weight:bold}
.photoList dl dd.photoPrice{float:left;width:242px;line-height:1.8em; text-align:center;font-weight:bold; color:#666}
.photoList dl.center{ margin:0 16px}
.photoView{float:left;width:760px;margin-top:30px;padding-bottom:30px;border-bottom:1px solid #4f4f4f;}



@media (max-width:1199px) {
  #sub .tip_box{border-top-right-radius: 100px;}
  #sub .tip_box:before{border-top-right-radius: 77px;height:80px;}
  #sub .tip_box p{border-top-right-radius:73px;padding:35px 20px 35px 20px;font-size:15px;}
  #sub .tip_box p:after{display:none;}
  #sub .searchHeader_cont ul li dl dt{font-size:14px;margin-right:10px;min-width:65px;}

  .photoList dl{font-size:14px;}
  #sub .searchHeader_box .btn_c{position: relative;bottom:auto;right:auto;text-align:right;height:27px;}
  #sub .space30{height:10px;}
  #sub .lectureBox .lectureTitle .number{font-size:15px;}
  #sub .lectureBox .lectureTitle{padding:10px 10px 5px 10px;}

  .photoList{margin-top:10px;padding-bottom:10px;}
}



@media (max-width:760px) {
  #sub .tip_box{border-top-right-radius: 60px;}
  #sub .tip_box:before{border-top-right-radius: 57px;height:80px;}
  #sub .tip_box p{border-top-right-radius:53px;padding:30px 25px 30px 5px;font-size:14px;}
  #sub .searchHeader_cont ul li{margin:1px 0;width:100%;max-width:initial;padding-left:10px !important}
  #sub .searchHeader_cont ul li dl dt{font-size:13px;display:block;}
  #sub .searchHeader_cont ul li dl dd{display:block;}

  #sub .searchHeader_box .btn_c{margin-top:5px;}
  #sub .searchHeader_box .space30{height:0px;}
  #sub .lectureBox .lectureTitle .number{font-size:15px;}
  #sub .lectureBox .lectureTitle{padding:10px 10px 5px 10px;}

  .photoList{overflow-x:auto;scroll-behavior: smooth;-webkit-overflow-scrolling:touch;}
  .photoList dl{font-size:14px;flex-basis:200px;flex-grow:0;width:200px;}
  .searchHeader_cont ul li.none dl dd .i_text_01{width:100%;}
}