@charset "utf-8";
@import url("select.css");
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
table{border-collapse:collapse;border-spacing:0;border:0 none}
blockquote,q{quotes: none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle}
button{border:0 none;background-color:transparent;cursor:pointer}
a{color:#4c4c4c;text-decoration:none}
a:active,a:hover{/* text-decoration:underline */}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
html,body{height:100%}
img{vertical-align:middle}
legend,.hide{width:1px;height:1px;line-height:0;position:absolute;left:-5000px;top:-5000px;z-index:-100;text-indent:-2000px}
legend{display:none}
caption{font-size:0;width:0;height:0;line-height:0;text-indent:-9999px}
*{-webkit-text-size-adjust:none}
input::-ms-clear{display:none}

body{font-size:13px;line-height:1.2;font-family:Malgun Gothic,'맑은 고딕',Dotum,'돋움',sans-serif;color:#4c4c4c}
input, select, textarea{font-size:13px;line-height:1.2;font-family:Malgun Gothic,'맑은 고딕',Dotum,'돋움',sans-serif;color:#4c4c4c}
textarea{overflow-y:auto;resize:none}

/* Display */
.block{display:block}
.inline{display:inline}

/* Float */
.fl{float:left}
.fr{float:right}
.clear{clear:both}

/* Text-Align */
.al_l{text-align:left}
.al_r{text-align:right}
.al_c{text-align:center}

/* Letter-spacing */
.lt0{letter-spacing:0 !important}

/* Button - Box */
.btnbox{overflow:hidden;margin-top:15px;padding-top:20px;text-align:center;border-top:1px solid #b3b3b3}
.btn{display:inline-block;padding:0;min-width:72px;height:50px;line-height:50px;border:0;background-color:#e2e2e2;color:#454545;text-align:center;vertical-align:middle;}
.btn.confirm{background-color:#ff3b57;color:#fff}
.btn:hover{background-color:#c0c0c0}
.btn:active{background-color:#ff3b57;color:#fff}
.btn.confirm:hover{background-color:#d9324a}
.btn.confirm:active{background-color:#c01623}

/* pop Layout */
#pop_wrap{height:100%}
#pop_header{display:table;position:relative;width:100%;height:67px;background-color:#7ba4bf;vertical-align:middle}
#pop_container{padding:40px}
#pop_container .btnbox .btn{width: 92px;}
#pop_container .pop_alert p{line-height:19px;text-align: center;}
#pop_container .pop_alert p:first-child{margin-top: 14px;}
#pop_container .pop_alert p span{color: #ff3b57;}
#pop_container .pop_alert .btnbox{border-top: 0;margin-top: 38px;}
#pop_container .tbl td input[type=text], #pop_container .tbl td input[type=password]{padding:0 10px;width:100%;height:32px;line-height:32px;border:1px solid #b3b3b3}

/* Popup Header */
#pop_header strong{display:table-cell;padding-left:22px;margin-bottom:1px;font-weight:normal;font-size:24px;line-height:30px;color:#fff;vertical-align:middle}
#pop_header .close{display:block;overflow:hidden;position:absolute;right:15px;top:15px;padding:10px;width:17px;height:17px;background:url(../images/common/close17x17.png) no-repeat 10px 10px;text-indent:-9999px}

/* Container */
.tbl_wrap{margin-top:-5px}
.tbl{width:100%;table-layout:fixed;font-size:13px;text-align:left}
.tbl th, .tbl td{padding:5px 0;line-height:20px}
.tbl th{display:table-cell;width:113px;font-weight:normal;font-size:15px}
.tbl th.vt{padding-top:12px;vertical-align:top}
.tbl td{vertical-align:top}
.tbl td input[type=checkbox], .tbl td input[type=radio]{position:absolute;left:-9999px}
.tbl td input[type=checkbox] + label{display:inline-block;padding-left:26px;height:18px;line-height:18px;background:url(../images/common/chkbox18x18.png) no-repeat left top;cursor:pointer}
.tbl td input[type=checkbox]:checked + label{background-position:0 -18px}
.tbl td input[type=radio] + label{display:inline-block;margin:9px 0;padding-left:24px;height:16px;line-height:16px;background:url(../images/common/radio16x16.png) no-repeat left top;cursor:pointer}
.tbl td label + input[type=radio] + label{margin-left:14px}
.tbl td input[type=radio]:checked + label{background-position:0 -16px}
.tbl td input[type=text], .tbl td input[type=password]{padding:0 10px;width:100%;height:48px;line-height:48px;border:1px solid #b3b3b3}
.tbl td select{width:100%;height:34px;border:1px solid #b3b3b3}
.tbl td textarea{width:100%;padding:10px;line-height:20px;height:68px;border:1px solid #b3b3b3}
.tbl td p{margin-top:0;color:#808080}
.tbl td .ele_wrap{padding-right:22px}
.tbl td .email_type{display:inline-block;width:100%;vertical-align:middle}
.tbl td .email_type div, .tbl td .email_type .sep{float:left}
.tbl td .email_type div{width:47%}
.tbl td .email_type div>div{float:none;width:auto;padding-right:22px}
.tbl td .email_type .sep{width:6%;text-align:center;line-height:34px}
.tbl td .email_type input[type=text]{}
.tbl td .tel_type{display:none;width:100%;vertical-align:middle}
.tbl td .tel_type input[type=text]{}
.tbl td .tel_type select, .tbl td .tel_type .sod_select, .tbl td .tel_type div, .tbl td .tel_type .sep{float:left}
.tbl td .tel_type select{width:100%}
.tbl td .tel_type div{width:30%}
.tbl td .tel_type div>div{float:none;width:auto;padding-right:22px}
.tbl td .tel_type .sep{width:6%;text-align:center;line-height:32px}
.tbl td ul{padding:5px 0 0;margin-bottom:-4px}
.tbl td ul li{margin-top:5px;line-height:22px}
.tbl td ul li:first-child{margin-top:0}
.tbl td ul li .ele_wrap{padding-top:6px;padding-bottom:4px}
.tbl .mtit{display:none}
.tbl .inside{}
.tbl .outside{display:none}

/* check box */
.tbl_wrap + p input[type=checkbox] + label {display: inline-block;margin-top: 13px;padding-left: 24px;height: 18px;line-height: 16px;background: url(../images/common/chkbox18x18.png) no-repeat left top;cursor: pointer;}
.tbl_wrap + p input[type=checkbox]:checked + label {background-position: 0 -18px;}
.tbl_wrap + p input[type=checkbox] {position: absolute;left: -9999px;} 

/* 이용약관 */
.termbox{border:1px solid #b3b3b3}
.termcon_wrap{position:relative}
.termcon_wrap:before, .termcon_wrap:after{content:'';position:absolute;left:0;right:17px;height:10px;background-color:#fff}
.termcon_wrap:before{top:0}
.termcon_wrap:after{bottom:0}
.termcon{overflow:hidden;overflow-y:auto;padding:26px 30px 30px;/* height:483px *//* height:427px */height:220px}
.termcon strong{display:block;margin-bottom:19px;padding-bottom:18px;font-weight:bold;font-size:15px;line-height:20px;color:#333;text-align:center;border-bottom:1px solid #000}
.termcon p{line-height:22px}
.termcon p + p{margin-top:14px}
.termcon p + strong{padding-top:16px;margin-top:26px;border-top:1px solid #000}
.termcon .date{text-align:right;margin-top:40px}
.termcon .date span{display:inline-block;width:16px;padding:0 5px}
.termcon .date span.year{width:30px}
.termcon .info{float:right;margin-top:7px;width:180px;padding-bottom:39px}
.termcon .info p{position:relative;margin:0;height:24px;line-height:24px;padding-left:60px;padding-right:25px}
.termcon .info p span{position:absolute;left:0;top:0;text-align:left}
.termcon .info p span.tel{padding-left:39px}
.termcon .info p span.seal{left:auto;right:0}
.termcon .info.big{width:280px;padding-bottom:0}
.termcon .info.big p{padding-left:100px}
.termcon .deartxt{clear:both;text-align:center}
.term_chk{padding:24px 30px 30px;background-color:#ebeced}
.term_chk p{padding-bottom:11px;line-height:22px}
.term_chk input[type=checkbox]{position:absolute;left:-9999px}
.term_chk input[type=checkbox] + label{display:block;padding-left:25px;height:18px;line-height:18px;background:url(../images/common/chkbox18x18.png) no-repeat left top;cursor:pointer}
.term_chk input[type=checkbox]:checked + label{background-position:0 -18px}
.termbox + .btnbox{margin-top:0;border-top:0}

.termcon_print{overflow:hidden;overflow-y:auto;padding:26px 30px 30px;/* height:483px *//* height:427px */height:540px}
.termcon_print strong{display:block;margin-bottom:19px;padding-bottom:18px;font-weight:bold;font-size:15px;line-height:20px;color:#333;text-align:center;border-bottom:1px solid #000}
.termcon_print p{line-height:22px}
.termcon_print p + p{margin-top:14px}
.termcon_print p + strong{padding-top:16px;margin-top:26px;border-top:1px solid #000}
.termcon_print .date{text-align:right;margin-top:40px}
.termcon_print .date span{display:inline-block;width:16px;padding:0 5px}
.termcon_print .date span.year{width:30px}
.termcon_print .info{float:right;margin-top:7px;width:180px;padding-bottom:39px}
.termcon_print .info p{position:relative;margin:0;height:24px;line-height:24px;padding-left:60px;padding-right:25px}
.termcon_print .info p span{position:absolute;left:0;top:0;text-align:left}
.termcon_print .info p span.tel{padding-left:39px}
.termcon_print .info p span.seal{left:auto;right:0}
.termcon_print .info.big{width:280px;padding-bottom:0}
.termcon_print .info.big p{padding-left:100px}
.termcon_print .deartxt{clear:both;text-align:center}

/* Layout */
#wrap{min-width: 320px;height:100%}
#container{position: relative;height:100% !important;min-height:600px;margin-bottom:-70px}
#content{height:100% !important;}
#footer{width: 258px;height: 70px;margin: 0 auto;}
#footer address{padding-top:11px}
#footer address, #footer .copyright{font-size:11px;line-height:16px;text-align:center}

/* Login */
/* #login{position:absolute;left:50%;top:50%;margin:-195px 0 0 -182px;width:364px;height:390px} */
#login{position:absolute;left:50%;top:50%;margin:-195px 0 0 -140px;width:280px;height:430px;}
#login .tit{letter-spacing:-0.1em;font-size:31px;line-height:36px;color:#ff3b57}
#login .tit p{position:relative;white-space:nowrap;font-size:24px; line-height: 31px;}
#login .tit p span{display:inline-block;font-size:28px;padding-right:8px;background-color:#fff}
/* #login .tit p.line:after{content:'';position:absolute;left:0;top:50%;margin-top:2px;width:100%;border-top:2px solid #ff3b57;z-index:-1} */
#login .desc{margin:11px 0 45px;line-height: 21px;}
#login .desc span{display:block}
#login .frmbox{}
#login .frmbox p{padding-right:22px}
#login .frmbox p + p{margin:10px 0 18px}
#login .frmbox p input{width:100%;height:32px;line-height:32px;padding:0 10px;border:1px solid #a9a9a9}
#login .frmbox input[type=checkbox]{position:absolute;left:-9999px}
#login .frmbox input[type=checkbox] + label{display:block;padding-left:25px;height:18px;line-height:18px;background:url(../images/common/chkbox18x18.png) no-repeat left top;cursor:pointer}
#login .frmbox input[type=checkbox]:checked + label{background-position:0 -18px}
#login .btnbox{border-top:0;margin-top:18px;padding-top:0}
#login .btnbox .btn{width:100%}
#login p + .btnbox {margin-top: 30px;}
#login p + .btnbox .btn{width: 135px; float:left;margin-right: 10px;}
#login p + .btnbox .btn:last-child{margin-right: 0;}
#login .ext{overflow:hidden;padding-top:17px}
#login .ext ul{position:relative;left:-50%;float:right}
#login .ext ul li{position:relative;left:50%;float:left;padding:0 14px;}
#login .ext ul li:first-child{padding-left:0;}
#login .ext ul li:last-child{padding-right:0;}
#login .ext ul li:before{content:'';position:absolute;left:0;top:3px;height:100%;border-left:1px solid #c2c2c2}
#login .ext ul li:first-child:before{display:none}
#login .ext ul li a{display:block;color:#808080}
#login form > p {text-align: center;margin-top: 7px;}
#login form > p a{display: inline-block;padding-bottom: 2px;border-bottom: 1px solid #4c4c4c;}
#login .tbl_wrap p span{color:#ff3b57}
#login .tbl_wrap .btn{min-width: 69px;float: right;box-sizing:border-box;border: 1px solid #b3b3b3;}

#login .info_con{position: absolute;font-size: 13px;left: 50%;width: 624px;height: auto;padding: 20px;border: 1px solid #b3b3b3;text-align: inherit;margin: 15px 0 0 -312px;box-sizing:border-box ;line-height: 18px;} 
#login .info_con p{margin-bottom: 10px;}
/* info_box */
#info_box{}
.info_con{position: absolute;font-size: 15px;left: 50%;top: 50%; margin: -131px 0 0 -312px;padding: 60px;width: 624px; height: auto;border: 1px solid #b3b3b3;text-align: center;box-sizing:border-box ;line-height: 24px;}

.info_con p span{color: #ff3b57;}
.info_con .btnbox{border-top: 0;width: 189px;margin: 15px auto 0;}
.info_con .btnbox .btn{width: 92px;margin-right: 5px;float: left;}
.info_con .btnbox .center {float: none;}
.info_con .btnbox .btn:last-child{margin-right: 0;}

/* 비상 Login */
#login.emergency .tit{color:#333}
#login.emergency .tit p.line:after{border-color:#333}
#login.emergency .desc{margin:11px 0 25px;}
#login.emergency > p{margin-bottom: 14px;}
#login.emergency > p strong{font-size: 18px;color: #ff3b57;}


/************************* 신규 로그인 2016-11-28 *************************************/
body.bg{background-color:#f1f1f1}
#wrapper{height:100%}
#wrapper #container{height:100%;margin-bottom:-92px}
#wrapper #footer{width:100%;height:91px;border-top:1px solid #dedee0}
#wrapper #footer .inner{/* height:91px */padding-top:16px}
#wrapper #footer .inner address, #wrapper #footer .inner .copyright{line-height:14px;color:#999}
#wrapper #footer .inner address{font-size:12px}
#wrapper #footer .inner .copyright{margin-top:7px;font-size:11px}
#wrapper .login_box{position:absolute;left:50%;top:50%;margin:-234px 0 0 -447px;width:100%; max-width:891px;height:374px;border:1px solid #d9d9d9;background-color:#fff;box-shadow:1px 1px 1px rgba(0,0,0,0.1)}
#wrapper .login_box .inner{padding:0 60px 60px}
#wrapper .login_box .logo{display:block;overflow:hidden;position:relative;height:93px;text-indent:-9999px}
#wrapper .login_box .logo:after{content:'';display:block;position:absolute;left:0;bottom:14px;width:100%;height:30px;background:url(../images/common/logo.png) no-repeat left top}
#wrapper .login_box iframe{overflow:hidden;width:100%; max-width:891px; height:221px;border:0;vertical-align:middle}
.login_frm{overflow:hidden}
.login_frm .login_inst, .login_frm .login_desc{float:left}
.login_frm .login_inst{width:320px}
.login_frm .login_inst .inner{padding-top:6px;border-top:1px solid #7f7f7f}
.login_frm .login_inst .inner div{position:relative;padding-top:15px;border-bottom:1px solid #e2e2e2}
.login_frm .login_inst .inner div input[type=text], .login_frm .login_inst .inner div input[type=password]{width:100%;height:44px;line-height:44px;font-size:15px;color:#808080;border:0;outline:0}
.login_frm .login_inst .inner .tooltip{position:absolute;left:0;top:100%;padding:6px 10px 10px;font-size:14px;line-height:20px;color:#4c4c4c;border:1px solid #2a2a2a;background-color:#fff;z-index:10}
.login_frm .login_inst .inner .tooltip:before{content:'';position:absolute;left:14px;top:-10px;display:block;width:20px;height:10px;background:url(../images/common/point.png) no-repeat left top}
.login_frm .login_inst .inner .tooltip p{}
.login_frm .login_inst .inner .chkbox{overflow:hidden;height:34px;padding-top:15px;text-align:right}
.login_frm .login_inst .inner .chkbox input[type=checkbox]{position:absolute;left:-9999px}
.login_frm .login_inst .inner .chkbox input[type=checkbox] + label{display:inline-block;overflow:hidden;padding-left:25px;height:18px;background:url(../images/common/chkbox18x18.png) no-repeat left top;cursor:pointer}
.login_frm .login_inst .inner .chkbox input[type=checkbox]:checked + label{background-position:0 -18px}
.login_frm .login_inst .inner .btn_box{overflow:hidden;padding:0;border:0}
.login_frm .login_inst .inner .btn_box .fl, .login_frm .login_inst .inner .btn_box .fr{width:157px;padding:0;border:0}
.login_frm .login_inst .inner .btn_box .cancel{display:block;width:100%;height:45px;line-height:45px;font-size:16px;text-align:center;border:0;background-color:#e2e2e2;cursor:pointer}
.login_frm .login_inst .submit{display:block;width:100%;height:45px;line-height:45px;font-size:16px;color:#fff;text-align:center;border:0;background-color:#71a4c3;cursor:pointer}
.login_frm .login_inst .inner .time_area{padding:8px 0;border:0}
.login_frm .login_inst .inner .time{font-size:15px;text-align:center}
.login_frm .login_inst .inner .time span{color:#ff3b57}
.login_frm .login_inst .inner .time:before{content:'';display:inline-block;margin:-4px 5px 0 0;width:17px;height:17px;background:url(../images/common/clock.png) no-repeat left top;vertical-align:middle}
.login_frm .login_inst .inner .otp_area{overflow:hidden;position:relative;border:0;padding:0 98px 0 0}
.login_frm .login_inst .inner .otp_area input, .login_frm .login_inst .inner .otp_area .reforwarding{float:left}
.login_frm .login_inst .inner .otp_area input[type=text]{padding:0 14px;width:100%;height:43px;line-height:43px;font-size:15px;color:#b2b2b2;border:1px solid #d9d9d9}
.login_frm .login_inst .inner .otp_area .reforwarding{position:absolute;right:0;top:0;width:69px;height:45px;text-align:center;line-height:43px;color:#4c4c4c;border:1px solid #b3b3b3;background-color:#f0f0f0;cursor:pointer}
.login_frm .login_inst .inner .otp_area a.reforwarding{width:67px;height:43px}
.login_frm .login_inst .inner .otp_area button.reforwarding{line-height:45px}
.login_frm .login_inst .inner .auth{text-align:center}
.login_frm .login_inst .inner .auth a{font-size:15px;border-bottom:1px solid #7f7f7f}

.login_frm .login_inst .inner .auth input[type=radio] {position: absolute;left: -9999px;}
.login_frm .login_inst .inner .auth input[type=radio] + label{
    display:inline-block;margin:5px 0;padding-left:24px;height:16px;line-height:16px;
    background:url(/common/resources/images/common/radio16x16.png) no-repeat left top;
    cursor:pointer;
}
.login_frm .login_inst .inner .auth input[type=radio]:checked + label{background-position:0 -16px;}
.login_frm .login_inst .inner .auth label + input[type=radio] + label{margin-left:14px;}

.login_frm .login_desc{margin-left:60px;width:391px}
.login_frm .login_desc .inner{border:1px solid #d9d9d9;height:219px}
.login_frm .login_desc .inner.type02{padding:0 20px 0 30px}
.login_frm .login_desc .login_ext{overflow:hidden;padding-top:36px}
.login_frm .login_desc .login_ext li{float:left;width:33.3%;text-align:center}
.login_frm .login_desc .login_ext li a{display:block;padding:4px 0 0 0;height:73px;border-left:1px solid #e7e7e7}
.login_frm .login_desc .login_ext li a:hover{text-decoration:underline}
.login_frm .login_desc .login_ext li:first-child a{border-left:0}
.login_frm .login_desc .ld_icon01 a:before, .login_frm .login_desc .ld_icon02 a:before, .login_frm .login_desc .ld_icon03 a:before{content:'';display:inline-block;height:40px;margin:0 auto}
.login_frm .login_desc .ld_icon01 a:before{width:51px;background:url(../images/common/icon01.png) no-repeat left top}
.login_frm .login_desc .ld_icon02 a:before{width:47px;background:url(../images/common/icon02.png) no-repeat left top}
.login_frm .login_desc .ld_icon03 a:before{width:51px;background:url(../images/common/icon03.png) no-repeat left top}
.login_frm .login_desc .ld_icon01 span, .login_frm .login_desc .ld_icon02 span, .login_frm .login_desc .ld_icon03 span{display:block;margin-top:10px;text-align:center;line-height:20px;letter-spacing:-0.05em}
.login_frm .login_desc .bul01{margin:34px 25px 0;min-height:20px;padding-left:25px;line-height:20px;color:#999;background:url(../images/common/bul01.png) no-repeat left 3px}
.login_frm .login_desc .tit{display:block;padding:31px 0 0;font-weight:normal;font-size:15px;color:#333;line-height:20px}
.login_frm .login_desc .bul_list{margin-top:18px}
.login_frm .login_desc .bul_list li{margin-top:11px;padding-left:22px;line-height:21px;color:#999;background:url(../images/common/bul01.png) no-repeat left 4px}
.login_frm .login_desc .bul_list li:first-child{margin-top:0}

.layer_pop{position:fixed;left:0;top:0;width:100%;height:100%}
.layer_pop_bg{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3)}
.layer_wrap{position:fixed;left:50%;top:50%;width:360px;height:232px;margin:-116px 0 0 -180px;background-color:#fff;box-shadow:3px 3px 3px rgba(0,0,0,0.2)}
.layer_wrap.type02{width:480px;height:304px;margin:-152px 0 0 -240px}
.layer_content{padding:40px}
.txtbox{display:table;width:100%}
.txtbox .inner{display:table-cell;height:92px;padding:0 10px;line-height:20px;background-color:#f7f7f9;text-align:center;vertical-align:middle}
.txtbox .red{color:#ff3b57}
.layer_wrap.type02 .txtbox .inner{font-size:15px;line-height:26px}
.layer_wrap .desc{padding-top:14px;height:50px;line-height:22px;text-align:center}
.layer_content .btnbox{overflow:hidden;margin-top:20px;border-top:0;padding-top:0}
.layer_content .btnbox>div{position:relative;left:-50%;float:right}
.layer_content .btnbox .btn{position:relative;left:50%;float:left;min-width:92px;height:40px;line-height:40px}
.layer_content .btnbox .btn + .btn{margin-left:5px}

/************************* //신규 로그인 2016-11-28 *************************************/

@media screen and (max-width:1024px){
	
	#wrapper .login_box .logo:after{content:"";background:url(../images/common/logo_2x.png) no-repeat left top;background-size:134px 30px}
	.login_frm .login_inst .inner .chkbox input[type=checkbox] + label{padding-left:23px;height:16px;line-height:16px;background:url(../images/common/chkbox32x32.png) no-repeat left top;background-size:16px 32px}
	.login_frm .login_inst .inner .chkbox input[type=checkbox]:checked + label{background-position:0 -16px}
	.login_frm .login_inst .inner .time:before{content:""background:url(../images/common/clock_2x.png) no-repeat left top;background-size:17px 17px}
	.login_frm .login_desc .ld_icon01 a:before{content:""background:url(../images/common/icon01_2x.png) no-repeat left top;background-size:51px 40px}
	.login_frm .login_desc .ld_icon02 a:before{content:""background:url(../images/common/icon02_2x.png) no-repeat left top;background-size:47px 40px}
	.login_frm .login_desc .ld_icon03 a:before{content:"";background:url(../images/common/icon03_2x.png) no-repeat left top;background-size:51px 40px}
	.login_frm .login_desc .bul01{background:url(../images/common/bul01_2x.png) no-repeat left top;background-size:17px 17px}
	.login_frm .login_desc .bul_list li{background:url(../images/common/bul01_2x.png) no-repeat left top !important;background-size:17px 17px !important}
	.login_frm .login_inst .inner .tooltip{padding:5px 10px !important}
	.login_frm .login_inst .inner .tooltip:before{content:"";background:url(../images/common/point_2x.png) no-repeat left top;background-size:20px 10px}
}

/*
@media screen and (max-width:933px){
	#wrapper #container{min-height:760px}
	#wrapper .login_box .inner{padding:0 30px 30px}
	#wrapper .login_box{position:absolute;left:60px;right:60px;top:50%;margin:-286px 0 0 0;width:auto;height:480px;border:1px solid #d9d9d9;background-color:#fff;box-shadow:1px 1px 1px rgba(0,0,0,0.1)}
	#wrapper .login_box .logo{height:83px}
	#wrapper .login_box .logo:after{background-position:center top}
	#wrapper .login_box iframe{height:367px}
}
*/

@media screen and (max-width:760px){
	#wrapper #footer .inner{padding-left:20px;padding-right:20px}
	.login_frm .login_inst, .login_frm .login_desc{float:none}
	.login_frm .login_inst{width:auto}
	.login_frm .login_desc{margin-left:0;margin-top:30px;width:auto}
	.login_frm .login_inst .inner .btn_box .fl, .login_frm .login_inst .inner .btn_box .fr{width:49%}
	.login_frm .login_inst .inner .chkbox{height:36px}

	.login_frm .login_desc .inner{border:0;height:auto}
	.login_frm .login_desc .inner.type02{padding:0 20px 0 0}
	.login_frm .login_desc .login_ext{padding-top:0}
	.login_frm .login_desc .login_ext li a{padding:0;min-height:73px;height:auto;border-left:0}
	.login_frm .login_desc .bul01{margin:22px 0 0;font-size:12px;line-height:18px}
	.login_frm .login_inst .inner .time_area{padding:8px 0;border:0}
	.login_frm .login_desc .tit{display:none}
	.login_frm .login_desc .bul_list{margin-top:-6px}
	.login_frm .login_desc .bul_list li{margin-top:11px;min-height:19px;padding-left:22px;font-size:12px;line-height:18px;color:#999;background-position:left 3px}
	.login_frm .login_desc .bul_list li:first-child{margin-top:0}
}

@media screen and (max-width:664px){
	input, select, textarea, button{border-radius:0;-webkit-appearance:none}


	/************************* 신규 로그인 2016-11-28 *************************************/
	body.bg{background-color:#fff}
	#wrapper #container{min-height:100%;height:auto}
	#wrapper #container #content{height:auto}
	#wrapper #container #content:after{content:'';display:block;height:92px}
	#wrapper #footer{background-color:#f1f1f1}
	#wrapper .login_box{display:block;position:relative;left:auto;right:auto;top:auto;margin:0;border:0;height:auto;box-shadow:none}
	#wrapper .login_box .inner{padding:0 20px 20px}
	#wrapper .login_box iframe{height:400px}

	.layer_wrap{position:fixed;left:20px;right:20px;width:auto;height:192px;margin:-96px 0 0 0}
	.layer_wrap.type02{left:20px;right:20px;width:auto;height:256px;margin:-128px 0 0 0}
	.layer_content{padding:20px}
	.txtbox br, .layer_wrap .desc br{display:none}
	.txtbox .inner{padding:0 20px}
	/************************* //신규 로그인 2016-11-28 *************************************/


	/* #pop_wrap{width:320px}*/
	#pop_header .close{display:block;overflow:hidden;position:absolute;right:15px;top:15px;padding:10px;width:17px;height:17px;background:url(../images/common/close34x34.png) no-repeat 10px 10px;text-indent:-9999px;background-size: 17px 17px;}
	#pop_container{padding:20px}
	#pop_container .btnbox .btn {width: 90px;}

	#login{margin:-265px 0 0 -140px}

	.tbl th{display:none}
	.tbl .mtit{display:block;margin-top:10px;font-weight:normal;font-size:15px;padding-bottom:3px}

	.info_con{width: 280px;margin-left: -140px;padding: 30px 20px 0;line-height: 20px;}
	.info_con p{display: inline;}
	.info_con .block_p{display: block;}
	.info_con .btnbox {margin: 15px auto 30px;}
	#login .info_con{position: inherit;width: 100%;left: 0;margin-left: 0;height:225px;overflow:hidden;overflow-y:auto}

	.term_chk input[type=checkbox] + label{height:16px;line-height:16px;background:url(../images/common/chkbox32x32.png) no-repeat left top;background-size:16px 32px}
	.term_chk input[type=checkbox]:checked + label{background-position:0 -16px}
	
	.tbl td label + input[type=radio] + label{margin-left:0}
	.tbl td input[type=radio] + label{margin-right:14px}

	.tbl td input[type=checkbox] + label{height:16px;line-height:16px;background:url(../images/common/chkbox32x32.png) no-repeat left top;background-size:16px 32px}
	.tbl td input[type=checkbox]:checked + label{background-position:0 -16px}
	.tbl td input[type=radio] + label{height:16px;line-height:16px;background:url(../images/common/radio32x32.png) no-repeat left top;background-size:16px 32px}
	.tbl td input[type=radio]:checked + label{background-position:0 -16px}

	.tbl_wrap + p input[type=checkbox] + label {height: 16px;line-height: 16px;background: url(../images/common/chkbox32x32.png) no-repeat left top;background-size:16px 32px}
	.tbl_wrap + p input[type=checkbox]:checked + label {background-position: 0 -16px}

	#login .frmbox input[type=checkbox] + label{display:block;padding-left:25px;height:16px;line-height:16px;background:url(../images/common/chkbox32x32.png) no-repeat left top;background-size:16px 32px}
	#login .frmbox input[type=checkbox]:checked + label{background-position:0 -16px}

	.sod_select:after{content:"";display:block;position:absolute;right:10px;top:13px;width:11px;height:6px;background:url(../images/common/updown22x24.png) no-repeat left top;background-size:11px 12px}
	.sod_select.open:after{background-position:0 -6px}
}