@charset "utf-8";
/* CSS Document */
#sub-img {width:100%; height:180px; background-image:url('../images/sub/sub_bg.jpg'); background-repeat:no-repeat; background-position:center top; text-align:center; border-bottom:1px solid #224494;}
#sub-img h2 {color:#fff; text-align:center; line-height:120px; font-size:40px; margin:0; font-weight:bold;}
#sub-wrap {width:980px; margin:0px auto; min-height:450px; font-family:"Noto Sans KR"; font-size:14px; color:#666; padding-bottom:30px;}
#sub-wrap::after {content:""; display:block; width:100%; height:1px; clear:both;}
.sub-left {float:left; width:210px;}
.sub_left .bord {border:2px solid #eaeaea; background:url(../images/contents/sub_bottom.gif) no-repeat bottom right;}
.sub-right {position:relative; float:right; width:710px; z-index:20; padding:20px 0px 40px 0; min-height:500px; margin-top:0px;}
.sub_left .gap { margin-bottom:115px;}
/*.sub-right p{text-align:justify;}*/
.sub-right .box {padding:20px 30px; border:2px solid #3e91ce; font-size:17px; line-height:130%; color:#3e91ce !important; font-weight:bold; background:#f3f8fc; word-break:keep-all;}
.sub-right .box1 {padding:15px 25px; border:2px solid #cccccc; font-size:16px; line-height:130%; font-weight:bold; background:#fafafa;}

.sub-left h2 {background:url('../images/sub/h2_bg.png') no-repeat top left; color:#fff; line-height:60px; height:65px; font-weight:bold; font-size:24px; margin:-30px 0 0 0; text-align:center;}
#left-menu {border:1px solid #dbe0ef; border-top:none; padding-bottom:115px; background: url('../images/sub/sub_bottom.gif') no-repeat right bottom;}
#left-menu ul {margin:0; padding:0;}
#left-menu ul li {list-style:none; position:relative;}
#left-menu ul li a {width:100%; height:auto; line-height:130%; font-size:16px; font-weight:bold; display:block; padding:10px 20px; word-break:keep-all;}
#left-menu ul li a span {display:inline-block;}
#left-menu ul li a span::after {content:""; height:2px; display:block;}
#left-menu ul li a[target="blank"]::after {background:url("../images/sub/icon_nw.png") no-repeat center center; content:""; display:inline-block; width:17px; height:10px;}
#left-menu ul li a:hover[target="blank"]::after {background-image:url("../images/sub/icon_nw_ov.png");}
#left-menu ul li ul {width:100%;}
#left-menu ul li ul li {float:none; width:100% !important; border:none; border-bottom:1px solid #dbe0ef;}
#left-menu ul li ul li a {font-size:15px; background-color:#fff; font-weight:normal;}
#left-menu ul li li a:hover {color:#1272BE; text-decoration:none;}
#left-menu ul li li.active a {background-color:#f8f8f8; color:#1272BE; text-decoration:none; font-weight:bold;}
#left-menu ul li:hover ul {display:block;}
#left-menu ul.ssmenu {border-bottom:0px solid #dbe0ef; background-color:#f8f8f8; padding:10px 0;}
#left-menu ul.ssmenu li {border-bottom:0;}
#left-menu ul.ssmenu li a {font-size:14px; padding:5px 25px 5px 35px; color:#666 !important; font-weight:normal !important; position:relative;}
#left-menu ul.ssmenu li a::before {content:"-" ; font-weight:normal !important; display:inline-block; position:absolute; left:25px; top:5px;}
#left-menu ul.ssmenu li.active a {color:#333 !important; font-weight:bold !important;}
.sub-body ul, .sub-body li {list-style:none;}
.sub-body caption {display:none;}
.sub-body h3 {text-align:left; margin:30px 0; font-size:30px; font-weight:bold; color:#333;}
#sub-content {}
#sub_navi {width:100%; line-height:110%; text-align:right; font-size:11px; color:#7e7e7e; line-height:13px; font-family:'돋움', dotum;}
#sub_navi a {color:#898989; text-decoration:none; font-weight:normal;}
#sub_navi ul {overflow:hidden;}
#sub_navi ul li {display:inline-block;}
#sub_navi ul li::before {content:">"; font-weight:normal !important; padding:0 6px;}
#sub_navi ul li:first-child::before {display:none;}
#sub_navi ul li:last-child {font-weight:bold;}
h4 {color:#121212; font-size:18px; margin-top:30px; font-weight:bold;}

.mt5 {margin-top:5px !important;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mb0 {margin-bottom:0px !important;}
.mb15 {margin-bottom:15px;}
.mp0 {margin:0; padding:0;}
.f_left {float:left;}
.f_right {float:right;}
.t_right {text-align:right;}
.t_center {text-align:center !important;}
.c_both {clear:both;}
.first_letter {margin-left:-10px;}
.f_weight {font-weight:bold;}

table.basic {border-top:2px solid #4f842b; border-collapse:collapse; width:100%; margin-top:10px;}
table.basic th {background:#dde498; padding:5px 0; text-align:center; border:1px solid #b6bb81;}
table.basic tfoot th {background:#eee; padding:5px 0; text-align:center; border:1px solid #ddd;}
table.basic tfoot td {background:#f5f5f5; padding:5px 0; text-align:center; border:1px solid #ddd;}
table.basic tbody th {background:#f5f5f5; padding:5px 0; text-align:center; border:1px solid #ddd; font-weight:normal;}
table.basic td {background:#fff; padding:5px 0; text-align:center; border:1px solid #ddd;}

/*  */
a:hover{color:#999;text-decoration:none}

a.navicolor:link,a.navicolor:active,a.navicolor:visited{font-weight:normal;color:#898989;text-decoration:none}
a.navicolor:hover{color:#666;text-decoration:none}

/* 현재위치(네비게이션) 링크폰트 */
a.category:link,a.category:active,a.category:visited{font-weight:normal;font-size:12px;font-family:'돋움';color:#333;text-decoration:none}
a.category:hover{font-weight:bold;color:#333;text-decoration:none}

/* 메인 카테고리 링크폰트 */
a.community:link,a.community:active,a.community:visited{font-weight:normal;font-size:12px;font-family:'돋움';color:#333;text-decoration:none}
a.community:hover{color:#333;text-decoration:none}

/* 메인 커뮤니티 링크폰트 */
a.mainmenu:link,a.mainmenu:active,a.mainmenu:visited{font-size:11px;font-family:'돋움';color:#FFF;text-decoration:none}
a.mainmenu:hover{color:#FFF;text-decoration:none}

/* 메인 top 카테고리 링크 */
a.faq:link,a.faq:active,a.faq:visited{background-color:#FFF;color:#555;text-decoration:none}
a.faq:hover{color:#F60;text-decoration:none}

/* 자주하시는 질문 질문링크폰트 */
a.sitemap{color:#666}

/* 사이트맵 */
a.sitemap:hover{color:#999;text-decoration:none}

img{border:0}
img.top{vertical-align:top}
img.middle{vertical-align:middle}
img.bottom{vertical-align:bottom}

p,div{margin:0;padding:0}
.input{border:1px solid #B8B8B8; font-size:9pt;margin-top:0px;vertical-align:middle;}
.textarea{border:1px solid #EAE6DD}
form{margin:0;padding:0;}

.button{}
.select{}

/* 메뉴관련 :topmenu=탑메뉴 /menu_title - 오른쪽텍스트 타이틀/ leftmenu =왼쪽텍스트메뉴 .. */
.topmenu{height:19px;padding:11px 12px 0 0}
.topmenu ul{float:right;margin:0;padding:0;list-style:none}
.topmenu ul li{float:left;padding-right:15px;background:url(../images/common/t_line.gif) no-repeat right top;line-height:7px}
.topmenu ul li.noline{padding-right:0;background-image:none}
#main_menu{position:relative;z-index:100;width:980px;height:48px; line-height:48px;}

.menu_title{padding-left:0;font-weight:bold}
/*.leftmenu{ height:41px; border-bottom: solid 1px #e1e1e1; }*/
.leftmenu {line-height:0px; padding: 10px 0 10px 27px; height: 14px; font-size: 14px; font-weight: bold;}/*sub*/
.leftmenu_sub{ height:24px; padding-left:40px;font-size:9pt;line-height:24px; word-break: keep-all; text-indent: -18px;}/*sub_sub*/
.leftmenu_end{ height:24px; line-height:0px; padding-left:40px;font-size:9pt; padding-bottom:10px;line-height:24px; word-break: keep-all; text-indent: -18px;}/*sub_end*/
.leftmenu_sub>a,.leftmenu_end>a {line-height:1.2em;}
.menu_inline {border-bottom:1px solid #dbe0ef;}/*sub line*/




/*  */
.b{font-weight:bold}
.box{border:1px solid;border-color:#DDD;background-color:#FDFDFD}
.button{height:20px;border-width:1px;border-style:ridge;border-color:#999;background-color:#BDDFF7;color:#000}
.contentbg{background-color:#FFF}

/* 배경, 테두리색 */
.bg_faq{background-color:#CCC}

/* 자주하시는 질문 상단박스 배경색 */
.bg_left{border-right:1px solid;border-color:#FFF}

/* 메인 왼쪽 백그라운드 */
.bg_right{border-left:1px solid;border-color:#FFF}

/* 메인 오른쪽 백그라운드 */
.bg_body{background-color:#DDD}

/* 메인 테두리색 */
.gong9bg{background-color:#F4F4F4}
.subjectbg{background-color:#F0F0F0}
.tablebg{background-color:#DDD}
.board{background-color:#fff}
.bookmark{background-color:#EAE6D9;font-weight:bold;color:#3E3E3E}
.itemimageborder{border-width:0;border-style:solid;border-color:#E7E7E7}

/* 제품 중간 이미지 테두리 */

/* 배경색 */
.ht{height:30px}
.ht2{height:20px}

.leading{line-height:150%}

/* 내용 줄간격 */
.t_latest{background-image:url(./image/bg_latest.gif);font-size:12px;font-weight:bold;font-family:'돋움';color:#758D2A}

/* 라인 */
.line{height:1px;background-color:#eaeaea; margin:20px 0;}

/* 모든 테이블 상단 파란 라인 */
.bbs_line{height:2px;background-color:#aaa}

/* 모든 테이블 상단 파란 라인 */
.tl1{height:1px;background-color:#AFAFAF}

/* 모든 테이블 진한 회색라인 */
.tl2{height:3px;background-color:#EDEDED}

/* 모든 테이블 옅은 회색라인 */
.dotline{height:1px;background-image:url(./image/bg_linein.gif)}

/* 점선라인 (상품, 경매, 공동구매 등 옵션구분선) */

/* 라인 */

/* 폰트 */
.bh{font-weight:bold;font-family:verdana;font-size:11px;color:#777}
.item{font-weight:bold;font-size:14px}

/* 상품상세보기 상품명 폰트 */
.login{font-size:7pt;font-family:verdana}

/* 로그인 입력시 폰트 */
.mypage{font-size:11px;font-family:'돋움'}

/* 마이페이지 회원정보 폰트 */
.memo{font-size:8pt}

/* 메인 쪽지 건수 폰트 */
.name{font-weight:bold;color:#555}
.navi{padding-left:20px;padding-bottom:2px;font-size:11px;line-height:13px;color:#7E7E7E;text-align:right}

/* 현재위치(네비게이션) 폰트 */
.t_order{font-weight:bold;font-size:10pt;color:#3374A8}

/* 주문서입력  결제정보 폰트 */
.t_order2{font-weight:bold;font-size:10pt;color:#918237}

/* 주문서입력  주문하시는 분, 받으시는 분 폰트 */
.tail{font-family:'돋움';font-size:8pt;line-height:140%;color:#A1A1A2}

/* 하단 회사정보 입력 폰트 */
.edit{border-color:#B4B4B4;border-style:solid;border-width:1px}

/* 모든 input에 입력되는 텍스트 폰트 */
.result{border-color:#B4B4B4;border-style:solid;border-width:0;background-color:#eee;font-size:10pt;color:#36c}

/* 모든 input에 입력되는 텍스트 폰트 */
.result_{border-color:#B4B4B4;border-style:solid;border-width:0}

/* 모든 input에 입력되는 텍스트 폰트 */
.textpoint{color:#B80107}
.top1{font-size:11px}

/* 메인 제일 상단 메뉴 */
.top2{background-color:#000;font-size:11px;color:#FFF}

/* 메인 카테고리 메뉴 */
.timer{height:28px;margin-bottom:5px;padding-left:32px;border-style:none 0;border-width:0;background:url(../images/common/icon_clock.gif) no-repeat left;font-weight:bold;font-size:16px;line-height:28px;color:#B80107}
.timer_no{height:0;border-style:none 0;border-width:0;background-image:none;font-size:0;line-height:0}
.tt{font-size:9pt;color:#575757}
.tail{font-family:'돋움';font-size:8pt;line-height:130%;color:#555}

/* 폰트 */
.onmouseover{background-color:#F5F5F5;color:#000}
.onmouseout{background-color:#FFF;color:#000}

.price{color:#FF7E3D}

.sfont{font-size:11px}
.select{background-color:#F4F4F4}
.small{font-size:8pt}
.subject{color:#315584}

.ttop{background-color:#FCFBFA;text-align:center}

/* 테이블 상단 항목부분 */
.tdsl{background-color:#F0F0F0;color:#464646}
`
.tdsl1{background-color:#fff;color:#464646}
`
.tdsr{background-color:#F0F0F0;color:#464646;text-align:right}
.tdsc{background-color:#F0FEFF;color:#0EA2B8;text-align:center}

.w50{width:50%}
.w99{width:99%}
.lh130{line-height:130%}
.lh140{line-height:140%}
.lh150{line-height:150%}
.lh160{line-height:160%}

.orange{color:#F60}
.red{color:#9d1a2b}
.blue{color:#39F}
.bg_y{padding:3px;background:#FFC;font-weight:bold}
.blue_line{padding:2px;background:#aaa;font-weight:bold;font-size:12px;color:#fff}
.myon{font-weight:bold;}

.pinkline{border-bottom:1px solid #ebcfd3}

/* margin */
.mt0{margin-top:0px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt45 {margin-top:45px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mb10 {margin-bottom:10px  !important;}
.mb30 {margin-bottom:30px  !important;}

/* padding */
.p10{padding:10px !important;}
.p20{padding:20px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pl1{padding-left:1px !important;}
.pl5{padding-left:6px !important;}
.pl6{padding-left:6px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}

/* align */
.t_left{text-align:left}
.t_right{text-align:right}
.t_center{text-align:center}
.t_justify{text-align:justify}
.left{float:left}
.right{float:right}
.both{clear:both}

.mout{background-color:#FFF;color:#333}
.mover{background-color:#FFFFAF;color:#000}

.outlogin{width:100px;height:18px;border:1px solid #bebebe;background-color:#FFF;font-size:9pt;font-family:'돋움';color:#8C8C8C}

/* 로그인 입력시 폰트 */

/* heading */
h1,h2,h3,h4,h5,h6{margin:0;padding:0}
h4.main_latest{height:28px;border-bottom:1px solid #e3e3e3}

/* layout */
#bottom{width:100%;height:100px;background:#f2f2f2}

/* main */

/* #mainWrap {background:url(../images/common/bg_con.jpg) no-repeat left top} */
.add{position:absolute;top:20px;left:20px;width:180px;height:230px;text-align:center}
.campaign{position:absolute;top:20px;left:800px;width:180px;height:210px;text-align:center}
#mainCon_left{padding-right:20px;padding-top:10px}
#mainCon_center{padding:10px 20px 0 20px;}
#mainCon_right{width:170px;padding-left:20px;padding-top:10px}
#main_schedule{width:170px;padding:9px;border:1px solid #bebebe;background:#f9f9f9;font-size:11px;line-height:130%}
.main_schedule_month{float:left;width:100px;height:12px;border:0 solid #111;font-weight:bold;line-height:12px;color:#000}
.main_schedule_month_sch{float:right;width:50px;height:12px;border:0 solid #111;font-weight:bold}
#main_camp{position:relative;width:500px;height:196px}
.main_tab{display:block;position:absolute;width:500px}
.main_bbs_latest{height:125px; clear:both; margin-top:30px}
#main_edu_site{position:relative;width:190px;height:93px;background:url(../images/main/bg_edu_site.gif) no-repeat left top}
#main_edu_site h4{position:absolute;top:0;left:0}
#main_edu_site ul{position:absolute;top:23px;left:16px;margin:0;padding:0;font-size:0;list-style:none}
#main_edu_site ul li{width:28px;height:12px;padding-top:18px;font-size:0}
#main_linkban {margin:0; padding:0; width:189px; height:165px;}

/* sub */

/* #subWrap {background:url(../images/common/bg_con.jpg) no-repeat left top; padding-top:30px; text-align:left} */
#subWrap{padding-top:30px;text-align:left}
#sub_title{width:710px; border-bottom:0 solid #afc8df;text-align:left}
#subpage_title{width:100%;line-height:110%; padding:20px 0; font-size: 30px; font-weight: bold; color:#000;}
#sub_navi{width:100%;line-height:110%;text-align:right;}

/* outlogout */
#out_logout{width:170px;padding:9px;border:1px solid #bebebe;background:#f9f9f9;line-height:100%}
#out_login{width:170px;height:100px;padding:9px;border:1px solid #bebebe;background:#f9f9f9}

/* table */
table{margin:0;padding:0;border-collapse:collapse;border:0}
table.board_main_schedule{border:1px solid #bebebe;line-height:130%}
table.board_main_schedule th{border:1px solid #ddd;background:#e9e9e9;font-weight:bold;font-size:11px;text-align:center}
table.board_main_schedule td{border:1px solid #ddd;font-size:11px;text-align:center}
table.board_main_schedule td.today{font-weight:bold;color:#007fff}
table.board_main_schedule td.sch{background:#cce5ff}
table.board_main_schedule th.sun{background:#ebcfd3;color:#999}
table.board_main_schedule th.sat{background:#b5d6f1;color:#4377bc}
table.board_main_schedule td.blue1{color:#007fff}
table.board_main_schedule td.blue2{background:#007fff;color:#fff}
table.board_main_schedule td.red{background:#ff0101;color:#fff}

table.board1{border-top:2px solid #999;line-height:140%}
table.board1 td{padding:5px 10px;border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
table.board1 thead th{padding:10px 5px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;background:#efefef;text-align:center;border-left:1px solid #ccc;}
table.board1 tbody th{padding:5px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;background:#f8f8f8;text-align:center; border-left:1px solid #ccc;}
table.board1 tbody td img {width:150px;}
table.board1 th.left_line,table.board1 td.left_line{border-left:1px solid #ccc}
table.board1 th.noline{border-right:0}

/* heading */
h4 {font-size:20px; color:#000000; font-weight:bold; margin-top:60px; display: inline-block; background:url(../images/contents/h4_icon.gif) no-repeat scroll 0px top transparent; padding: 20px 0px 0px;}
h4.icon2 {background:url(../images/common/icon_h4.gif) no-repeat left center; font-size:16px; font-weight:bold; color:#444; line-height:42px; height:15px;}
h4.icon2 img {vertical-align:middle; margin-top:-13px;}
h4.no_icon {margin:0;font-size:16px;color:#444}
h5 {font-size:15px; color:#333333; font-weight:bold; margin-top:30px;}
h5.icon{padding-left:10px;background:url(../images/common/icon_h5.gif) no-repeat left 4px;font-size:12px;font-weight:normal;color:#710d19}
h5.basic{font-size:14px;font-weight:normal;line-height:130%;color:#9d1a2b}
h5.big{font-size:15px;font-weight:normal;line-height:130%;color:#9d1a2b;text-align:justify}
h5.list{font-size:14px;font-weight:bold;line-height:130%;color:#444}
h6 {font-size:14px; font-weight:bold; margin-top:20px;}
h6.basic{font-size:14px;font-weight:normal;color:#9d1a2b}
h2.pop_title{font-size:15px;color:#FFF}

/* ul */
ul.basic_1{margin:0;padding:0;list-style:none;}
ul.basic_1 li{padding-left:13px;background:url(../images/contents/icon_basic.gif) no-repeat left 6px;line-height:160%}

ul.basic{margin:0;padding:5px 0 0 15px;list-style:none;}
ul.basic li{padding-left:13px;background:url(../images/contents/icon_basic.gif) no-repeat left 6px;line-height:160%}

ul.basic_mt10{margin:0;padding:10px 0 0 15px;list-style:none;}
ul.basic_mt10 li{padding-left:13px;background:url(../images/contents/icon_basic.gif) no-repeat left 6px;line-height:160%}

ul.style_no{margin:0;padding:5px 0 0 16px;list-style:none; padding-bottom:20px;}
ul.style_no li{padding-left:0;background-image:none;}

ul.nolist{margin:0;padding:5px 0 20px 0px;list-style:none;}

ul.decimal{margin-top:10px;line-height:160%;list-style:decimal;}

ul.basic_dot{margin:0;padding:0;list-style:none;}
ul.basic_dot li{padding-left:11px !important;background:url(../images/contents/icon_dot.gif) no-repeat left 6px;line-height:160%}

/* contents */
.intro{width:100%;height:440px;background:url(../images/contents/menu1_sub1_bgimg.jpg) no-repeat top right;line-height:160%;text-align:justify}
.mem_out{padding:15px;border:2px solid #f5f5f5;line-height:140%}
.win_p{width:100%;height:410px;background:url(../images/contents/menu2_bgimg.jpg) no-repeat top right}
.study{width:100%;height:400px;background:url(../images/contents/menu4_bgimg.jpg) no-repeat top right}

/* button */
a.btn1{display:block;width:200px;margin:0 auto;background:url(../images/contents/btn_bg1.gif) no-repeat left top;line-height:30px;text-align:center}
.but1{padding:3px 10px;border:1px solid #64a338;background:#64a338;color:#fff}
.but2{padding:3px 10px;border:1px solid #aaa;background:#ddd;color:#666}

/* 버튼[2014-12-12] */
.b_btn {display:inline-block; text-align: center; white-space: nowrap; cursor:pointer; border-radius:4px;border:0px;}
.btn_blue1 {background-color:#2f88ca; width:64px; font-size:12px; color:#FFFFFF !important;; padding:0px; display:inline-block; text-align:center; border-radius:4px  }
.btn_blue2 {background-color:#2f88ca; width:160px; font-size:16px; color:#FFFFFF !important; font-weight:bold; padding:10px; margin:0;}
.btn_blue3 {background-color:#2f88ca; width:64px; font-size:12px; color:#FFFFFF !important; padding:5px; margin:0;vertical-align: middle;}
.btn_blue4 {background-color:#2f88ca; width:80px; font-size:12px; color:#FFFFFF !important; padding:5px; margin:0;}
.btn_blue5 {background-color:#2f88ca;  font-size:16px; color:#FFFFFF !important; font-weight:bold; padding:13px; margin:0;}
.btn_box {background-color:#2f88ca; width:80px; font-size:16px; color:#FFFFFF !important; font-weight:bold; padding:15px; margin:0;}

.b_btn:hover, .b_btn:focus, .b_btn:active, .b_btn.active, .open .dropdown-toggle.b_btn {color: #FFF; background-color: #777;}
.btn_gray1 {color:#FFF !important; background-color:#A3A3A5; width:64px; font-size:12px; padding:0px; display:inline-block; text-align:center; border-radius:4px; }
.btn_gray2 {color:#FFF !important; background-color:#A3A3A5; width:160px; font-size:16px; font-weight:bold; padding:10px; margin:0; }
.btn_gray3 {color:#FFF !important; background-color:#A3A3A5; width:64px; font-size:12px; padding:5px; margin:0; vertical-align: middle;}
.btn_gray4 {color:#FFF !important; background-color:#A3A3A5; width:80px; font-size:12px; padding:5px; margin:0; }
.btn_gray5 {color:#FFF !important; background-color:#A3A3A5; font-size:11px; padding:3px 5px; margin:0; }


/* tab */
.tab{height:25px;padding-top:3px;background:#e5c3c8 url(../images/btn/bg_tab.gif) repeat-x bottom left}

#main_photogallery{float:left;width:190px;margin:0}
.photogallery{float:left;width:190px;height:215px}
.photogallery_title{float:left;width:100px;height:30px;margin:0}
.photogallery_banner{float:left;width:190px;height:155px;margin:0}

table.orderform{border-top:2px solid #999}
table.orderform td{padding:4px 10px;border-bottom:1px solid #ccc;line-height:130%}
table.orderform th{padding:4px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;background:#fafafa;text-align:center}
table.orderform th.leftline{border-left:1px solid #ccc;}
table.orderform td.leftline{border-left:1px solid #ccc;}

/* box */
.box_line {border:2px solid #e5e5e5; padding:25px 40px; background-color:#fafafa}
.box_line1 {border:2px solid #b6d0e7; padding:15px;}
.box_line2 {padding:15px; border:2px solid #c1c1c1;}
.box_title {font-size:16px; color:#999; padding-bottom:7px;}

/*main_wmv*/
#wmv {margin:20px 0; width:170px; height:180px; padding:10px; background:url(../images/main/wmv_bg.gif) no-repeat;}
#wmv .title {margin:0; padding:0 0 5px 0;}
#wmv .screen {width:170px; height:131px; text-align:center; line-height:131px; background:#111; color:#fff;}
#wmv .btn {margin:0; padding:6px 0 0 0; font-size:0; width:170px;}
#wmv .btn .space1 {padding-right:25px;}
#wmv .btn .space2 {padding-right:4px;}

/*contents*/
h2.main_text {color:#FF6600 !mportant; font-size:20px;}
#boast {position:relative; height:400px;}
#boast #boast_img {position:absolute; right:5px; top:0; width:400px; height:400px;}
.boast_probox {padding-right:405px !important;}
.area {position:relative; height:330px; margin-bottom:30px;}
.area_po {width:400px; height:330px; position:absolute; left:420px; top:0;}
.area_con {padding-top:60px !important; width:420px; text-align:justify;}
.area_con p {margin-top:15px;}
.pl_probox {padding-right:330px !important; text-align:justify;}
#story {position:relative; height:150px;}
#story #storytel_bg {position:absolute; right:0; top:-35px; width:330px; height:189px;}
#king {position:relative; height:130px;}
#king #king_img {position:absolute; right:0; top:-30px; width:330px; height:189px;}
#sang {position:relative; height:150px;}
#sang #sang_img {position:absolute; right:0; top:-36px; width:330px; height:189px;}
#art {position:relative; height:130px;}
#art #art_img {position:absolute; right:0; top:-42px; width:330px; height:189px;}
#unesco {position:relative; height:150px;}
#unesco #unesco_img {position:absolute; right:0; top:-30px; width:330px; height:189px;}
#course {position:relative; height:110px;}
#course #course_img {position:absolute; right:0; top:-61px; width:330px; height:189px;}
#best {position:relative; height:150px;}
#best #best_img {position:absolute; right:0; top:-22px; width:330px; height:189px;}

/*main_board*/
#main_board {background:url(../images/main/board_bg1.jpg) no-repeat; width:490px; height:225px; margin-top:10px;}
#main_board #board_img {width:200px; height:225px; float:left;}
#main_board ul {float:left; margin:0; padding:35px 0 0 0; list-style:none;}

/*office*/
ul.phone_num {margin:10px 0 0 15px; padding:0; list-style:0;}
ul.phone_num li {margin:0; padding:0; border-left:3px solid #fff; background:#F1F6F9; float:left; width:362px; text-align:center; height:35px; line-height:35px; font-size:14px; font-weight:bold; color:#3b6ab0;}

/*faq*/
.answer {padding-left:30px; margin-top:5px; background:url(../images/contents/icon_reply.gif) no-repeat 20px 4px;}



.c_brown {color:#725846; !important; line-height:150%;}
.c_green {color:#64a338; !important;}
h3.title {font-size:16px;}
.v_title{font-size:14px;font-weight:bold;line-height:25px;}
.programview div.v_img{float:left;width:330px;height:210px;padding:0px;}
.programview div.v_img img{border:0px;width:300px;height:200px;padding:0px;}
.programview div.v_item{float:left;width:370px;height:210px;padding:0px;}
.programview div.v_item p.v_p{float:left;width:370px;border-bottom:1px solid #cccccc;padding:10px; }
.programview div.v_item  .topline{border-top:2px solid #999999;}
.programview div.v_item p .p_title{float:left;width:80px;padding:0px;padding-left:10px;font-weight:bold;}
.programview div.v_item p .p_memo{float:left;width:280px;padding:0px;}
.programview div.v_item p .t_turm{color:#725846;}
.programview div.v_item p .t_payment{color:#FA5269;}
/*.intro2_1 {float:left; padding-left:0;}
.intro2_1 li {padding:20px; border:2px solid #aac802; background:#fff7c1; text-align:center; font-size:16px; color:#725846; margin:10px 0; font-weight:bold; width:260px;}*/
.mou_line {border:2px solid #e5e5e5; padding:17px; background-color:#fafafa; text-align:center;}
.mou_line dt {font-size:16px;}
.mou_line dd {padding:0; margin:0; font-size:0;}
.mou {padding:0; margin:0; font-size:0; }
.mou li {display:inline;}


/* 센터소개 */
#intro2_1 {position:relative; background:url(../images/contents/intro2_img1.png) no-repeat; height:285px;}
#intro3_1 {position:relative; background:url(../images/contents/intro3_img1.png) no-repeat; height:480px; background-size:560px; background-position-x: center;}
#intro3_2 {position:relative; background:url(../images/contents/intro3_img2.png) no-repeat; height:128px; background-size:560px; background-position-x: center;}
#intro4_1 {position:relative; background:url(../images/contents/intro4_img1.png) no-repeat; height:800px;}
#pmc1_1 {position:relative; background:url(../images/contents/pmc1_img1.png) no-repeat; height:490px;}
.trans {position: absolute; left: -2000%;}


.ls_1 {letter-spacing:-0.01em;}
.ls_5 {letter-spacing:-0.05em;}
.contents-comming {text-align:center; padding:100px 0;}

/*회원*/
/*login*/
.login {width:100%; max-width:450px; margin:0 auto; padding:15px;}
.login-input input {border:1px solid #ccc; height:50px; line-height:50px; padding:0 5px; width:100%; margin:3px 0; font-size:16px;}
.login-input button {font-size:18px; font-weight:bold; height:55px; line-height:55px; padding:0; margin-top:15px; border-radius:0;}
.login-guide {margin:10px 0; background-color:#eee; padding:10px; text-align:center;}
.login-guide b {color:#337AB7;}
.login-btn {margin:30px -5px; border-top:1px dashed #ddd; padding-top:20px;}
.login-btn .col-xs-5, .login-btn .col-xs-7 {padding:0 5px;}
.login-btn .col-xs-5 a, .login-btn .col-xs-7 a {border-radius:0; color:#767676;}
/*join*/
.mem-guide {padding:30px 30px 30px 135px; margin:0 0 30px 0; background:#eee url('../images/mem/mem_guide_bg.png') no-repeat 30px center; background-size:75px; word-break:keep-all; color:#666; font-size:14px; text-align:left;}
.mem-kind p {text-align:center;}
.mem-process {padding:0px 20px; text-align:center;}
.mem-process p {text-align:center;}
.mem-process ul {overflow:hidden; margin-bottom:0;}
.mem-process li {display:inline-block; width:24%;}
.mem-process li.bg {background:url('../images/mem/join_arrow.png') no-repeat left 29px; background-size:13px;}
.mem-process li.next {width:9%;}
.mem-process li.next img {width:25px;}
.mem-process li .icon img {width:80px;}
.mem-process li .txt {font-size:16px; margin-bottom:0; margin-top:10px; color:#767676; font-weight:500;}
.mem-process li .txt.on {color:#333;}
.mem-process li .txt small {font-weight:normal; padding-right:10px;}
.mem-rule-agree {border-top:2px solid #5BC0DE; padding:30px 0; margin:30px 0 0 0px; text-align:left;}
.mem-rule-agree h4 {margin-top:0; position:relative; color:#121212; font-weight:bold;}
.mem-rule-agree h4 a {font-size:14px; display:inline-block; padding:0px 5px; border:1px solid #ddd; position:absolute; right:0; top:0; color:#666; border-radius:3px;}
.mem-rule-agree pre {border-radius:0; overflow:scroll; height:200px; word-break:keep-all; text-align:justify; background:#fff; border-color:#e8e8e8;}
.mem-rule-agree label {color:#666; font-weight:500;}
.mem-rule-agree.apply-agree {border:1px solid #eee; margin:30px 0 0 0;}
.iframe-box-wrap {border:1px solid #ccc; background-color:#fff; margin-bottom:10px;}
.iframe-box {overflow:hidden; overflow-y:scroll; height:160px; margin:20px 10px 20px 20px;}
.iframe-box dl.pp {margin:0;}
.iframe-box dl.pp dt {color:#333; font-size:15px; margin-top:20px;}
.iframe-box dl.pp dt:first-child {margin-top:0;}
.iframe-box dl.pp dd span {display:inline-block; padding-left:15px;}
.iframe-box .pp-top {margin-bottom:25px;}
.auth-wrap {text-align:center; width:100%; max-width:400px; margin:30px auto; font-size:15px; border:1px solid #ccc; border-top:2px solid #5BC0DE; padding:40px 0;}
.auth-wrap h4 {color:#337AB7; font-size:20px; font-weight:bold;}
.auth-wrap .txt {word-break:keep-all;}
.auth-wrap .txt br {display:none;}
.auth-wrap .auth-input {clear:both; width:100%; margin:0 auto;}
.auth-wrap .auth-input dl {overflow:hidden; display:table; text-align:left;}
.auth-wrap .auth-input dt {display:table-cell; width:90px;}
.auth-wrap .auth-input dd {display:table-cell;}
.auth-wrap .auth-input dd input[type=text] {border:1px solid #ddd; height:30px; line-height:30px;}
.auth-wrap .auth-input dd .long {width:100%;}
.auth-wrap .auth-input .mem-box {width:100%; max-width:600px; margin:0 auto; padding:30px 45px; background-color:#f5f5f5;}
.auth-wrap .welcome-img {}
.auth-wrap .welcome-txt1 {margin-top:30px; font-size:20px;}
.auth-wrap .welcome-txt2 {margin-top:20px;}

.join-box {border:1px solid #ddd;}
.mem-join-wrap {width:100%; max-width:600px; margin:0 auto; text-align:left;}
h4.mem {color:#337AB7; font-size:16px; font-weight:bold; margin-top:20px; margin-bottom:10px;}
h4.agree {color:#337AB7; font-size:16px; font-weight:bold; margin-top:20px; margin-bottom:10px; position:relative;}
h4.agree a {position:absolute; right:0; top:50%; margin-top:-11px;}
.mem-info-input {width:100%; max-width:600px; margin:0 auto;  border:1px solid #ccc; border-top:2px solid #5BC0DE; padding:40px;}
.mem-info-input dd.line {border-bottom:0px solid #ccc; height:40px; line-height:40px; font-size:15px;}
.mem-info-input .txt-top {color:#121212; font-size:17px; font-weight:bold;}
.mem-info-input h4:first-child {margin-top:0;}
.mem-info-input dl {margin:10px 0 0 0; overflow:hidden; border-top:1px dotted #dedede; padding-top:10px;}
.mem-info-input dl:first-child {margin-top:0; padding-top:0; border-top:none;}
.mem-info-input dt {font-size:15px; font-weight:normal; margin-bottom:0px; float:left; width:100px; line-height:40px;}
.mem-info-input dt label {font-size:15px; font-weight:normal; margin-bottom:0;}
.mem-info-input dd {float:right; width:calc(100% - 110px);}
.mem-info-input dd.guide {float:none; width:100%; clear:both; padding-top:10px; line-height:140%;}
.mem-info-input dd input[type=text], .mem-info-input dd input[type=password], .mem-info-input dd select {border:1px solid #ddd; height:40px; line-height:40px; color:#666; padding:0 25px 0 5px;}
.long {width:100%;}
.short {width:50px;}
.mid {width:100px;}
.mem2-org-w dd input {width:calc(100% - 150px);}
.mem-mypage {width:100%; max-width:750px; margin:0 auto;  border:1px solid #ccc; border-top:2px solid #5BC0DE; padding:30px 40px; text-align:left;}
.mem-mypage dl {overflow:hidden; display:table; font-size:0; margin:0; border-top:1px solid #ddd; padding:10px 0; width:100%; vertical-align:middle;}
.mem-mypage dl:first-child {border-top:0;}
.mem-mypage dt {display:table-cell; width:30%; font-size:15px;}
.mem-mypage dd {display:table-cell; width:70%; font-size:15px; padding-left:10px; color:#666;}
.mem-mypage dd br {display:none;}
.mem-mypage dd input[type=text], .mem-mypage dd input[type=password] {border:1px solid #ddd; padding:0 5px; height:40px; line-height:40px; width:100%;}
.membreak-agree {width:100%; max-width:750px; text-align:right; margin:10px auto 0 auto;}
.membreak-agree label {font-weight:normal;}
.membreak-agree label br {display:none;}
.mem-email-w input[type=text] {width:calc(34% - 11px);} 
/*find*/
.find .mem-guide {border:1px solid #ccc; padding:30px 30px 30px 130px; font-size:15px; text-align:left; background:#eee url('../images/mem/mem_guide_bg.png') no-repeat 30px center; background-size:80px;}
.find .mem-guide ul {margin:0; padding:0;}
.find .mem-guide ul li {position:relative; padding:3px 0; padding-left:20px;}
.find .mem-guide ul li:before {content:"ㆍ"; font-size:20px; color:#337AB7; display:block; position:absolute; left:0; top:5px; line-height:100%;}
.find .mem-guide ul li p {margin-bottom:0;}
.find .guide {margin-top:40px; text-align:center;}
.find .guide span {display:block;}