@charset "utf-8";

@font-face {
    font-family:Nanumgothic; // 사용할 폰트명
    src: url('../font/NanumGothic.eot'); // eot 포맷
    src: local(※), url('../font/NanumGothic.woff') format('woff') // ie9이상은 woff 포맷 적용
    }


@font-face {
    font-family:'NanumGothic';
    src: url('../font/NanumGothic.eot');
    src: url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('../font/NanumGothic.woff') format('woff'),
         url('../font/NanumGothic-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; 
}

@font-face{font-family:'Nanum Gothic'; src:url('../font/NanumGothic-Bold.ttf')}
@font-face{font-family:'Nanum Gothic'; src:url('../font/NanumGothic-ExtraBold.ttf')}
@font-face{font-family:'Nanum Gothic'; src:url('../font/NanumGothic-Regular.ttf')}

/* all style */
* {margin:0px; padding:0px;}
html, body, table, input, textarea, select, h1, h2, h3, h4 {color:#696969; font-size:13px; font-family:'NanumGothic', Nanumgothic, '나눔고딕', 'Nanum Gothic';word-break:keep-all;}
html, body {margin:0px;padding:0px;}
form, div, p, span, ul, li, dl, dt, textarea, h1, h2, h3, h4 {margin:0px; padding:0px; word-break:keep-all;}
table caption, legend {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0;}
table, th, td {border-spacing:0px; border-collapse:collapse;}
ul, ol, dl, li, dt, dd {list-style:none;}
img, fieldset {border:0px;}
/*input {font-size:15px;}*/

/* link style */
a:link    {color:#696969;text-decoration:none;}
a:visited {color:#696969;text-decoration:none;}
a:active  {color:#696969;text-decoration:none;}
a:hover   {color:#696969;text-decoration:none;}
a:focus    {outline:none;}

/* align style */
.clear      {clear:both !important;}
.ft_left    {float:left !important;}
.ft_right   {float:right !important;}
.left       {text-align:left !important;}
.right      {text-align:right !important;}
.center     {text-align:center !important;}
.ls_m1      {letter-spacing:-1px;}
.ls_m2      {letter-spacing:-2px;}

/* no style */
.no_mar     {margin:0px !important;}
.no_pad     {padding:0px !important;}
.no_back    {background:none !important;}
.no_bold    {font-weight:normal !important;}
.yes_bold    {font-weight:bold !important;}
.no_bor     {border:none !important;}
.no_size    {font-size:12px !important;}
.no_color   {color:#828282 !important;}
.no_dis     {display:none !important;}
.hidden     {margin:0px;padding:0px;width:1px;heght:1px;font-size:1px;line-height:0px;color:#fff;overflow:hidden;position:absolute;left:0px;top:0px;}

/* margin */
.tmar_0  {margin-top:0px !important;}
.tmar_5  {margin-top:5px !important;}
.tmar_10 {margin-top:10px !important;}
.tmar_15 {margin-top:15px !important;}
.tmar_20 {margin-top:20px !important;}
.tmar_25 {margin-top:25px !important;}
.tmar_30 {margin-top:30px !important;}
.tmar_35 {margin-top:35px !important;}
.tmar_40 {margin-top:40px !important;}
.tmar_45 {margin-top:45px !important;}
.tmar_50 {margin-top:50px !important;}

.lmar_0  {margin-left:0px !important;}
.lmar_5  {margin-left:5px !important;}
.lmar_10 {margin-left:10px !important;}
.lmar_15 {margin-left:15px !important;}
.lmar_20 {margin-left:20px !important;}
.lmar_25 {margin-left:25px !important;}
.lmar_30 {margin-left:30px !important;}
.lmar_35 {margin-left:35px !important;}
.lmar_40 {margin-left:40px !important;}
.lmar_45 {margin-left:45px !important;}
.lmar_50 {margin-left:50px !important;}

.lmar_m5  {margin-left:-5px !important;}
.lmar_m10 {margin-left:-10px !important;}
.lmar_m15 {margin-left:-15px !important;}
.lmar_m20 {margin-left:-20px !important;}
.lmar_m25 {margin-left:-25px !important;}
.lmar_m30 {margin-left:-30px !important;}
.lmar_m35 {margin-left:-35px !important;}
.lmar_m40 {margin-left:-40px !important;}
.lmar_m45 {margin-left:-45px !important;}
.lmar_m50 {margin-left:-50px !important;}

.rmar_0  {margin-right:0px !important;}
.rmar_5  {margin-right:5px !important;}
.rmar_10 {margin-right:10px !important;}
.rmar_15 {margin-right:15px !important;}
.rmar_20 {margin-right:20px !important;}
.rmar_25 {margin-right:25px !important;}
.rmar_30 {margin-right:30px !important;}
.rmar_35 {margin-right:35px !important;}
.rmar_40 {margin-right:40px !important;}
.rmar_45 {margin-right:45px !important;}
.rmar_50 {margin-right:50px !important;}

.bmar_0  {margin-bottom:0px !important;}
.bmar_5  {margin-bottom:5px !important;}
.bmar_10 {margin-bottom:10px !important;}
.bmar_15 {margin-bottom:15px !important;}
.bmar_20 {margin-bottom:20px !important;}
.bmar_25 {margin-bottom:25px !important;}
.bmar_30 {margin-bottom:30px !important;}
.bmar_35 {margin-bottom:35px !important;}
.bmar_40 {margin-bottom:40px !important;}
.bmar_45 {margin-bottom:45px !important;}
.bmar_50 {margin-bottom:50px !important;}


.pad_15 {padding:15px !important;}
.no_pad {padding:0px !important;}
.tpad_0 {padding-top:0px !important;}
.tpad_5 {padding-top:5px !important;}
.tpad_10 {padding-top:10px !important;}
.tpad_15 {padding-top:15px !important;}
.tpad_20 {padding-top:20px !important;}
.tpad_25 {padding-top:25px !important;}
.tpad_30 {padding-top:30px !important;}
.tpad_35 {padding-top:35px !important;}
.tpad_40 {padding-top:40px !important;}
.tpad_45 {padding-top:45px !important;}
.tpad_50 {padding-top:50px !important;}

.lpad_0 {padding-left:0px !important;}
.lpad_5 {padding-left:5px !important;}
.lpad_10 {padding-left:10px !important;}
.lpad_15 {padding-left:15px !important;}
.lpad_20 {padding-left:20px !important;}
.lpad_25 {padding-left:25px !important;}
.lpad_30 {padding-left:30px !important;}
.lpad_35 {padding-left:35px !important;}
.lpad_40 {padding-left:40px !important;}
.lpad_45 {padding-left:45px !important;}
.lpad_50 {padding-left:50px !important;}

.rpad_0 {padding-right:0px !important;}
.rpad_5 {padding-right:5px !important;}
.rpad_10 {padding-right:10px !important;}
.rpad_15 {padding-right:15px !important;}
.rpad_20 {padding-right:20px !important;}
.rpad_25 {padding-right:25px !important;}
.rpad_30 {padding-right:30px !important;}
.rpad_35 {padding-right:35px !important;}
.rpad_40 {padding-right:40px !important;}
.rpad_45 {padding-right:45px !important;}
.rpad_50 {padding-right:50px !important;}

.bpad_0 {padding-bottom:0px !important;}
.bpad_5 {padding-bottom:5px !important;}
.bpad_10 {padding-bottom:10px !important;}
.bpad_15 {padding-bottom:15px !important;}
.bpad_20 {padding-bottom:20px !important;}
.bpad_25 {padding-bottom:25px !important;}
.bpad_30 {padding-bottom:30px !important;}
.bpad_35 {padding-bottom:35px !important;}
.bpad_40 {padding-bottom:40px !important;}
.bpad_45 {padding-bottom:45px !important;}
.bpad_50 {padding-bottom:50px !important;}

.radious_box3 {width:100%;height:100%;padding:15px;background-color:#ebebeb;
-moz-border-radius: 3px; /*모질라*/
-webkit-border-radius: 3px; /*웹킷*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 3px;
}
.radious_box5 {width:100%;height:100%;padding:15px;background-color:#ebebeb;
-moz-border-radius: 5px; /*모질라*/
-webkit-border-radius: 5px; /*웹킷*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 5px;
}
.radious_box7 {width:100%;height:100%;padding:15px;background-color:#ebebeb;
-moz-border-radius: 7px; /*모질라*/
-webkit-border-radius: 7px; /*웹킷*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 7px;
}
.radious_box9 {width:100%;height:100%;padding:15px;background-color:#ebebeb;
-moz-border-radius: 9px; /*모질라*/
-webkit-border-radius: 9px; /*웹킷*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 9px;
}
.radious_box11 {width:100%;height:100%;padding:15px;background-color:#ebebeb;
-moz-border-radius: 11px; /*모질라*/
-webkit-border-radius: 11px; /*웹킷*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 11px;
}
.radious_box13 {width:100%;height:100%;padding:15px;background-color:#ebebeb;
-moz-border-radius: 13px; /*모질라*/
-webkit-border-radius: 13px; /*웹킷*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 13px;
}
.radious_box15 {width:100%;height:100%;padding:15px;background-color:#ebebeb;
-moz-border-radius: 15px; /*모질라*/
-webkit-border-radius: 15px; /*웹킷*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 15px;
}
.radious_box17 {width:100%;height:100%;padding:15px;background-color:#ebebeb;
-moz-border-radius: 17px; /*모질라*/
-webkit-border-radius: 17px; /*웹킷*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 17px;
}
.radious_box19 {width:100%;height:100%;padding:15px;background-color:#ebebeb;
-moz-border-radius: 19px; /*모질라*/
-webkit-border-radius: 19px; /*웹킷*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 19px;
}
.radious_box21 {width:100%;height:100%;padding:15px;background-color:#ebebeb;
-moz-border-radius: 21px; /*모질라*/
-webkit-border-radius: 21px; /*웹킷*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 21px;
}

.shadow {
			-webkit-box-shadow:3px 2px 3px 2px #d1d1d1;
			-moz-box-shadow:3px 2px 3px 2px #d1d1d1;
			-o-box-shadow:3px 2px 3px 2px #d1d1d1;
			-ms-box-shadow:2px 2px 2px 2px #d1d1d1;
			box-shadow:3px 2px 3px 2px #d1d1d1;
			}

header, nav, aside, section, address, footer, hgroup, div {display:block;}
#skipNavi {display:none;}
/* @ import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
/* @ import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* @ import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
/* @ import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/* @ import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);

/* Tablet & Desktop Device */
 @media all and (max-width:768px) {
#wrpar {width:90%;background:#0054a6;margin:0 auto;}
 }

/* Tablet Device */
 @media all and (min-width:768px) and (max-width:1024px) {
#wrpar {width:90%;background:#ed145b;margin:0 auto;}
 }

/* Desktop Device */
@media all and (min-width:1025px) {
#wrpar {width:90%;margin:0 auto;}
}