@font-face {
    font-family: 'NotoSansCJKkr';
    font-style: normal;
    font-weight: 400;
    src: local('NotoSansCJKkr-Regular'), url(/font/notosanscjkkr/NotoSansCJKkr-Regular.otf) format('opentype');
}

BODY  { FONT-SIZE: 13px; margin:0; line-height:16px;font-family: NotoSansCJKkr;}
TABLE { FONT-SIZE: 13px; word-wrap:break-word;word-break:break-all; }

A:LINK    { COLOR:#2D4084; TEXT-DECORATION:NONE; }		/* 링크 */
A:ACTIVE  { COLOR:#2D4084; TEXT-DECORATION:none; }		/*  */
A:VISITED { COLOR:#5A5A5A; TEXT-DECORATION:none; }		/* 클릭후 */
A:HOVER   { COLOR:#F75F04; TEXT-DECORATION:underline; }	/* 마우스 오버 */

.BG          { COLOR:#2E2E30; BACKGROUND-COLOR:#e9e9e9; }
.Position    { FONT-SIZE:14px; FONT-WEIGHT:bold; }
.TD_Title    { FONT-SIZE:12px; FONT-WEIGHT:bold; PADDING:3px; BACKGROUND-COLOR:#505050; HEIGHT:25px; COLOR:#FFFFFF; }
.TD_noColor  { FONT-SIZE:12px; PADDING:3px; HEIGHT:25px; }
.TD          { FONT-SIZE:12px; PADDING:3px; BACKGROUND-COLOR:#FFFFFF; HEIGHT:25px; }

.PAGIN G { margin-top:10px; text-align:center; PADDING:7px 3px 5px 3px;}



img {border:0}
ul {list-style:none;border:0;margin:0}
input{border:1px solid #000}
textarea{border:1px solid #000}
.clear{clear:both}
.clear2{clear:both;margin-bottom:50px}
#Wrap{width:100%;}
.boxs{border:1px solid #000;padding:20px 0 0 30px;}

/*인트로*/
.Intro {width:100%; margin: 0 auto;}
.Intro .ci{text-align:center;margin-bottom:30px}
.Intro .check{text-align:center}
.Intro ul, .Intro li{margin:0; padding:0}
.ntext2{clear:both}
.cbox { width: 100%; text-align: center; }
.cbox img { max-width: 550px; }
.more_comm{font-size:11px}
.ntext2{text-align:center;font-weight:bold;margin:30px 0 15px 0}


/*로그인*/
.Login .ci img{width:100%;max-width:584px}
.Login .ci{text-align:center;padding:0 10px}
.Login .field{width:530px;margin:0 auto;font-weight:bold;}
.Login .field ul{margin:40px 0}
.Login .field li{float:left;line-height:30px;margin-right:5px}
.Login .field input{width:100px;height:20px}
.Login .field .space{margin-right:2px}
.Login .field .input1{margin-right:20px}
.Login .field .input2{margin-right:20px}
.Login .field:after{ content:""; display:block; clear:both; }
.Login .btn_enter{margin-top:20px;text-align:center}
.Login .btn_enterM{margin-top:10px;text-align:center}
.Login .btn_info{width:275px;margin:0 auto;margin-top:50px}
.Login .text{font-size:11px;text-align:center;margin-top:5px;font-weight:bold;margin-bottom: 30px;}
.Login .copy{color:#666262;text-align:center;margin-top:50px;font-weight:bold}

/*모바일 정렬 설정*/
@media  screen and (max-width:637px){
.Login{width:100%;max-width:584px;margin:50px auto 0 auto;}
.Login .btn_enter{display:none}
.Login .btn_enterM{display:block}
.boxs{border:1px solid #000;padding:5px 0 0 5px;width:100%;box-sizing:border-box;}
}

/*PC 정렬 설정*/
@media  screen and (min-width:637px){
.Login{}
.Intro .space{height:10px}
.Login .btn_enter{display:block}
.Login .btn_enterM{display:none}
}


/*로그인필드 모바일 설정*/
@media  screen and (min-width:220px) and (max-width:637px){
.Intro{margin:10px auto 0 auto}
.Login{margin:10px auto 0 auto}
.Login .field{width:220px;}
.Login .field .space{margin-right:5px;margin-left:-10px}
.Login .field .space2{clear:both;margin-left:-10px}
.Login .field .space3{clear:both;margin-left:-10px}
}

/*컨펌*/
.Confirm{margin:0 auto 0 auto; width: 1200px; max-width: 2000px;}
.Confirm .ci img{width:100%;max-width:584px}
.Confirm .ci{text-align:center;padding:0 10px;margin-top:50px}
.Confirm .field{width:568px;margin:0 auto;font-weight:bold;font-size: 15px; }
.Confirm .field ul{margin:20px 0;padding:0}
.Confirm .field li{float:left;line-height:30px;margin-right:5px}
.Confirm .field input{width:100px;height:20px}
.Confirm .field .input1{width:104px}
.Confirm .field .input2{width:104px;}
.Confirm .field .input3{width:104px;}
.Confirm .field .input4{width:104px;}
.Confirm .field .input5{width:104px;}
.Confirm .field .input6{width:104px;}
.Confirm .field .space1{width:65px;}
.Confirm .field .space2{width:85px;}
.Confirm .field .space3{width:75px;}
.Confirm .field .space4{width:65px;clear:both;}
.Confirm .field .space5{width:85px;}
.Confirm .field .space6{width:75px;}
.Confirm .field:after{ content:""; display:block; clear:both; }
.Confirm .title01{width:110px;margin:30px auto 10px auto;text-align:center;background:#a00201;font-weight:bold;font-size:17px;color:#fff;padding: 7px;}
.Confirm .textarea01{width:96%;margin:0 auto;max-width:584px;border:1px solid #666666; border-radius:5px; min-height: 100px; }
.Confirm .textarea01 textarea{width:100%;height:100px;}
.Confirm .text_pc{display:block;text-align:center;color:#a00201;font-weight:bold;margin-top:20px}
.Confirm .text_mobile{display:none}
.Confirm .title02{width:161px;margin:30px auto 10px auto}
.Confirm .picture{width:100%;max-width:900px;margin:0 auto}
.Confirm .picture img{width:100%}
.Confirm .file{font-weight:bold;margin-top:10px}
.Confirm .file span{color:#a00201}
/*.Confirm .textarea02{width:100%;margin:10px auto 0 auto;max-width:900px;}*/
.Confirm .textarea02{width:100%;margin:10px auto 0 auto;}
.Confirm .textarea02 textarea{width: 99%;height:50px;}
.Confirm .btn{text-align:center;margin:5px 0 30px 0}
.Confirm .textarea02 .bleft{float:left;margin-top:5px}
.Confirm .textarea02 .bright{float:right;margin-top:5px}
.Confirm .btn_end{text-align:center;}
.Confirm .send_text{text-align:center;font-weight:bold;margin:5px 0 30px 0}
.Confirm .add_title{text-align:center;margin-top:30px}
.Confirm .add_title img{max-width:900px;width:100%}
.Confirm .textarea01 p{}

/*컨펌필드 모바일 설정*/
@media  screen and (min-width:220px) and (max-width:637px){
.Confirm .field{width:220px;margin:0 auto;}
.Confirm .field .input1{width:104px;}
.Confirm .field .input2{width:104px;}
.Confirm .field .input3{width:104px;}
.Confirm .field .input4{width:104px;}
.Confirm .field .input5{width:104px;}
.Confirm .field .input6{width:104px;}
.Confirm .field .space1{width:100px}
.Confirm .field .space2{width:100px;clear:both}
.Confirm .field .space3{width:100px;clear:both}
.Confirm .field .space4{width:100px;clear:both}
.Confirm .field .space5{width:100px;clear:both}
.Confirm .field .space6{width:100px;clear:both}
.Confirm .textarea01{width:93%;padding:0 10px}
.Confirm .textarea02{width:93%;padding:0 10px}
.Confirm .text_pc{display:none}
.Confirm .text_mobile{display:block;color:#a00201;font-weight:bold;margin:20px;}
.Confirm{margin:10px auto 0 auto}
.Confirm .textarea02 textarea{width:100%;height:100px;}
.Confirm .file{text-align:center}
.Confirm .btn{width:100%;padding-right:10%}
}

/*레이어팝업*/
#popup_box_bg {width:100%;height:100%;position:fixed;left:0;top:0;background:#000;display:none;z-index:2;filter: alpha(opacity=50);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity: 0.5;-webkit-opacity: 0.5;opacity:0.5;}


#popup_box {z-index:3;background:#fff;}
/*transform: translate(-100%,-0%)*/