@charset "utf-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
font-family: 'Noto Sans KR', sans-serif;*/
/**common**/
*{-webkit-text-size-adjust:none;}
html{height:100%; width:100%;}
body,p,a,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,select,textarea,button,pre {margin:0; padding:0;line-height:26px; color:#000; font-size:16px; font-weight:normal;word-break:break-all; }
/*next_player*/
body{ min-width:320px; width:100%; height:100%; font-family:Apple SD Gothic Neo,HelveticaNeue-Light,AppleSDGothicNeo-Light,'Malgun Gothic','맑은 고딕',sans-serif/*Apple SD Gothic Neo,AppleGothic,Noto Sans KR,dotum,Helvetica,Sans-serif;*/}
img,fieldset{border:0;}
a{  text-decoration :none; cursor: pointer;}
ul{list-style:none;}
hr { display:none;}
table{ width:100%;}
select,input{ font-size: 14px;color:#777 }

.bdn,.bdn td{ border:none !important;}
.dpn{ display: none;}
.bgn{ background:none !important;}
.bdtn { border-top:none;}
.clear{ clear:both;}

/** LAYOUT **/
#wrap				{}
#header				{ position: fixed; width: 100%; top: 0; height: 64px;}
#container			{_display:inline-block;margin:0; overflow:hidden;clear:both; }
#container:after	{display:block;clear:both;content:'';}
#content			{position: relative; text-align: center;clear:both;/* background-color:#000; height:500px;*/}
#footer				{}
#footer_fix			{}

/** LAYOUT BORDER *
#wrap				{border: 2px solid #00f;}
#header				{border: 2px solid #f00;}
#content			{border: 2px solid #0f0;}
#footer				{border: 2px solid #f00;}
#footer_fix			{border: 2px solid #0f0;}
*/
/**TEXT STYLE**/
.txt_red { color:#ff3030 !important;}
.txt_nor { color:#333;}
.txt_black { color:#000;}
.txt_orange { color:#f60;}
.txt_violet { color:#513b7b;}
.txt_blue { color:#457ac4;}
.txt_navy { color:#012d6b;}
.txt_green { color:#00b408;}
.txt_pink {color:#f16169;}
.txt_violet { color:#513b7b;}
.txt_white { color:#fff !important;}
.txt_gray { color:#888 !important;}
.txt_yellow{color:#ffe87d;}
.txt_11 { font-size:11px;}
.txt_12 { font-size:12px;}
.txt_13 { font-size:13px;}
.txt_16 { font-size:16px;}
.txt_18 { font-size:18px;}
.txt_20 { font-size:20px;}
.txt_24 { font-size:24px;}
.txt_bold { font-weight:bold;}
.txt_blue_bg {background-color:#457ac4; color:#fff; font-size:18px;}
.txt_blank {padding-left:15px;}
.txt_blank1 {padding-left:20px;}
.pa_left_20 {padding-left:20px;}
#header{ background-color: #fff; z-index: 900;}
#header h3			{ display:none;}
#header .top_right	{ position:absolute; width:; top:20px;right: 10px; height:14px; text-align:right; line-height: 14px;}
#header .top_right font	{ font-size:11px; }
#header .logo		{ width:; position:absolute; top:14px; left: 10px;}
/*#header .logo_b	font{ font-size:11px; position:absolute; text-align:center; width:199px; height:14px; top:40px; display:block; font-weight:bold;}*/
#header .logo a	{ background:url(../img/ok_head_logo.png) no-repeat;background-size:138px 36px; display:block; width:138px; height:36px; }

/**ALIGN*/
#content div.align_left{ text-align: justify;}
#content div.align_center{ text-align: center;}
#content div.align_right{ text-align: right;}
#content img.align_left{ text-align: left;}
#content img.align_center{ text-align: center;}
#content img.align_right{ text-align: right;}

#visual{ margin: 64px 0 0 0;}
#visual{ text-align: center;}
#visual .img_area{ display: block; height: 164px;/*background:url(../img/ok_img_visual.png) no-repeat center -30px; background-size:100%;*/ background-color: #fff; overflow: hidden}
#visual .img_area h3{ font-size: 30px; font-weight: bold; color: #012d6b; margin: 60px 0 10px 0; display: block; /*text-shadow:0px 0px 3px #000;*/}
#visual .img_area font{ font-size: 16px; color: #fff; font-weight: bold;padding: 3px 12px 0; background-color:#f88bc1;}
#visual .txt_guide{ text-align: center; display: block; height: 50px; overflow: hidden; padding: 0 20px; line-height: 50px; color: #ffd200; background-color: #414141; border: 1px solid #262626;border-bottom: 1px solid #262626; margin:0; z-index: 800;}


#ok_menu {padding: 2px; overflow: hidden;}
#ok_menu ul{}
#ok_menu ul li{ width: 50%; float: left; text-align: center;}
#ok_menu ul li a{  height: 64px; line-height: 90px; display: block; color: #fff; margin: 2px;/*border-bottom: 1px solid #fff;*/ border-radius: 10px;background:#457ac4 url(../img/ok_ico_menu_off.png) no-repeat;background-size:30px; }

/*#ok_menu ul li a:nth-child(1),#ok_menu ul li a:nth-child(2),#ok_menu ul li a:nth-child(3),#ok_menu ul li a:nth-child(4),#ok_menu ul li a:nth-child(5),#ok_menu ul li a:nth-child(6) {background:#457ac4 url(../img/ok_ico_menu_off.png) no-repeat;background-size:30px;}*/
#ok_menu ul li:nth-child(1) a{ background-position: center -8px;}
#ok_menu ul li:nth-child(2) a{ background-position: center -70px;}
#ok_menu ul li:nth-child(3) a{ background-position: center -127px;}
#ok_menu ul li:nth-child(4) a{ background-position: center -189px;}
#ok_menu ul li:nth-child(5) a{ background-position: center -250px;}
#ok_menu ul li:nth-child(6) a{ background-position: center -310px;}
#ok_menu ul li:nth-child(7) a{ background-position: center -370px;}
#ok_menu ul li:nth-child(8) a{background-image:none;line-height: 20px;} #ok_menu ul li:nth-child(8) font{display: block; padding-top: 14px;}
#ok_menu ul li:nth-child(9) a{ background-position: center -490px;}
#ok_menu ul li:nth-child(10) a{ background-position: center -550px;}

#ok_menu ul li:nth-child(1) a:hover,#ok_menu ul li:nth-child(2) a:hover,#ok_menu ul li:nth-child(3) a:hover,#ok_menu ul li:nth-child(4) a:hover,#ok_menu ul li:nth-child(5) a:hover,#ok_menu ul li:nth-child(6) a:hover,#ok_menu ul li:nth-child(7) a:hover,#ok_menu ul li:nth-child(8) a:hover,#ok_menu ul li:nth-child(9) a:hover,#ok_menu ul li:nth-child(10) a:hover{background:#174a91 url(../img/ok_ico_menu_on.png) no-repeat;background-size:30px;}

#ok_menu ul li:nth-child(1) a:hover{ background-position: center -8px;}
#ok_menu ul li:nth-child(2) a:hover{ background-position: center -70px;}
#ok_menu ul li:nth-child(3) a:hover{ background-position: center -127px;}
#ok_menu ul li:nth-child(4) a:hover{ background-position: center -189px;}
#ok_menu ul li:nth-child(5) a:hover{ background-position: center -250px;}
#ok_menu ul li:nth-child(6) a:hover{ background-position: center -310px;}
#ok_menu ul li:nth-child(7) a:hover{ background-position: center -370px;}
#ok_menu ul li:nth-child(8) a:hover{ background-image:none; }
#ok_menu ul li:nth-child(9) a:hover{ background-position: center -490px;}
#ok_menu ul li:nth-child(10) a:hover{ background-position: center -550px;}
/*#ok_menu ul li:nth-child(1),#ok_menu ul li:nth-child(3),#ok_menu ul li:nth-child(5){ margin: 0;}*/

#ok_menu ul li a.on:nth-child(1),#ok_menu ul li a.on:nth-child(2),#ok_menu ul li a.on:nth-child(3),#ok_menu ul li a.on:nth-child(4),#ok_menu ul li a.on:nth-child(5),#ok_menu ul li a.on:nth-child(6),#ok_menu ul li a.on:nth-child(7),#ok_menu ul li a.on:nth-child(8),#ok_menu ul li a.on:nth-child(9),#ok_menu ul li a.on:nth-child(10){background:#012d6b url(../img/ok_ico_menu_on.png) no-repeat;background-size:30px;}

#ok_menu ul li:nth-child(1) a.on{ background-position: center -8px;}
#ok_menu ul li:nth-child(2) a.on{ background-position: center -70px;}
#ok_menu ul li:nth-child(3) a.on{ background-position: center -127px;}
#ok_menu ul li:nth-child(4) a.on{ background-position: center -189px;}
#ok_menu ul li:nth-child(5) a.on{ background-position: center -250px;}
#ok_menu ul li:nth-child(6) a.on{ background-position: center -310px;}
#ok_menu ul li:nth-child(7) a.on{ background-position: center -370px;}
#ok_menu ul li:nth-child(8) a.on{ background-image:none; }
#ok_menu ul li:nth-child(9) a.on{ background-position: center -490px;}
#ok_menu ul li:nth-child(10) a.on{ background-position: center -550px;}

.sub_menu { overflow: hidden;margin: 0 -20px 30px -20px !important;}
.sub_menu ul{}
.sub_menu ul li{ width: 50%; height: 46px; line-height:50px; display: block; float: left; text-align: center;border-bottom:1px solid #b8b8b8;border-top:1px solid #b8b8b8;}
.sub_menu ul li a{  height: 46px; line-height:50px; display: block; color: #000; background-color:#fff; }
.sub_menu ul li:nth-child(1),.sub_menu ul li:nth-child(3),.sub_menu ul li:nth-child(5){border-right:1px solid #b8b8b8; margin-left: -1px;}
.sub_menu ul li:nth-child(3),.sub_menu ul li:nth-child(4),.sub_menu ul li:nth-child(5),.sub_menu ul li:nth-child(6){ margin-top: -1px;}

.sub_menu ul li a.on_orange{background-color:#ffe295; color:#000; font-weight: bold;}
.sub_menu ul li a.on_pink{background-color:#fe94b2; color:#000;  font-weight: bold; }
.sub_menu ul li a.on_gray{background-color:#f1f1f1;text-decoration: none; font-weight: bold;color: #3e46a3; font-weight: bold;}

.sub_menu_th { overflow: hidden;margin: 0 -20px 30px -20px !important;}
.sub_menu_th ul{}
.sub_menu_th ul li{ width: 33%; float: left; text-align: center;border-bottom:1px solid #b8b8b8;border-top:1px solid #b8b8b8;}
.sub_menu_th ul li a{  height: 46px; line-height:50px; display: block; color: #000; background-color:#f1f1f1;  }
.sub_menu_th ul li:nth-child(1){margin: 0 -1px;}
.sub_menu_th ul li:nth-child(2){ width: 34%;border-right:1px solid #b8b8b8;border-left:1px solid #b8b8b8;  }
.sub_menu_th ul li a.on{ text-decoration: none; font-weight: bold;color: #3e46a3; font-weight: bold;}
/*추가*/
.indexsub_menu_th { overflow: hidden;margin: 0 -20px 30px -20px !important;}
.indexsub_menu_th ul{}
.indexsub_menu_th ul li{ width: 33%; float: left; text-align: center;border-bottom:1px solid #b8b8b8;border-top:1px solid #b8b8b8;}
.indexsub_menu_th ul li a{  height: 46px; line-height:20px; display: block; color: #000; background-color:#f1f1f1; padding-top:5px;}
.indexsub_menu_th ul li:nth-child(1){margin: 0 -1px;}
.indexsub_menu_th ul li:nth-child(2){ width: 34%;border-right:1px solid #b8b8b8;border-left:1px solid #b8b8b8;  }
.indexsub_menu_th ul li a.on{ text-decoration: none; font-weight: bold;color: #3e46a3; font-weight: bold;}


#footer { background-color:#666; padding:0 0 50px 0; text-align: center;}
#footer address { clear: both; font-size: 12px; letter-spacing: -1px; color:#999; font-style: normal; padding: 0 20px;}
#footer address font{ margin: 0 15px 0 0;}
#footer span{ color: #ccc; padding:30px 20px 0;}
#footer span.left{  float: left;}
#footer span.right { float: right;}
#footer .ft_menu li{ width: 19.5%;float: left; text-align: center; background:#333 url(../img/ok_footer_mbar.png) no-repeat 0 16px;  }
#footer .ft_menu li:nth-child(3){width: 22%;}
#footer .ft_menu li a{  width: 100%; height: 48px; font-size: 14px; line-height: 50px; display: block; color: #fff;}
#footer .ft_menu li:first-child{ background-image: none;}
#footer_fix	{ text-align:center; position: fixed;left: 0; right: 0; bottom: 0;z-index:6000;}
#footer_fix	ul{ }
#footer_fix	ul li{ width: 50%; float: left;}
#footer_fix	ul li a{ width: 100%; display: block; color: #fff; height:48px; line-height: 48px;}
#footer_fix	ul li.sms{background:#f88bc1; }
#footer_fix	ul li.sms a:hover{background: #cf4d8d;}
#footer_fix	ul li.tel{background: #2f6dc5;}
#footer_fix	ul li.tel a:hover{background: #0044a5;}
#footer_fix	ul li a font{background: url(../img/ok_ico_foot.png) no-repeat;background-size:30px;width: 30px; height: 30px;display: inline-block; vertical-align: middle;}
#footer_fix	ul li a font.sms{background-position: 0 0; }
#footer_fix	ul li a font.tel{background-position: 0 -30px; }

#content .btn_area{ margin:20px 0;}
.btn_big_c, a.btn_big_c, input[type=submit].btn_big_c {
	font-size:16px;
	width:100%;
	margin:0;
	padding: 0 ;
	line-height:50px;
	border-radius: 30px;
	background-color:#012d6b ;
	color: #fff;
	font-weight:bold;
	display: inline-block;
	text-align: center;
   /*text-shadow: 0 0 3px #000;*/
}
.btn_nor, a.btn_nor, input[type=submit].btn_nor {
	font-size:12px;
	width:100%;
	margin:0;
	padding: 0 ;
	line-height:46px;
	border-radius:3px;
	background-color:#666 ;
	color: #fff;
	font-weight:bold;
	display: inline-block;
	text-align: center;
	letter-spacing:-1px;

   /*text-shadow: 0 0 3px #000;*/
}

.btn_go, a.btn_go, input[type=submit].btn_go {
	font-size:12px;
	width:100%;
	margin:0;
	padding: 0 ;
	line-height:36px;
	border-radius:5px;
	background-color:#012d6b ;
	color: #fff;
	font-weight:bold;
	display: inline-block;
	text-align: center;
   /*text-shadow: 0 0 3px #000;*/
}
input[type="checkbox"] {display:none;}
input[type="checkbox"] + label span.check{
    display:inline-block;border:none;
    width:35px;
    height:33px;
    margin:-3px -5px 0 0; padding:0;
    vertical-align:middle;
    background:url(../img/ico_form.png) no-repeat -6px 0; background-size:35px;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span.check {background:url(../img/ico_form.png) no-repeat -6px -35px; background-size:35px;  }
select {border:#ddd 1px solid; background:url(../img/ok_blt_select.png) no-repeat right -2px; background-size:30px; padding: 0 30px 0 8px; height:30px;border-radius:3px; -webkit-appearance:none; }
input{height:44px;width:100%;border-radius:3px; border:#ddd 1px solid;padding:0;-webkit-appearance:none;text-indent:10px;}
input.width_85{width: 85%;}
textarea{width:100%; margin:0; border:none; -webkit-appearance:none;}
span.textarea_area{border:#ddd 1px solid;border-radius:3px;margin: 8px 0; padding: 10px; display: block; line-height:0px; }

.select_nor{ font-weight:normal; width:100%; height:44px;border-radius:3px; border:#ddd 1px solid; text-indent:10px; margin:0; padding:0; background:url(../img/ok_blt_select.png) no-repeat right 2px; background-size:38px; -webkit-appearance:none;} 

.clear{ clear:both; width:100%; height:0px; font-size:0px; line-height:0px; display:block;  }
.space_height_5{ width:100%; height:5px; font-size:0px; line-height:0px; display:block; clear:both}
.space_height_10{ width:100%; height:10px; font-size:0px; line-height:0px; display:block; clear:both}
.space_height_20{ width:100%; height:20px; font-size:0px; line-height:0px; display:block; clear:both}
.space_height_30{ width:100%; height:30px; font-size:0px; line-height:0px; display:block; clear:both}
.space_height_40{ width:100%; height:40px; font-size:0px; line-height:0px; display:block; clear:both}
.space_height_50{ width:100%; height:50px; font-size:0px; line-height:0px; display:block; clear:both}
.space_height_60{ width:100%; height:60px; font-size:0px; line-height:0px; display:block; clear:both}
.space_height_80{ width:100%; height:80px; font-size:0px; line-height:0px; display:block; clear:both}
.space_height_90{ width:100%; height:90px; font-size:0px; line-height:0px; display:block; clear:both}
.space_height_100{ width:100%; height:100px; font-size:0px; line-height:0px; display:block; clear:both}
.line_gray  { height: 1px; display: block; background-color: #ddd; margin: 20px 0;}


/*문자상담*/
.black_overlay{
    display: none;
    position: fixed;
    top: 0; bottom: 0;
    left: 0; right: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:10001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=50);
}

.white_content {
    display:none ;
    position: fixed;
    top: 0; bottom: 0;
    left: 0; right: 0;
    width: 100%;
    height: 100%;
    z-index:10002;
    overflow: auto;
}

.white_content table{ height:100%; padding: 20px}
.white_content table h4{ font-size: 18px; font-weight: bold; text-align: center;}
.white_content div.align_center{ text-align: center; }
.white_content table.center{height: 200px; padding: 20px; background: #fff; margin: auto; position:relative; border-radius: 10px;}
.white_content span.close a{ position: absolute; top: 10px; right: 10px; font-size: 30px; color: #000;}

.white_content table ul li{ display: block; text-align: center;}
.white_content table ul li a{ background-color: #333; width: 100%; display: block; color: #fff; height:48px; line-height: 48px; border-radius: 10px;}
.white_content table ul li a font{background: url(../img/ok_ico_foot.png) no-repeat;background-size:30px;width: 30px; height: 30px;display: inline-block; vertical-align: middle;}
.white_content table ul li a font.sms{background-position: 0 0; }
.white_content table ul li a font.tel{background-position: 0 -30px; }
.pop_black_overlay{
    display: ;
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:100001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=50);
}

.pop_content {
    display: ;
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    width:;
    height:;
    z-index:100002;
    overflow: auto;
}
.pop_content table{ height:100%; }
.pop_content table td{ text-align: center;}
.pop_content table h4{ font-size: 18px; font-weight: bold; text-align: center;}
.pop_content table.center{height: 100px; padding:; background:; margin: auto; position:relative; border-radius: 10px;}
.pop_content li { display: inline-block}
.pop_content li span{ display: block; width: 50px;height: 10px; border-radius: 5px;}
.pop_content li span.on { background-color: #fff;  }
.pop_content li span.off { background-color:#666 ; }