@charset "utf-8";

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0; padding:0; -webkit-text-size-adjust:none}
body,input,textarea,select,table,button{font-size:14px;line-height:1.25em;font-family:"",NanumGothic,"",Dotum,Helvetica,AppleGothic,Sans-serif}
body{position:relative; background-color:#ffffff; color:#000; word-wrap:break-word; word-break:break-all}
/*body.o{min-width:320px}*/
img,fieldset{border:0;}
ul,ol{list-style:none}
a{color:#000; text-decoration:none;}


 
#wrap{width:auto; margin:0 auto;}

/*top*/
#hd{width:100%; position:relative; padding:0px; margin:0px; }
#hd .top{ text-align:center;}

#hd .gnb {height:110px; width:100%; margin-bottom:7px;}
#hd .gnb .menu_area{height:67px; width:100%; text-align:center; background-image:url(images/main_menu_bg.gif);}

/*subtop*/
#shd{width:100%; position:relative; padding:0px; margin:0px;}
#shd .top {height:34px; width:100%; background-color:#ffffff; text-align:center; vertical-align:top; background:url(images/sub_top_title_bg.gif)}
#shd .top img{padding:0px; margin:0px;}
#shd .gnb {height:auto; width:100%; margin-bottom:15px; vertical-align:top;}
#shd .gnb .menu_area_main{height:32px; width:100%; background:url(images/sub_menu_bg.jpg); text-align:center; vertical-align:top; }
#shd .gnb .menu_area_main img{margin-left:9px; margin-right:8px; padding:0;}
#shd .gnb .menu_area_main ul{padding-top:7px;}
#shd .gnb .menu_area_main ul li{display:inline; text-align:center; margin-left:8px; margin-right:8px;}
#shd .gnb .menu_area_main ul li a{ font-family:Dotum; font-size:12px; font-weight:bold; color:#666;}
#shd .gnb .menu_area_main ul li a:hover{ font-family:Dotum; font-size:12px; font-weight:bold; color:#666;}
#shd .gnb .menu_area_main ul li.m_ov{display:inline; text-align:center; margin-left:8px; margin-right:8px; font-family:Dotum; font-size:12px; font-weight:bold; color:#ff4443;}
#shd .gnb .subdir{vertical-align:top; height:9px; width:100%; text-align:center; background:url(images/sub_menu_dir_bg.gif);}
#shd .gnb .subdir img{padding:0px; margin:0px;}
#shd .gnb .subdir_no_bg{vertical-align:top; height:9px; width:100%; text-align:center;}
#shd .gnb .subdir_no_bg img{padding:0px; margin:0px;}
#shd .gnb .subdir_as{vertical-align:top; height:9px; width:100%; text-align:center; background:url(images/sub_dir_bg_as.gif);}
#shd .gnb .subdir_as img{padding:0px; margin:0px;}
#shd .gnb .menu_area_sub{height:28px; width:100%; text-align:center; padding:0; margin:0; background:url(images/sub_menu_drop_bg.gif); vertical-align:top; }
#shd .gnb .menu_area_sub ul{padding-top:5px;}
#shd .gnb .menu_area_sub ul li{display:inline; text-align:center; margin-left:10px; margin-right:10px;}
#shd .gnb .menu_area_sub ul li a{ font-family:Dotum; font-size:12px; font-weight:bold; color:#fff;}
#shd .gnb .menu_area_sub ul li a:hover{ font-family:Dotum; font-size:12px; font-weight:bold; color:#fff;}
#shd .gnb .menu_area_sub ul li.sm_ov{display:inline; padding:3px 3px 3px 3px; margin-left:8px; margin-right:8px; font-family:Dotum; font-size:12px; font-weight:bold; color:#fff; background-color:#6d1717;}

#shd .gnb_as {height:auto; width:100%; vertical-align:top;}
#shd .gnb_as .menu_area_main{height:32px; width:100%; background:url(images/sub_menu_bg.jpg); text-align:center; vertical-align:top; }
#shd .gnb_as .menu_area_main img{margin-left:6px; margin-right:6px; padding:0;}
#shd .gnb_as .menu_area_main ul{padding-top:7px;}
#shd .gnb_as .menu_area_main ul li{display:inline; text-align:center; margin-left:8px; margin-right:8px;}
#shd .gnb_as .menu_area_main ul li a{ font-family:Dotum; font-size:12px; font-weight:bold; color:#666;}
#shd .gnb_as .menu_area_main ul li a:hover{ font-family:Dotum; font-size:12px; font-weight:bold; color:#666;}
#shd .gnb_as .menu_area_main ul li.m_ov{display:inline; text-align:center; margin-left:8px; margin-right:8px; font-family:Dotum; font-size:12px; font-weight:bold; color:#ff4443;}


/*contents*/
#con{width:100%; position:relative; padding:0px; margin:0px;}
#con .bt_detail{margin:0px; padding:0px; text-align:center; vertical-align:top;}
#con .notice{text-align:center; vertical-align:top; margin-bottom:20px;}

#con .sub{float:left; width:100%; vertical-align:top; margin-bottom:20px;}
#con .sub .img_area{float:left; width:100%; text-align:center; vertical-align:top;}
#con .sub .img_area p{margin:5px 15px 7px 15px; font-size:12px; color:#888;}
#con .sub .big_tl{margin:0px; padding:0px; text-align:center; vertical-align:top;}
#con .sub .big_copy{font-family:Dotum; font-size:14px; color:#666; line-height:140%; text-align:left; margin:10px 0px 20px 7px; padding-right:-15px; letter-spacing:-0.5px;}

#con .sub .big_copy span{color:#000;}
#con .sub .s_con_tl{float:left; width:auto; padding:3px 10px 3px 7px; background-color:#CCC; color:#000; font-size:14px; font-weight:bold; margin-bottom:5px;}
#con .sub .s_con_tl_dk{float:left; width:auto; padding:5px 10px 5px 7px; background-color:#999; color:#fff; font-size:14px; font-weight:bold; margin-bottom:5px;}
#con .sub .s_con_tl_h{float:left; width:auto; padding:5px 10px 5px 7px; background-color:#999; color:#fff; font-size:14px; font-weight:bold; margin-bottom:5px; margin-top:20px;}
#con .sub .s_con_tl_action{float:left; width:auto; padding:3px 10px 3px 7px; background-color:#ff4646; color:#fff; font-size:14px; font-weight:bold; margin-bottom:5px;}
#con .sub .s_con_copy{float:left; text-align:left; width:100%;}
#con .sub .s_con_copy p{font-family:Dotum; font-size:14px; line-height:120%; margin:0px 10px 20px 10px; letter-spacing:-0.5px; color:#666;}
#con .sub .con_copy{float:left; text-align:left; width:100%;}
#con .sub .con_copy p{font-family:Dotum; font-size:14px; line-height:140%; margin:7px 10px 7px 10px; letter-spacing:-0.5px; color:#222;}
#con .sub .con_copy p.add_copy{font-family:Dotum; font-size:14px; line-height:140%; margin:7px 10px 7px 10px; padding:5px 5px 5px 5px; letter-spacing:-0.5px; color:#222;}
.copy_size12{font-family:Dotum; font-size:12px; line-height:140%; letter-spacing:-0.5px; color:#666; }
.pink{color:#c32953; font-weight:bold;}
.pink_bg{color:#000; background-color:#FCC;}
.colored{color:#ff4443; font-weight:bold;}
.colored_bg{color:#000; background-color:#d3b6ff;}

#con .sub .con_copy .notice{font-family:Dotum; font-size:14px; margin:7px 20px 7px 20px; padding:3px 0px 3px 0px; background:#dec8ff;}
#con .sub .con_copy .notice p{letter-spacing:-0.5px; color:#222; line-height:140%;}
#con .sub .con_copy .notice2{font-family:Dotum; font-size:14px; margin:7px 10px 7px 10px; padding:3px 0px 3px 0px; background:#d0d7ff; text-align:left;}
#con .sub .con_copy .notice2 p{letter-spacing:-0.5px; color:#222; line-height:120%;}
#con .sub .con_copy .point{font-family:Dotum; font-size:14px; margin:5px 10px 10px 10px; padding:2px 0px 2px 0px; background:#ddd;}
#con .sub .con_copy .point p{letter-spacing:-0.5px; color:#222; line-height:95%;}
#con .sub .con_copy .add{font-family:Dotum; font-size:14px; margin:7px 10px 15px 10px; padding:2px 0px 2px 0px; background:#ddd;}
#con .sub .con_copy .add p{letter-spacing:-0.5px; color:#666; line-height:120%;}
#con .sub .tip{float:left; text-align:left; width:100%;}
#con .sub .tip img{float:left; margin-left:7px;}
#con .sub .tip_txt{float:left; text-align:left; width:100%;}
#con .sub .tip_txt p{font-family:Dotum; font-size:12px; line-height:120%; margin:5px 10px 5px 10px; letter-spacing:-0.5px; color:#666;}


#con .sub .list_copy{float:left; text-align:left; width:100%; border-bottom:solid 1px #ddd;}
#con .sub .list_copy p{font-family:Dotum; font-size:14px; line-height:140%; margin:7px 10px 7px 10px; letter-spacing:-0.5px; color:#222;}
#con .sub .img_area .left{float:left; width:50%; padding-left:10px; margin-rigth:-10px; margin-top:10px;}
#con .sub .img_area .left p{margin-top:5px; font-size:12px; color:#888; }
.s_blod{ font-weight:bold; color:#222;}
#con .sub .img_area .right{float:right; width:50%; padding-right:10px; margin-left:-20px; margin-top:10px;}
#con .sub .img_area .right p{margin-top:5px; font-size:12px; color:#888; }
#con .sub .list_img_area{float:left; width:100%; text-align:center; vertical-align:top; border-bottom:solid 1px #ddd;}
#con .sub .list_img_area p{margin:5px 15px 7px 15px; font-size:12px; color:#888;}
#con .sub .list_img_area .gap{margin-bottom:15px; margin-top:5px;}
#con .sub .list_img_area .left{float:left; width:50%; padding-left:10px; margin-rigth:-10px; margin-top:10px;}
#con .sub .list_img_area .left p{margin-top:5px; font-size:12px; color:#888; }
.s_blod{ font-weight:bold; color:#222;}
#con .sub .list_img_area .right{float:right; width:50%; padding-right:10px; margin-left:-20px; margin-top:10px;}
#con .sub .list_img_area .right p{margin-top:5px; font-size:12px; color:#888; }

#con .action {float:left; width:100%; vertical-align:top; display:inline; margin-bottom:15px;}
#con .action .er_code{float:left; width:23%; vertical-align:top;}
#con .action .er_code img{margin:0px; padding:0px; margin-right:15px; margin-left:10px; }
#con .action .code_copy{float:right; width:77%; text-align:left; vertical-align:top;}
#con .action .code_copy .title{text-align:left; font-family:Dotum; font-size:14px; color:#FFF; background-color:#666; font-weight:bold; line-height:120%; padding-top:5px;  padding-left:5px; padding-bottom:5px; margin-right:10px;}
#con .action .code_copy .action_copy{text-align:left; font-family:Dotum; font-size:12px; color:#666; line-height:140%; padding-top:5px; padding-bottom:5px; padding-left:5px; margin-right:10px;}

#con .as {float:left; width:100%; vertical-align:top; margin-bottom:20px; padding-bottom:10px; background-color:#de5683;}
#con .as .img_area{float:left; width:100%; text-align:center; vertical-align:top;}
#con .as .img_area p{margin:5px 15px 7px 15px; font-size:12px; color:#888;}
#con .as .big_copy{font-family:Dotum; font-size:14px; color:#666; line-height:120%; text-align:left; margin:10px 0px 20px 7px; padding-right:-15px; letter-spacing:-0.5px;}
#con .as .input_area{float:left; width:auto; vertical-align:top; border:#f2a7c0 solid 1px; padding:3px 3px 3px 3px; margin:3px 7px 15px 7px;}
#con .as .input_area h1 {color:#de5683; font:bold 13px "Dotum", Arial, sans-serif; background-color:#FFF;  padding:3px 3px 3px 3px; margin-bottom:10px;}
#subForm {font-size:12px; color:#FFF; width:298px;}
#subForm  p{margin-top:10px; margin-bottom:10px;}
.agree_check{width:auto; background-color:#c93163; padding:4px 4px 4px 4px; font-size:11px; margin-left:3px; margin-right:3px;}
#subForm .label {float:left; clear:left; width:65px; text-indent:3px; text-align:left; font-weight:bold; font-size:14px;}
#subForm input#name, input#email, textarea#comments {width:210px; font-family:"Dotum"; font-size:12px; padding:3px 3px 3px 3px;}
#subForm input#address{width:210px; font-family:"Dotum"; font-size:12px; padding:3px 3px 3px 3px; margin-left:65px; margin-top:-5px;}
#subForm input#post{width:40px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px 3px 3px 3px;}
#subForm input#phone {width:50px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px 3px 3px 3px; margin-left:5px;}
#subForm select#num {font-family:"Dotum";}
#subForm input#post_sch {font-family:"Dotum"; font-size:11px;}
#subForm  input#subscribe {font-family:"Dotum"; font-size:12px; width:80px; background-color:#333; border:1px solid #000; color:#FFF; font-weight:bold; margin-left:67px; padding:3px 0px 3px 0px;}
.radio_tx{margin-left:3px; margin-right:15px;}
.ck_tx{margin-left:2px; margin-top:-4px;}
#con .as .input_area .privacy{float:left; width:auto; vertical-align:top; padding:10px 10px 10px 10px; margin:3px 3px 10px 3px; background-color:#f9d8e3; font-family:"Dotum"; font-size:11px;}
#con .as .input_area .privacy p{letter-spacing:-1px; color:#555;}

/*test*/
#con .sub .contents {float:left; width:100%;}
#con .sub .contents ul {font-size:14px; padding-left:20px; list-style-type:decimal; list-style-position:outside; line-height:140%;}
#con .sub .contents li {margin:20px 10px 7px 10px; letter-spacing:-0.5px; color:#222;}
#con .sub .contents img{margin-top:5px; margin-bottom:15px; margin-left:-10px;}
#con .sub .contents ul p {letter-spacing:-0.5px; color:#222; background-color:#ddd; line-height:140%; margin-right:20px; padding:5px 5px 5px 5px;}
#con .sub .contents ul p.note{letter-spacing:-0.5px; color:#222; text-align:center; background-color:#ebcccc; line-height:140%; margin-right:20px; padding:5px 5px 5px 5px;}
.basic{letter-spacing:-0.5px; color:#444; line-height:120%; margin-right:20px; padding:5px 0px 15px 0px;}




/*footer*/
#ft {width:100%; position:relative; height:auto; margin:0px; padding:0px;}
#ft .menu{float:left; height:22px; width:100%; text-align:center; margin-top:15px; margin-bottom:15px;}
#ft .menu img{ margin-left:7px; margin-right:7px; cursor:pointer;}
#ft .as_no{float:left; width:100%; text-align:center; border-top-color:#333; border-top-width:1px; border-top-style:solid; vertical-align:top;}
#ft .as_no img{margin-top:4px;}
#ft .copy{float:left; width:100%; text-align:center; margin-top:5px; padding-bottom:5px; vertical-align:top;}