@charset "utf-8";

/**/
:root {
	--fontMainSet: 's-core-dream', 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', 'gulim', '굴림', 'Tahoma', sans-serif;
	--fontSubSet: 's-core-dream', 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', 'gulim', '굴림', 'Tahoma', sans-serif;
	--mainColor: #1c3576;
	--subColor: #db3232;
	--colorWhite: #fff;
	--colorBlack: #000;
	--colorGray: #555;
	--colorLightgray: #efefef;
	--colorDarkgray: #222;
	--colorRed: #b02323;
	--colorPink: #f8277b;
	--colorPurple: #641886;
	--colorYellow: #f4cb0a;
	--colorOrange: #f23f15;
	--colorGreen: #00b755;
	--colorNavy: #121e29;
	--colorBlue: #5cf9ff;
}

/* s-core-dream */
@font-face {
    font-family: 's-core-dream';
    src: url('fonts/scdream2-webfont.woff2') format('woff2'), url('fonts/scdream2-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 's-core-dream';
    src: url('fonts/scdream3-webfont.woff2') format('woff2'), url('fonts/scdream3-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 's-core-dream';
    src: url('fonts/scdream4-webfont.woff2') format('woff2'), url('fonts/scdream4-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 's-core-dream';
    src: url('fonts/scdream5-webfont.woff2') format('woff2'), url('fonts/scdream5-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 's-core-dream';
    src: url('fonts/scdream6-webfont.woff2') format('woff2'), url('fonts/scdream6-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 's-core-dream';
    src: url('fonts/scdream7-webfont.woff2') format('woff2'), url('fonts/scdream7-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'tvN';
    src: url('fonts/tvN-Bold.woff2') format('woff2'), url('fonts/tvN-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

/* Noto Sans KR */
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
} 
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
} 
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
} 
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
} 
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
} 
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

#layer { z-index:9999999999;}
#user{display:none}

::selection{color:#fff;background:#e8cf00}

a,label{cursor:pointer}
body{}

.pd20 {padding:20px;}

#con .title_complete {padding:20px;font-size:20px;text-align: center;margin: 20px;border-radius: 20px;background: #fff;}
#con .title_complete span {font-size:20px;font-weight: 500;color: #dc651f;}


@media all and (min-width: 1000px) {
	
/* 스킵네비게이션 */
#skipnavigation{display:none}

/* 전체외곽박스 */
#wrapper{padding:0; margin:0;overflow:hidden;padding-bottom:20px;  }

/*테스트아이디*/
#user{padding:30px 15% 0 15%}
#user li a{display:block;margin-bottom:5px;padding:8px 20px;border:1px solid #bbb;border-radius:5px}

#header{margin:0 auto;margin-top:60px;width:1000px;background:#fff;overflow:hidden}
#header h1{position:relative;padding:20px 0 20px 0px; overflow:hidden;}
#header h1 img {vertical-align:top;margin-top:4px; margin-right:6px;}
#header h1 strong{font-size:20px;font-weight:800;letter-spacing:-2px;color:#222}
#header h1 span{font-size:20px;font-weight:400;letter-spacing:-1px;color:#222}
#header h1 .home{float:right;position:relative;top:7px}
#header h1 .home img{display:block;padding:0 30px}

#container{position:relative;margin:0 auto;margin-bottom:20px;padding-left:200px;width:800px;text-align:center;background:#fff;overflow:hidden}

#left_menu{position:absolute;top:0;left:0;width:201px;text-align:left}
#left_menu > a{display:block;padding:20px 0 16px 30px;font-size:15px;font-weight:800;color:#333;border-bottom:1px solid #ccc;background:#fff}
#left_menu ul{border-top:1px solid #ccc;overflow:hidden}
#left_menu ul li a{display:block;padding:15px 0 17px 20px;font-size:15px;font-weight:400;text-align:left;color:#333;background:#fff;border: 1px solid #ccc;border-radius: 10px 0px 10px 0;margin-top: 10px;}
#left_menu ul li a.on, 
#left_menu ul li a:hover{color:#fff;border-bottom:1px solid #121212;border-right:1px solid #1a56b4;background:#1a56b4 url(../../../img/common/menu_arr.png) no-repeat 92% 50%;font-weight:800}

#content{text-align:left;background:#fff;min-height: 700px;}
#head{border-bottom:1px solid #e2e2e2;background:#fafafa;overflow:hidden}
#head h2{display:block;margin:0;padding:10px 0 10px 0;font-size:20px;font-weight:400;color:#333}
#head ul{position:absolute;top:12px;right:40px;overflow:hidden;font-size:14px;padding:15px 0 0;display:none}
#head ul li{float:left;display:block}
#head ul li a{display:block;margin:0 0 0 10px;padding:0 0 0 15px;font-size:11px;font-family:"돋움", "굴림";background:url(../../../img/common/bullet.png) no-repeat 0 40%}
#head ul li a.on{color:#fd6b3e}
#head ul li:first-child a{background:none}

#con{padding:24px 24px;border:1px solid #fff;margin:10px;margin-bottom:0;border-radius:4px;}
#con h2{padding:0px 0 14px 0;letter-spacing:-1px;border-top:0px dotted #cdcdcd;font-size:20px}
#con h2:before{content:"";display:inline-block;background:#333;width:4px;height:16px;margin-bottom:-2px;margin-right:6px}
#con .join_box_wrap{padding:0 20px 0px 20px;}
#con .join_box_wrap ul{margin:0 0px;overflow:hidden; padding:0;width:100%;}
#con .join_box_wrap li{float:left;width:48%;overflow:hidden;}
#con .join_box_wrap .select_join{background:#fff;margin:0 10px;position:relative}
#con .join_box_wrap .select_join label{display:block;position:relative;padding:20px;height:220px;margin:0;border:6px solid #efefef;font-size:20px;font-weight:800;letter-spacing:-1px;color:#596477;transition:0.25s}
#con .join_box_wrap .small label{height:216px}
#con .join_box_wrap .select_join label input{position:absolute;top:25px;left:30px}
#con .join_box_wrap .select_join input:checked + label {font-weight:800;color:#03a98f;border:6px solid #005794;transition:0.25s}

#con .join_box_wrap .select_join label strong.tit {text-align:center;font-size:18px;color:#333}
#con .join_box_wrap .select_join label i{display:block;width:96px;height:96px;border:1px solid #e5e5e5;border-radius:100px;margin:0 auto;margin-top:14px}
#con .join_box_wrap .select_join label .i01{background:url(../../../img/common/i01.png) no-repeat 50% 50%}
#con .join_box_wrap .select_join label .i02{background:url(../../../img/common/i02.png) no-repeat 50% 50%}
#con .join_box_wrap .select_join label .i03{background:url(../../../img/common/i03.png) no-repeat 50% 50%}
#con .join_box_wrap .select_join label .i04{background:url(../../../img/common/i04.png) no-repeat 50% 50%}
#con .join_box_wrap .select_join strong{display:block;padding-bottom:4px;font-size:13px;letter-spacing:-1px;color:#134a8f}
#con .join_box_wrap .select_join label:hover{color:#03a98f;border:6px solid #1a56b4;transition:0.25s}
#con .join_box_wrap .select_join > label > span{position:absolute;top:156px;left:0px;padding:20px 20px; line-height:100%;}
#con .join_box_wrap .select_join > label > span * { line-height:100%; padding:0;}
#con .join_box_wrap .select_join input.radio{display:none; display:block\9; position:absolute; left:20px; top:20px; width:20px; height:20px;}
#con .join_box_wrap .tip{line-height:20px}
#con .join_input{margin:0 134px;padding-bottom:20px}
#con .join_input dl{padding-bottom:6px;overflow:hidden;margin-left:0px}
#con .join_input dt{float:left;line-height:36px;font-size:17px;font-weight:700;display:none}
#con .join_input dd{float:left}
#con .join_input dd input{padding:15px 0;width:90%;border:1px solid #ccc;text-indent:10px;width:320px;font-size:14px;border-radius: 5px;}
#con .join_input p{padding:10px 0 0 0}
#con .btn_area{padding:20px 0;text-align:center}
#con .btn_area button{display:inline-block;padding:14px 62px 15px 62px}
#con .btn_area button{background:#404040;border:none;border-radius:2px;color:#fff;font-weight:800;font-size:14px;cursor:pointer;transition:0.25s}
#con .btn_area button:hover{background:#0c966e;transition:0.25s}

#con .guide_box{padding:16px;background:#f4f8ff;border:1px solid #dae5fb}
#con .guide_box h3{color:#404040;margin:0 0 5px 0;background:none;padding:0}
#con .guide_box p{margin:0}
#con .guide_box .dp1{padding:0}
#con .guide_box .dp1 li{line-height:150%}
#con a.btn_orange{background:#404040;display:inline-block; color:#fff;border-radius:2px;font-weight:800;font-size:12px;padding:1px 9px 2px 9px}

#con .agree_box_wrapper{border:0;height:238px;padding:10px;overflow:hidden;margin-bottom:8px}
#con .agree_box{border:1px solid #ddd;height:228px;padding:10px; padding-bottom:0; position:relative;overflow-y:scroll;}
#con .agree_box dl dt { display:block; font-size:16px; font-weight:bold; padding-bottom:10px;}
#con .agree_box dl dd { position:absolute; right:5px; top:7px;}
#con .agree_box dl dd a { padding:2px 10px; font-size:12px;}
#con .agree_box label { font-size:12px !important;}
#con .agree_chk{padding-top:8px}
#con .agree_chk .chk_agree{width:100%;font-size:14px}


/*회원가입절차안내*/
#con .join_g_tit {font-size:16px;font-weight:bold;color:#134a8f;margin-top:30px;}
#con .join_gbox {border:3px solid #efefef;margin-top:10px;}
#con .join_gbox ul {overflow:hidden;}
#con .join_gbox li {width:33.3%;float:left;text-align:center;}
#con .join_gbox li span {display:block;}
#con .join_gbox li .jg_img {width:145px;height:145px;margin:0 auto;}
#con .join_gbox li .img01 {background:url(../../../img/content/join_gimg01.png) no-repeat center top;}
#con .join_gbox li .img02 {background:url(../../../img/content/join_gimg02.png) no-repeat center top;}
#con .join_gbox li .img03 {background:url(../../../img/content/join_gimg03.png) no-repeat center top;}
#con .join_gbox li .jg_tit {font-weight:bold;margin:15px 0;}
#con .join_gbox li .txt {}
#con .join_gbox li .jg_box {background:url(../../../img/content/jg_arr.png) no-repeat right 86px;}


#con #kl_user_app { position:relative;  margin-top:16px;}
#con #kl_user_app .agreetxt { padding-bottom:16px;}
#con #kl_user_app .agree div { padding:12px; height:165px; border:1px solid #ddd; overflow-y:scroll;}
#con #kl_user_app dl dt label strong { position:absolute; left:110px; top:0px;}
#con #kl_user_app .checkk label.chk_agree{ width:100%; font-size:12px; margin:10px 0;}

#guide{padding: 40px;}
#guide ul{}
#guide li{}
#guide li strong{font-size:11px;font-weight:400;letter-spacing:-1px;color:#01a751}
#guide p{padding:8px;text-align:left}
#guide p a{font-weight:800;color:#01a751}

#foot{padding:20px 0 34px 34px;font-size:14px}
#foot p.aid{color:#505050;padding-bottom:15px;margin:0;line-height:190%}
#foot p.aid a{display:inline-block;color:#fff;background:#ff6700;border-radius:2px;font-size:11px;width:94px;height:20px;line-height:18px;text-align:center;transition:0.2s}
#foot p.aid a:hover{background:#ff6700;transition:0.2s}
#foot p.copy{margin:0 0 0 0;color:#8a8a8a}

#accredit{text-align:center}
#accredit dl{padding:0px 0;min-height:210px}
#accredit dt{display:block;padding-right:20px;font-size:14px;font-weight:800;margin:0 0 20px 0;text-align:left;color:#404040;padding-left:19px}
#accredit dt label{background:url(../../../img/common/blt_h3.png) no-repeat 0 4px;padding-left:19px}
#accredit dd{display:inline-block}
#accredit dd label{padding-right:14px}
/*#accredit dt label:before{content:"";display:inline-block;background:#333;width:4px;height:16px;margin-bottom:-2px;margin-right:6px}*/
#accredit div a{display:inline-block;padding:5px 0;font-weight:800;color:#01a751}
#accredit .join_no{padding-left:30px;font-size:15px;font-weight:800;letter-spacing:0;color:#fd6b3e;background:url(../../../img/common/join_no.png) no-repeat 12px 15px;background-size:15px;display:block;width:120px;margin:0 auto;padding-top:12px}
#accredit .join_ok{padding-left:30px;font-size:15px;font-weight:800;letter-spacing:0;color:#14b85a;background:url(../../../img/common/join_ok.png) no-repeat 12px 15px;background-size:15px;display:block;width:132px;margin:0 auto;padding-top:12px}

#accredit dd span a{display:inline-block;width:126px;height:126px;border-radius:500px;background:url(../../../img/common/bg_gradation.jpg) repeat-x;border:1px solid #ddd;padding:0;transition:0.15s;position:relative;line-height:172px;margin:0 10px}
#accredit dd span a:hover{border:1px solid #ff6700;transition:0.15s;color:#ff6700 !important}
#accredit dd span a.btn_ipin i{display:block;position:absolute;top:36px;left:50%;margin-left:-23px;width:46px;height:32px;background:url(../../../img/common/icon_ipin.jpg) no-repeat 0 0;transition:0.15s}
#accredit dd span a.btn_phone i{display:block;position:absolute;top:27px;left:50%;margin-left:-15px;width:30px;height:45px;background:url(../../../img/common/icon_phone.jpg) no-repeat 0 0;transition:0.15s}
#accredit dd span a.btn_ipin:hover i{background:url(../../../img/common/icon_ipin_on.jpg) no-repeat 0 0;transition:0.15s}
#accredit dd span a.btn_phone:hover i{background:url(../../../img/common/icon_phone_on.jpg) no-repeat 0 0;transition:0.15s}

/*
#accredit #parentAgreeArea dd{display:block}
#accredit #parentAgreeArea dd label{display:block;width:220px;height:38px;line-height:35px;margin:0 auto;border:1px solid #ddd;margin-bottom:6px;text-align:left;background:#fff}
#accredit #parentAgreeArea dd input.check{display:none}
#accredit #parentAgreeArea dd input.check{border-right:1px solid #eee;width:38px;height:38px}
*/
#con .bookium{position:relative;margin-bottom:20px;padding:18px 20px 24px 20px;border:2px solid #6f4420;background:#f6ebcd url(../../../img/book_bg.png) no-repeat 20px 24px;border-radius:10px;box-shadow:2px 4px 2px #eee}
	#con .bookium strong {display:inline !important;padding-left:3px;position:static !important;}
a.btn-question {position:absolute; right:0; top:0; display:inline-block; padding:3px 16px 7px 16px;background:#6f4420; color:#fff; font-size:12px; border-radius:0px 3px 0px 3px;}
	#con .bookium dt {padding-left:97px; padding-bottom:8px;}
	#con .bookium dt label {font-size:17px; font-weight:bold;}
	#con .bookium dt br {display:none;}
	#con .bookium dd .agreetxt {padding-left:97px; padding-right:10px;}
	#con .bookium .agree div {background:#fff;}

	.chk_box {padding-top:10px;}	
	.chk_box strong {}
#accredit dl{background:#fcfcfc;border:1px solid #eee;margin-bottom:14px;padding:14px 0 14px 0}

#accredit #parentAgreeArea dd{padding:54px 0}
#accredit #parentAgreeArea dd span > input{padding:7px 0;margin-left:-8px}
#accredit #parentAgreeArea dl dd .tal{padding-bottom:10px}
#accredit #parentAgreeArea dl dd .tal input{padding:7px 0;margin-left:-8px}

/* 테이블 입력폼*/
div.form_table{padding-top:10px;padding-bottom:10px;border-bottom:1px dotted #ccc}
div.form_table h3{margin:0;padding-top:5px;color:#000}
table.form_table tr{border-bottom:0px solid #f0f0f0}
table.form_table th{padding:5px;font-size:14px}
table.form_table td label{font-weight:400;color:#333}
table.form_table span.title{font-size:15px;font-weight:800;display:inline-block}
table.form_table span.important{font-size:15px;font-weight:800;color:#ff0000}
table.form_table label{font-size:14px;font-weight:500 !important;display:inline-block;padding-right:10px}
table.form_table .input_text{border:1px solid #e0e0e0;height:22px;padding:4px;margin-top:-3px}
table.form_table .input_text01{border:1px solid #e0e0e0;height:22px;width:54px;padding:4px;margin-top:-3px}
table.form_table .input_text02{border:1px solid #e0e0e0;height:20px;width:20%;padding:4px}
table.form_table .input_text03{border:1px solid #e0e0e0;height:22px;width:80%;padding:6px}
table.form_table .join_ok{color:#159b4e;font-size:13px;background:url(../../../img/common/join_ok.png) no-repeat 0 4px;background-size:10%;padding-left:15px;font-weight:800;display:inline-block;height:20px;line-height:20px}
table.form_table .join_no{color:#ec0000;font-size:13px;background:url(../../../img/common/join_no.png) no-repeat 0 4px;background-size:12px;padding-left:15px;display:inline-block;height:20px;line-height:20px;font-weight:800}
table.form_table td.ask{font-weight:normal;font-size:15px;color:#596477;display:inline}
table.form_table td.ask .ask_title{display:inline-block;width:80px;font-weight:800}
table.form_table td.ask label{font-weight:normal;font-size:15px;color:#596477;display:inline}
table.form_table select{padding:6px 14px 7px 4px;padding-right:20px;padding-right:5px;font-size:13px;color:#666;border:1px solid #ddd;background:#fff url(../../../../wdLayout/skins/default/img/common/select_arrow.png) no-repeat 90% 50%;border-radius:0;margin-top:-3px}
table.form_table select:hover,
table.form_table select:focus{color:#666;background-color:#f8f8f8}
table.form_table select.num{background-position:75% 50%}
table.form_table select.all{}
table.form_table select.date{background-position:80% 50%}
a.btn01{font-size:15px;font-weight:800}
.agree_check{font-weight:800;font-size:15px}
.btn_login{position:absolute;top:44px;left:464px;display:inline-block;width:124px;height:102px;font-size:15px;font-weight:800;color:#fff;border:0;border-radius:5px;cursor:pointer;transition:0.2s;background:#1a316e url(../../../img/common/login_login.png) no-repeat 28px 44px !important;padding-left:16px;background:#03a98f}
.btn_login:hover{background:#059b83 url(../../../img/common/login_login.png) no-repeat 28px 44px !important;transition:0.2s}


/* 약관 동의 */
#agree_box_wrap{overflow:hidden}
#agree_box_wrap .agree_box{margin:0px 0 24px 0;height:200px; overflow:hidden;overflow-y: scroll;}
#agree_box_wrap .agree_box label{font-weight:800;font-size:15px}
#agree_box_wrap .agree_box_wrapper{height:248px}
#agree_box_wrap .agree_box_wrapper dl{overflow:hidden}
#agree_box_wrap .agree_box_wrapper dl dt{color:#fd6b3e;font-size:15px;font-weight:800;float:left}
#agree_box_wrap .agree_box_wrapper dl dd{float:right}
#agree_box_wrap .agree_box .agree_con{border:1px solid #dcdcdc;height:100px;padding:10px;margin-bottom:10px;overflow-y:scroll}
#agree_box_wrap .agree_box_wrapper dd a.btn_type02{border:1px solid #404040;background:#404040;border-radius:2px;font-weight:700;color:#fff;padding:2px 18px 1px 18px;transition:0.25s;font-size:12px;line-height:150%;margin:0}
#agree_box_wrap .agree_box_wrapper dd a.btn_type02:hover{background:#404040;color:#fff;transition:0.25s}

/* 입력폼 */
.form dl dt{font-size:18px;font-weight:800;display:inline-block;width:140px}
.form dl dd{display:inline-block}
.tip{color:#555;font-size:12px}
.perfect{width:650px;height:215px;padding:30px 0 0 50px;background:url(../../../img/content/join_finish_bg.jpg) no-repeat 0 0}	
.con_wrap{padding:20px 0 0;overflow:hidden}
.con_wrap .con_box{padding:15px;background:#f3f3f3}



/*********** thickbox *************************/
*{padding:0;margin:0}
#TB_window{font:12px Arial, Helvetica, sans-serif;color:#333333;overflow-y:hidden;background:#fff}
#TB_secondLine{font:10px Arial, Helvetica, sans-serif;color:#666666}
#TB_window a:link {color:#666666}
#TB_window a:visited {color:#666666}
#TB_window a:hover {color:#000}
#TB_window a:active {color:#666666}
#TB_window a:focus{color:#666666}
#TB_overlay{position:fixed;z-index:100;top:0px;left:0px;height:100%;width:100%}
.TB_overlayMacFFBGHack{background:url(macFFBgHack.png) repeat}
.TB_overlayBG{background-color:#000;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75}
/*  html #TB_overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px')}*/
#TB_window{position:fixed;background:#ffffff;z-index:102;color:#000000;display:none;text-align:left;top:5%;left:50%;border-radius:12px;overflow-x:hidden}
/*  html #TB_window{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}*/
#TB_window img#TB_Image{display:block;margin:15px 0 0 15px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px}
#TB_title{background-color:#e8e8e8;height:27px;display:none}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em}
#TB_ajaxContent.TB_modal{padding:15px}
#TB_ajaxContent p{padding:5px 0px 5px 0px}
#TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px;/* -height/2 0 0 -width/2 */
}
/* html #TB_load{
position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}*/
#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%}
/* html #TB_HideSelect{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px')}*/
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;}



}

/****테블릿_sub 컨텐츠****/
@media all and (min-width:641px) and (max-width:999px){

body{background:#f2f2f2}
.backstretch{display:none}	
	
/* 스킵네비게이션 */
#skipnavigation{text-indent:-2000px;height:0;margin:0;padding:0;font-size:0;line-height:0;overflow:hidden}

/* 전체외곽박스 */
#wrapper{width:100%;overflow:hidden;background-color:#fff;}
#container{margin:0 auto;width:100%;text-align:center}

#header{background:#fff;overflow:hidden}
#header h1{position:relative;padding:20px 0 20px 20px;vertical-align:middle;}
#header h1 strong{font-size:17px;font-weight:800;letter-spacing:-2px;color:#222}
#header h1 span{font-size:17px;font-weight:400;letter-spacing:-1px;color:#222}
#header h1 .home{float:right;position:relative;top:7px}
#header h1 .home img{display:block;padding:0 30px}

#left_menu{margin: 0px 5px;}
#left_menu > a{display:block;padding:20px 0 16px 30px;font-size:15px;font-weight:800;color:#333;border-bottom:1px solid #ccc;background:#fff}
#left_menu ul{overflow:hidden}
#left_menu ul li{float:left;width:33.33%;font-weight:400;line-height: 20px;}
#left_menu ul li a{display:block;padding:10px 0 10px 20px;font-size: 14px;font-weight:400;text-align:left;color:#333;background:#fff;border: 1px solid #ccc;margin: 5px;border-radius: 10px 0px;}
#left_menu ul li a.on, 
#left_menu ul li a:hover{color:#fff;border-bottom:1px solid #1a56b4;border-right:1px solid #1a56b4;background:#1a56b4 url(../../../img/common/menu_arr.png) no-repeat 92% 50%;font-weight:800}

#content{/* float:left;*/text-align:left;padding-top:14px;margin:0 10px;}
#logo{padding:0 0 1px 80px;line-height:65px;background:#fafafa url(../../../img/common/logo.png) no-repeat 20px 50%}
#logo strong{font-size:20px;font-weight:800;letter-spacing:-2px;color:#222}
#logo span{font-size:20px;font-weight:400;letter-spacing:-1px;color:#222}
#head{border-bottom:1px solid #cfcfcf;padding:0 0 0px 0;box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.07);box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.07);margin-bottom:20px}
#head h2{display:block;margin:0;padding:10px 0 10px 0;font-size:20px;font-weight:400;color:#333;border-top:1px solid #444}
#head ul{overflow:hidden;font-size:15px;padding:15px 0 0;display:none}
#head ul li{float:left;display:block}
#head ul li a{display:block;margin:0 0 0 10px;padding:0 0 0 15px;font-size:12px;font-family:"돋움", "굴림";background:url(../../../img/common/bullet.png) no-repeat 0 50%}
#head ul li a.on{color:#fd6b3e}
#head ul li:first-child a{margin:0;padding-left:0;background:none;}

/*#head h2{display:block;margin:0;padding:20px 0 0 0;font-size:20px;font-weight:400;color:#333;border-top:1px solid #444}
#head span.head_title{font-weight:800;padding-left:7px;font-size:20px}
#head ul#join_rule{overflow:hidden;font-size:15px;padding:15px 0 0}
#head ul#join_rule li{float:left;display:inline}
#head ul#join_rule li.arrow{margin:0 5px;color:#999}
#head ul#join_rule li a{font-size:15px;font-weight:800}
#head ul#join_rule li a.on{color:#fd6b3e}*/
#con{width:95%;margin:0 auto;padding-bottom:20px}
#con h2{padding:0px 0 0 0;letter-spacing:-1px;margin-bottom:14px}
#con h2:before{content:"";display:inline-block;background:#333;width:4px;height:16px;margin-bottom:-2px;margin-right:6px}

#con .btn_area{padding:20px 0;text-align:center}
div.title{margin-bottom:7px}
div.title input{margin-right:10px}
#guide {padding:15px 0 40px 0; border-top: 1px solid #eee;}
#foot{padding:20px 40px 30px 18px;font-size:12px;border-top:1px solid #cfcfcf;background:#f2f2f2;line-height:160%}
#foot p.aid{color:#555;padding-bottom:15px;margin:0}
#foot p.aid a{display:inline-block;color:#fff;border-radius:2px;background:#ff6700;font-size:11px;width:94px;height:20px;line-height:20px;text-align:center}
#foot p.copy{margin:7px 0 0}
#con .guide_box{padding:16px 12px;background:#f4f8ff;border:1px solid #dae5fb}
#con .guide_box h3{color:#404040;margin:0 0 5px 0;background:none;padding:0}
#con .join_box_wrap{padding-bottom:14px;border-bottom:1px solid #eee}
#con .join_box_wrap ul{overflow:hidden}
#con .join_box_wrap li{float:left;width:100%}
#con .join_box_wrap .select_join label{display:block;position:relative;padding:14px;margin:4px 0 18px 0;line-height:100%;border:6px solid #efefef;font-size:20px;font-weight:800;letter-spacing:-1px;color:#596477;transition:0.25s}
#con .join_box_wrap .select_join > label > span * { line-height:100%; padding:0; margin:0;}
#con .join_box_wrap .select_join label:hover{color:#03a98f;border:6px solid #1a56b4;transition:0.25s}
#con .join_box_wrap .select_join label strong.tit{    font-size: 16px;color:#333;padding-bottom:8px}
#con .join_box_wrap .select_join strong{font-size:13px;letter-spacing:-1px;color:#134a8f;display:block;padding-bottom:2px}
#con .join_box_wrap .tip{line-height:145%;font-size:12px;color:#555}
#con .join_box_wrap .tip br{display:none}
#con .join_input{margin:0 0px;padding-bottom:30px}
#con .join_input dl{padding-bottom:5px;overflow:hidden}
#con .join_input dt{float:left;width:30%;line-height:36px;font-size:17px;font-weight:700}
#con .join_input dd{float:left;width:70%}
#con .join_input dd input{padding:10px 0;width:99%;border:1px solid #ccc;text-indent:10px}
#con .join_input p{padding:10px 0 0 0}
#con .join_box_wrap .select_join input:checked + label{color:#03a98f;border:6px solid #03a98f;transition:0.25s}
#con .join_box_wrap input.radio{width:22px;height:22px;color:#03a98f;display:block;margin:0 auto}

/*회원가입절차안내*/
#con .join_g_tit {font-size:16px;font-weight:bold;color:#134a8f;margin-top:30px;}
#con .join_gbox {border:3px solid #efefef;margin-top:10px;}
#con .join_gbox ul {overflow:hidden;}
#con .join_gbox li {width:33.3%;float:left;text-align:center;}
#con .join_gbox li span {display:block;}
#con .join_gbox li .jg_img {width:145px;height:145px;margin:0 auto;}
#con .join_gbox li .img01 {background:url(../../../img/content/join_gimg01.png) no-repeat center top;}
#con .join_gbox li .img02 {background:url(../../../img/content/join_gimg02.png) no-repeat center top;}
#con .join_gbox li .img03 {background:url(../../../img/content/join_gimg03.png) no-repeat center top;}
#con .join_gbox li .jg_tit {font-weight:bold;margin:15px 0;}
#con .join_gbox li .txt {}
#con .join_gbox li .jg_box {background:url(../../../img/content/jg_arr.png) no-repeat right 86px;}


table{width:100%;border-collapse:collapse}
table caption{text-indent:-2000px;height:0;margin:0;padding:0;font-size:0;line-height:0;overflow:hidden}
table.form_table{margin:10px 0 !important}
table.form_table tr{border-bottom:1px solid #eee}
table.form_table td{padding:10px 0 !important}
table.form_table td .input_text{border:1px solid #ddd;height:20px;padding:4px;margin:2px 0}
table.form_table td .input_text01{border:1px solid #ddd;height:20px;padding:4px;margin:2px 0;width:54px}
table.form_table td .input_text03{border:1px solid #ddd;height:20px;padding:4px;margin:2px 0;width:80%}
table.form_table td .btn_type04{vertical-align:top;margin:2px 0}
table.form_table td .ask_title{display:block;padding:4px 0}
table.form_table select{padding:5px 5px 7px 4px;font-size:12px;color:#666;border:1px solid #ddd;background:#fff}
table.form_table .join_no{color:#ec0000;font-size:12px;padding-left:3px;display:block;line-height:24px}
table.form_table .join_ok{color:#159b4e;font-size:12px;padding-left:3px;display:block;line-height:24px}
table.form_table td .tip{line-height:150%;font-size:12px}
.btn_login{display:block;width:100%;height:48px;font-size:15px;font-weight:800;color:#fff;border:0;border-radius:2px;cursor:pointer;transition:0.2s;background:#03a98f url(../../../img/common/login_login.png) no-repeat 28px 50% !important;background:#03a98f}
.btn_login:hover{background:#059b83 url(../../../img/common/login_login.png) no-repeat 28px 44px !important;transition:0.2s}

#con .btn{height:28px;line-height:28px;font-size:12px;margin:2px 0}
#con .btn_area button{background:#404040;border:0;border-radius:2px;color:#fff;font-weight:800;font-size:1px;cursor:pointer;transition:0.25s;display:inline-block;padding:14px 62px 15px 62px;font-size:13px}
#con .btn_area button:hover{background:#0c966e;transition:0.25s}
#con .btn_green{margin:14px 0 24px 0}

/*회원탈퇴*/
#con table.out_table{margin:22px auto 18px auto !important}
#con table.out_table tr{border:0}
#con table.out_table td{padding:2px 0 !important}
#con table.out_table td.vat{vertical-align:middle}
#con p.userOut{line-height:150% !important;border-top:1px solid #eee;padding-top:14px}

#con .info_lib{width:100%}
#con .info_lib dl{width:49%;padding:16px 0 16px 0;margin:0 0 7px 0;border:1px solid #ddd;text-align:center}
#con .info_lib dl:hover{border:1px solid #d5d5d5;background:#fafafa}
#con .info_lib dt{display:inline-block;float:inherit;padding-left:17%;}
#con .info_lib dd{display:inline-block;float:inherit;vertical-align:top}
#con .info_lib dd strong{text-align:left}
#con .info_lib dd .tel{text-align:left}
#con .info_lib .btn{height:24px;line-height:24px;margin-top:4px}
#con .info_lib .www{margin-right:1.2%}
#con .info_lib .kid{margin-right:1.2%}

#con .www .btn{color:#fff;background:#5087c7}
#con .pub .btn{color:#fff;background:#80c342}
#con .kid .btn{color:#fff;background:#ef5998}
#con .ebook .btn{color:#fff;background:#4f5052}

#accredit{text-align:center}
#accredit dl{background:#fcfcfc;border:1px solid #eee;margin-bottom:12px;padding:18px 12px}
#accredit dt{margin-bottom:14px;text-align:left}
#accredit dt label{background:url(../../../img/common/blt_h3.png) no-repeat 0 4px;padding-left:20px;font-weight:800;font-size:15px}
#accredit dd{display:inline-block}
#accredit dd span#selfBtnArea{padding-top:30px}
#accredit dd span a.btn{display:inline-block;width:112px;height:112px;border-radius:500px;background:url(../../../img/common/bg_gradation.jpg) repeat-x;border:1px solid #ddd;padding:0;transition:0.15s;position:relative;line-height:158px;margin:0 10px}
#accredit dd span a:hover{border:1px solid #ff6700;color:#ff6700 !important;transition:0.15s}
#accredit dd span a.btn_ipin i{display:block;position:absolute;top:30px;left:50%;margin-left:-23px;width:46px;height:32px;background:url(../../../img/common/icon_ipin.jpg) no-repeat 0 0;transition:0.15s}
#accredit dd span a.btn_phone i{display:block;position:absolute;top:21px;left:50%;margin-left:-15px;width:30px;height:45px;background:url(../../../img/common/icon_phone.jpg) no-repeat 0 0;transition:0.15s}
#accredit dd span a.btn_ipin:hover i{background:url(../../../img/common/icon_ipin_on.jpg) no-repeat 0 0}
#accredit dd span a.btn_phone:hover i{background:url(../../../img/common/icon_phone_on.jpg) no-repeat 0 0}
#accredit .join_no{padding-left:28px;font-size:13px;color:#fd6b3e;background:url(../../../img/common/join_no.png) no-repeat 12px 14px / 15px 15px;display:block;margin:0 auto;padding-top:12px;font-weight:800;width:100px;line-height:135%}
#accredit .join_ok{padding-left:28px;font-size:13px;color:#14b85a;background:url(../../../img/common/join_ok.png) no-repeat 12px 15px;display:block;margin:0 auto;padding-top:12px;font-weight:800}
#accredit dd span label{margin-right:8px}
#accredit dd span input{height:20px;padding:2px 0;border:1px solid #ccc}
#accredit div a{color:#01a751;font-weight:800;padding:5px 0}

#accredit .find_result span{margin-top:0px !important}

#con .agree_box_wrapper{border:0;height:258px;padding:10px;overflow:hidden;margin-bottom:8px}
#agree_box_wrap{overflow:hidden;}
#agree_box_wrap .agree_box{position:relative;margin:0px 0 16px 0;border:1px solid #ddd;height:208px;overflow-y:scroll;padding:10px;}
#agree_box_wrap .agree_box a.thickbox.btn_s.btn_type02 { padding:2px 10px; position:absolute; right:5px; top:8px;}
#agree_box_wrap .agree_box dt { padding-bottom:12px; font-size:15px; font-weight:bold;}

#agree_box_wrap .agree_box label{font-weight:800;font-size:15px;}
#agree_box_wrap .agree_box_wrapper dl{overflow:hidden}
#agree_box_wrap .agree_box_wrapper dl dt{color:#fd6b3e;font-size:15px; padding-bottom:10px;font-weight:800;float:left}
#agree_box_wrap .agree_box_wrapper dl dd{float:right}
#agree_box_wrap .agree_box .agree_con{border:1px solid #dcdcdc;height:100px;padding:10px;margin-bottom:10px;overflow-y:scroll}
#agree_box_wrap .agree_box_wrapper dd a.btn_type02{border:1px solid #404040;background:#404040;border-radius:2px;font-weight:700;color:#fff;padding:2px 18px 1px 18px;transition:0.25s;font-size:12px;line-height:150%;margin:0}
#agree_box_wrap .agree_box_wrapper dd a.btn_type02:hover{background:#404040;color:#fff;transition:0.25s}

#con #kl_user_app { position:relative;  margin-top:16px;}
#con #kl_user_app .agreetxt { padding-bottom:16px;}
#con #kl_user_app .agree div { padding:12px; height:165px; border:1px solid #ddd; overflow-y:scroll;}
#con #kl_user_app dl dt label strong { position:absolute; left:110px; top:0px;}
#con #kl_user_app .checkk label.chk_agree{ width:100%; font-size:12px; margin:10px 0;}

	
		#con .bookium{position:relative;margin-bottom:20px;padding:18px 20px 10px 20px;border:2px solid #6f4420;background:#f6ebcd url(../../../img/book_bg.png) no-repeat 20px 24px;border-radius:10px;box-shadow:2px 4px 2px #eee}
	#con .bookium strong {display:inline !important;padding-left:3px;position:static !important;}
a.btn-question {position:absolute; right:0; top:0; display:inline-block; padding:3px 16px 7px 16px;background:#6f4420; color:#fff; font-size:12px; border-radius:0px 3px 0px 3px;}
	#con .bookium dt {padding-left:97px; padding-bottom:8px;}
	#con .bookium dt label {font-size:17px; font-weight:bold;}
	#con .bookium dt br {display:none;}
	#con .bookium dd .agreetxt {padding-left:97px; padding-right:10px;}
	#con .bookium .agree div {background:#fff;}
	

	
	
	#guide{}
#guide ul{}
#guide li{}
#guide li strong{font-size:11px;font-weight:400;letter-spacing:-1px;color:#01a751}
#guide p{padding:8px;text-align:left}
#guide p a{font-weight:800;color:#01a751}

*{padding:0;margin:0}
#TB_window{font:12px Arial, Helvetica, sans-serif;color:#333333;overflow-y:hidden;background:#fff}
#TB_secondLine{font:10px Arial, Helvetica, sans-serif;color:#666666}
#TB_window a:link {color:#666666}
#TB_window a:visited {color:#666666}
#TB_window a:hover {color:#000}
#TB_window a:active {color:#666666}
#TB_window a:focus{color:#666666}
#TB_overlay{position:fixed;z-index:100;top:0px;left:0px;height:100%;width:100%}
.TB_overlayMacFFBGHack{background:url(macFFBgHack.png) repeat}
.TB_overlayBG{background-color:#000;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75}
/*  html #TB_overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px')}*/
#TB_window{position:fixed;background:#ffffff;z-index:102;color:#000000;display:none;text-align:left;top:5%;left:50%;border-radius:12px;overflow-x:hidden}
/*  html #TB_window{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}*/
#TB_window img#TB_Image{display:block;margin:15px 0 0 15px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px}
#TB_title{background-color:#e8e8e8;height:27px;display:none}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em}
#TB_ajaxContent.TB_modal{padding:15px}
#TB_ajaxContent p{padding:5px 0px 5px 0px}
#TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px;/* -height/2 0 0 -width/2 */
}
/* html #TB_load{
position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}*/
#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%}
/* html #TB_HideSelect{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px')}*/
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;}
}

/****모바일_sub 컨텐츠****/
@media all and (max-width:640px){/* 스킵네비게이션 */

body{background:#f2f2f2}
.backstretch{display:none}

#skipnavigation{text-indent:-2000px;height:0;margin:0;padding:0;font-size:0;line-height:0;overflow:hidden}
/* 전체외곽박스 */
#wrapper{width:100%;overflow:hidden;background:#fff}
#container{margin:0 auto;width:100%;text-align:center}

#header{background:#fff;overflow:hidden}
#header h1{position:relative;padding:20px 0 20px 20px;vertical-align:middle;}
#header h1 strong{display:block;font-size:14px;font-weight:800;letter-spacing:-2px;color:#222}
#header h1 span{display:block;font-size:14px;font-weight:400;letter-spacing:-1px;color:#222}
#header h1 .home{position:absolute;top:23px;right:10px;display:block;width:28px;height:28px;overflow:hidden}
#header h1 .home img{display:block}

#left_menu{margin: 0px 5px;}
#left_menu > a{display:block;padding:20px 0 16px 30px;font-size:15px;font-weight:800;color:#333;border-bottom:1px solid #ccc;background:#fff}
#left_menu ul{overflow:hidden}
#left_menu ul li{float:left;width:50%;font-weight:400;line-height: 20px;}
#left_menu ul li a{display:block;padding:10px 0 10px 20px;font-size: 14px;font-weight:400;text-align:left;color:#333;background:#fff;border: 1px solid #ccc;margin: 5px;border-radius: 10px 0px;}
#left_menu ul li a.on, 
#left_menu ul li a:hover{color:#fff;border-bottom:1px solid #1a56b4;border-right:1px solid #1a56b4;background:#1a56b4 url(../../../img/common/menu_arr.png) no-repeat 92% 50%;font-weight:800}

#content{text-align:left;padding-top:14px;margin:0 auto}
#head{border-bottom:1px solid #cfcfcf;padding:0 0 14px 0;background:#fff;margin-bottom:20px;box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.07)}
#logo{padding:0 0 1px 80px;line-height:20px;background:url(../../../img/common/logo.png) no-repeat 20px 50%}
#logo strong{font-size:15px;font-weight:800;letter-spacing:-2px;color:#222}
#logo span{font-size:15px;font-weight:400;letter-spacing:-1px;color:#222}
#head h2{display:block;margin-top:10px;padding:10px 0 0 0;font-size:18px;font-weight:400;color:#333;border-top:1px solid #444}
#head ul{overflow:hidden;font-size:15px;padding:15px 0 0;letter-spacing:-1px;/*line-height:;*/display:none}
#head ul li{float:left;display:block}
#head ul li a{display:block;margin:0 0 0 10px;padding:0 0 0 15px;font-size:12px;font-family:"돋움", "굴림";background:url(../../../img/common/bullet.png) no-repeat 0 40%}
#head ul li a.on{color:#fd6b3e}
#head ul li:first-child a{margin:0;padding-left:0;background:none;}
/**#head span.head_title{font-weight:800;font-size:12px}
#head ul#join_rule{overflow:hidden;font-size:13px;padding:15px 0 0}
#head ul#join_rule li{float:left;display:inline;padding:5px 0}
#head ul#join_rule li.arrow{margin:0 5px;color:#999}
#head ul#join_rule li a{font-size:12px;font-weight:800}
#head ul#join_rule li a.on{color:#fd6b3e}**/
#con{width:95%;margin:0 auto;min-height:400px;overflow:hidden;padding-bottom:20px}
#con h2{padding:0px 0 0 0;letter-spacing:-1px;margin-bottom:14px}
#con h2:before{content:"";display:inline-block;background:#333;width:4px;height:16px;margin-bottom:-2px;margin-right:6px}

#con .join_box_wrap{padding-bottom:14px;border-bottom:1px solid #eee}
#con .join_box_wrap ul{overflow:hidden}
#con .join_box_wrap li{float:left;width:100%}
#con .join_box_wrap .select_join label{display:block;position:relative;padding:14px;line-height:100%;margin:3px 0 16px 0;border:6px solid #efefef;font-size:20px;font-weight:800;letter-spacing:-1px;color:#596477;transition:0.25s}
#con .join_box_wrap .select_join > label > span * { line-height:100%; padding:0; margin:0;}
#con .join_box_wrap .select_join label:hover{color:#03a98f;border:6px solid #1a56b4;transition:0.25s}
#con .join_box_wrap .select_join inputtttttt{position:absolute;top:15px;left:20px}
#con .join_box_wrap .select_join label strong.tit {font-size: 16px;color:#333;padding-bottom:12px}
#con .join_box_wrap .select_join strong{font-size:13px;letter-spacing:-1px; color:#134a8f;display:block;padding-bottom:2px;padding-top:10px; display:block;}
#con .join_box_wrap .tip{line-height:145%;font-size:12px;color:#555}
#con .join_input{margin:0 0px;padding-bottom:10px}
#con .join_input dl{padding-bottom:5px;overflow:hidden}
#con .join_input dt{float:left;width:30%;line-height:36px;font-size:17px;font-weight:700}
#con .join_input dd{float:right;width:70%}
#con .join_input dd input{padding:10px 0;width:99%;border:1px solid #ccc;text-indent:10px}
#con .join_input p{padding:10px 0 0 0}
#con .join_box_wrap .select_join input:checked + label{color:#03a98f;border:6px solid #03a98f;transition:0.25s}
#con .join_box_wrap input.radio{width:18px;height:18px;color:#03a98f;display:block;margin:0 auto}

/*회원가입절차안내*/
#con .join_g_tit {font-size:16px;font-weight:bold;color:#134a8f;margin-top:30px;}
#con .join_gbox {border:3px solid #efefef;margin-top:10px;}
#con .join_gbox ul {overflow:hidden;}
#con .join_gbox li {width:100%;text-align:center;}
#con .join_gbox li span {display:block;}
#con .join_gbox li .jg_img {width:145px;height:145px;margin:0 auto;}
#con .join_gbox li .img01 {background:url(../../../img/content/join_gimg01.png) no-repeat center top;}
#con .join_gbox li .img02 {background:url(../../../img/content/join_gimg02.png) no-repeat center top;}
#con .join_gbox li .img03 {background:url(../../../img/content/join_gimg03.png) no-repeat center top;}
#con .join_gbox li .jg_tit {font-weight:bold;margin:15px 0;}
#con .join_gbox li .txt {margin-bottom:20px;}
#con .join_gbox li .jg_box {background:url(../../../img/content/jg_arr2.png) no-repeat 50% bottom;}


.btn_login{display:block;width:100%;height:48px;font-size:15px;font-weight:800;color:#fff;border:0;border-radius:2px;cursor:pointer;transition:0.2s;background:#03a98f url(../../../img/common/login_login.png) no-repeat 28px 50% !important;background:#03a98f}
.btn_login:hover{background:#059b83 url(../../../img/common/login_login.png) no-repeat 28px 44px !important;transition:0.2s}


#con .guide_box{padding:12px 10px;background:#f4f8ff;border:1px solid #dae5fb}
#con .guide_box h3{color:#404040;margin:0 0 5px 0;background:none;padding:0;font-weight:800;text-align:left;font-size:14px;line-height:140%}
#con .guide_box p{margin:0;padding:0;line-height:150%}
#con .guidebox{padding:14px 12px}
#con .infotxt *{line-height:160%}



#con .btn_area{padding:20px 0 30px 0;text-align:center}
div.title{margin-bottom:7px}
div.title input{margin-right:10px}
#guide{padding:15px 0 40px 0;border-top: 1px solid #eee;}
#foot{padding:20px 40px 30px 12px;font-size: 12px; border-top:1px solid #cfcfcf;background:#f2f2f2;line-height:160%}
#foot p.aid{color:#555;padding-bottom:15px;margin:0}
#foot p.aid a{display:inline-block;color:#fff;border-radius:2px;background:#ff6700;font-size:11px;width:94px;height:20px;line-height:20px;text-align:center}
#foot p.copy{margin:7px 0 0}
input.radio {width:20px }/*********나눠야 되는부분 끝**********/

table{width:100%;border-collapse:collapse}
table caption{text-indent:-2000px;height:0;margin:0;padding:0;font-size:0;line-height:0;overflow:hidden}
table.form_table{margin:10px 0 !important}
table.form_table tr{border-bottom:1px solid #eee}
table.form_table td{padding:10px 0 !important}
table.form_table td .input_text{border:1px solid #ddd;height:20px;padding:4px;margin:2px 0}
table.form_table td .input_text01{border:1px solid #ddd;height:20px;padding:4px;margin:2px 0;width:54px}
table.form_table td .input_text03{border:1px solid #ddd;height:20px;padding:4px;margin:2px 0;width:80%}
table.form_table td .btn_type04{vertical-align:top;margin:2px 0}
table.form_table td .ask_title{display:block;padding:4px 0}
table.form_table select{padding:5px 5px 7px 4px;font-size:12px;color:#666;border:1px solid #ddd;background:#fff}
table.form_table .join_no{color:#ec0000;font-size:12px;padding-left:3px;display:block;line-height:24px}
table.form_table .join_ok{color:#159b4e;font-size:12px;padding-left:3px;display:block;line-height:24px}
table.form_table td .tip{line-height:150%;font-size:12px}

#con .btn{height:28px;line-height:28px;font-size:12px;margin:2px 0}
#con .btn_area button{background:#404040;border:0;border-radius:2px;color:#fff;font-weight:800;font-size:1px;cursor:pointer;transition:0.25s;display:inline-block;padding:14px 62px 15px 62px;font-size:13px}
#con .btn_area button:hover{background:#0c966e;transition:0.25s}
#con .btn_green{margin:14px 0 24px 0}

/*회원탈퇴*/
#con table.out_table{margin:22px auto 18px auto !important}
#con table.out_table tr{border:0}
#con table.out_table td{padding:2px 0 !important}
#con table.out_table td.vat{vertical-align:middle}
#con p.userOut{line-height:150% !important;border-top:1px solid #eee;padding-top:14px}
/*
#con .btn_area .btn_type02{}
#con .btn_area .btn_type03{display:inline-block;vertical-align:bottom}
*/

#con .info_lib{width:100%}
#con .info_lib dl{width:auto;padding:16px 0;margin:0 0 7px 0;float:none;border:1px solid #ddd;text-align:center}
#con .info_lib dl:hover{border:1px solid #d5d5d5;background:#fafafa}
#con .info_lib dt{display:inline-block;float:inherit;width:64px;padding-left:0}
#con .info_lib dd{display:inline-block;float:inherit;width:136px;vertical-align:top}
#con .info_lib dd strong{text-align:left}
#con .info_lib dd .tel{text-align:left}
#con .info_lib .btn{height:24px;line-height:24px;margin-top:4px}

#con .www .btn{color:#fff;background:#5087c7}
#con .pub .btn{color:#fff;background:#80c342}
#con .kid .btn{color:#fff;background:#ef5998}
#con .ebook .btn{color:#fff;background:#4f5052}

#accredit{text-align:center}
#accredit dl{background:#fcfcfc;border:1px solid #eee;margin-bottom:12px;padding:14px}
#accredit dt{margin-bottom:14px;text-align:left}
#accredit dt label{background:url(../../../img/common/blt_h3.png) no-repeat 0 4px;padding-left:20px;font-weight:800;font-size:15px}
#accredit dd{display:inline-block}
#accredit dd span#selfBtnArea{padding-top:30px}
#accredit dd span a.btn{display:inline-block;width:112px;height:112px;border-radius:500px;background:url(../../../img/common/bg_gradation.jpg) repeat-x;border:1px solid #ddd;padding:0;transition:0.15s;position:relative;line-height:158px;margin:0 10px}
#accredit dd span a:hover{border:1px solid #ff6700;color:#ff6700 !important;transition:0.15s}
#accredit dd span a.btn_ipin i{display:block;position:absolute;top:30px;left:50%;margin-left:-23px;width:46px;height:32px;background:url(../../../img/common/icon_ipin.jpg) no-repeat 0 0;transition:0.15s}
#accredit dd span a.btn_phone i{display:block;position:absolute;top:21px;left:50%;margin-left:-15px;width:30px;height:45px;background:url(../../../img/common/icon_phone.jpg) no-repeat 0 0;transition:0.15s}
#accredit dd span a.btn_ipin:hover i{background:url(../../../img/common/icon_ipin_on.jpg) no-repeat 0 0}
#accredit dd span a.btn_phone:hover i{background:url(../../../img/common/icon_phone_on.jpg) no-repeat 0 0}
#accredit .join_no{padding-left:28px;font-size:13px;color:#fd6b3e;background:url(../../../img/common/join_no.png) no-repeat 12px 14px / 15px 15px;display:block;margin:0 auto;padding-top:12px;font-weight:800;width:100px;line-height:135%}
#accredit .join_ok{padding-left:28px;font-size:13px;color:#14b85a;background:url(../../../img/common/join_ok.png) no-repeat 12px 15px;display:block;margin:0 auto;padding-top:12px;font-weight:800}
#accredit dd span label{margin-right:8px}
#accredit dd span input{height:20px;padding:2px 0;border:1px solid #ccc}
#accredit div a{color:#01a751;font-weight:800;padding:5px 0}

#accredit .find_result span{line-height:170% !important}

#con .agree_box_wrapper{border:0;height:258px;padding:10px;overflow:hidden;margin-bottom:8px}
#agree_box_wrap{overflow:hidden}
#agree_box_wrap .agree_box{margin:0px 0 16px 0;border:1px solid #ddd;height:208px;position:relative;overflow:hidden;padding:10px;overflow-y: scroll;}
#agree_box_wrap .agree_box label{font-weight:800;font-size:15px;}
#agree_box_wrap .agree_box a.thickbox.btn_s.btn_type02 { padding:2px 10px; position:absolute; right:5px; top:8px;}
#agree_box_wrap .agree_box dt { padding-bottom:12px; font-size:15px; font-weight:bold;}

#agree_box_wrap .agree_box_wrapper dl{overflow:hidden}
#agree_box_wrap .agree_box_wrapper dl dt{color:#fd6b3e;font-size:15px;font-weight:800;float:left}
#agree_box_wrap .agree_box_wrapper dl dd{float:right}
#agree_box_wrap .agree_box .agree_con{border:1px solid #dcdcdc;height:100px;padding:10px;margin-bottom:10px;overflow-y:scroll}
#agree_box_wrap .agree_box_wrapper dd a.btn_type02{border:1px solid #404040;background:#404040;border-radius:2px;font-weight:700;color:#fff;padding:2px 18px 1px 18px;transition:0.25s;font-size:12px;line-height:150%;margin:0}
#agree_box_wrap .agree_box_wrapper dd a.btn_type02:hover{background:#404040;color:#fff;transition:0.25s}




#con #kl_user_app { position:relative;  margin-top:16px;}
#con #kl_user_app .agreetxt { padding-bottom:16px;}
#con #kl_user_app .agree div { padding:12px; height:165px; border:1px solid #ddd; overflow-y:scroll;}
#con #kl_user_app dl dt label strong { position:absolute; left:110px; top:0px;}
#con #kl_user_app .checkk label.chk_agree{ width:100%; font-size:12px; margin:10px 0;}

	
	
#con .bookium{position:relative;margin-bottom:20px;padding:18px 20px 10px 20px;border:2px solid #6f4420;background:#f6ebcd url(../../../img/book_bg.png) no-repeat 20px 24px;border-radius:10px;box-shadow:2px 4px 2px #eee}
#con .bookium strong {display:inline !important;padding-left:3px;position:static !important;}
a.btn-question {position:absolute; right:0; top:0; display:inline-block; padding:0px 10px 4px 10px;background:#6f4420;font-size:12px; color:#fff; font-size:12px; border-radius:0px 3px 0px 3px;}
#con .bookium dt {padding-left:97px; padding-bottom:8px;}
#con .bookium dt label {font-size:17px; font-weight:bold;}
#con .bookium dt br {display:none;}
#con .bookium dd .agreetxt {padding-left:97px; padding-right:10px;}
#con .bookium .agree div {background:#fff;}	

	
#guide{}
#guide ul{}
#guide li{}
#guide li strong{font-size:11px;font-weight:400;letter-spacing:-1px;color:#01a751}
#guide p{padding:8px;text-align:left}
#guide p a{font-weight:800;color:#01a751}

*{padding:0;margin:0}
#TB_window{font:12px Arial, Helvetica, sans-serif;color:#333333;overflow-y:hidden;background:#fff}
#TB_secondLine{font:10px Arial, Helvetica, sans-serif;color:#666666}
#TB_window a:link {color:#666666}
#TB_window a:visited {color:#666666}
#TB_window a:hover {color:#000}
#TB_window a:active {color:#666666}
#TB_window a:focus{color:#666666}
#TB_overlay{position:fixed;z-index:100;top:0px;left:0px;height:100%;width:100%}
.TB_overlayMacFFBGHack{background:url(macFFBgHack.png) repeat}
.TB_overlayBG{background-color:#000;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75}
/*  html #TB_overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px')}*/
#TB_window{position:fixed;background:#ffffff;z-index:102;color:#000000;display:none;text-align:left;top:5%;left:50%;border-radius:12px;overflow-x:hidden}
/*  html #TB_window{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}*/
#TB_window img#TB_Image{display:block;margin:15px 0 0 15px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px}
#TB_title{background-color:#e8e8e8;height:27px;display:none}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em}
#TB_ajaxContent.TB_modal{padding:15px}
#TB_ajaxContent p{padding:5px 0px 5px 0px}
#TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px;/* -height/2 0 0 -width/2 */
}
/* html #TB_load{
position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}*/
#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%}
/* html #TB_HideSelect{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px')}*/
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;}







}


/* Tag Template */
*, 
html{margin:0;padding:0}
body{font-size:14px;font-family:var(--fontMainSet);letter-spacing:-0.05em} 
a, a:link{color:#333;text-decoration:none;cursor:pointer}
a:hover, 
a:active,
a:focus{text-decoration:none}

/* float */
.fll{float:left}
.flr{float:right}
.cll{clear:left}

/* cursor:pointer */
.hand_shape{cursor:pointer}

/* dispaly */
.disblock{display:block}
.disnone{display:none}

/* PNG */
.png{display:inline-block}
/*.png img{_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)}*/

/*** padding ***/
.pdlr25{padding:0 25px}
.pdt8{padding-top:8px}
.pdt10{padding-top:10px}
.pdt20{padding-top:20px}
.pdb3{padding-bottom:3px}
.pdb12{padding-bottom:12px}
.pd0{padding:0}
.pdtb15{padding:15px 0}
.pdl10{padding-left:10px}
.pdl37{padding-left:37px}
.pdl38{padding-left:38px}
.pdl48{padding-left:48px}
.pdl69{padding-left:69px}
.pdl75{padding-left:75px}
.pdl85{padding-left:85px}
.pdl85{padding-left:85px}
.pdl82{padding-left:82px}
.pdr6{padding-right:6px}
.pdr12{padding-right:12px}

/*숫자(1.) */
.pdl16{padding-left:16px}
/*(굵은) 2글자 */
.pdl39{padding-left:39px}
/*4글자 */
.pdl60{padding-left:60px}
/*(굵은) 4글자 */
.pdl64{padding-left:64px}
/*2글자를 4글자에 맞출때*/
.t_blank4{padding-left:24px}
/*2글자를 3글자에 맞출때*/
.t_blank3{padding-left:12px}
/*2글자를 (굵은)4글자에 맞출때*/
.bt_blank4{padding-left:26px}
/*2글자를 (굵은)3글자에 맞출때*/
.bt_blank3{padding-left:13px}

/* margin */
.mg0{margin:0}
.mgt5{margin-top:5px}
.mgt15{margin-top:15px}
.mgr20{margin-right:20px}
.mgb3{margin-bottom:3px}
.mgb15{margin-bottom:15px}
.mgl10{margin-left:10px}
.mgl30{margin-left:30px}
.mglr30{margin:0 30px}
.mglr23{margin:0 23px}

/* Align */
.tal{text-align:left}
.tac{text-align:center}
.tar{text-align:right}

/* vertical align */
.vat{vertical-align:top}
.vam{vertical-align:middle}
.vab{vertical-align:bottom}

/* font size */
.fs0{font-size:0}
.fs10{font-size:10px}
.fs11{font-size:11px}
.fs12{font-size:12px}
.fs13{font-size:13px}
.fs14{font-size:14px}

/* color */
.orange{color:#fd6b3e !important}
.black{color:#000 !important}
.blue{color:#134a8f !important}
.blue2{color:#007a99 !important}

.green{color:#719904 !important}
.purple{color:#5d1e93 !important}
.red{color:#ef492f !important}

/* text_style */
.fb{font-weight:800}
.fn{font-weight:normal}

/*letter-spacing*/
.ls0{letter-spacing:normal}
.ls1{letter-spacing:-0.02em}
.ls2{letter-spacing:-0.03em}
.ls3{letter-spacing:-0.04em}
.ls4{letter-spacing:-0.05em}
.ls5{letter-spacing:-0.15em}

/*letter-spacing*/
.lh0{line-height:16px}
.lh1{line-height:18px}
.lh2{line-height:20px}

/**다운로드**/
.down_point{font-weight:800;color:#6c4dbb}

/**/
.btn_more{padding:0 0 0 80px}

/* Tag문단(Paragraph) */
p{}
p.em{color:#06c;margin:0;padding:0}

.hidden_phrase{height:0;line-height:0;overflow:hidden;position:absolute;top:-10000px;visibility:hidden;width:0}

/* 본문제목 
h2{font-size:25px;color:#596477;margin:0.6em 0;line-height:140%}
*/
h3{color:#404040;font-weight:800;font-size:16px;text-align:left;background:url(../../../img/common/blt_h3.png) no-repeat 0 6px;padding-left:19px;padding-bottom:12px;line-height:150%}
h4{margin:0.4em 0;color:#494949;font-weight:800;font-size:1em;text-align:left}
h4.tmg{margin:1em 0 0.4em 0}
/* 본문제목 버튼들어갈경우 */
h3.h3_btn{background:url(../../../img/img/bullet_h3.gif) no-repeat 0 0.6em}
/* Tag목록(List) */
ul.h3{margin:0;padding:5px 0 10px 0;text-align:left;line-height:140%;/*zoom:1*/}
ul.h3 li{margin:0;padding:0 0 10px 16px;background:url(../../../img/img/bullet_h3.gif) no-repeat 0 0.1em;clear:left}
ul.h3 li strong.title{color:#333}

.guidebox_wrap{margin-bottom:18px;padding:4px;background:url(../../../img/common/guidebox_bg.jpg) repeat 0 0}
.guidebox{background:#fff;padding:22px 14px;text-align:center}

.dp1{padding:8px 0 10px 0}
.dp1 li{background:url(../../../img/common/blt_dp1.png) no-repeat 0 7px;padding-left:9px;line-height:160%;padding-bottom:2px}
.dp1 .no_bg{background:none;font-weight:800;font-size:14px}

ul.con{margin:0;padding:15px 0 20px 0;text-align:left;line-height:140%}
ul.con li{margin:0;padding:0 0 7px 9px;clear:left}
ul.con01{margin:0;padding:5px 0 0 0;text-align:left;line-height:140%}
ul.con01 li{margin:0;padding:0 0 4px 8px;background:url(../../../img/img/bullet_list01_02.gif) no-repeat 0 8px;clear:left}
ul.con02{padding:4px 0 0 0;line-height:140%}
ul.con02 li{background:url(../../../img/img/bullet_list01.gif) no-repeat 0 0.4em;padding:0 0 4px 9px}
ul.con02 li.con_none{background-image:none}
ul.con03{padding:4px 0 0 0;line-height:140%}
ul.con03 li{background:url(../../../img/img/bullet_list03.gif) no-repeat 0 0.4em;padding:0 0 4px 8px}
ul.con04{padding:3px 0 0 0;line-height:140%}
ul.con04 li{padding:0 0 3px 8px;background:url(../../../img/img/bullet_list04.gif) no-repeat 0 0.6em}
ul.con_none{padding:4px 0 0 0;line-height:140%}
ul.con_none li{padding:0 5px 4px 0;background-image:none}

/*리스트 갯수*/
ul.col02 li{float:left;width:46%} 
ul.col03 li{float:left;width:29%}
ul.col04 li{float:left;width:21%}

/* Tag목록(List) 버튼이미지들어갈 경우 블릿이미지 위치*/
h2.btn_list{background:url(../../../img/img/bullet_h2.gif) no-repeat 0 1em}
ul.con01 li.btn_list{background:url(../../../img/img/bullet_list01_02.gif) no-repeat 0 0.6em}
ul.con02 li.btn_list{background:url(../../../img/img/bullet_list02.gif) no-repeat 0 1em}
ul.con03 li.btn_list{background:url(../../../img/img/bullet_list03.gif) no-repeat 0 1em}
ul.con04 li.btn_list{background:url(../../../img/img/bullet_list04.gif) no-repeat 0 1em}

/* 리스트 왼쪽 여백 */
.lpad01{margin-left:21px;/* h2의 리스트일 경우 */}
.lpad02{margin-left:17px;/* h3의 리스트일 경우 */}
.lpad03{margin-left:41px;/* h2 > h3의 리스트일 경우 */}
.lpad04{margin-left:56px;/* h2 > h3 > h4의 리스트일 경우 */}

/* ul리스트 왼쪽 여백 */
ul.lpad01{margin-left:23px;/* h2의 리스트일 경우 */}
ul.lpad02{margin-left:17px;/* h3의 리스트일 경우 */}
ul.lpad03{margin-left:41px;/* h2 > h3의 리스트일 경우 */}
ul.lpad04{margin-left:56px;/* h2 > h3 > h4의 리스트일 경우 */}

/* 버튼 여백 */
img.down{vertical-align:middle;margin-bottom:3px;padding-left:5px}

/* 탭메뉴 */
#contenttabmenu{background:url("../../../img/common/tab_bg.gif") no-repeat scroll left top transparent;clear:both;font-size:1em;height:38px;margin:0 0 1.4em;overflow:hidden;width:100%}
#contenttabmenu ul{height:38px}
#contenttabmenu ul li{display:inline;float:left;margin:0 2px 0 0;padding:0 23px 0 0}
#contenttabmenu ul li a{color:#2f2f2f;cursor:pointer;display:block;font-weight:800;line-height:1.25;padding:13px 0 10px 22px}
#contenttabmenu ul li.on{background:url("../../../img/common/tab_on_bg05.gif") no-repeat scroll right top transparent;margin:0 0 0 10px}
#contenttabmenu ul li.on a{background:url("../../../img/common/tab_on_bg04.gif") no-repeat scroll left top transparent;color:#fff;padding:13px 0 10px 22px}

/* 탭메뉴2 */
#contenttabmenu2{margin:0 0 1.4em 0;padding:0;font-size:1em;clear:both;height:31px;background:url(../../../img/common/tab_bg01.gif) no-repeat left bottom}
#contenttabmenu2 ul{height:31px;padding:0 0 0 30px;background:url(../../../img/common/tab_bg02.gif) no-repeat right bottom}
#contenttabmenu2 ul.per48{width:48%}
#contenttabmenu2 ul.per68{width:68%}
#contenttabmenu2 ul.per88{width:88%}
#contenttabmenu2 ul li{position:relative;float:left;display:inline;margin:0 2px 0 0;padding:0 0 0 18px;background:url(../../../img/common/tab_off_bg01.gif) no-repeat  left top}
#contenttabmenu2 ul li a{display:block;padding:9px 18px 7px 0px;font-weight:800;line-height:1.25;cursor:pointer;color:#000;background:url(../../../img/common/tab_off_bg02.gif) no-repeat right top}
#contenttabmenu2 ul li.on{background:url(../../../img/common/tab_on_bg01.gif) no-repeat  left top}
#contenttabmenu2 ul li.on a{background:url(../../../img/common/tab_on_bg02.gif) no-repeat right top;color:#fff;padding:9px 18px 7px 0px}
#contenttabmenu2 ul li div.arrow{position:absolute;left:46%;top:26px;background:url(../../../img/common/tab_on_bg03.gif) no-repeat center top;padding:5px 12px 0 0}

/*탭_가나다*/
#ga_tab{width:623px;height:25px;overflow:hidden;padding:0 0 10px 0}
#ga_tab li{float:left;padding:7px 15px 7px 4px;background:url(../../../img/search/bg_ganada.gif) no-repeat left 3px;color:#666666;font-weight:800}
#ga_tab li img{vertical-align:middle;margin-bottom:1px}
#ga_tab li a{color:#666666}
#ga_tab li.on{display:block;padding:7px 15px 7px 4px}
#ga_tab li.on a{color:#ff6600}

/* 박스01 */
#txt_box01{position:relative;background:url(../../../img/common/box02_top.gif) no-repeat left top;margin:0.3em 0 1.5em;padding:15px 0 0;text-align:left;width:100%}
#txt_box_wrapper01{background:url(../../../img/common/box02_center.gif) repeat-y;display:table;table-layout:fixed;margin:0}
#txt_box_wrap01{background:url(../../../img/common/box02_bottom.gif) no-repeat left bottom;padding:0  23px 19px ;margin:0;width:599px}
#txt_box_wrapper01 p{line-height:150%;margin:0;padding:0}
#txt_box_wrapper01 p.lpad01{margin-left:23px}
#txt_box_wrapper01 p.lpad02{margin-left:17px}
#txt_box_wrapper01 div.pad{padding:5px  0 15px ;line-height:150%}

/* 박스02 */
#txt_box02{position:relative;background:url(../../../img/common/box02_top.gif) no-repeat left top;margin:0.3em 0 1.5em;padding:15px 0 0;text-align:left;width:100%}
#txt_box_wrapper02{background:url(../../../img/common/box02_center.gif) repeat-y;display:table;table-layout:fixed;margin:0}
#txt_box_wrap02{background:url(../../../img/common/box02_bottom.gif) no-repeat left bottom;padding:0  23px 19px ;margin:0;width:599px}
#txt_box_wrapper02 p{line-height:150%;margin:0;padding:0}
#txt_box_wrapper02 p.lpad01{margin-left:23px}
#txt_box_wrapper02 p.lpad02{margin-left:17px}
#txt_box_wrapper02 div.pad{padding:5px  0 15px ;line-height:150%}

/* 게시판박스 */
#board_box{background:url(../../../img/common/outline03_top.gif) no-repeat left top;margin:0.3em 0 1.5em;padding:10px 0 0;text-align:left;width:100%}
#board_box_wrapper{background:url(../../../img/common/outline03_center.gif) repeat-y;display:table;table-layout:fixed;margin:0;padding-top:5px}
#board_box_wrap{background:url(../../../img/common/outline03_bottom.gif) no-repeat left bottom;padding:0 20px 17px ;margin:0;width:605px}
#board_box_wrapper p{line-height:150%;margin:0;padding:0}
#board_box_wrapper div.pad{padding:5px  0 15px ;line-height:150%}

/* 포토리스트 */
div.photo_list{margin:0.3em 0 1.5em;padding:0;width:645px;overflow:hidden;clear:left}
div.photo_list .pic{float:left;width:645px;position:relative}
div.photo_list .pic .pic_wrap{padding:6px 11px 12px 6px;width:629px;height:317px;background:url(../../../img/intro/pic_big.jpg) no-repeat 0 0}
div.photo_list .pic .s_pic{margin:4px 0 0 0}
div.photo_list .pic .s_pic li{float:left;width:83px;height:61px;padding:1px 2px 3px 1px;margin-right:6px;background:url(../../../img/intro/pic_small.jpg) no-repeat left top}
div.photo_list .data_info{float:left;width:374px;padding:6px 0 0 10px}

/* 포토리스트2 */
div.photo_list2{margin:0.3em 0 1.5em;padding:0;overflow:hidden;clear:left}
div.photo_list2 .pic{float:left;width:240px;height:335px;position:relative}
div.photo_list2 .pic .pic_wrap{padding:6px 6px 11px 6px;width:220px;height:241px;background:url(../../../img/common/pic_bg02.jpg) no-repeat left top}
div.photo_list2 .pic .s_pic{margin:4px 0 0 0}
div.photo_list2 .pic .s_pic li{float:left;width:110px;height:66px;padding:1px 4px 5px 1px;margin-right:5px;background:url(../../../img/common/pic_bg04.jpg) no-repeat left top}
div.photo_list2 .data_info{float:left;width:374px;padding:6px 0 0 10px}

/* 테이블 */
table{width:100%;border-collapse:collapse}
table caption{text-indent:-2000px;height:0;margin:0;padding:0;font-size:0;line-height:0;overflow:hidden}
table.form_table{margin:20px 0}
table.form_table td{padding:4px 0}

/* 버튼 */
.btn_area{ padding: 10px 40px; text-align: center;}
.btn_area input{position:relative;cursor:pointer}

.btn{color:#fff;font-weight:800;display:inline-block;padding:0 16px 0 15px;height:30px;line-height:30px;border:0px none}
.btn_s{margin:0 5px;padding:0 15px;height:22px;line-height:22px;font-size:12px;font-weight:800;color:#fff;;border:0}
.btn_type01{background:#5c5c5c}
.btn_type02{background:#7e858f;padding:11px 34px 12px 34px;border:none;border-radius:2px;color:#fff;font-weight:800;font-size:13px}
.btn_type03{background:#005794;padding:10px 38px 12px 38px;border:none;border-radius:2px;color:#fff;font-weight:800;font-size:13px;display:inline-block;vertical-align:top}
.btn_type04{background:url(../../../img/common/btn_bg.jpg) repeat-x 0 0;border:1px solid #d5d5d5;color:#444 !important}
.btn_type02:hover{background:#737b86;transition:0.2s}
.btn_type03:hover{background:#00487a;transition:0.2s}

a.btn, 
a.btn_b, 
a.btn_s{display:inline-block;color:#fff}

/*회원가입-인트로*/
.guidebox h3{text-align:center;padding-bottom:0}
.guidebox .infotxt *{line-height:24px}
.guidebox .infotxt strong{display:inline-block;font-size:13px;font-weight:600;letter-spacing:-1px;color:#333}
.guidebox .infotxt span{display:inline-block;padding-right:7px;font-size:13px;font-weight:800;color:#1971b6}
.guidebox .infotxt span i{display:inline-block;width:5px;height:15px;background:url(../../../img/common/blt_dp1.png) no-repeat 0 8px}
.guidebox .infotxt span.pd_n{padding-right:0}

.guidebox .dp1{padding-bottom:0}

.info_lib{overflow:hidden}
.info_lib dl{width:323px;height:70px;float:left;border:1px solid #ccc;margin-bottom:8px;padding:16px;overflow:hidden}
.info_lib dl:hover{border:1px solid #666}
.info_lib dt{float:left;padding:1px 18px 0 35px}
.info_lib dd{float:left}
.info_lib dd strong{display:block;font-size:14px;padding-bottom:3px}
.info_lib dd .tel{display:block;font-family:Roboto, Arial, Helvetica, sans-serif;letter-spacing:0px;font-weight:700}
.info_lib dd .btn{display:block;width:120px;height:22px;color:#fff;background:#7f7f7f;padding:0;border-radius:2px;text-align:center;line-height:20px;font-size:12px;margin-top:4px}
.info_lib dd .btn:hover{background:#404040}
.info_lib .www{margin-right:8px}
.info_lib .pub{}
.info_lib .kid{margin-right:8px;margin-bottom:0}
.info_lib .ebook{margin-bottom:0}
.info_lib .www strong{color:#5087c7}
.info_lib .pub strong{color:#80c342}
.info_lib .kid strong{color:#ef5998}
.info_lib .ebook strong{color:#4f5052}

.btn_green{text-align:center;margin:24px 0 14px 0}
.btn_green a{display:inline-block;background:#404040;color:#fff;font-size:14px;font-weight:800;width:180px;height:50px;line-height:48px;text-align:center;transition:0.25s;border-radius:2px}
.btn_green a:hover{background:#0c966e;transition:0.25s}
.btn_green input{display:inline-block;background:#404040;color:#fff;font-size:14px;font-weight:800;width:180px;height:50px;line-height:48px;text-align:center;transition:0.25s;border-radius:2px;border:none;vertical-align:top;cursor:pointer}
.btn_green input:hover{background:#0c966e;transition:0.25s}

/*로그인*/
.login_input{padding:44px 0;position:relative}
.login_input dd input{background:#fff;border:1px solid #ddd;}
#loginForm{position:relative !important}
.chk{display:none;position:absolute;right:0;width:5%;height:58px}
.chk01{display:block;width:80px;height:24px;line-height:23px;background:url(../../../img/common/chk_big.png) no-repeat left center;cursor:pointer;color:#555;font-size:15px;padding-left:23px}
.chk:checked + .chk01{background:url(../../../img/common/chk_big_on.png) no-repeat left center}

div.dashed{height:1px;border-top:1px dashed #bbb}

.pt01{padding-top:22px}
.pt01 *{color:#555;font-size:14px}
.pt01 li{font-weight:800;background:url(../../../img/common/blt_point.png) no-repeat 0 2px;padding:0 0 0 20px;line-height:160%}
.pt01 li > ul{padding:6px 0}
.pt01 li > ul li{font-weight:400;background:none;padding-left:0;line-height:150%;padding-bottom:3px}
.pt01 li > ul li > ul{padding:0;padding-top:4px;padding-left:9px;}
.pt01 li > ul li > ul li{background:url(../../../img/common/blt_dp3.jpg) no-repeat 0 9px;padding-left:6px}

/*탭*/
#con .tab{overflow:hidden;margin-bottom:16px}
#con .tab a{display:inline-block;border:2px solid #d5d5d5;background:#fff;color:#666;font-weight:800;padding:0 28px;height:38px;line-height:40px;text-indent:0;text-align:center;font-size:14px;border-bottom:0;transition:0.25s;border-radius:8px 8px 0 0;margin-right:2px}
#con .tab a:hover{color:#ff6700;transition:0.25s;border:2px solid #ff6700;border-bottom:0;border-radius:8px 8px 0 0}
#con .tab a.sel{color:#ff6700;border:2px solid #ff6700;border-bottom:0;border-radius:8px 8px 0 0}

/*14세미만아이핀발급*/
#con .import{margin-top:20px;border:1px solid #d5d5d5;border-radius:100px;background:#fff;height:36px}
#con .import p{text-align:center;line-height:34px;;font-size:12px;font-weight:800}
#con .import p a{display:inline-block;margin-left:8px;color:#134a8f;}
#con .import p a:hover{text-decoration:underline}

/*회원탈퇴*/
#con .out_table{width:330px;margin:0 auto;margin-top:20px;margin-bottom:18px}
#con .out_table td input{width:240px}
#con p.userOut{text-align:center;line-height:170%;color:#707070;font-weight:800}

/*idpw찾기,아이디비밀번호찾기*/
#accredit .find_result span strong{font-weight:800;color:#134a8f}
#accredit .find_result span{display:inline-block;line-height:190%;margin-top:16px}
#accredit .find_result dd{display:block}
#accredit .find_result dd a.btn{margin-top:16px}
/*ight:20px !important}*/

.mgr20 {margin-right:0 !important}

/*
#accredit{padding:20px 0;text-align:left;border-top:1px solid #eee}
#accredit dl{padding-bottom:30px;}
#accredit dt{display:inline-block;padding-bottom:5px;font-size:14px;font-weight:800}
#accredit dd{display:inline-block}
#accredit dd label{padding-right:10px}
#accredit .join_no{padding-left:25px;font-size:12px;font-weight:800;letter-spacing:0;color:#fd6b3e;background:url(../../../img/common/join_no.png) no-repeat 10px 50%;background-size:15px}
#accredit .join_ok{padding-left:25px;font-size:12px;font-weight:800;letter-spacing:0;color:#14b85a;background:url(../../../img/common/join_ok.png) no-repeat 10px 50%;background-size:10%}
*/

.btn_redorange{display:inline-block;background:#ff5400;color:#fff;font-size:12px;font-weight:bold;border-radius:2px;width:66px;height:22px;line-height:20px;text-align:center}

table.form_table_re{margin:0 auto;margin-top:20px}
table.form_table_re tr{border:1px solid #d0d0d0}
table.form_table_re td{border:1px solid #d0d0d0;padding:8px 12px}
table.form_table_re td.vat{background:#f8f8f8}
table.form_table_re td.vat label{font-weight:bold;color:#666}