@charset "utf-8";

.sub_content {width:640px; background:#fff; margin:0 auto;}
.sub_content .content {overflow:hidden; padding-top:}
.sub_content .content .sub {padding-left:10px; width:620px; padding-top:40px; text-align:center;}
.sub_content .content .sub p {padding-bottom:60px;}
.sub_content .content .sub .s01 {margin-top:-30px;}
.sub_content .content .sub .s02 {margin-top:-50px;}
.sub_content .content .sub .tit {padding-bottom:23px;}
/*--
.sub_content .content .sub li {padding-bottom:40px; padding-top:20px; text-align:center;}
.sub_content .content .sub li:first-child {padding-bottom:50px; padding-top:0px;}
.sub_content .content .sub li:last-child {padding-bottom:70px; padding-top:20px;}
--*/

.sub_title { clear:both; position:relative; background:#575757; width:640px; height:59px; margin: 0 auto; overflow:hidden;}
.sub_title .back { float:left; }
.sub_title .home { float:right;  } 
.sub_title h2 { font:bold 30px/60px "NanumGothicBold"; color:#fff; letter-spacing:-2px; text-align:center; height:59px; background:#575757;}

#sub_portal2 {margin: 0 auto; padding-top:0px; width:400px; }

#sub_portal2 p {text-align:center; width:400px;}
#sub_portal2 p .select_wrap2 {width:100%; display:block; height:65px; border:0; padding-left:0%; border-radius: 0px; border:0px solid #FFF;}

#sub_portal2 p .select_wrap2 select {font:30px/53px 'NanumGothicWEB'; color:#fff; letter-spacing:-2px; text-align:center; width:96%; height:43px; border:0; background:#575757 url('/mobile/images/bg_select.png') no-repeat 100% 8px; background-size:37px 43px;-webkit-background-size:37px 43px;-webkit-appearance:none; outline-width:0; text-align:center;}
#sub_portal2 p .select_wrap2 .small {font-size:60%;}


/*회원*/
.member_wrap {border:1px solid #e2e2e2; background:#fafafa; width:618px; margin:0 0px;}

/*로그인*/
.login_box {width:495px; margin:30px auto;position:relative;}
.login_box div {position:relative;}
.login_box .title {position:relative; font:bold 35px/30px 'NanumGothic'; color:#a1a7b3;}
.login_box p {position:absolute;right:0;top:40px;}
          
.member_links {padding:20px 0;width:100%;text-align:center;background:#fafafa;}
.member_links p {font:normal 20px 'NanumGothicWEB';color:#454544;}
.member_links div {text-align:center;margin-top:20px;}

/*가입*/
.join_box {margin:5px 0 0 0;padding:5px 3%;}
.join_box h4 {margin:20px 0 7px 0;height:25px;font:bold 18px 'NanumGothicWEB';color:#454544;}

.il {width:100%;height:40px;margin:10px 0;position:relative;box-shadow:0 1px 0 #FFF;-webkit-box-shadow: 0 1px 0 #FFF;padding:1px;border-radius:4px;background:-webkit-linear-gradient(top,rgba(174,174,175,1) 0%,rgba(199,199,199,1) 100%);}
.noj {margin:0;}
.j2 {margin-bottom:15px;}
.j3 {width:68%;}
.il label {display:block;font:normal 18px/40px 'NanumGothicWEB';color:#999;}
.il span {display: block;height:40px;padding: 0 6px;border-radius: 3px;background:#FFF;box-shadow: inset 1px 1px 0 #F0F0F0;-webkit-box-shadow: inset 1px 1px 0 #F0F0F0;}
.il input {position:absolute;width:99%;padding-left:1%;height:40px;border:0;background: transparent;font-size:20px;vertical-align:top;-webkit-appearance: none;top:0;left:0;z-index:1;}
.il textarea {position:absolute;width:99%;padding-left:1%;height:120px;border:0;background: transparent;font-size:20px;vertical-align:top;-webkit-appearance: none;top:0;left:0;z-index:1;}

.il2 {width:100%;height:120px;margin:10px 0;position:relative;box-shadow:0 1px 0 #FFF;-webkit-box-shadow: 0 1px 0 #FFF;padding:1px;border-radius:4px;background:-webkit-linear-gradient(top,rgba(174,174,175,1) 0%,rgba(199,199,199,1) 100%);}
.il2 label {display:block;font:normal 20px/40px 'NanumGothicWEB';color:#999;}
.il2 span {display: block;height:120px;padding: 0 6px;border-radius: 3px;background:#FFF;box-shadow: inset 1px 1px 0 #F0F0F0;-webkit-box-shadow: inset 1px 1px 0 #F0F0F0;}
.il2 textarea {position:absolute;width:98%;padding:10px 1%;height:100px;border:0;background: transparent;font-size:20px;vertical-align:top;-webkit-appearance: none;top:0;left:0;z-index:1;}

.select_wrap {width:100%;display:block;position:relative;height:40px;border:1px solid #aaaaaa;border-radius:5px;background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,rgba(255,255,255,1)),color-stop(100%,rgba(239,239,239,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 1%,rgba(239,239,239,1) 100%);}
.select_wrap select {font-size:25px;width:100%;height:40px;padding:0 0 0 10px;border:0;background:transparent url(../../../AppData/Local/Microsoft/Windows/Temporary Internet Files/Content.IE5/img/comm/bg_select.gif) no-repeat 100% 0;background-size:36px 40px;-webkit-background-size:36px 40px;-webkit-appearance:none}

.ic {width:100%;margin:10px 0;overflow:hidden;}
.ic li {width:31.5%;float:left;}
.ic li.ic_num {margin-left:1%;}
.ic li.ic_mail {width:47% !important;margin-right:2%;}
.ic li.ic_mail2 {width:45% !important;}
.ic li.ic_mail3 {width:5% !important;}
.ic .select_wrap {width:100%;}

#mail_dir {display:none;}

/*menu*/
.larea {width:100%; float:left; background:#FFF; text-align:center;}
.sinline {width:212px; float:left; padding-right:1px;}
.sinline li a {display:block;}

ul#menu, ul#menu ul {margin: 0;padding:0px;}
ul#menu a {display: block;}
ul#menu li {margin-top: 1px;}
ul#menu li a {background:#999; color:#fff; padding:0.7em 0;}
ul#menu li a:hover {background: #f54764;}
ul#menu li ul li a {background:#787a7c; color:#FFF; padding-left: 20px;}
ul#menu li ul li a:hover {background:#1bb4bc;padding-left:20px;}


/*게시판 폼*/
.board_box { width:620px; padding:20px 0px;}
.board_menu { position:relative; width:620px; margin:30px; overflow:hidden; }
.board_menu ul li{ float:left; }



/*탭*/
.tabs2 {margin-bottom:30px; margin-top:10px; width:620px; clear:both;} 
.tabs2 li {float:left; width:155px;}
.tabs2 li a {display:block; height:40px; padding:5px 0; line-height:40px; text-align:center; border:solid 1px #d2d2d2; border-left-width:0; background:#FFF; font-size:80%; font-family:"나눔고딕",NanumGothic;}
.tabs2 li a:hover, .tabs2 li a { color:#414141;}
.tabs2 li a:hover {background:#ff9000; border-color:#ff9000; color:#FFF;}
.tabs2 li a.on {background:#ff9000; border-color:#ff9000; color:#FFF;}
.tabs2 li:first-child {border-left:solid 1px #d9d9d9; width:150px;}



.clear {*zoom:1;}
.clear:after {clear:both; display:block; content:"";}

/*둘러보기*/
.gallery_wrap {position:relative; width:620px; margin:0 auto; padding-bottom:50px;}
.gallery_wrap .chk_box {width:620px; height:0px; background:#72c3d3; /*text-align:center; font:bold 18px/50px 'dotum'; color:#fff; letter-spacing:-1px;*/ font-size:0;}
/*
.gallery_wrap .prev {position:absolute; width:87px; height:87px; top:173px; left:0px; background:url("/mobile/images/gall_next.png") no-repeat; z-index:10;}
.gallery_wrap .next{position:absolute; width:87px; height:87px; top:173px; right:0px; background:url("/mobile/images/gall_next.png") no-repeat; z-index:10;}
.gallery_wrap .gall {width:100%; overflow:hidden;}
.gallery_wrap .gall .slider {width:100%; height:429px;}
.gallery_wrap .gall .slider .item {width:100%; height:100%; float:left;}
.gallery_wrap .gall .slider .item img {width:100%; height:100%;}
*/
.stitle {text-align:center; font-size:35px; font-weight:600; padding:30px 0 10px 0; }