@charset "utf-8";

/* 노토산스 (폰트 사용할곳에font-family: 'Noto Sans KR', serif;추가)*/
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
/* @font-fact {font-family:"Nato Sans DemiLight"; src("../fonts/NotoSansCJKkr-DemiLight.otf") }
@font-fact {font-family:"Nato Sans Blod"; src("../fonts/NotoSansCJKkr-Blod.otf") }
@font-fact {font-family:"Nato Sans Medium"; src("../fonts/NotoSansCJKkr-Medium.otf") }
@font-fact {font-family:"Nato Sans Regular"; src("../fonts/NotoSansCJKkr-Regular.otf") }
 */

/*나눔명조웹폰트로드(폰트 사용할곳에font-family: 'Nanum Myeongjo', serif;추가)*/
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

.sub_content {width:640px; background:#fff; margin:0 auto;}
.sub_content .content {overflow:hidden;}
.sub_content .content .sub {padding-left:0px; /*padding-top:40px;*/}
.sub_content .content .sub p {padding-bottom:20px;}
.sub_content .content .sub .m0 {width:100%; float:left;}
.sub_content .content .sub .m0 p {padding-bottom:0px;}


.sub_title { clear:both; position:relative; background:#575757; width:640px; height:59px; margin: 0 auto; overflow:hidden; padding-top:80px;}
.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:26px/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:598px; 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; margin-bottom:25px;}
.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:17px;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:600px; padding:10px 20px 30px;}
.board_menu { position:relative; width:620px; margin:30px; overflow:hidden; }
.board_menu ul li{ float:left; }



.li {float:left; }
.li li {float:left;}



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

.c01 li {display:inline; padding-right:10px; float:left; padding-bottom:10px;}
.bloc {padding-bottom: 30px; text-align: center; float: left; width:640px;}
.bloc_btm {padding-bottom:0px; text-align: center; float: left; width:640px;}
.mt_tit {padding-bottom: 50px; text-align: center; }
.m_tit {padding-bottom: 20px; text-align: center; font-size:1.8em; color:#000; font-weight:bold; letter-spacing:-0.06em; line-height:115%;}
.m_tit:after {content: ''; display:block; margin:14px auto 0px; width:60px; height:2px; background: linear-gradient( 90deg, #ffb80f 50%, #a4a4a4 10% ); }

.m_tit2 {padding-bottom: 20px; text-align: center; font-size:1.23em; color:#000; font-family:'nanummyeongjo', sans-serif; letter-spacing:0.02em; line-height:140%;}
.m_tit2:after {content: ''; display:block; margin:10px auto 0px; width:600px; height:1px; background:#DDD; }
.m_tit2:before {content: ''; display:block; margin:0 auto 10px; width:600px; height:1px; background:#DDD; }
.m_tit2 strong {font-weight:900; font-family:'nanummyeongjo', sans-serif; color:#4174d2;}
.m_tit2 small {font-size:80%; font-family:'nanummyeongjo', sans-serif;}

.mn { padding-bottom:50px; text-align: center; }
.mn h3 {font-size:1em; color:#000; letter-spacing:-0.05em; padding:0 10px; word-break: keep-all; font-weight:400;}
.mn h3 span, h4 span {color:#ff177f;}
.mn h3.big {font-size:108%; letter-spacing:-0.07em; padding:0 0px;}
.mn h3 + h3, h3 + h4, h4 + h3 {margin-top:20px;}
.mn h3 strong, h4 strong {font-weight:500;}
.mn h4 {font-size:1em; color:#000; letter-spacing:-0.05em; line-height:150%; padding:0 10px 0 30px; word-break: keep-all; text-align:left; /*text-decoration:underline;*/ font-weight:400;}
.mn h4 + h4 {margin-top:8px;}
.mn .box {border:1px solid #DDD; width:618px; margin:0 10px 15px; font-size:96%; letter-spacing:-0.07em; padding:20px 0 15px; background:#f8f8f8;}
.mn .box .tits {color:#10377f; font-size:1.25em; letter-spacing:-0.04em; font-weight:bold; }
.mn .box .tits:after {content: ''; display:block; margin:10px auto 15px; width:580px; height:1px; background:#DDD; }
.mn li {display: inline; float: left; }


.cont_tit {width:640px; height:190px; position:relative; padding-top:0px;}
.cont_tbg {width:640px; /*height:105px;*/ position:relative; padding-bottom:15px;}

.scate_menu {text-align:center; width:600px; margin:5px 20px 0;}
.scate_menu ul{/*display:inline-block;*/}
.scate_menu ul:after {content:""; display:block; clear:both;}
.scate_menu ul li {float:left;text-align:center; box-sizing:border-box; width:25%;}
.scate_menu ul.sort01 li{width:100%;}
.scate_menu ul.sort02 li{width:50%;}
.scate_menu ul.sort03 li{width:calc(100%/3);}
.scate_menu ul.sort04 li{width:25%;}
.scate_menu ul.sort05 li{width:20%;}
.scate_menu ul.sort06 li{width:calc(100%/6);}
.scate_menu ul  li a{padding:12px 0; display:block; line-height:1; font-size:1em; font-weight:400; color:#333; background-color:#FFF; border:1px solid #e1e1e1; border-left:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.scate_menu ul  li:first-child a{border-left:1px solid #e1e1e1;}
.scate_menu ul  li.active a {background-color:#0f3787; color:#fff; border-color:#0f3787 !important;}
.scate_menu ul a:hover {background-color:#565656; color:#fff; border-color:#565656 !important;}