@charset "utf-8";
/*
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.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);
*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/* NHN Web Standard 1Team JJS 090707, JJJ 090815 */ 
/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'돋움',Dotum,AppleGothic,sansserif;font-size:12px}
img,fieldset{border:0}
ul,ol{list-style:none}
li { float: left; display:inline;}
em,address{font-style:normal}
a{text-decoration:none;color:#000000}
a:hover,a:active,a:focus{text-decoration:underline;color:#000000}
form { margin:0px; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

div {display:inline-block;}
fieldset {margin:0}
/***********************************************************************************************************************
 * BASICS
 **********************************************************************************************************************/
body								{ margin:0;}

blockquote							{ font-family: 'SegoePrint', 'Arial', sans-serif; line-height: 26px; }
input[type=text]:focus				{ outline: 0px; }
#wrap								{ width:100%;margin:0 auto }

/***********************************************************************************************************************
 * CLASSES
 **********************************************************************************************************************/
.center												{ text-align: center; }
.right													{ text-align: right; }
.left													{ text-align: left; }
.f_right												{ float: right; }
.f_right a											{ text-decoration:none; color:#191919}
.f_right a:hover,a:active,a:focus		{text-decoration:none; color:#191919}
.f_left													{ float: left; }
.menu_off											{ padding-top:6px; }
.li														{ font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }
.ul														{ list-style-type:square; color:#66AEAD; }
.poR													{ position:relative; }
.poA													{ position:absolute; }
.box													{ border:1px solid #c5c5c5; }
.hide {display:none;margin:0} 

/*
.nag {font-family:"나눔고딕",Nanum Gothic;}
.nab {font-family:"나눔브러쉬",Nanum Brush Script;}
.nagc {font-family:"나눔고딕코딩",Nanum Gothic Coding;}
.nam {font-family:"나눔명조",Nanum Myeongjo;}
.nap {font-family:"나눔펜",Nanum Pen Script;}
*/
.nag {font-family:"나눔고딕",Nanum Gothic;}

/***********************************************************************************************************************
 * Layout
 **********************************************************************************************************************/
#wrap				{width:100%;margin:0 auto;}

#container			{width:100%}
#container:after	{display:block;clear:both;content:''}
#content			{width:100%;}
#footer				{width:100%}


/***********************************************************************************************************************
 * HEADER
 **********************************************************************************************************************/
#header_sub {width:100%;text-align:center;border-bottom:10px solid #f88217;background:#f7f3e7;padding:10px 0 20px 0;}
.search2 {text-align:right;float:right;margin-right:15px;}
.sub_tit {width:100%;font-size:14px;margin:20px 0px 20px 0px;color:#707070}

.search {width:100%;padding:1%;color:#5b5b5b;}
.search .search_l {float:left;width:50%}
.search .search_r {float:right;width:50%;text-align:left}

.mgg {font-family:Malgun Gothic;text-align:left;width:100%;}
.schinput			{border:3px solid #fe590f;color:#0594d0;border-radius: 3px;width:68%;height:24px;}
.schinput2			{border:3px solid #fe590f;color:#0594d0;border-radius: 3px;width:30%;height:24px;}
/***********************************************************************************************************************
 * container
 **********************************************************************************************************************/
/*index*/
#container .mainimg {margin:0;padding:0;width:100%;background:#564c40;}
#container #navi {width:100%;background:#564c40;}
#container #navi ul {display:inline-block;width:100%;padding:5% 0 5% 0;}
#container #navi li {width:25%;text-align:center}
#container #navi li img {width:80%;}

/*subpage list*/
#content .lsthead {width:100%;background:#796e54;}
#content .lsthead ul {display:inline-block;width:100%;padding:10px;}
#content .lsthead li {width:14%;text-align:center;font-weight:bold;color:#FFFFFF;font-family:Malgun Gothic;}

#content .lst {width:100%;}
#content .lst ul {display:inline-block;width:100%;padding:10px;border-bottom:1px solid #d4d4d4;}
#content .lst li {width:14%;text-align:center;font-weight:bold;color:#6a6a6a;font-family:Malgun Gothic;padding:5px 0 5px 0;}
#content .pagearea {width:100%;text-align:center;margin:10px 0 10px 0;}
#content .pagearea ul {display:inline-block;}
#content .pagearea li a {display:inline-block;padding:5px;font-weight:bold;color:#838383}
#content .pagearea li .sel {color:#000000;}

/*subpage view*/
#content .info {width:100%;padding:10px;margin-top:10px; }
#content .info .tbl {width:95%;}
#content .info .tbl caption {float:left;font-size:14px;color:#707070;margin-bottom:10px;}
#content .info .tbl td {width:25%;border-top:1px solid #d8af8a;padding:8px;}
#content .info .tbl .head {background:#fff9e7;color:#b26016;font-weight:bold;}
#content .info .tbl tfoot td {border-bottom:1px solid #d8af8a;}

#content .info2 {width:100%;padding:10px;margin-top:10px; }
#content .info2 .tbl {width:95%;}
#content .info2 .tbl caption {float:left;font-size:14px;color:#707070;margin-bottom:10px;}
#content .info2 .tbl td {border-top:1px solid #d8a58a;border-left:1px solid #d8a58a;padding:1px;}
#content .info2 .tbl .head {background:#ffedf0;color:#bc132f;font-weight:bold;border-left:1px solid #d8a58a;}
#content .info2 .tbl tfoot td {}

#content .info3 {width:100%;padding:10px;margin-top:10px; }
#content .info3 .tbl {width:95%;}
#content .info3 .tbl caption {float:left;font-size:14px;color:#707070;margin-bottom:10px;}
#content .info3 .tbl td {width:25%;border-top:1px solid #cac9c9;padding:8px;}
#content .info3 .tbl .head {background:#f7f5f5;color:#5f5f5f;font-weight:bold;}
#content .info3 .tbl tfoot td {border-bottom:1px solid #cac9c9;}

#content .info4 {width:100%;padding:10px;margin-top:10px; }
#content .info4 .caption {width:95%;float:left;font-size:14px;color:#707070;margin-bottom:10px;}
#content .info4 .box {width:95%;border:1px solid #cbcbcb;color:#515151;text-align:left;}
#content .info4 .box ul {display:inline-block;width:100%;margin:5px 0 5px 0;}
#content .info4 .box li {width:100%;padding:5px 0 5px 5px;}

/*subpage2 view*/
#content .tel {width:100%;padding:10px;margin-top:10px;}
#content .tel ul {display:inline-block;width:100%;margin:5px 0 5px 0;}
#content .tel li {text-align:left;padding-left:5px;font-family:Malgun Gothic;font-weight:bold;font-size:14px;letter-spacing:-1px;}
#content .tel .listr {width:21%;}
#content .tel .listr2 {width:12%;}
#content .tel .linum01 {width:28%;}
#content .tel .linum02 {width:28%;}
.c2570f {color:#c2570f}
.c676767 {color:#676767}
#content .sam {width:100%;text-align:center;}
#content .sam div {width:95%;border:1px solid #000000;padding:1px;text-align:left}
#content .sam .tbl {width:100%;border:1px solid #000000}
#content .sam .tbl td {padding:3px 8px 3px 8px;border-left:1px solid #000000;border-bottom:1px solid #000000}
#content .sam .tbl .head {width:35%;}
#content .sam .tbl .fst {border-left:0px;}
#content .sam .tbl tfoot td {border-bottom:0px;}
#content .sam .tbl .num1 {background:#ffdfe0;border-left:0px;}

#content .sam2 {width:100%;text-align:center;margin-top:-2px;;}
#content .sam2 div {width:95%;border:1px solid #000000;padding:1px;text-align:left}
#content .sam2 .tbl {width:100%;border:1px solid #000000}
#content .sam2 .tbl td {padding:3px 0 3px 0;border-left:1px solid #000000;border-bottom:1px solid #000000;text-align:center}
#content .sam2 .tbl .head {width:20%;}
#content .sam2 .tbl .td2 {width:31%;}
#content .sam2 .tbl .td3 {width:20%;}
#content .sam2 .tbl .td4 {width:29%;}

#content .sam2 .tbl .fst {border-left:0px;}
#content .sam2 .tbl tfoot td {border-bottom:0px;}
#content .sam2 .tbl .num1 {background:#ffdfe0;border-left:0px;}
#content .sam2 .tbl .cols {padding:0}
#content .sam2 .tbl2 {width:100%;}
#content .sam2 .tbl2 td {border-left:1px solid #000000;border-bottom:1px solid #000000}
#content .sam2 .tbl2 tfoot td {border-bottom:0px;}
#content .sam2 .tbl2 .num2 {background:#ffdfe0;border-left:0px;}
#content .sam2 .tbl2 .td1 {width:38.5%;}
#content .sam2 .tbl2 .td2 {width:25%;}
#content .sam2 .tbl2 .td3 {width:36.5%;}
#content .sam2 .tbl2 tr {height:35px;}


#content .lst2 {width:100%;text-align:center}
#content .lst2 ul {display:inline-block;width:95%;border-bottom:1px solid #d4d4d4;}
#content .lst2 li {width:95%;text-align:left;font-family:Malgun Gothic;padding:5px 0 5px 0;line-height:18px;}
#content .pagearea {width:100%;text-align:center;margin:10px 0 10px 0;}
#content .pagearea ul {display:inline-block;}
#content .pagearea li a {display:inline-block;padding:5px;font-weight:bold;color:#838383}
#content .pagearea li .sel {color:#000000;}
#content .lst2 .fstli {border-top:1px solid #d4d4d4;}
#content .totalPage {width:95%;border-bottom:1px solid #d4d4d4;text-align:left}



#content .vtitle {clear:both;width:94%;text-align:center;background:#3f3f3f url(../img/bg_tit.png) repeat-x top left; background-size:100% 100%;padding:3%;}
#content .vtitle strong {font-family:Malgun Gothic;font-size:120%;margin:0;color:#FFF}
#content .simg2 {clear:both;width:100%;margin:0;}
#content .view img {display:inline-block;width:100%;}
#content .view {clear:both;width:100%;font-family:Malgun Gothic;margin:0 0 5% 0;font-size:110%;}
#content .view .rank {width:93%;margin:2% 0 0 3%;}
#content .view .stitle {width:93%;margin:1% 0 3% 3%;}
#content .view .stitle strong {font-family:Malgun Gothic;font-size:110%;margin:0;color:#838383;font-weight:normal}
#content .view .line {clear:both;width:100%;height:1px;background:#dddddd;margin:2% 0 1% 0}

#content .sub_info {width:95%;margin:20px 0 0 12px;}
#content .sub_info .btn {width:100%;display:inline-block;text-align:right;margin:10px 0 10px 0;}
#content .sub_info2 {width:95%;margin:60px 0 0 12px;}
#content .sub_info2 .btn {width:100%;display:inline-block;text-align:right;margin:10px 0 10px 0;}
#content .m-bot {margin-bottom:30px;}

#content .sub_info2 ul {display:inline-block;width:100%;border-top:1px solid #dddddd;margin-top:1%;padding:0;color:#848484;}
#content .sub_info2 .con1 {display:inline-block;width:80px;margin:10px 0 0 3%;font-size:14px;color:#3E3E3E;font-weight:bold}
#content .sub_info2 .con2 {display:inline-block;width:60%;float:left;vertical-align:top;margin:7px 0 0 0;font-weight:bold;}

/***********************************************************************************************************************
 * footer
 **********************************************************************************************************************/
#footer {clear:both;width:100%;text-align:center;background:url(../img/bg_foot.png) repeat-x; }
#footer .copy .s10 {font-size:100%;}
#footer .btn {width:100%;}
#footer .btn ul {display:inline-block;width:100%;padding:5% 0 1% 0;}
#footer .btn li {width:33.3%;}
#footer .btn li img {width:70%;}
#footer .btn02 {width:100%;}
#footer .btn02 ul {display:inline-block;width:100%;padding:1% 0 5% 0;}
#footer .btn02 li {width:100%;}
#footer .btn02 li img {width:80%;}

/*.talk_banner_div,
.talk_banner_div .talk_preview_area {width: 100%; height: 100%; display: block;}
.talk_preview_area .talk_banner_preview {width:90% !important; height:auto !important; min-width:auto !important; min-height:auto !important; border:0 !important; text-indent:-5000px !important; background:url('/mobile/img/btn_talk2.png') no-repeat 0 0;}*/
.ntalk {margin-top:10px;}
.talk_banner_div,
.talk_banner_div .talk_preview_area {width:100%;}
.talk_preview_area .talk_banner_preview {width:80% !important; box-shadow:rgba(0,0,0,.2) 1px 1px 1px;
* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,ebebeb+100 */
background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top, #fafafa 0%, #ebebeb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fafafa 0%,#ebebeb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fafafa 0%,#ebebeb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
}