@charset 'utf-8';
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* --------- 공통 ------ */
html, body { height:100%; margin:0; padding:0; }
body { font-size:12px; font-family:'Nanum Gothic','나눔고딕'; color:#353535; }
div, ul, form, fieldset, td, tr, th, li, h1, h2, h3, h4, h5, p, dl, dt { margin:0; padding:0; }
ul,ol { list-style:none; }
li { list-style:none; }
table { border-collapse:collapse; border:0; }
td, tr { border:0; }
img { border:0; }
a:link { color:#353535; text-decoration:none; }
a:visited { color:#353535; text-decoration:none; }
a:hover { color:#f37125; text-decoration:underline; }
a:active { color:#353535; text-decoration:none; }
table caption { display:none; }
input { vertical-align:middle; font-size:12px; font-family:'Nanum Gothic','나눔고딕'; }
textarea { vertical-align:middle; font-size:12px; font-family:'Nanum Gothic','나눔고딕'; padding:0.5%; }
#wrap { width:100%; margin:0 auto; text-align:center; }
#wrap ul {  }
/* --------- //공통 ------ */


/* --------- 메인페이지 new ------ */
#header { width:100%; margin:0 auto; text-align:center; height:90px; border-bottom:1px solid #f37328; }
#header ul { width:1000px; height:90px; margin:0 auto; text-align:center; position:relative; }
#header .gnb { width:90px; height:25px; position:absolute; top:35px; right:0; z-index:2; }
#header .sta { width:350px; height:60px; position:relative; margin:0 auto; padding-top:25px; z-index:1; }

#container { width:1000px; height:645px; margin:0 auto; text-align:center; }
#container_re { width:1000px; height:710px; margin:0 auto; text-align:center; }

.mainslide { width:660px; height:600px; float:left; margin:0 auto; margin-top:24px; text-align:center; }
.mainslide .title {  position:absolute; top:50px; left:25px; }
.mainslide .stitle {  position:absolute; top:100px; left:25px; }

/* login */
.mainlogin { width:313px; height:215px; float:left; vertical-align:top; margin:24px 0 0 20px; background:url('/user/images/main/login_bg.gif') 0 0; text-align:left; position:relative; }

/* login 전 */
.mainlogin .title { position:absolute; top:22px; left:25px; width:263px; }
.mainlogin .title .title_1 { font-size:16px; font-weight:bold; line-height:24px; }

.mainlogin .form { position:absolute; top:80px; left:25px; width:263px; }
.mainlogin .form input { width:100%; height:20px; padding:1px; border:1px solid #cdcdcd; }
.mainlogin .form .stitle { position:relative; width:60px; height:25px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; line-height:22px; margin-bottom:7px; }
.mainlogin .form .input { position:relative; width:190px; height:25px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin-bottom:7px; }

.mainlogin .loginbtn { position:absolute; top:157px; left:25px; }

/* login 후 */
.mainlogin .idpic { position:absolute; top:17px; left:25px; width:129px; height:129px; -moz-border-radius:65px; /*모질라*/ -webkit-border-radius:65px; /*웹킷*/  border-radius:65px; /*IE9+,FF4+,chrome,Safari5,+opera*/ overflow:hidden; }
.mainlogin .info { position:absolute; top:50px; left:170px; width:110px; height:100px; font-size:13px; font-weight:bold; line-height:20px; }
.mainlogin .info span.name { font-size:16px; color:#f37125; line-height:28px; font-weight:bold; letter-spacing:1px; }

/* notice */
.mainnotice { width:314px; height:240px; float:left; vertical-align:top; background:url('/user/images/main/notice_bg.gif') 0 0;  margin:24px 0 0 20px; text-align:left; position:relative; }

.mainnotice .title { position:absolute; top:22px; left:25px; width:150px; height:30px; font-size:16px; font-weight:bold; line-height:24px; }
.mainnotice .detail { position:absolute; top:22px; right:30px; width:80px; height:30px; line-height:24px; text-align:right; color:#b5b5b5; }
.mainnotice .detail a:link { color:#b5b5b5; text-decoration:none; }
.mainnotice .detail a:hover { color:#f37125; text-decoration:none; }

.mainnotice .contents { position:absolute; top:55px; left:20px; width:270px; height:150px; line-height:24px; text-align:left; }
.mainnotice .contents a:link { color:#353535; text-decoration:none; }
.mainnotice .contents a:hover { color:#353535; text-decoration:underline; }

.mainnotice .contents table.list { width:100%; }

/* notice_re */
.mainnotice_re { width:314px; height:310px; float:left; vertical-align:top; background:url('/user/images/main/notice_bg2.gif') 0 0;  margin:24px 0 0 20px; text-align:left; position:relative; }

.mainnotice_re .title { position:absolute; top:22px; left:25px; width:150px; height:30px; font-size:16px; font-weight:bold; line-height:24px; }
.mainnotice_re .detail { position:absolute; top:22px; right:30px; width:80px; height:30px; line-height:24px; text-align:right; color:#b5b5b5; }
.mainnotice_re .detail a:link { color:#b5b5b5; text-decoration:none; }
.mainnotice_re .detail a:hover { color:#f37125; text-decoration:none; }

.mainnotice_re .title2 { position:absolute; top:175px; left:25px; width:150px; height:30px; font-size:16px; font-weight:bold; line-height:24px; }
.mainnotice_re .detail2 { position:absolute; top:175px; right:30px; width:80px; height:30px; line-height:24px; text-align:right; color:#b5b5b5; }
.mainnotice_re .detail2 a:link { color:#b5b5b5; text-decoration:none; }
.mainnotice_re .detail2 a:hover { color:#f37125; text-decoration:none; }

.mainnotice_re .contents { position:absolute; top:50px; left:20px; width:270px; height:100px; line-height:24px; text-align:left; }
.mainnotice_re .contents a:link { color:#353535; text-decoration:none; }
.mainnotice_re .contents a:hover { color:#353535; text-decoration:underline; }

.mainnotice_re .contents2 { position:absolute; top:200px; left:20px; width:270px; height:100px; line-height:24px; text-align:left; }
.mainnotice_re .contents2 a:link { color:#353535; text-decoration:none; }
.mainnotice_re .contents2 a:hover { color:#353535; text-decoration:underline; }

.mainnotice_re .contents table.list { width:100%; }
.mainnotice_re .contents table.list td { height:22px; line-height:22px; }

.mainnotice_re .contents2 table.list { width:100%; }
.mainnotice_re .contents2 table.list td { height:22px; line-height:22px; }


/* sidemenu -  기본 */
/* 새로운버전 */
.sidemenu_re { width:314px; height:91px; float:left; vertical-align:top; background:url('/user/images/main/sidemenu_bg.gif') 0 0;  margin:24px 0 0 20px; text-align:center; position:relative; } 
.sidemenu_re a:hover { color:#353535; text-decoration:underline; }

.sidemenu_re .left { display:inline-block; *display:inline; *zoom:1; margin:20px 15px 0 15px; }
.sidemenu_re .right { display:inline-block; *display:inline; *zoom:1; margin:20px 15px 0 15px; }
.sidemenu_re .img { margin-bottom:3px; }


/* footer */
#footer { width:100%; height:170px; margin:0 auto; text-align:center; border-top:1px solid #d7d7d7; position:relative; }
#footer ul { width:1000px; height:170px; margin:0 auto; position:relative; }

#footer .logo { width:119px; height:21px; position:absolute; top:28px; left:104px; }
#footer .licensee { width:636px; height:60px; position:absolute; top:28px; left:300px; text-align:left; font-size:11px; color:#a5a5a5; line-height:18px; font-family:'dotum', 'Nanum Gothic','나눔고딕'; }

#footer .qna { width:636px; height:30px; position:absolute; top:95px; left:300px; text-align:left; }
#footer .qna .qna_img { width:89px; height:23px; float:left; margin-right:10px; }
#footer .qna .qna_script { width:450px; height:23px; float:left; line-height:24px }


/* -------- 공지사항 팝업 -------- */
#bbs_notice { width:100%; margin:0 auto; }
#bbs_notice li { width:100%; margin:0 auto; text-align:center; padding-top:20px; }
#bbs_notice h1 { width:120px; height:30px; margin:0 auto; text-align:left; font-size:22px; letter-spacing:-1px; padding-left:15px; margin-left:25px; border-left:3px solid #ff7524; }
#bbs_notice .m1 { width:96%; height:18px; padding:15px 0 10px 20px; text-align:left; font-size:16px; font-weight:bold; }
#bbs_notice .m2 { padding-top:0; }
/* 리스트 */
#bbs_notice table.t1 { width:100%; }
#bbs_notice table.t1 th { padding:1.5%; border:1px solid #cdcdcd; border-top:1px solid #ff7524; background-color:#f4f4f4; }
#bbs_notice table.t1 td { padding:1.5%; border:1px solid #cdcdcd; }
#bbs_notice table.t1 td.left { text-align:left; padding-left:2%; }
#bbs_notice table.t1 td.border { border:none; }
#bbs_notice table.t1 td.border img { vertical-align:middle; }
/* 뷰 */
#bbs_notice table.t1_view { width:100%; }
#bbs_notice table.t1_view th { padding:1.2%; border-top:1px solid #ff7524; border-right:1px solid #cdcdcd; background-color:#f4f4f4; }
#bbs_notice table.t1_view th.left { border-top:1px solid #cdcdcd; text-align:left; }
#bbs_notice table.t1_view td { padding:3%; border:1px solid #cdcdcd; text-align:left; line-height:150%; }
#bbs_notice table.t1_view td.center { border:none; text-align:center; }


/* --------- //메인페이지 new ------ */



/* --------- 회사소개 ---------- */
#sub_navi { width:100%; height:44px; margin:0 auto; border-top:1px #f37328 solid; background:#ff9b2f; }
#sub_navi li { width:1000px; height:44px;  margin:0 auto; text-align:left; background:url('/user/images/navi_bg.gif') no-repeat 100px 0; }
#sub_navi dt { width:130px; height:28px; display:inline-block; *display:inline; *zoom:1; padding-top:14px; text-align:center; font-size:14px; font-weight:bold; color:#ffffff; }
#sub_navi a:link { color:#ffffff; text-decoration:none; }
#sub_navi a:visited { color:#ffffff; text-decoration:none; }
#sub_navi a:hover { color:#ffee2f; text-decoration:underline; }
#sub_navi a:active { color:#ffffff; text-decoration:none; }
#sub_company { width:100%; height:560px; margin:0 auto; margin:30px 0 80px 0; }
#sub_company li { width:768px; height:540px; margin:0 auto; text-align:center; background:url('/user/images/sub_company_bg.jpg') no-repeat 50% bottom; }
#sub_company h1 { width:175px; height:35px; margin:0 auto; border-bottom:1px #f36f20 solid; color:#f36f20; font-size:24px; letter-spacing:-1px; }
#sub_company h5 { display:block; margin-top:15px; font-size:13px; font-weight:normal; line-height:18px; }

/* --------- //회사소개 ---------- */



/* --------- 마이페이지 테스트 ---------- */
#mypage_test { width:100%; height:1188px; margin:0 auto; text-align:center; padding:30px 0 0 0; background-color:#e8e8e8; }


/* --------- kct, cci -------- */

/* kct */
#sub_kct { width:100%; margin:0 auto; margin:30px 0 80px 0; }
#sub_kct h1 {  width:100px; height:35px; margin:0 auto; border-bottom:1px #f36f20 solid; color:#f36f20; font-size:24px; letter-spacing:-1px; }
#sub_kct li { width:1000px; margin:0 auto; }

#sub_kct .k1 { width:1000px; height:300px; background:url('/user/images/sub_kct1.jpg') no-repeat 560px 20px; border-bottom:1px solid #e1e1e1; }
#sub_kct .k1 .f1 { width:900px; text-align:left; padding:80px 0 0 100px; }
#sub_kct .k1 .f2 { width:900px; text-align:left; padding:20px 0 0 100px; }
#sub_kct .k1 h2 { font-size:28px; font-weight:normal; line-height:28px; }
#sub_kct .k1 h3 { font-size:14px; font-weight:normal; line-height:14px; }
#sub_kct .k1 h4 { font-size:13px; font-weight:normal; line-height:19px; }

#sub_kct .k2 { width:1000px; height:400px; background:url('/user/images/sub_kct2.jpg') no-repeat 80px 50px; border-bottom:1px solid #e1e1e1; }
#sub_kct .k2 .f1 { width:400px; text-align:left; padding:80px 0 0 600px; }
#sub_kct .k2 .f2 { width:400px; text-align:left; padding:20px 0 0 600px; }
#sub_kct .k2 .f3 { width:400px; text-align:left; padding:20px 0 0 600px; }
#sub_kct .k2 .f4 { width:400px; text-align:left; padding:10px 0 0 600px; }
#sub_kct .k2 h2 { font-size:28px; font-weight:normal; line-height:28px; }
#sub_kct .k2 h3 { font-size:14px; font-weight:normal; line-height:14px; }
#sub_kct .k2 h4 { font-size:13px; font-weight:normal; line-height:19px; }

#sub_kct .k3 { width:1000px; height:350px; background:url('/user/images/sub_kct3.jpg') no-repeat 170px 35px; border-bottom:1px solid #e1e1e1; }
#sub_kct .k3 .f1 { width:400px; text-align:left; padding:60px 0 0 600px; }
#sub_kct .k3 .f2 { width:400px; text-align:left; padding:20px 0 0 600px; }
#sub_kct .k3 .f2 img { vertical-align:middle; }
#sub_kct .k3 h2 { font-size:28px; font-weight:normal; line-height:28px; }
#sub_kct .k3 h3 { font-size:14px; font-weight:normal; line-height:14px; }
#sub_kct .k3 h4 { font-size:13px; font-weight:normal; line-height:25px; }


/* cci */
#sub_cci { width:100%; margin:0 auto; margin:30px 0 80px 0; }
#sub_cci h1 {  width:100px; height:35px; margin:0 auto; border-bottom:1px #f36f20 solid; color:#f36f20; font-size:24px; letter-spacing:-1px; }
#sub_cci li { width:1000px; margin:0 auto; }

#sub_cci .k1 { width:1000px; height:350px; background:url('/user/images/sub_cci1.jpg') no-repeat 80px 50px; border-bottom:1px solid #e1e1e1; }
#sub_cci .k1 .f1 { width:500px; text-align:left; padding:100px 0 0 500px; }
#sub_cci .k1 .f2 { width:500px; text-align:left; padding:20px 0 0 500px; }
#sub_cci .k1 h2 { font-size:28px; font-weight:normal; line-height:28px; }
#sub_cci .k1 h3 { font-size:14px; font-weight:normal; line-height:14px; }
#sub_cci .k1 h4 { font-size:13px; font-weight:normal; line-height:19px; }

#sub_cci .k2 { width:1000px; height:430px; background:url('/user/images/sub_cci2.jpg') no-repeat 560px 50px; border-bottom:1px solid #e1e1e1; }
#sub_cci .k2 .f1 { width:900px; text-align:left; padding:70px 0 0 100px; }
#sub_cci .k2 .f2 { width:900px; text-align:left; padding:20px 0 0 100px; }
#sub_cci .k2 .f3 { width:900px; text-align:left; padding:20px 0 0 100px; }
#sub_cci .k2 .f4 { width:900px; text-align:left; padding:10px 0 0 100px; }
#sub_cci .k2 .f4 img { vertical-align:middle; }
#sub_cci .k2 h2 { font-size:28px; font-weight:normal; line-height:28px; }
#sub_cci .k2 h3 { font-size:14px; font-weight:normal; line-height:14px; }
#sub_cci .k2 h4 { font-size:13px; font-weight:normal; line-height:19px; }
#sub_cci .k2 h5 { font-size:13px; font-weight:normal; line-height:25px; }

#sub_cci .k3 { width:1000px; height:360px; background:url('/user/images/sub_cci3.jpg') no-repeat 560px 50px; border-bottom:1px solid #e1e1e1; }
#sub_cci .k3 .f1 { width:900px; text-align:left; padding:90px 0 0 100px; }
#sub_cci .k3 .f2 { width:900px; text-align:left; padding:20px 0 0 100px; }
#sub_cci .k3 .f2 img { vertical-align:middle; }
#sub_cci .k3 h2 { font-size:28px; font-weight:normal; line-height:28px; }
#sub_cci .k2 h3 { font-size:14px; font-weight:normal; line-height:14px; }
#sub_cci .k3 h5 { font-size:13px; font-weight:normal; line-height:25px; }

/* --------- //kct, cci -------- */



/* --------- 프로세스 -------- */

/* 프로세스 공통 */
#sub_process { width:100%; margin:0 auto; margin:30px 0 80px 0; }
#sub_process li { width:1000px; margin:0 auto; text-align:center; }
#sub_process h1 {  width:150px; height:35px; margin:0 auto; border-bottom:1px #f36f20 solid; color:#f36f20; font-size:24px; letter-spacing:-1px; }
#sub_process h2 { font-size:26px; font-weight:bold; line-height:28px; }
#sub_process h3 { font-size:15px; font-weight:normal; line-height:22px; }
#sub_process h4 { display:inline; font-size:14px; font-weight:normal; line-height:22px; }
#sub_process h5 { display:inline; font-size:14px; font-weight:normal; line-height:22px; color:#2294b5; text-decoration:underline; }

/* 1단계 */
#sub_process .p1 { width:1000px; height:400px; }
#sub_process .p1 .f1 { width:65px; height:34px; text-align:left; margin:40px 20px 0 50px; padding-top:5px; float:left; border-top:4px solid #f75c5c; letter-spacing:-1px; }
#sub_process .p1 .f2 { width:865px; height:22px; text-align:left; margin-top:56px; float:left; }
#sub_process .p1 .f3 { width:1000px; height:148px; text-align:center; clear:both; padding-top:20px; }
#sub_process .p1 .f4 { width:1000px; height:60px; line-height:18px; }
#sub_process .p1 .f4 .pp1 { width:120px; padding:10px 0 0 115px; float:left; text-align:center; }
#sub_process .p1 .f4 .pp2 { width:120px; padding:10px 0 0 207px; float:left; text-align:center; }
#sub_process .p1 .f4 .pp3 { width:120px; padding:10px 0 0 207px; float:left; text-align:center; }
#sub_process .p1 .f5 { width:1000px; height:58px; padding:20px 0; text-align:center; }

/* 2단계 */
#sub_process .p2 { width:1000px; height:400px; }
#sub_process .p2 .f1 { width:65px; height:34px; text-align:left; margin:40px 20px 0 50px; padding-top:5px; float:left; border-top:4px solid #67b7ce; letter-spacing:-1px; }
#sub_process .p2 .f2 { width:865px; height:22px; text-align:left; margin-top:56px; float:left; }
#sub_process .p2 .f3 { width:1000px; height:30px; text-align:center; clear:both; padding:20px 0 10px 0; }
#sub_process .p2 .f4 { width:1000px; height:150px; line-height:18px; }
#sub_process .p2 .f5 { width:1000px; height:58px; padding:20px 0; text-align:center; }

/* 3단계 */
#sub_process .p3 { width:1000px; height:400px; }
#sub_process .p3 .f1 { width:65px; height:34px; text-align:left; margin:40px 20px 0 50px; padding-top:5px; float:left; border-top:4px solid #b0bae1; letter-spacing:-1px; }
#sub_process .p3 .f2 { width:865px; height:22px; text-align:left; margin-top:56px; float:left; }
#sub_process .p3 .f3 { width:1000px; text-align:center; clear:both; padding-top:20px; }
#sub_process .p3 .f4 { width:1000px; height:60px; line-height:18px; }
#sub_process .p3 .f4 .pp1 { width:155px; padding:10px 0 0 100px; float:left; text-align:center; }
#sub_process .p3 .f4 .pp2 { width:155px; padding:10px 0 0 170px; float:left; text-align:center; }
#sub_process .p3 .f4 .pp3 { width:155px; padding:10px 0 0 165px; float:left; text-align:center; }
#sub_process .p3 .f5 { width:1000px; height:58px; padding:20px 0; text-align:center; }

/* --------- //프로세스 -------- */




/* ------- 로그인페이지 --------- */
#sub_login { width:100%; height:600px; margin:0 auto; margin:50px 0 80px 0; }

#sub_login li.m1 { width:1000px; margin:0 auto; text-align:center; }
#sub_login h1 { width:80px; height:35px; margin:0 auto; color:#f36f20; border-bottom:1px #f36f20 solid; font-size:24px; letter-spacing:-1px; }
#sub_login h2 { display:inline; font-size:20px; font-weight:bold; }
#sub_login h3 { display:inline; font-size:13px; color:#a0a0a0; }
#sub_login h4 { display:inline; font-size:14px; font-weight:bold; }

#sub_login li.m2 { width:1000px; margin:0 auto; border-top:1px solid #c9c9c9; border-bottom:1px #c9c9c9 solid; margin-top:30px; }
#sub_login div.l1 {width:530px; margin:0 auto; text-align:left; }

#sub_login table.login { text-align:left; }
#sub_login table.login img { vertical-align:middle; }
#sub_login table.login .center { text-align:center; }
#sub_login table.login .border { border-bottom:1px #e1e1e1 solid; }
#sub_login input { width:100%; height:18px; font-size:14px; border:1px solid #cdcdcd; background-color:#f0f0f0; padding:1%; font-size:13px; }

/* ------- //로그인페이지 --------- */



/* -------- 마이페이지 리뉴얼 수정(최종) -------- */
#sub_mypage_new { width:100%; margin:0 auto; padding-bottom:20px; background-color:#e8e8e8; }
#sub_mypage_new #form { width:1000px; margin:0 auto; letter-spacing:-4px; font-size:0; line-height:0; }
#sub_mypage_new #form li { display:inline-block; *display:inline; *zoom:1; position:relative; }

/* 폼 */

/* ---- 프로필 ----- */

/* 프로필 팝업 */
#profile_popup table { width:100%; }
#profile_popup table img { vertical-align:middle; }
#profile_popup table td.left { background-color:#ff8888; border-bottom:1px solid #d7d7d7; padding:2%; font-size:13px; font-weight:bold; color:#fff; }
#profile_popup table td.right { padding:2%; text-align:left; border-bottom:1px solid #d7d7d7; }
#profile_popup table td.right span { font-size:11px; font-weight:bold; }
#profile_popup table td.title { height:35px; padding:2%; font-size:18px; font-weight:bold; border-bottom:1px solid #d7d7d7; }
#profile_popup table td.btn { height:75px; padding:2%; }
#profile_popup table .profileTxt { width:80%; height:14px; padding:2%; vertical-align:middle; font-size:12px; font-family:'Nanum Gothic','나눔고딕'; }
/* 프로필 팝업 */
#profile_printwrap { width:1247px; height:1754px; margin:0 auto; background:url('/user/images/mypage_profile_print_allbg.gif') no-repeat 0 0;  vertical-align:top; }
#profile_print { width:1240px; height:1754px; margin:0 auto; position:relative; }
#profile_print .profile { width:567px; height:781px; margin:0 auto; position:absolute; top:420px; left:334px; background:url('/user/images/mypage_profile_print_bg.gif') no-repeat 0 0; }
#profile_print .profile .ribon { width:70px; height:256px; z-index:2; position:absolute; top:0px; left:15px; }
#profile_print .profile .title { width:200px; height:100px; position:absolute; top:25px; left:100px; font-size:36px; font-weight:900; color:#ff7524; }

#profile_print .profile .photo { width:500px; height:370px; margin:0 auto; margin-top:85px; text-align:center; }
#profile_print .profile .photo p.idpic { width:500px; height:345px; overflow:hidden; }
#profile_print .profile .photo p.logo { width:223px; height:60px; margin-top:15px; }

#profile_print .profile .fighting { width:528px; height:320px; margin:0 auto; text-align:center; }
#profile_print .profile .fighting li { width:528px; height:80px; font-size:26px; font-weight:bold; line-height:65px; }
#profile_print .profile .fighting li p { display:inline-block; *display:inline; *zoom:1; background-color:#f4f4f4; color:#5f1111; font-size:30px; }
#profile_print .profile .fighting li p.p1 { width:290px; height:63px; }
#profile_print .profile .fighting li p.p2 { width:150px; height:63px; }
#profile_print .profile .fighting li p.p3 { width:360px; height:63px; }
#profile_print .profile .fighting li p.p4 { width:300px; height:63px; }
/* ---- //프로필 ---- */



/* 프로필 팝업new */
#profile_popup_new table { width:100%; }
#profile_popup_new table img { vertical-align:middle; }
#profile_popup_new table td.left { padding:3%; font-size:13px; font-weight:bold; text-align:center; border-bottom:1px solid #cdcdcd; }
#profile_popup_new table td.right { padding:3%; text-align:left; border-bottom:1px solid #cdcdcd; }
#profile_popup_new table td.right span { font-size:11px; font-weight:bold; }
#profile_popup_new table td.title { height:35px; padding:3% 3% 3% 7%; font-size:18px; font-weight:900; text-align:left; background-color:#dedede; }
#profile_popup_new table td.btn { height:75px; padding:2%; }
#profile_popup_new table .profileTxt { width:96%; height:14px; padding:2%; vertical-align:middle; font-size:12px; }

#profile_popup_new #file { display:none; }
#profile_popup_new #fileFind { background-color:#ff7524; color:#fff; font-weight:bold; padding:6px; cursor:pointer; }
#profile_popup_new #fileName { width:125px; height:14px; padding:2%; vertical-align:middle; font-size:12px; }
#profile_popup_new #fileBefore { line-height:24px; }

/* ---- //프로필 ---- */




/* -------- //마이페이지 리뉴얼 -------- */



/* -------- 마이페이지 팝업-비교과 활동 입력 새버전 -------- */
#sub_active a:hover { color:#ff7524; }
#sub_active { width:100%; margin:0 auto; padding:20px 0; }
/*상단 타이틀*/
#sub_active h1 {  width:92%; height:35px; margin-left:3%; padding-left:2%; border-left:3px #ff7524 solid; font-size:24px; letter-spacing:-1px; text-align:left; line-height:160%; }
#sub_active h1.long {  width:92%; height:35px; margin-left:3%; padding-left:2%; border-left:3px #ff7524 solid; font-size:24px; letter-spacing:-1px; text-align:left; line-height:160%; }
/*상단 네비게이션*/
#sub_active .navi { width:980px; height:18px; padding:20px 0 10px 20px; text-align:left; }
#sub_active h5 { display:inline; font-size:15px; font-weight:bold; }
/*상단 탭박스*/
#sub_active .top_table { padding:20px 0 0 0; }
#sub_active .t1 { width:100%; font-size:12px; letter-spacing:normal; line-height:normal; }
#sub_active .t1 th { height:50px; border-right:1px solid #fff; border-top:1px solid #fff; background-color:#dedede; font-size:13px; }
#sub_active .t1 td { height:50px; border-right:1px solid #fff; border-top:1px solid #fff; background-color:#f7f7f7; }

#sub_active .t1 span.bold { color:#ff7524; font-weight:bold; }
#sub_active .t1 span.bold:hover { color:#ff7524; text-decoration:underline; }

/* 테이블안 작은 테이블 */
#sub_active .t1_in { width:100%; }
#sub_active .t1_in td { height:51px; border-top:none; }

/* 검색 바 */
#sub_active .search_bar { width:100%; }
#sub_active .search_bar img { vertical-align:middle; }
#sub_active .search_bar li.s1 { width:58%; height:38px; margin-top:25px; padding:10px 0 0 2%; float:left; text-align:left; }
#sub_active .search_bar li.s2 { width:38%; height:38px; margin-top:25px; padding:10px 2% 0 0; float:left; text-align:right; }
#sub_active .search_bar input { width:150px; height:19px; background-color:#ffffff; }
#sub_active .search_bar select { width:120px; height:27px; vertical-align:middle; color:#353535; background:#ffff; vertical-align:middle; border:1px solid #cdcdcd; padding:1px; font-size:12px; font-family:'Nanum Gothic','나눔고딕'; }
/* list(테이블) */
#sub_active table.t2 { width:100%; }
#sub_active table.t2 img { vertical-align:middle; }
#sub_active table.t2 thead { height:35px; background-color:#f5f5f5; border-top:1px #ff7524 solid; border-bottom:1px #c9c9c9 solid; }
#sub_active table.t2 thead th { height:35px; }
#sub_active table.t2 tbody td { padding:11px; border-bottom:1px #c9c9c9 solid; line-height:18px; }
#sub_active table.t2 tfoot td { height:60px; }
/* write(테이블) */
#sub_active table.t2_write { width:100%; }
#sub_active table.t2_write img { vertical-align:middle; }
#sub_active table.t2_write tbody th { background-color:#f5f5f5; border-bottom:1px #c9c9c9 solid; border-top:1px #c9c9c9 solid; font-size:13px; line-height:160%; }
#sub_active table.t2_write tbody td { text-align:left; border-bottom:1px #c9c9c9 solid; border-top:1px #c9c9c9 solid; line-height:20px; }
#sub_active table.t2_write tfoot td { text-align:center; }
#sub_active table.t2_write tfoot td img { cursor:pointer; }
#sub_active table.t2_write input.txt { width:90%; height:18px; background-color:#ffffff; border:1px solid #cdcdcd; padding:0.5%; }
#sub_active table.t2_write input.txtS { width:30%; height:18px; background-color:#ffffff; border:1px solid #cdcdcd; padding:0.5%; }
#sub_active table.t2_write input.radio { width:13px; height:13px; }
#sub_active table.t2_write textarea { width:93%; height:100px; background-color:#ffffff; border:1px solid #cdcdcd; padding:0.8%; line-height:18px; }
#sub_active .t2_write_in { width:100%; }
#sub_active .t2_write_in td.border_r { border-top:none; border-bottom:none; border-right:1px #c9c9c9 solid; text-align:center; padding:10px; }
#sub_active .t2_write_in td.border_rb { border-top:none; border-right:1px #c9c9c9 solid; border-bottom:1px #c9c9c9 solid; text-align:center; padding:10px; }
#sub_active .t2_write_in td.border_b { border-top:none; border-bottom:1px #c9c9c9 solid; padding:10px; }
#sub_active .t2_write_in td.border_n { border-top:none; border-bottom:none; padding:10px; }
#sub_active .t2_write_in td.border_n2 { border-top:none; border-bottom:none; padding:5px; }
#sub_active .t2_write_in td.border_n3 { border-top:none; border-bottom:none; padding:10px 0 0 10px; }
#sub_active .t2_write_in td.border_b2 { border-top:none; border-bottom:1px #c9c9c9 solid; padding:10px; text-align:center; }
#sub_active .t2_write_in th { border-top:none; border-bottom:none; }
/* write, view 커멘트부분 */
#sub_active div.comment { width:100%; }
#sub_active div.comment li.c1 { width:15.1%; height:140px; float:left; padding:1% 0; text-align:center; line-height:140px; background-color:#f5f5f5; font-weight:bold;  }
#sub_active div.comment li.c2 { width:79.9%; height:140px; float:left; padding:1%; }
#sub_active div.comment	textarea { width:98% !important; height:125px !important; background-color:#ffffff; border:1px solid #cdcdcd; }

/* write, view(테이블) */
#sub_active table.t3_write { width:100%; }
#sub_active table.t3_write img { vertical-align:middle; }
#sub_active table.t3_write tbody th { background-color:#f5f5f5; border:1px #c9c9c9 solid; border-top:1px #c9c9c9 solid; border-right:1px #c9c9c9 solid; line-height:160%; padding:10px; }
#sub_active table.t3_write tbody td { text-align:center; border:1px #c9c9c9 solid; border-top:1px #c9c9c9 solid; border-right:1px #c9c9c9 solid; line-height:160%; padding:10px; }
#sub_active table.t3_write tbody .left { text-align:left; }
#sub_active table.t3_write tbody .line { border-right:none; }
#sub_active table.t3_write tbody .title { background-color:#adadad; border-right:none; color:#fff; font-size:14px; font-weight:bold; }
#sub_active table.t3_write tfoot td { text-align:center; }
#sub_active table.t3_write tfoot td img { cursor:pointer; }
#sub_active table.t3_write input.txt { width:90%; height:18px; background-color:#ffffff; border:1px solid #cdcdcd; padding:0.5%; }
#sub_active table.t3_write input.txtS { width:30%; height:18px; background-color:#ffffff; border:1px solid #cdcdcd; padding:0.5%; }
#sub_active table.t3_write input.txtMonth { width:75px; height:18px; background-color:#ffffff; border:1px solid #cdcdcd; padding:0.5%; }
#sub_active table.t3_write input.txtDay { width:35px; height:18px; background-color:#ffffff; border:1px solid #cdcdcd; padding:0.5%; }
#sub_active table.t3_write input.radio { width:13px; height:13px; }
#sub_active table.t3_write textarea { width:97%; height:150px; border:1px solid #cdcdcd; }
#sub_active table.t3_write textarea.short { width:97%; height:50px; }
#sub_active table.t3_write textarea.middle { width:97%; height:100px; }
/* write, view 커멘트부분 */
#sub_active div.comment2 { width:100%; }
#sub_active div.comment2 li.c1 { width:15%; height:135px; float:left; padding:1% 0; border-right:1px #c9c9c9 solid; text-align:center; line-height:140px; background-color:#f5f5f5; font-weight:bold; }
#sub_active div.comment2 li.c2 { width:80%; height:135px; float:left; padding:1%; }
#sub_active div.comment2 textarea { width:98% !important; height:125px !important; background-color:#ffffff; border:1px solid #cdcdcd; }


/* -------- 마이페이지 팝업-비교과 활동 샘플 -------- */
.sample_tab { width:84%; border-left:none; background:#fff; overflow:hidden; margin-top:20px; }
.sample_tab li { float:left; width:16.6%; border-left:1px solid #cdcdcd; border-top:1px solid #cdcdcd; text-align:center; box-sizing:border-box; }
.sample_tab li { display:inline-block; padding:19px; cursor:pointer; }
.sample_tab li.on { color:#ff7524; font-weight:bold; }
.sample_tab_con { clear:both; margin-top:20px; height:auto; }
.sample_tab_con div { display:none; height:100px; background:#fff; line-height:100px; text-align:center; }
.sample_tab_con img { padding-bottom:35px; }
.sample_subtitle { width:16%; float:left; margin-top:20px; }
.sample_subtitle li { padding:19px; border-top:1px solid #cdcdcd; background-color:#dedede; font-weight:bold; letter-spacing:-1px; }


/* -------- 마이페이지 팝업-비교과 활동 찾기 -------- */
#sub_recommend a:hover { color:#ff7524; }
#sub_recommend { width:100%; margin:0 auto; padding:0 0 50px 0; }
#sub_recommend h1 { width:100%; height:55px; margin:0 auto; color:#fff; font-size:24px; letter-spacing:-1px; background:#8c7766 url(/user/images/mypage_activity_bg.jpg) no-repeat center 0; line-height:240%; }
#sub_recommend select { width:150px; height:27px; font-size:14px; border:1px solid #cdcdcd; padding:1%; font-size:13px; font-family:'Nanum Gothic','나눔고딕'; }
#sub_recommend .input_check { vertical-align:middle; }

#sub_recommend .search_bar { width:1000px; margin:0 auto; }
#sub_recommend .search_bar li.s1 { width:980px; height:18px; padding:15px 0 10px 20px; text-align:left; font-size:15px; font-weight:bold; }
#sub_recommend .search_bar li.s2 { width:1000px; margin:0 auto; }
#sub_recommend .search_bar table.search_menu { width:1000px; }
#sub_recommend .search_bar table.search_menu th { height:40px; background-color:#f4f4f4; border:1px solid #c9c9c9; }
#sub_recommend .search_bar table.search_menu td { height:40px; border:1px solid #c9c9c9; }
#sub_recommend .search_bar table.search_menu .border_r { border-right:none; }
#sub_recommend .search_bar table.search_menu .border_l { border-left:none; text-align:left; }
#sub_recommend .search_bar table.detail_menu { width:100%; }
#sub_recommend .search_bar table.detail_menu td { height:35px; border:none; }
#sub_recommend .search_bar table.detail_menu td:hover { background-color:#f4f4f4; }

#sub_recommend .search_bar li.s3 { width:970px; height:40px; margin:15px 0; padding-left:30px; background-color:#f4f4f4; text-align:left; line-height:40px; }
#sub_recommend .search_bar li.s3 span.red { color:#ff0000; font-weight:bold; }

#sub_recommend .search_bar li.s4 { width:1000px; }
li.s4 .curri_table { width:100%: font-size:0; line-height:0; letter-spacing:-4px; text-align:left; }
li.s4 .curri_table li { width:211px; height:196px; display:inline-block; *display:inline; *zoom:1; margin:10px 18px; vertical-align:top; background:url('/mmc/images/curriculum_bg_none_min.gif') no-repeat top right; text-align:center; }
li.s4 .curri_table p { display:inline-block; *display:inline; *zoom:1; vertical-align:top; }
li.s4 .curri_table p.checkbox { width:20px; height:196px; }
li.s4 .curri_table .contents { width:191px; height:196px;display:inline-block; *display:inline; *zoom:1; }
li.s4 .curri_table p.stitle { width:191px; height:24px; margin-top:15px; text-align:center; }
li.s4 .curri_table p.mtitle { width:151px; height:70px; margin:0 auto; margin-top:5px; text-align:left; font-size:12px; font-weight:bold; line-height:16px; letter-spacing:normal; }
li.s4 .curri_table p.photo { width:34px; height:34px; text-align:center; margin:15px 0 0 15px; }
li.s4 .curri_table p.school { width:120px; height:65px; margin-left:10px;  
							text-align:left; font-size:12px; font-weight:normal; line-height:20px; letter-spacing:normal; }
li.s4 .curri_table p.school span.dots { font-weight:bold; font-size:14px; color:#b0b0b0; }

#sub_recommend .search_bar li.s5 { width:1000px; height:30px; margin:15px 0; font-size:0; line-height:0; letter-spacing:-4px; }
#sub_recommend .search_bar li.s5 p.number { width:872px; height:30px; display:inline-block; *display:inline; *zoom:1; font-size:13px; letter-spacing:normal; line-height:normal; }
#sub_recommend .search_bar li.s5 p.save { width:100px; height:30px; display:inline-block; *display:inline; *zoom:1; padding-right:28px; cursor:pointer; }


/* -------- 마이페이지 팝업-학생부 성적입력 -------- */

#sub_grade { width:100%; margin:0 auto; padding:20px 0 50px 0; }
#sub_grade li { width:100%; margin:0 auto; text-align:center; }
#sub_grade h1 { width:92%; height:35px; margin:0 0 10px 3%; padding-left:2%; border-left:3px #ff7524 solid; font-size:24px; letter-spacing:-1px; text-align:left; line-height:160%; }
#sub_grade h2 { width:92%; height:35px; margin:0 0 10px 3%; padding-left:2%; border-left:3px #ff7524 solid; font-size:24px; letter-spacing:-1px; text-align:left; line-height:160%; }
#sub_grade .m1 { width:980px; height:18px; padding:15px 0 10px 20px; text-align:left; font-size:16px; font-weight:bold; }
#sub_grade .m2 { width:1000px; }
#sub_grade table.t1 { width:100%; }
#sub_grade table.t1 th { padding:1%; border:1px solid #cdcdcd; /*border-top:1px #ff7524 solid;*/ background-color:#dedede; }
#sub_grade table.t1 th.blue { border-top:none; }
#sub_grade table.t1 td { padding:1%; border:1px solid #cdcdcd; }
#sub_grade table.t1 td.border { border:none; text-align:right; }
#sub_grade .m2 select { width:95%; height:27px; vertical-align:middle; color:#353535; background:#ffff; vertical-align:middle; border:1px solid #cdcdcd; padding:1px; font-size:12px; font-family:'Nanum Gothic','나눔고딕'; }
#sub_grade .m2 input.lecture { width:80%; height:20px; background-color:#ffffff; border:1px solid #cdcdcd; }
#sub_grade .m2 input.number { width:80px; height:20px; background-color:#ffffff; border:1px solid #cdcdcd; }
/* ---------//마이페이지------- */



/* ------------회원가입------------ */
#sub_member { width:100%; margin:0 auto; margin:50px 0 80px 0; }

#sub_member li.m1 { width:1000px; margin:0 auto; }
#sub_member h1 {  width:100px; height:35px; margin:0 auto; color:#f36f20; border-bottom:1px #f36f20 solid; }
#sub_member h2 { display:inline; font-size:20px; font-weight:bold; }
#sub_member h3 { display:inline; font-size:14px; font-weight:bold; }

#sub_member li.m2 { width:1000px; margin:0 auto; border-top:1px solid #c9c9c9; border-bottom:1px #c9c9c9 solid; margin-top:30px; }
#sub_member div.l1 {width:730px; margin:0 auto; text-align:left; }

#sub_member table.member img { vertical-align:middle; }
#sub_member table.member .border { border-bottom:1px #e1e1e1 solid; }
#sub_member table.member .center { text-align:center; }

#sub_member input { width:92%; height:18px; font-size:14px; border:1px solid #cdcdcd; background-color:#f0f0f0; padding:1%; }
#sub_member textarea { width:98%; height:98%; border:1px solid #f1f1f1; background-color:#f5f5f5; padding:1%; color:#5a5a5a; }

/* ------------//회원가입------------ */



/* ---------------리뷰-------------- */
#sub_review { width:100%; margin:0 auto; margin:30px 0 80px 0; }
#sub_review li { width:1000px; margin:0 auto; }
#sub_review h1 { width:100px; height:35px; margin:0 auto; color:#f36f20; border-bottom:1px #f36f20 solid; font-size:24px; letter-spacing:-1px; }
#sub_review h2 { display:inline; font-size:20px; font-weight:bold; font-style:italic; line-height:30px; }
#sub_review h3 { display:inline; font-size:14px; font-weight:bold; line-height:36px; }
#sub_review h4 { display:inline; font-size:13px; font-weight:normal; line-height:23px; }

#sub_review div.r1 { width:1000px; height:180px; margin-top:25px; text-align:left; background:url('/user/images/sub_review1.jpg') no-repeat 35px 0; }
#sub_review div.r1 li { width:750px; padding:30px 0 0 250px; }

#sub_review div.r2 { width:1000px; height:180px; margin-top:25px; text-align:right; background:url('/user/images/sub_review2.jpg') no-repeat 785px 0; }
#sub_review div.r2 li { width:750px; padding:30px 250px 0 0; }

#sub_review div.r3 { width:1000px; height:180px; margin-top:25px; text-align:left; background:url('/user/images/sub_review3.jpg') no-repeat 35px 0; }
#sub_review div.r3 li { width:750px; padding:30px 0 0 250px; }

/* ---------------//리뷰-------------- */




/* ---------------비교과 활동관리 프린트-------------- */
#curri_wrap { width:1247px; height:1754px; margin:0 auto; }


#curri_wrap #con_box { width:1240px; height:1754px; }

#curri_wrap #con_box li.title { width:1240px; height:239px; background:url('/user/images/curri/curri_bg.jpg') no-repeat 0 0; }
#curri_wrap #con_box li.title h1 { font-family:'Nanum Gothic','나눔고딕'; font-size:52px; font-weight:bold; line-height:140%; padding-left:110px; }
#curri_wrap #con_box li.title h2 { font-family:'Nanum Gothic','나눔고딕'; font-size:30px; font-weight:bold; line-height:140%; padding-top:60px; padding-left:110px; }
#curri_wrap #con_box li.title h2 img { vertical-align:middle; margin-right:10px; }

#curri_wrap #con_box li.contents { width:1240px; margin-top:30px; }

#curri_wrap #con_box li.contents table.conBox { margin:0 auto; font-family:'Nanum Gothic','나눔고딕'; }
#curri_wrap #con_box li.contents table.conBox th { font-size:26px; font-weight:bold; line-height:140%; text-align:left; border-bottom:2px solid #cdcdcd; padding:15px; vertical-align:top; }
#curri_wrap #con_box li.contents table.conBox th.stitle { font-size:28px; border-bottom:none; background-color:#d2ecf8; }

#curri_wrap #con_box li.contents table.conBox td.h4 { font-size:20px; font-weight:normal; line-height:140%; text-align:left; border-bottom:2px solid #cdcdcd; padding:15px; }
#curri_wrap #con_box li.contents table.conBox td.h5 { font-size:18px; font-weight:normal; line-height:180%; text-align:left; border-bottom:2px solid #cdcdcd; padding:15px; }
#curri_wrap #con_box li.contents table.conBox .bold { font-weight:bold; }

/* ---------------//비교과 활동관리 프린트-------------- */