@charset "utf-8";
/* HIVELAB Web Standard 1 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,table,th,td,form,fieldset,legend,textarea,input,select,textarea,button{margin:0;padding:0}
html,body{height:100%}
body{height:100%;min-height:380px;font-size:14px;background:#efefef;box-sizing:border-box;color:#000;-webkit-text-size-adjust:none;font-family:'Apple SD Gothic Neo',sans-serif;}
fieldset,li,img{border:0;vertical-align:top}
ul,ol{list-style:none}
button{overflow:visible;border:0;background-color:transparent;cursor:pointer}
address,caption,em{font-style:normal}
a,a:focus,a:active,a:hover{color:#000}
table{border-collapse:collapse;border-spacing:0}
select,input,textarea{font-family:sans-serif;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;background:none;-webkit-appearance:none}
hr{display:none}
::-webkit-input-placeholder{color:#bbb}
::-moz-input-placeholder{color:#bbb}
::-ms-input-placeholder{color:#bbb}
.blind,legend{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:1px;line-height:100px;white-space:nowrap}

.content{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;height:100%;text-align:center;box-sizing:border-box;-webkit-box-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
h1{overflow:hidden;width:128px;height:31px;margin:0 auto;font-size:21px;line-height:200px;letter-spacing:-0.03em;text-align:center;color:#505050;background:url(../img/logo.png) no-repeat;background-size:100% auto;}
.img_wrap{overflow:hidden;display:inline-block;position:relative;overflow:hidden;width:180px;height:181px;margin:11.75% 0;vertical-align:top;/*border:5px solid #fff;border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-left-radius:50%;border-bottom-right-radius:50%;box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.22);*/box-sizing:border-box;z-index:10}
.img_wrap:after{position:absolute;width:180px;height:181px;top:0;left:0;margin:0;vertical-align:top;background:url(../img/bg_mask.png) no-repeat;-webkit-background-size:180px auto;background-size:180px auto;z-index:10;content:''}
.img_wrap img{position:relative;width:auto;height:100%;z-index:0}
.img_wrap_v2 img{position:absolute;left:50%;margin-left:-157px;z-index:0;}
p{font-size:19px;line-height:24px;text-align:center;color:#505050}
p em{font-weight:bold}
button{display:block;width:285px;height:45px;margin:62px auto 0;font-size:19px;font-weight:bold;color:#fff;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;background:#61a8c3;outline:none}
.btn_gray{background-color:#555;font-size:16px}

/* 서버 점검 안내 */
.cont_notice .tit{width:auto;height:auto;font-weight:700;font-size:20px;line-height:normal;color:#505050;background:none}
.cont_notice .img_notice{padding:41px 0 47px}
.cont_notice .img_notice img{width:109px;height:92px}
.cont_notice .desc1{padding:0 20px 11px;width:240px;font-weight:600;font-size:15px;text-align:left;line-height:20px;border-bottom:1px solid #505050;}
.cont_notice .desc2{padding-top:23px;font-size:12px;line-height:18px}

/* term */
body.term{background:#fff}
.content2{padding:0 15px}
.term,.term2{max-width:500px;margin:0 auto;padding-bottom:60px;font-size:11px;line-height:1.4;text-align:left;color:#505050}
.term p, .term2 p{font-size:11px;line-height:1.4;text-align:left}
.term h2{font-size:13px}
.term h2,.term strong{color:#2a303a}
.term div{margin-top:13px}
.term div p{margin-top:5px}
.term div .txt_add{font-size:12px;line-height:24px}
.term div .txt_add::after{display:block;clear:both;content:''}
.term div .txt_add span{display:inline-block;float:right;font-size:11px;color:#505050}
.doc_table{width:100%;border:0;margin-bottom:10px;border-collapse:collapse;line-height:15px}
.doc_table caption{visibility:hidden;overflow:hidden;font-size:0;line-height:0}
.doc_table th, .doc_table td{padding:10px 5px;border:1px solid #e8ebf1;font-size:11px;font-weight:normal;text-align:center}
.doc_table thead th{background-color:#f4f6fb;font-weight:bold;color:#2a303a}
.doc_table a{text-decoration:underline}
.doc_table td.tx_lft{padding:10px;text-align:left}

.term2 h1,.term2 h2,.term2 h3{margin-top:18px;font-size:13px;color:#2a303a}
.term2 ol h3{margin:7px 0 0 12px;font-size:11px;color:#2a303a}
.term2 p,.term ol{margin-top:10px}
.term2 li{margin:5px 0 0 13px;text-indent:-13px}
.term2 li p{margin-top:5px;text-indent:0}
.term2 .st{font-weight:bold}
.term2 span{color:#ff1414}
.term2 .dcs{margin:5px 0 0 11px}
.term2 .nobld h3{font-weight:normal}
.term2 div{margin:10px 0;padding:10px;border:1px solid #999;text-indent:0}

.term_v2{max-width:none}
.term_v2 div{margin-top:0;padding:0}
.term_v2 .header{position:relative;height:45px;margin:0;background:#6752e6;text-align:center}
.term_v2 .header .tit{width:auto;height:auto;font-size:17px;font-weight:bold;background:0;color:#fff;line-height:45px}
.term_v2 .header_v2{height:50px;padding:0 30px;color:#fff;background:#6752e6;text-align:left}
.term_v2 .header_v2 .tit{width:auto;height:auto;font-size:16px;line-height:50px;color:#fff;background:0;text-align:left}
.term_v2 .term2{max-width:none;margin-top:15px;padding:0 15px}
.btn_prev{position:absolute;top:0;left:0;width:45px;height:100%}
.ico_prev{display:inline-block;overflow:hidden;width:10px;height:20px;margin-top:13px;background:url(../img/sp_app.png) no-repeat;-webkit-background-size:150px auto;background-size:150px auto;font-size:1px;line-height:999px;vertical-align:top}

/* 학부모용 초대 */
.bg_wrap{background:url(../img/bg_pattern.gif) repeat;background-size:auto 5px;text-align:center}
.tit_wrap{display:inline-block;width:254px;height:59px;background:url(../img/bg_tit.png) no-repeat 50% 0;background-size:254px auto}
.tit_wrap::after{display:block;height:1px;content:''}
.tit_blue{width:170px;height:26px;background-image:url(../img/logo2.png)}
.tit_wrap .tit_blue{margin:31px auto 0}
.img_wrap2{display:inline-block;width:139px;margin-top:11.2%}
.img_wrap2::after{display:block;height:1px;content:''}
.desc + .img_wrap2{margin-top:10.6%}
.img_wrap2 img{width:100%;height:auto}
.inp_wrap{display:inline-block;width:283px;margin-top:15%;padding-top:44px;background:url(../img/bg_enter.png) no-repeat 50% 0;background-size:283px auto}
.inp_wrap.focus{margin-top:9.8%;padding-top:0;background:none}
.inp_wrap::after{display:block;height:1px;content:''}
.inp_wrap .inp{display:block;width:261px;height:27px;padding:10px;border:1px solid #c8c8c8;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background:#fff;line-height:47px}
.inp_wrap input{display:block;width:100%;height:100%;border:0;font-size:15px}
.desc,.desc2{font-weight:normal;font-size:16px;color:#464646;line-height:140%}
.img_wrap2 + .desc{margin-top:1.8%}
.tit_blue + .desc{margin-top:6.2%}
.desc2{margin-top:4.8%}
.desc em{font-weight:bold;font-size:18px;color:#ed7263}
.desc2 em{font-weight:bold;font-size:16px;color:#ed7263}
.inp_desc{display:block;margin-top:1%;padding-left:13px;font-size:12px;color:#ed7263;text-align:left}
.btn_red{background:#ed7263;font-size:16px}
.btn_off{background:#c8c8c8;font-size:16px;cursor:default}
.img_wrap2 + .btn_red{margin-top:26px}

.content_lst{position:relative;min-height:100%}
.content_lst .cont{overflow:hidden;padding-bottom:65px}
.student_wrap{height:56px}
.student_wrap .btn_prev{position:absolute;top:20px;left:50%;bottom:auto;width:102px;height:22px;margin:0 0 0 -130px;padding-left:22px;background:url(../img/btn_prev2.png) no-repeat 0 50%;background-size:11px auto;font-size:18px;color:#969696;line-height:22px;text-align:left;z-index:100}
.lst_student{overflow:hidden;width:283px;margin:0 auto 65px;border:1px solid #c8c8c8;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background:#fff;box-shadow:0 3px 2px #d9d9d9}
.lst_student::after{display:block;clear:both;content:''}
.lst_student li{padding:18px 0 22px 15px;border-top:1px solid #c8c8c8;font-size:16px;color:#969696;text-align:left}
.lst_student li:first-child{border-top:0}
.lst_student input{position:absolute;left:-9999px}
.lst_student label{height:20px;margin:30px 0;padding-left:30px;background:url(../img/sp_check.png) no-repeat 0 2px;background-size:17px auto;font-weight:bold;vertical-align:middle;cursor:pointer}
.lst_student input[type=checkbox]:checked + label{background-position-y:-18px}
.content_lst button{position:absolute;left:50%;bottom:20px;margin:0 0 0 -143px}

/* 4차 */
.img_circle{width:138px;height:138px;margin:40px auto 0}
.img_circle img{width:100%;height:auto}
.img_circle + .desc2{margin-top:30px;letter-spacing:-0.05em}
.tit_sub{margin-top:10px;font-weight:normal;font-size:16px;color:#4d4d4d}
.tit_sub + .img_circle{margin-top:20px}
.desc3{margin-top:20px;font-size:15px;line-height:1.3;color:#757575}
.btn_parent{display:inline-block;margin-top:18px;font-size:13px;color:#ed7263;text-decoration:none}
.btn_parent:focus,.btn_parent:active,.btn_parent:hover{color:#ed7263}

.content_join{padding:35px 10px;text-align:left}
.content_join .tit_sub{text-align:center}
.join_box{background:#fff;-webkit-box-shadow:0px 0px 3px 0px rgba(0,0,0,.08);box-shadow:0px 0px 3px 0px rgba(0,0,0,.08);border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px}
.tit_sub + .join_box{margin-top:27px}
.join_box + .join_box{margin-top:9px}
.join_box .row{display:table;table-layout:fixed;width:100%;border-top:1px solid #e0e0e0;color:#333}
.join_box .join_tit{height:39px;padding:0 12px;background:#f9f9f9;font-weight:normal;font-size:14px;line-height:39px;color:#585858}
.join_box .row_tit{display:table-cell;width:86px;height:50px;padding-left:12px;vertical-align:middle}
.row_tit .tit_txt{display:block;font-weight:normal}
.join_box .inp_txt, .join_box .inp_rdo, .join_box .inp_num, .join_box .sel_bx{display:table-cell;height:50px;vertical-align:middle}
.join_box input[type=text], .join_box input[type=password], .join_box input[type=number], .join_box input[type=tel],.join_bx_v2 textarea{width:100%;height:100%;padding:0 8px;border:0;font-size:14px;box-sizing:border-box}
.join_bx_v2 input[type=text], .join_bx_v2 input[type=password],.join_bx_v2 input[type=number],.join_bx_v2 input[type=tel],.join_bx_v2 textarea{width:100%;height:100%;padding:0 8px 0 0;border:0;font-size:14px;box-sizing:border-box}

.inp_rdo{padding-right:12px}
.inp_rdo li{float:left;width:50%;max-width:120px}
.inp_rdo input[type=radio]{position:absolute;left:-99999px}
.inp_rdo label{display:block;position:relative;margin-left:0;padding:10px 0 10px 32px;line-height:22px;letter-spacing:-1px}
.inp_rdo label:before{display:block;position:absolute;top:10px;left:10px;width:18px;height:18px;margin-right:5px;border:1px solid #b2b2b2;border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%;box-sizing:border-box;content:''}
.inp_rdo label:after{display:block;position:absolute;top:14px;left:14px;width:10px;height:10px;border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%;background:#b2b2b2;content:''}
.inp_rdo input[type=radio]:checked+label:before{border-color:#ed7263}
.inp_rdo input[type=radio]:checked+label:after{background-color:#ed7263}
.inp_num [class^=num]{display:inline-block;width:100%;height:100%}
.inp_num .num1{width:50px}
.inp_num .num2{width:42px}
.inp_num .num3{width:66px}
.inp_num [class^=num] input{padding:0;text-align:center}
.join_box .sel_bx{position:relative}
.sel_bx select{border:0;height:100%;width:100%;color:#333;text-indent:10px;font-size:14px}
.sel_bx:before{position:absolute;top:50%;right:20px;width:12px;height:8px;margin-top:-4px;background:url(../img/bg_m_select.png) no-repeat;background-size:12px 8px;content:''}

[class^=inp_chk]{font-size:12px;color:#333}
[class^=inp_chk] input[type=checkbox]{position:absolute;left:-99999px}
[class^=inp_chk] label{display:inline-block;margin-left:0;padding:8px 9px 8px 0;line-height:17px}
[class^=inp_chk] label:before{display:block;position:absolute;top:6px;left:12px;width:20px;height:20px;margin-right:5px;border:1px solid #ddd;border-top-left-radius:1px;border-top-right-radius:1px;border-bottom-right-radius:1px;border-bottom-left-radius:1px;box-sizing:border-box;content:''}
[class^=inp_chk] label:after{display:block;position:absolute;top:11px;left:15px;width:14px;height:10px;background:url(../img/bg_m_checkbox.png) no-repeat;background-size:29px 10px;background-position:0 0;content:''}
[class^=inp_chk] input[type=checkbox]:checked+label:before{border:0;background-color:#ed7263}
[class^=inp_chk] input[type=checkbox]:checked+label:after{background-position:-15px 0}
.inp_chk{padding:8px 0}
.inp_chk li{position:relative;padding-left:38px}
.inp_chk_all{position:relative;padding-left:43px;border-bottom:1px solid #e0e0e0;font-weight:bold;font-size:14px}
.inp_chk_all label{padding:16px 12px 16px 0;line-height:normal}
.inp_chk_all label:before{top:13px;width:24px;height:24px}
.inp_chk_all label:after{top:20px;left:17px}
.join_box + .btn_red{width:100%;margin-top:15px}
.inp_chk .term_view{display:inline-block;font-size:12px;color:#888;text-decoration:none}

/* 4차 두번째 템플릿 */
.content_join.join_bx_v2{padding-top:13px}
.join_bx_v2 .row_tit{width:70px}
.join_bx_v2 .row_tit.top{vertical-align:top;padding-top:14px}
.join_bx_v2 .inp_rdo{padding:5px 0 12px 0}
.join_bx_v2 .inp_rdo label{padding:8px 0 0 19px}
.join_bx_v2 .inp_rdo li{max-width:72px}
.join_bx_v2 .inp_rdo label:before{top:10px;left:-2px}
.join_bx_v2 .inp_rdo label:after{top:14px;left:2px}
.join_bx_v2 .txt_box{padding:0 0 11px 0}
.join_bx_v2 .txt_box textarea{width:100%;height:100%;padding:14px 12px 0 0;border:0;vertical-align:top;resize:none;-webkit-overflow-scrolling:touch}
.join_bx_v2 .txt_box .byte{margin-top:4px;padding-right:11px;font-size:11px;color:#777;text-align:right;letter-spacing:-1px}
.join_bx_v2 .txt_box .byte em{color:#ed7263}
.address_wrap{position:relative}
.join_bx_v2 .inp_address [class^=address]{height:50px;border-top:1px solid #e5e5e5}
.join_bx_v2 .inp_address [class^=address]:first-child{border-top:0}
.join_bx_v2 .inp_address [class^=address] .bar{display:inline-block;width:auto;height:100%;vertical-align:middle;line-height:50px}
.join_bx_v2 .inp_address span{display:inline-block;width:52px;height:100%;vertical-align:middle}
.join_bx_v2 .inp_address button{display:inline-block;width:48px;height:27px;margin:0 0 0 6px;color:#fff;font-weight:normal;font-size:12px;vertical-align:middle;background:#b0b0b0}
.join_bx_v2 .address_first{padding-right:62px}
.join_bx_v2 .address_first button{position:absolute;top:12px;right:12px}
.join_bx_v2 .address_first .address_pop{display:none;overflow:auto;z-index:10;position:absolute;top:48px;left:12px;right:12px;width:auto;height:117px;margin:0;border:1px solid #666;background:#fff}
.join_bx_v2 .address_first .address_pop li{line-height:14px;border-top:1px solid #e5e5e5}
.join_bx_v2 .address_first .address_pop li.on{background:#f6f6f6}
.join_bx_v2 .address_first .address_pop li:first-child{border-top:0;}
.join_bx_v2 .address_first .address_pop li a{display:block;padding:12px 11px 10px;color:#333;font-size:11px;text-decoration:none}

/* 주문 */
body.layout_m{min-height:0;background:#fff}
.layout_m .header{height:34px;border-bottom:2px solid #00aac3}
.layout_m .section{padding:25px 15px}
.layout_m .section_thanks{padding-top:36px}
.layout_m .head_tit{width:75px;height:34px;margin:0 0 0 15px;background:url(../img/logo3.png) no-repeat 0 50%;background-size:75px auto}
.lst_dot{margin-top:11px}
.lst_dot li{position:relative;padding-left:5px;font-size:10px;color:#666;letter-spacing:-1px;line-height:18px}
.lst_dot li:before{position:absolute;top:8px;left:0;width:2px;height:2px;-webkit-border-radius:2px;border-radius:2px;background-color:#666;content:''}
.section_agree .inp_chk_area label{position:relative;padding:0 0 0 27px;font-size:15px;font-weight:bold;letter-spacing:-1px;line-height:21px}
.section_agree .inp_chk_area label:before{top:0;left:0;width:21px;height:21px;border-width:1px;border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px}
.section_agree .inp_chk_area label:after{top:4px;left:2px;width:17px;height:13px;background:url(../img/bg_m_checkbox2.png) no-repeat;background-size:42px auto}
.section_agree .inp_chk_area input[type=checkbox]:checked+label:before{background-color:#00aac3}
.section_agree .inp_chk_area input[type=checkbox]:checked+label:after{background-position:-25px 0}
.section_agree .btn_gray,.section_thanks .btn_gray{width:100%;height:43px;margin-top:15px;line-height:43px}
.section_thanks .tit{font-size:24px;color:#444;letter-spacing:-1px;text-align:center}
.section_thanks .msg{margin-top:12px;font-size:14px;color:#888;letter-spacing:-1px;line-height:18px;text-align:center}
.section_thanks .btn_gray{margin-top:20px}
.product_box{position:relative;min-height:91px;margin-top:28px;padding:20px 0 0 110px;border-top:1px solid #d9d9d9}
.product_box .img_box{overflow:hidden;position:absolute;top:50%;left:0;width:99px;height:89px;margin-top:-35px;border:1px solid #dadada}
.product_box .img_box img{width:100%;height:auto}
.product_box .info{padding:6px 0}
.product_box .info_tit{font-weight:bold;font-size:15px;color:#00aac3;letter-spacing:-1px;line-height:20px;text-align:left;word-break:break-all}
.product_box .info_detail{margin-top:12px;font-size:12px}
.product_box .info_detail dt{color:#bbb;letter-spacing:-1px}
.product_box .info_detail dd{margin-top:4px;color:#888;line-height:14px;word-break:break-all}

/* 학무보_알림장 공유 */
.schoolparent{position:relative;height:auto;padding-bottom:49px;background-color:#fff}
.schoolparent .header{position:fixed;top:0;left:0;width:100%;padding: 11px 0 10px;text-align:center;border-bottom:1px solid #e4e4e4;background-color:#fff;z-index:10}
.schoolparent .header:after{position:absolute;top:0;left:0;content:'.';color:transparent}
.schoolparent h1{width:69px;height:18px;margin-top:0;background: url(../img/sp_notice.png) no-repeat 0 0;background-size:93px auto}
.schoolparent .tit_v2{width:100%;height:100%;margin-top:3px;color:#505050;font-size:16px;line-height:16px}

.schoolparent .img_box{width:100%;height:auto;margin-top:2px;letter-spacing:-1px}
.schoolparent .img_area li:first-child .img_box{margin-top:0}
.schoolparent .img_area+.tag{margin-top:27px}
.schoolparent .img_box img{display:block;width:100%;height:auto;vertical-align:top}

.schoolparent .scroll_area{overflow-y:auto;overflow-x:hidden;max-height:100%;padding:64px 0 24px}
.schoolparent_cont{margin:0 14px}
.schoolparent_cont .class_name{color:#333;font-size:17px;font-weight:bold;line-height:17px}
.schoolparent_cont .day{display:inline-block;margin-top:5px;color:#a1a1a1;font-size:15px;font-weight:normal;line-height:17px}
.schoolparent_cont .subject_box{overflow:hidden;position:relative;margin:20px 0 4px;padding:12px 10px 5px 65px;background-color:#f5f5f5;box-sizing:border-box;border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-left-radius:2px;border-bottom-right-radius:2px}
.schoolparent_cont .subject_box .calendar{position:absolute;top:0;left:0;width:52px;height:100%;background:#e0e2e4;border-top-left-radius:2px;border-bottom-left-radius:2px}
.schoolparent_cont .subject_box .calendar:before{position:absolute;top:19px;left:15px;width:22px;height:22px;background:url(../img/sp_notice.png) -71px 0 no-repeat;background-size:93px auto;content:''}
.schoolparent_cont .subject_box .day{margin-top:0;font-size:16px;font-weight:bold;color:#3968b1}
.schoolparent_cont .subject_box .tit{display:block;color:#3968b1;font-size:16px;line-height:25px}
.schoolparent_cont .msg{padding:19px 0 20px;color:#333;font-size:17px;line-height:26px}
.schoolparent_cont .tag:after{display:block;content:'';clear:both}
.schoolparent_cont .tag li{float:left;margin:0 6px 6px 0}
.schoolparent_cont .tag li:first-child{margin-left:0}
.schoolparent_cont .tag li:first-child em{margin-left:0}
.schoolparent_cont .tag em{display:block;position:relative;height:25px;margin-left:0;padding:0px 5px 0 6px;color:#99baee;font-size:15px;line-height:27px;background-color:#eef3fb}

.schoolparent .btn_area{position:fixed;bottom:0;margin:0 auto;max-width:670px;width:100%}
.schoolparent .btn_area:after{display:block;content:'';clear:both}
.schoolparent .btn_area a{display:inline-block;float:left;width:50%;height:45px;line-height:48px;text-align:center;font-size:14px;font-weight:bold;text-decoration:none;color:#fff;vertical-align:middle;opacity:0.95}
.schoolparent .btn_area .btn_l{background-color:#222}
.schoolparent .btn_area .btn_l:after{display:inline-block;content:'';width:1px;height:100%;vertical-align:middle}
.schoolparent .btn_area .btn_r{background:#6752e6}
.schoolparent .btn_area .btn_r span{display:inline-block;width:89px;height:18px;margin:0 auto;background:url(../img/sp_notice.png) 0 -16px no-repeat;background-size:89px auto;text-indent:-9999px;line-height:49px;vertical-align:middle}
.schoolparent .btn_area .btn_r:after{display:inline-block;content:'';width:1px;height:100%;vertical-align:middle}
.schoolparent .btn_area .btn_r:before{position:absolute;top:0;left:0;content:'.';color:transparent}

/* 학부모용 초대수락하기 플로우추가 */
.app_link{min-width:320px;padding-top:65px}
.app_link .logo_blue{background:url(../img/logo4.png) no-repeat 100% 0;background-size:128px auto}
.app_link .tit{margin-top:36px;font-weight:normal;font-size:19px;color:#333;line-height:26px;text-align:center}
.app_link .msg{margin-top:5px;font-size:15px;color:#888;line-height:21px}
.code_box{width:202px;margin:20px auto 0;padding:12px 0 9px;border:1px solid #3c82f0;border-radius:3px;background:#fff;font-size:17px;color:#222;line-height:21px;text-align:center}
.msg_bottom{min-width:320px;margin-top:120px;text-align:center}
.msg_bottom .msg{font-size:14px;color:#888;line-height:19px}
.msg_bottom .link_txt{display:inline-block;margin-bottom:18px;padding:8px 0;font-size:15px;color:#3c82f0;line-height:19px;text-decoration:none}
.msg_bottom .link_txt .bu_arr{display:inline-block;width:7px;height:19px;margin-left:1px;background:url(../img/bu_arr.png) no-repeat 0 4px;background-size:7px 9px;vertical-align:top}

/* 앱 다운로드 */
.download{background:#d3d4d5}
.spot_app{position:relative;min-width:320px;padding:36px 0 93px;background:#fff}
.spot_app:after,.download_app .bg_btn{overflow:hidden;position:absolute;background:url(../img/sp_app_download.png) no-repeat;background-size:289px auto;text-indent:-999em}
.spot_app:after{left:50%;bottom:-11px;width:289px;height:69px;margin-left:-146px;content:''}
.spot_app .logo_blue{width:161px;background:url(../img/logo4.png) no-repeat 100% 0;background-size:161px auto}
.spot_app .tit_sub{display:block;margin-top:9px;font-weight:bold;font-size:18px;color:#6d58e8;line-height:23px;text-align:center}
.spot_app .desc_spot{margin-top:17px;font-size:16px;color:#323232;line-height:23px}
.download_app{position:relative;min-width:320px;padding:46px 0 48px;text-align:center}
.download_app .btn_android,.download_app .btn_ios{display:block;position:relative;width:240px;height:55px;margin:5px auto 0;border-radius:4px;background:#fff}
.download_app .btn_android .bg_btn{top:13px;left:58px;width:120px;height:30px;background-position:0 -71px}
.download_app .btn_ios .bg_btn{top:13px;left:60px;width:110px;height:29px;background-position:-122px -71px}
.download_app .link_copy{display:inline-block;margin:18px 0;padding:4px;font-size:10px;color:#9c9d9d;line-height:13px;text-decoration:none}
.download .footer{position:absolute;bottom:0;left:0;right:0;}

/* 레이어팝업 */
.dimmed{position:fixed;top:0;right:0;bottom:-200%;left:0;z-index:100;background:#000;opacity:0.8}
.ly_pop{overflow:auto;position:fixed;top:0;left:0;z-index:110;width:100%;height:100%;margin:auto;color:#fff;text-align:center;white-space:nowrap}
.ly_pop:after{display:inline-block;overflow:hidden;width:0;height:100%;vertical-align:middle;content:''}
.ly_pop_cont{display:inline-block;position:relative;overflow:hidden;width:274px;border-radius:5px;background:#fff;vertical-align:middle}
.ly_msg{padding:25px 0;font-weight:bold;font-size:16px;color:#333;line-height:20px}
.ly_pop .btn_full_area{padding:0 15px 20px}
.ly_pop .btn_full_area a{display:block;position:relative;margin-top:7px;padding:14px 0 13px 50px;border-radius:3px;background:#494949;font-size:15px;color:#fff;line-height:18px;text-align:left;text-decoration:none}
.ly_pop .btn_full_area a:first-child{margin-top:0}
.ly_pop .btn_full_area .btn_blue{background:#3e83f0}
.ly_pop .btn_full_area .ico_unione,.ly_pop .btn_full_area .ico_ios{position:absolute;top:11px;left:11px;width:23px;height:23px;background:url(../img/sp_btn_ico.png) no-repeat;background-size:23px auto}
.ly_pop .btn_full_area .ico_ios{top:9px;left:12px;width:20px;height:25px;background-position:0 -25px}

.footer{background-color:#2b2b2b;text-align:center;-webkit-box-shadow: 0px -3px 5px 0px rgba(209,209,209,0.7);box-shadow: 0px -3px 5px 0px rgba(209,209,209,0.7)}
.footer .foot_txt{display:inline-block;margin:11px 0 10px;color:#646464;font-size:11px;text-decoration:none}

/* 학부모알림장 PC버전 */
@media all and (min-width:671px) and (max-width:1920px){
	.schoolparent_cont{margin:0}
}


@media all and (max-height:380px){
	.img_wrap{margin:3.75% 0 4%}
	button{margin-top:19px}
}