@charset "utf-8";
#submenu_bg { z-index:10; }
.con_top>div { position:relative; padding-top:40px; }
.con_top .con_title h3 { color:#333333; font-size:35px; font-weight:400; text-align:center; line-height:35px; }
.con_top .con_title ol { margin-top:15px; text-align:center; }
.con_top .con_title ol>li { position:relative; display:inline-block; margin-left:13px; padding-left:17px; background:url('/culture/images/inc/location_after.png') no-repeat left 3px; line-height:14px; font-weight:300; }
.con_top .con_title ol>li.home { margin:0; padding:0; width:15px; height:14px; background:url('/culture/images/inc/ic_home.png') no-repeat; text-indent:-9999px; }
.con_top .con_title ol>li.now>a { color:#000000; text-decoration:underline; }
.con_top .con_title ol>li>a { padding-right:22px; color:#484848; background:url('/culture/images/inc/location_arrow.png') no-repeat right 5px; }
.con_top .con_title ol>li>a.select { font-weight:500; }
.con_top .con_title ol>li>ul { position:absolute; z-index:6; top:20px; display:none; width:150px; background:#ffffff; border:1px solid #dddddd; text-align:left; }
.con_top .con_title ol>li>ul>li>a { display:block; padding:4px 10px; border-bottom:1px dotted #dddddd; font-size:14px; }
.con_top .con_title ol>li>ul>li>a:hover { background:#f8f8f8; }
.con_top .con_title ol>li>ul.location_sub { display:block; }
.con_top .con_title .sns { position:absolute; z-index:1; top:19px; right:0; }
.con_top .con_title .sns li { float:left; margin-right:6px; }
.con_top .con_title .sns li a { display:block; width:29px; height:28px; text-indent:-9999px; transition:all 0.2s ease; }
.con_top .con_title .sns li.sns01 a { background:url('/culture/images/inc/ic_facebook.png') no-repeat; }
.con_top .con_title .sns li.sns02 a { background:url('/culture/images/inc/ic_twitter.png') no-repeat; }
.con_top .con_title .sns li.sns03 a { background:url('/culture/images/inc/ic_blog.png') no-repeat; }
.con_top .con_title .sns li.sns04 a { background:url('/culture/images/inc/ic_kakao.png') no-repeat; } 
.con_top .con_title .sns li.favorite a { background:url('/culture/images/inc/ic_favorite.png') no-repeat; } 
.con_top .con_title .sns li.print a { background:url('/culture/images/inc/ic_print.png') no-repeat; }
.con_top .con_title .sns li a:hover { background-position:0px -28px; transition:all 0.2s ease; }

#tab { position:absolute; z-index:3; top:142px; width:100%; }
#tab>p { background:#436bb1 url('/culture/images/inc/tab_bg.png') no-repeat right 20px bottom; }
#tab>p>a { display:block; padding:12px 20px; color:#ffffff; background:url('/culture/images/inc/tab_arrow.png') no-repeat right 25px top 20px; font-size:16px; }
#tab>p.one>a { background:none; }
#tab ul { overflow:hidden; }
#tab ul li { float:left; border-top:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; text-align:center; box-sizing:border-box; line-height:48px; background:#fdfdfd; }
#tab ul li a { display:block; color:#666666; font-size:18px; font-weight:300; }
#tab ul li a:hover { background:#f0f0f0; }
#tab ul li.on a { background:#3962ad; color:#ffffff; font-weight:400; }
#tab ul li:first-child { border-left:1px solid #dddddd; }
#tab ul.col7 li { width:14.2%; }
#tab ul.col6 li { width:16.6666%; }
#tab ul.col5 li { width:20%; }
#tab ul.col4 li { width:25%; }
#tab ul.col3 li { width:33.3333%; }
#tab ul.col2 li { width:50%; }
#tab ul.col1 li { width:100%; }
#stab { margin-bottom:20px; height:33px; border-bottom:1px solid #dddddd; text-align:center; }
#stab li { position:relative; display:inline-block; height:33px; }
#stab li:after { display:block; content:''; position:absolute; z-index:3; left:0px; top:7px; height:12px; width:1px; background:#dddddd; }
#stab li:first-child:after { width:0px; }
#stab li.on { border-bottom:1px solid #000000; }
#stab li a { display:block; padding:0 30px 13px 30px; color:#666666; font-weight:300; }
#stab li a:hover { color:#000000; }
#stab li.on a { color:#000000; font-weight:400; background:url('/culture/images/inc/4depts_arrow.jpg') no-repeat bottom center; }
.img_wrap { min-height:200px; padding:15px; color:#ffffff; background:#f5f5f5; border:1px solid #dddddd; text-align:center;}
.img_wrap2 { padding:7px; color:#ffffff; background:#f5f5f5; border:1px solid #dddddd; text-align:center;}
.map_wrap { color:#ffffff; border:1px solid #dddddd; background:#333333; }

#detail_con { margin-top:70px; }
#detail_con.no_tab_con { margin-top:30px; }
#detail_con .para { overflow:hidden; padding-bottom:40px; margin-top:40px; border-bottom:1px dotted #dadada; }
#detail_con .para:first-child { margin-top:80px; }
#detail_con.stab_margin { margin-top:45px; }
#detail_con.stab_margin .para { overflow:hidden; padding-bottom:40px; margin-top:40px; border-bottom:1px dotted #dadada; }
#detail_con .para:last-child { border-bottom:0px; }
#detail_con .para01 { margin-top:18px; }
#detail_con .para01:first-child { margin-top:0px; }
#detail_con .para02 { margin:10px 0 0 3px; }
#detail_con .para03 { margin:3px 0 10px 0; }
#detail_con .txt_box { padding:20px; color:#3962ad; border:1px solid #bbbbbb; font-size:15px; letter-spacing:-0.2px; }
#detail_con h4 { float:left; width:23%; padding-top:25px; color:#333333; background:url('/culture/images/sub/ic_h4.jpg') no-repeat left top; font-size:24px; font-weight:600; }
#detail_con h4 span { display:block; }
#detail_con .h4_wrap { float:left; width:23%; }
#detail_con .h4_wrap>h4, #detail_con>h4 { float:none; width:auto; padding-top:25px; color:#333333; background:url('/culture/images/sub/ic_h4.jpg') no-repeat left top; font-size:24px; font-weight:600; }
#detail_con .h4_wrap>p { margin-top:10px; width:75%; color:#555555; font-size:14px; font-weight:300; line-height:23px; }
#detail_con .con_wrap { float:left; width:77%; }
/* h4와 con_wrap의 비율이 2:8인 css */
#detail_con.con_28 h4 { float:left; width:15%; padding-top:25px; color:#333333; background:url('/culture/images/sub/ic_h4.jpg') no-repeat left top; font-size:24px; font-weight:600; }
#detail_con.con_28 .h4_wrap { float:left; width:15%; }
#detail_con.con_28 .h4_wrap>h4, #detail_con>h4 { float:none; width:auto; padding-top:25px; color:#333333; background:url('/culture/images/sub/ic_h4.jpg') no-repeat left top; font-size:24px; font-weight:600; }
#detail_con.con_28 .h4_wrap>p { margin-top:10px; width:75%; color:#555555; font-size:14px; font-weight:300; line-height:23px; }
#detail_con.con_28 .con_wrap { float:left; width:85%; }

#detail_con .sblet { color:#0f3e92; font-size:18px; font-weight:500; }
#detail_con .ssblet { padding:2px 0 2px 10px; color:#333333; background:url('/culture/images/sub/ic_ssblet.jpg') no-repeat left 12px; font-size:15px; font-weight:400; }
#detail_con .sssblet { padding-left:12px; color:#666666; background:url('/culture/images/sub/ic_sssblet.jpg') no-repeat left 12px; font-size:14px; }
#detail_con .design_area { line-height:200px; color:#ffffff; background:#ed460b; font-size:24px; font-weight:600; text-align:center; }

table.data { margin-bottom:10px; width:100%; border-top:2px solid #333333; border-spacing:0; border-collapse:inherit; }
table.data thead th { padding:10px 0; background:#f8f8f8; border-bottom:1px solid #dddddd; font-size:17px; font-weight:500; }
table.data tbody th { background:#fafafa; border-bottom:1px solid #dddddd; font-size:16px; font-weight:500; }
table.data td { padding:8px 10px; border-left:1px solid #dddddd; border-bottom:1px solid #dddddd; text-align:center; font-weight:400; }
table.data td:first-child { border-left:0px; }
table.data .border_l { border-left:1px solid #dddddd !important; }
table.data .border_g { border-left:1px solid #dddddd !important; border-right:1px solid #dddddd !important; }

/* 큰 버튼 */
.c_btn { display:inline-block; padding:8px 60px; text-align:center; border:0; box-sizing:border-box; }
.c_bbtn{ display:inline; padding:3px 20px 5px 20px; border:0; border-radius:3px; font-size:14px; } /* 중간 버튼 */
.c_sbtn{ display:inline; padding:0px 15px; border:0; border-radius:50px; font-size:14px; } /* 제일 작은 버튼 */
.bg01 { background:#333333; color:#ffffff; border:1px solid #333333; }
.bg02 { background:#ffffff; color:#333333; border:1px solid #333333; }
.bg03 { background:#ed460b; color:#ffffff; border:1px solid #ed460b; }
.bg04 { background:#ffffff; color:#ed460b; border:1px solid #ed460b; }
.bg05 { background:#3962ad; color:#ffffff; border:1px solid #3962ad; }
.bg06 { background:#ffffff; color:#3962ad; border:1px solid #3962ad; }
/* 버튼 오버효과 */
a.c_btn:hover, a.c_bbtn:hover, a.c_sbtn:hover { background:#000000; color:#ffffff; border:1px solid #333333; }
/* 절차도 */
.step { overflow:hidden; }
.step li { position:relative; margin-left:0px; margin-bottom:20px; font-size:16px; font-weight:500; z-index:1; }
.step li span { display:inline-block; margin-right:10px; padding-top:1px; width:35px; height:35px; border-radius:45px; background:#ffffff; border:3px solid #555555; text-align:center; font-weight:500; font-size:16px; box-sizing:border-box; }
.step li.small { padding-left:48px; font-size:14px; font-weight:400; background:url('/culture/images/sub/step_s.jpg') no-repeat 13px center; }
.step li.first { color:#ed460b; }
.step li.first span { border-color:#ed460b; color:#ed460b; }
.step li.last { color:#3962ad; }
.step li.last span { border-color:#3962ad; color:#3962ad; }
.step li:after { position:absolute; z-index:3; content:''; display:block; left:17px; top:36px; width:1px; height:45px; background:#cccccc; }
.step.no_small li:after { height:19px; }
.step li.small:after { top:16px; }
.step li.last:after { display:none; }
/* 준비중 */
.ready { padding:60px 0;  }
.ready .tit { padding-top:210px; color:#3962ad; background:url('/culture/images/sub/ready_img.jpg') no-repeat 51% top; font-size:30px; font-weight:600; text-align:center; }
.ready .sub { margin-top:15px; color:#444444; font-size:17px; font-weight:300; text-align:center; }
.ready .sub span { display:block; }

/* 찾아오시는 길 */
#detail_con .location { position:relative; margin-top:-1px; padding:2% 240px 2% 3%; border:1px solid #ccc; background:#fbfbfb; }
#detail_con .location>ul>li { margin:4px 0px; padding-left:25px; }
#detail_con .location>ul>li.ic01 { background:url(/main/images/contents/ic_place.gif) no-repeat left 3px; }
#detail_con .location>ul>li.ic02 { background:url(/main/images/contents/ic_tel.gif) no-repeat left 3px; }
#detail_con .location>ul>li span.wfont { color:#333; }
#detail_con .location>p { position:absolute; right:2%; top:25%; }

/* 연수문화의집 대관이미지 */
ul.img_wrap_b li { float:left; margin-bottom:2%; border:1px solid #dddddd; box-sizing:border-box; }
ul.img_wrap_b li a { display:block; background:#ffffff; }
ul.img_wrap_b.col4 li { margin-left:2.5%; width:23%; }
ul.img_wrap_b.col3 li { margin-left:2%; width:31%; }
ul.img_wrap_b.col4 li:nth-child(4n+1) { margin-left:0; } 
ul.img_wrap_b.col3 li:nth-child(3n+1) { margin-left:0; } 
ul.img_wrap_b li img { display:block; width:100%; }
ul.img_wrap_b li>a>span.img { display:block; padding:2%; }
ul.img_wrap_b li>a>span.subject { display:block; padding:10px 0; text-align:center; background:#f5f5f5; transition:all 0.4s ease; }
ul.img_wrap_b li a:hover { background:#3962ad; }
ul.img_wrap_b li>a:hover>span.subject { color:#ffffff; background:#1a438e; }

/* 이용시 주의사항 */
.attention>ul { overflow:hidden; }
.attention>ul>li { float:left; margin-bottom:18px; padding:5px 0 0 115px; width:50%; height:105px; box-sizing:border-box; }
.attention>ul>li.atten01 { background:url('/culture/images/sub/atten01.jpg') no-repeat left top; }
.attention>ul>li.atten02 { background:url('/culture/images/sub/atten02.jpg') no-repeat left top; }
.attention>ul>li.atten03 { background:url('/culture/images/sub/atten03.jpg') no-repeat left top; }
.attention>ul>li.atten04 { background:url('/culture/images/sub/atten04.jpg') no-repeat left top; }
.attention>ul>li.atten05 { background:url('/culture/images/sub/attention05.jpg') no-repeat left top; }
.attention>ul>li p.sub { width:95%; margin-top:10px; color:#666666; font-size:15px; }
/* 수강시 유의사항 */
.lecture_atten>ul { overflow:hidden; }
.lecture_atten>ul>li { float:left; margin-bottom:18px; padding:5px 0 0 115px; width:50%; height:105px; box-sizing:border-box; }
.lecture_atten>ul>li.lec_atten01 { background:url('/culture/images/sub/lecture01.jpg') no-repeat left top; }
.lecture_atten>ul>li.lec_atten02 { background:url('/culture/images/sub/lecture02.jpg') no-repeat left top; }
.lecture_atten>ul>li.lec_atten03 { background:url('/culture/images/sub/lecture03.jpg') no-repeat left top; }
.lecture_atten>ul>li.lec_atten04 { background:url('/culture/images/sub/lecture04.jpg') no-repeat left top; }
.lecture_atten>ul>li.lec_atten05 { background:url('/culture/images/sub/lecture05.jpg') no-repeat left top; }
.lecture_atten>ul>li p.sub { width:95%; margin-top:10px; color:#666666; font-size:15px; }

/*강좌소개*/
.plug_img { overflow:hidden; }
.plug_img li { margin:1%; text-align:center; }
 
/* 모바일시 이미지 크게보기 버튼 */
.zoom_btn { display:none; margin-top:30px; text-align:center; }
/* 정보화교육 교육장위치 */
.it_location { padding:20px; background:#f8f8f8; border:1px solid #dddddd; text-align:center; }

/* 로그인 */
#detail_con .login_mem{margin-top:20px; margin-bottom:50px; background:#fbfbfb; border:5px solid #eee; }
#detail_con .login_mem .loginBox{position:relative; margin:6% 8% 5%; padding-left:240px; min-height:135px; background:url(/main/images/contents/guidance/login.gif) no-repeat 4.5% center}
#detail_con .login_mem .loginBox ul{padding-top:15px;}
#detail_con .login_mem .loginBox ul li{position:relative; margin:6px 0px; padding-left:110px; padding-right:145px; }
#detail_con .login_mem .loginBox ul li>span{position:absolute; width:95px; left:0px; top:7px; font-size:20px; font-weight:bold; text-align:right}
#detail_con .login_mem .loginBox ul li input[type=text], 
#detail_con .login_mem .loginBox ul li input[type=password]{height:35px; padding:0px 2%; width:96%; line-height:35px; font-size:17px}
#detail_con .login_mem .loginBox .btn_login{position:absolute; right:0px; top:21px}
#detail_con .login_mem .loginBox .btn_login p{position:relative; background:#3b62ad; width:138px; overflow:hidden}
#detail_con .login_mem .loginBox .btn_login p input[type=submit]{width:100%; height:80px; text-align:center; font-size:20px; background:none; border:0px; color:#fff; font-weight:normal}
#detail_con .login_mem .loginBox .btn_main{ margin-left:110px; margin-top:2%; color:#fb5f13; }
#detail_con .login_mem .loginBox .btn_main a.btn { margin-left:3px; vertical-align:middle; padding:0 5px 1px; font-size:12px; border:0; color:#fff; }
#detail_con .login_mem .loginBox .btn_main .btn_back.btn { border:0; border-radius:3px; background:#222; box-shadow:0; }
#detail_con .login_mem .findId{margin:1.5% 4% 0%; padding:3.5% 0%; border-top:1px dotted #c8c8c8}
#detail_con .login_mem .findId ul{padding:0px 5px; overflow:hidden}
#detail_con .login_mem .findId ul li{position:relative; float:left; width:50%}
#detail_con .login_mem .findId ul li .txt{padding-right:160px}
#detail_con .login_mem .findId ul li .txt_join{border-right:1px dotted #ccc}
#detail_con .login_mem .findId ul li .txt_find{padding:10px 150px 10px 25px; }
#detail_con .login_mem .findId ul li .btn_join{position:absolute; top:7px; right:25px}
#detail_con .login_mem .findId ul li .btn_find{position:absolute; top:7px; right:0px}
/* 본인확인 */
#detail_con .identify{margin-top:20px; overflow:hidden}
#detail_con .identify>div{float:right; padding:3.2%; width:42.5%; border:1px solid #cecece}
#detail_con .identify>div:first-child{float:left}
#detail_con .identify>div:hover{border-color:#bbb; background:#fbfbfb}
#detail_con .identify>div p.tit{padding:20px 5px 40px; padding-left:110px; border-bottom:1px solid #e4e4e4; font-weight:bold; font-size:20px; color:#222222}
#detail_con .identify>div:hover p.tit{border-bottom:1px solid #bbb}
#detail_con .identify>div.phone p.tit{background:url(/main/images/contents/guidance/login_phone.gif) no-repeat 5px top}
#detail_con .identify>div.ipin p.tit{background:url(/main/images/contents/guidance/login_ipin.gif) no-repeat 5px top}
#detail_con .identify>div .txt{padding:25px 5px}
#detail_con .identify>div.ipin .txt .wfont{display:block; margin-bottom:6px}
#detail_con .identify>div.ipin .txt .service{margin-top:17px; color:#ea641b; font-size:14px}
#detail_con .identify>div.ipin .txt .service .wfont{margin-bottom:1px; }
#detail_con .identify>div p.btn_phone, #detail_con .identify>div p.btn_ipin{text-align:center}
#detail_con .identify>div p.btn_phone input:hover, #detail_con .identify>div p.btn_ipin input:hover { background:#3b62ad; transition:all 0.3s ease; }
#detail_con .login_law{margin-top:2%; padding:3%; background:#fbfbfb; border:1px solid #d4d4d4}
/* 회원가입STEP */
#detail_con.join_wrap h4 { float:none; padding:0; width:auto; background:none; }
#detail_con.join_wrap h4 span { display:inline; }
#detail_con .join_step{overflow:hidden}
#detail_con .join_step li{float:left; margin-left:.5%; width:19.6%; }
#detail_con .join_step li:first-child{margin-left:0%}
#detail_con .join_step li p{padding:8% 10%; padding-left:80px; border:2px solid #cecece; font-size:17px; background-repeat:no-repeat; background-position:20px center}
#detail_con .join_step li.ic01 p{background-image:url(/culture/images/program/ic_join_step01.png)}
#detail_con .join_step li.ic02 p{background-image:url(/culture/images/program/ic_join_step02.png)}
#detail_con .join_step li.ic03 p{background-image:url(/culture/images/program/ic_join_step03.png)}
#detail_con .join_step li.ic04 p{background-image:url(/culture/images/program/ic_join_step04.png)}
#detail_con .join_step li.ic05 p{background-image:url(/culture/images/program/ic_join_step05.png)}
#detail_con .join_step li.on p{border:2px solid #123575; background-color:#3962ad; color:#fff}
#detail_con .join_step li.on.ic01 p{background-image:url(/culture/images/program/ic_join_step01_on.png)}
#detail_con .join_step li.on.ic02 p{background-image:url(/culture/images/program/ic_join_step02_on.png)}
#detail_con .join_step li.on.ic03 p{background-image:url(/culture/images/program/ic_join_step03_on.png)}
#detail_con .join_step li.on.ic04 p{background-image:url(/culture/images/program/ic_join_step04_on.png)}
#detail_con .join_step li.on.ic05 p{background-image:url(/culture/images/program/ic_join_step05_on.png)}
#detail_con .join_step li span{display:block; font-size:14px; line-height:20px}
/* STEP1 회원가입 */
#detail_con .join{margin-top:5%; overflow:hidden}
#detail_con .join>div{float:right; width:49.5%; border-top:3px solid #3962ad}
#detail_con .join>div:first-child{float:left}
#detail_con .join>div>div{padding:6% 8%; border:1px solid #d4d4d4; border-top:0px; text-align:center}
#detail_con .join>div h4{margin-bottom:10px; font-size:26px}
#detail_con .join>div h4 span{color:#3962ad}
#detail_con .join>div.over p.txt{padding:11px 0px}
#detail_con .join>div p.btn_join{margin-top:6%; padding-top:8%; border-top:1px solid #cecece}
/* STEP2 약관동의  */
#detail_con.join_wrap h4.sblet { margin-top:40px;}
#detail_con .agree_caution{margin-top:30px; padding:10px; text-align:center; background:#f5f5f5}
#detail_con .agree{margin-top:15px}
#detail_con .agree .agreeBox{padding:3%; border:1px solid #d4d4d4; border-bottom:0px; overflow-y:scroll}
#detail_con .agree>p{padding:10px 20px; background:#123575}
#detail_con .agree>p label{color:#fff}
#detail_con .agree>p input[type=checkbox]{margin-right:7px; vertical-align:middle}
#detail_con .agree_all{margin-top:20px; padding:10px; text-align:center; font-size:16px; font-weight:bold; border:1px solid #d4d4d4; background:#fbfbfb}
#detail_con .agree_all input[type=checkbox]{margin-right:7px; vertical-align:middle}
#detail_con.join_wrap .board_write { margin-top:40px; }
/* 회원탈퇴 */
#detail_con .withdraw{margin-top:20px; background:#fbfbfb; border:5px solid #eee; }
#detail_con .withdraw .txt{position:relative; margin:5% auto; padding-left:200px; width:60%; min-height:135px; background:url(/main/images/contents/guidance/withdraw.gif) no-repeat left center;}
#detail_con .withdraw .txt .tit{padding-top:2%; font-size:24px; font-weight:bold; color:#4e4643}
#detail_con .withdraw .txt .tit span{color:#f3692b}
#detail_con .withdraw .txt ul{margin-left:10px; margin-top:2%}
#detail_con .withdraw .txt ul li{padding-bottom:3px}
#detail_con .withdraw .reason {padding:5% 10%; border-top:1px solid #dbdbdb}
#detail_con .withdraw .reason ul li{position:relative; margin-top:7px; padding-left:100px}
#detail_con .withdraw .reason ul li span{position:absolute; top:2px; left:0px; font-size:20px; font-weight:bold}
#detail_con .withdraw .reason ul li input[type=password]{padding:5px; width:100%; font-size:17px}
#detail_con .withdraw .reason ul li textarea{padding:5px; width:100%; }
/* 가입완료 */
#detail_con.join_wrap .finish{margin-top:6%; padding:7% 0px 5%; border:1px solid #eee; border-top:2px solid #3962ad; }
#detail_con.join_wrap .finish p{text-align:center}
#detail_con.join_wrap .finish p.img{margin-bottom:3%}
/* 설문조사 */
.survey_form .tit { font-weight:500; }
/* 연수문화원 이용방법주의사항 */
.tag { margin-top:10px; }
.tag span { display:inline-block; margin-top:5px; padding:5px 10px; border-radius:5px; background:#f8f8f8; border:1px solid #aaaaaa; }

/* 축구장 팝업 */
.soccer_pop { position:relative; max-width:800px; margin:0 auto;  z-index:99999;}
.soccer_pop img { max-width:100%; }
.soccer_pop>div { position:absolute; top:0; left:0; width:100%; box-shadow:1px 2px 3px #585858; }
.soccer_pop>div .t_con { padding-top:8%; padding-bottom:8%; text-align:center; background:url(/culture/popup/images/soccer_pop_bg.gif) no-repeat center top; background-size:100% 100%; }
.soccer_pop>div .t_con .tit { padding-left:7%; padding-right:7%; }
.soccer_pop>div .t_con .box { padding:3% 2%; }
.soccer_pop>div .t_con .box p { margin-bottom:20px; color:#fff; font-weight:400; }
.soccer_pop>div .t_con .box p>span { padding-left:3px; padding-right:3px; font-weight:500; }
.soccer_pop>div .t_con .box p .bg_w { background-color:#fff; color:#333; }
.soccer_pop>div .t_con .box p .bg_b { background-color:#1161f6; color:#fff000; }
.soccer_pop>div .t_con a.btn { padding:5px 30px 8px 30px; border:1px solid #000; border-radius:30px; background-color:#fff000; font-size:18px; color:#000; font-weight:400; }
.soccer_pop>div .b_con { padding:30px; background-color:#313334; }
.soccer_pop>div .b_con li:first-child { margin-top:0; }
.soccer_pop>div .b_con li { margin-top:15px; color:#fff; font-weight:300; font-size:14px; }
.soccer_pop>div .b_con li span { font-size:15px; }
.soccer_close { display:block; position:absolute; right:0; top:0; width:40px; height:40px; background-color:#1161f6; }
.soccer_close:before,
.soccer_close:after { position:absolute; top:20px; left:5px; width:30px; height:2px; background-color:#fff; content:''; }
.soccer_close:before {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.soccer_close:after {  -webkit-transform: rotate(45deg); transform: rotate(45deg); }
/*****************************************************************************************************************************************************************************************/ 

@media all and (min-width:1200px) {
}

@media all and (max-width:1199px) {
	.seat_img img { width:100%; }
	.it_location img { width:100%; }
}

@media all and (max-width:950px) {
	.zoom_btn { display:block; }
	.attention>ul>li { height:auto; min-height:105px; }
	.lecture_atten>ul>li { height:auto; min-height:105px; }
	.img_wrap img, .img_wrap2 img { width:100%; }
	#detail_con .login_mem .loginBox .btn_main { left:20%; }
}

@media all and (min-width:769px) {
	.con_top { margin-bottom:31px; height:160px; background:#f8f8f8; border-bottom:1px solid #e6e6e6; }
	.con_top.no_tab { margin-bottom:0px; }
	.plug_img li { float:left; width:23%; }
}

@media all and (max-width:768px) {
	#submenu_bg { z-index:1; }
	.con_top>div { padding-top:48px; }
	.con_top .con_title { padding:0 20px; }
	.con_top .con_title h3 { padding:15px 0; border-bottom:1px solid #dddddd; font-size:24px; font-weight:500; text-align:left; }
	.con_top .con_title ol, .con_top .con_title .sns { display:none; }
	#tab { top:0px; }
	#tab ul li { width:100% !important; text-align:left; border-top:0px; border-right:0px; border-left:0px !important; }
	#tab ul li a { padding:0 20px; font-size:13px; }
	#tab ul li.on a { background:#333333; }
	#stab { overflow:hidden; margin-top:-1px; height:auto; border-bottom:0px; }
	#stab li { float:left; box-sizing:border-box; height:auto; background:#f5f5f5; border-top:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; }
	#stab li:after { width:0px; }
	#stab li:first-child { border-left:1px solid #dddddd; }
	#stab.col3 li { width:33.3333%; }
	#stab.col5 li { width:20%; }
	#stab li a { padding:10px 0; background:none; }
	#stab li.on { background:#ffffff; border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; }
	#stab li.on a { background:none; }
	#contents { padding:0 20px; }
	#detail_con { margin-top:10px; }
	#detail_con.stab_margin { margin-top:0px; }
	#detail_con .para:first-child { margin-top:40px !important; } 
	#detail_con h4 { float:none; width:100%; }
	#detail_con .h4_wrap, #detail_con .h4_wrap>p, #detail_con .h4_wrap>h4 { float:none; width:100%; } 
	#detail_con.con_28 h4, #detail_con.con_28 .h4_wrap, #detail_con.con_28 .con_wrap { float:none; width:100%; }
	#detail_con .con_wrap { float:none; margin-top:20px; width:100%; }
	.attention>ul>li { width:100%; }
	.lecture_atten>ul>li { width:100%; }
	.step { margin-top:30px; }
	#detail_con .login_mem .loginBox{margin:20px; padding-top:150px; padding-left:0px; min-height:190px; background:url(/main/images/contents/guidance/login.gif) no-repeat 54% top}
	#detail_con .login_mem .loginBox ul li{margin:7px 0px; font-size:16px; font-weight:bold; text-align:right; padding-left:15%; padding-right:0; width:85%;}
	#detail_con .login_mem .loginBox ul li>span{width:60px; font-size:15px;}
	#detail_con .login_mem .loginBox ul li input[type=text], #detail_con .login_mem .loginBox ul li input[type=password] { width:90%; }
	#detail_con .login_mem .loginBox .btn_login { width:100%; /*top:120px;*/ top:160px; }
	#detail_con .login_mem .loginBox .btn_login p{ width:100%; top:151px}
	#detail_con .login_mem .loginBox .btn_login p input[type=submit] { height:50px; font-size:16px; }
	#detail_con .login_mem .loginBox .btn_main { left:18%; }
	#detail_con .login_mem .findId{margin:1.5% 4% 0%; padding:3.5% 0%; border-top:1px dotted #c8c8c8}
	#detail_con .login_mem .findId ul li{width:100%}
	#detail_con .login_mem .findId ul li .txt{padding:15px 150px 20px 0px}
	#detail_con .login_mem .findId ul li .txt_join{border-bottom:1px dotted #ccc; border-right:0px}
	#detail_con .login_mem .findId ul li .btn_join{top:13px; right:0px}
	#detail_con .login_mem .findId ul li .btn_find{top:5px; right:0px}	
	#detail_con .identify>div{margin-bottom:10px; padding:3.2%; width:93%; border:1px solid #cecece}
	#detail_con .join_step li p{padding:8% 10%; padding-top:60px; border:2px solid #cecece; font-size:15px; letter-spacing:-1px; background-position:center 10px}
	#detail_con .join>div,#detail_con .join>div:first-child{float:none; margin:10px auto; width:95%}
	#detail_con .withdraw .txt{padding:5% 5% 0%; padding-top:135px; width:90%; min-height:0px; background:url(/main/images/contents/guidance/withdraw.gif) no-repeat center top;}	
	#detail_con .location { padding:2% 3% 2% 3%; }
	#detail_con .location>p { position:static; margin-top:20px; text-align:center; }
}

@media all and (max-width:640px) {
	#stab li a { font-size:14px; }
	
}

@media all and (max-width:480px) {
	#stab li a { font-size:13px; }
	#stab.col5 li { width:33.3333%; }
	#stab.col5 li:nth-child(4) { border-left:1px solid #dddddd; }
	#stab.col5 li:nth-child(4).on { border-left:1px solid #000000; }
	.ready .tit { font-size:24px; }
	.ready .sub { font-size:14px; font-weight:400; }
	#detail_con .login_mem .loginBox ul li input[type=text], #detail_con .login_mem .loginBox ul li input[type=password] { width:78%; }
	#detail_con .login_mem .loginBox .btn_main { margin-left:0; text-align:center;}
	#detail_con .login_mem .findId ul li .txt { padding:10px 0 68px 0; }
	#detail_con .login_mem .findId ul li .btn_join { top:70px; width:100%; box-sizing:border-box; text-align:center; }
	#detail_con .login_mem .findId ul li .btn_find { top:45px; width:100%; box-sizing:border-box; text-align:center; }
	#detail_con .login_mem .findId ul li .btn_join a, #detail_con .login_mem .findId ul li .btn_find a { display:block; } 
	#detail_con.join_wrap .finish img { width:80%; }

}