@charset "utf-8";

/* wrap */
#wrap{position:relative;}
#header,#footer{text-align:center;z-index:200000;}
#navigation{z-index:10000;}
.fix_wrap{position:relative;width:1000px;margin:0 auto;}
.fix_wrap .right{right:0;}
.fix_wrap .left{left:0;}

/*--------------------------------------------------------------------------------------------------------*/

/* header */
#header{font-size:13px;height:100px;overflow:hidden;}
#header a{display:inline-block;}
#header a:hover{text-decoration:none}
#header .fix_wrap div{position:absolute;margin:0;padding:0;}
#header .logo{display:inline-block;margin:17px 0 0 -25px;}
#header .sch_wrap{top:43px;right:0;width:235px;height:28px;text-align:right;border:1px solid #d5d5d5;}
#header .sch_wrap input{border:0px;vertical-align:middle;}
#header .sch_wrap input[type="text"]{width:195px;}
#header .btn_wrap{top:43px;}
#header .btn_wrap a{height:28px;line-height:27px;margin-right:2px;} 
*:first-child+html #header .btn_wrap a{margin-right:4px;}
#header .btn_wrap.left i{margin-right:4px;}
#header .btn_wrap.left a{padding:0 10px;color:#676767;border:1px solid #b3b3b3;}
#header .btn_wrap.left a:hover{color:#f74d4a;border:1px solid #f9716e;}
#header .btn_wrap.right{top:74px;right:0px;}
#header .btn_wrap.right a{width:auto;}
#header .btn_wrap .twitter{color:#fff;background:#55acef;border:1px solid #489eec;}
#header .btn_wrap .facebook{color:#fff;background:#4a6dae;border:1px solid #3e5ea1;}
#header .btn_wrap.right{font-size:12px;line-height:18px;}
#header .btn_wrap.right a{display:inline-block;margin-left:10px;}
#header .btn_wrap.right a:hover{color:#4575df;}
#header .btn_wrap.right i{margin-top:2px;margin-right:5px;color:#4575df;}
#header .btn_wrap.right span{display:inline-block;border-left:1px solid #dddddd;height:41px;padding:5px 12px 0 12px;}
#header .txt_wrap{top:12px;font-size:13px;}
#header .txt_wrap a{color:#888;padding:0 4px;}
#header .txt_wrap a:hover{color:#000;}
#header .txt_wrap.left a{letter-spacing:0px;font-size:13px;}
#header .txt_wrap.right a{letter-spacing:-1px;font-size:12px;}

/* navigation */
#navigation{position:relative;height:47px;line-height:47px;}
#navigation > .bg{position:absolute;top:0;left:0;width:100%;height:45px;line-height:45px;border-top:1px solid #d5d5d5;border-bottom:1px solid #dddddd;z-index:-1;}
#navigation a{display:inline-block;width:142px;text-align:center;float:left;}
#navigation .menu{position:relative;font-size:15px;overflow:hidden;height:100%;}
#navigation .menu a{position:relative;font-weight:bold;}
#navigation .menu a:hover{color:#1590ff;text-decoration:none}
#navigation .menu a i{position:absolute;top:-50px;left:50%;margin-left:-5px;font-size:19px;opacity:0;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;}
#navigation .menu a:hover i{top:-7px;opacity:1;}
#navigation .menu a.on{color:#2c9afe;}
#navigation .menu a.on i{top:-7px;opacity:1;}
#navigation .menu .mu_all .mu_wrap span a:hover{color:#fff;text-decoration:underline;}
#navigation .menu .mu_all .mu_wrap span a {font-weight:normal;}
#navigation .btn_wrap{position:absolute;top:0px;margin:0;padding:0;z-index:3;}
#navigation .btn_wrap #showmu_2{height:45px;line-height:45px;padding:0 15px;color:#fff;background:#478ddc;border:1px solid #3c78bb;display:inline-block;cursor:pointer}
#navigation .btn_wrap #showmu_2 i{margin-left:7px;}
#navigation .btn_wrap.right{font-size:12px;line-height:18px;}
#navigation .btn_wrap.right a{display:block;}
#navigation .btn_wrap.right a:hover{color:#4575df;}
#navigation .btn_wrap.right i{margin-top:2px;margin-right:8px;color:#4575df;}
#navigation .btn_wrap.right span{display:inline-block;border-left:1px solid #dddddd;height:41px;padding:5px 12px 0 12px;}

/* menu_all */
.fix_wrap:hover .mu_all {display:block;}
.mu_all{display:none;top:0;left:0;width:998px;height:236px;text-align:center;overflow:hidden;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;float:left;}
.mu_all{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.mu_all.mu_all-open {top:0px;height:320px;border:1px solid #d5d5d5;}
.mu_all.mu_all-open .mu_wrap{margin-top:0px;}
.mu_all #closemu{position:absolute;top:0px;right:0px;z-index:3;}
.mu_all #closemu{width:30px;height:30px;line-height:30px;background:#7d7b7c;border:1px solid #706e6f;color:#fff;display:inline-block;cursor:pointer;}
.mu_all .mu_wrap{overflow:hidden;line-height:25px;width:100%;height:100%;margin-top:0px;background:#4575df;opacity:0.9;}
.mu_all .mu_wrap span{display:inline-block;width:142px;height:100%;padding:10px 0;float:left;}
.mu_all .mu_wrap span.last {width:146px;}
.mu_all .mu_wrap span:hover {background:#235ee0;}
.mu_all .mu_wrap span:first-child{border-left:0px solid #d5d5d5;}
.mu_all .mu_wrap span p{font-size:16px;margin-top:10px; line-height:50px; cursor:pointer;}
.mu_all .mu_wrap span a{width:100%;display:block;padding:5px 0;font-size:13px;line-height:110%;letter-spacing:-1.5px;}
.mu_all .mu_wrap span a{color:#fff;}

/* footer */
#footer{padding-top:40px;font-size:12px;line-height:18px;background:#2f2f2f;color:#b0b0b0;}
#footer a{color:#8c8c8c;}
#footer a:hover{color:#fff;text-decoration:none}
#footer .menu{font-size:14px;padding-bottom:17px;}
#footer .menu > a{padding:0 8px;}
#footer .quick_links {text-align:left;display:inline-block;overflow:hidden;}
#footer .quick_links .col4 {position:relative;width:25%;float:left;}
#footer .quick_links .links {padding:0 20px;}
#footer .quick_links h3 {font-weight:bold;font-size:18px;color:rgba(255,255,255,0.8);line-height:36px;}
#footer .quick_links li {line-height:30px;padding:10px 0;font-size:14px;line-height:1.6;color:rgba(255,255,255,0.4);border-bottom:1px solid #424242;}
#footer .quick_links .lang {overflow:hidden;}
#footer .quick_links .lang li {float:left;padding:0 8px;border:none;}
#footer .quick_links .lang li:first-child {padding-left:0;}
#footer .quick_links .sns {margin-top:16px;}
#footer .quick_links .sns a {display:inline-block;width:28px;height:28px;margin-right:2px;line-height:27px;text-align:center;border:1px solid #d5d5d5;}
#footer .quick_links .sns a.youtube {color:#fff;background:#e62117;border:1px solid #d31a11;}
#footer .quick_links .sns a.twitter {color:#fff;background:#55acef;border:1px solid #489eec;}
#footer .quick_links .sns a.facebook {color:#fff;background:#4a6dae;border:1px solid #3e5ea1;}
#footer .quick_links .sns a.blog {background:#fff;border:1px solid #50b948;}
#footer .quick_links .sns a.cafe {background:#4a6dae;border:1px solid #50b948;}
#footer .quick_links .sns a.kakao {background:#4a6dae;border:1px solid #f2e12a;}
#footer .familysite {margin:25px 0 10px 0;}
#footer .familysite_tit {position:relative;width:185px;height:34px;line-height:32px;padding:0 10px;border-radius:3px;background:#07b075;color:#fff;font-size:14px;font-weight:bold;cursor:pointer;letter-spacing:0;text-align:center}
#footer .familysite_tit i {content:'';position:absolute;top:50%;right:10px;width:10px;height:6px;margin-top:-8px;font-size:16px;}
#footer .familysite_list {display:none;position:absolute;top:117px;left:20px;margin-bottom:-1px;}
#footer .familysite_list ul {width:177px;padding:14px;background:#07b075;color:#fff;font-size:13px;font-weight:300;}
#footer .familysite_list ul li {padding:2px 0;border:none;}
#footer .familysite_list ul li a {color:#fff;}
#footer .familysite.active .familysite_tit {border-bottom-left-radius:0;border-bottom-right-radius:0;}
#footer .familysite.active .familysite_list {display:block;}
#footer .quick_links .btns .btn {display:inline-block;vertical-align:middle;width:98%;height:34px;margin-bottom:10px;padding:0 5%;border:1px solid #fff;border-radius:3px;background:#fff;color:#07b075;line-height:34px;text-align:center;font-family:'Open Sans','맑은 고딕','Malgun Gothic','나눔 고딕','Nanum Gothic','dotum';font-size:13px;font-weight:600;cursor:pointer;letter-spacing:-1px;}
#footer .quick_links .btns .btn:hover {color:#fff;background:#07b075;border:#07b075;}
#footer .quick_links .btns .btn:last-child {margin-bottom:0;}
#footer .copyright {width:100%;margin-top:40px;padding:30px 0;text-align:center;color:#c0c0c0;background-color:#222;letter-spacing:0;line-height:20px;}
#footer .copyright .company_num {color:rgba(255,255,255,0.4);font-size:11px;letter-spacing:-0.5px;}
#footer .copyright a {color:#07b075;letter-spacing:-1px;}

/* foot_put */
.foot_put{text-align:left;}
.foot_put{height:100px;border-top:1px solid #d5d5d5;}
.foot_put .fix_wrap > div{position:absolute;}
.foot_put div.ft_family{top:16px;width:1000px;height:68px;overflow:hidden;}
.foot_put div.ft_family .opaimg {background-color:#ffffff;opacity:0.6;}
.foot_put div.ft_family li{width:1000px;height:68px;text-align:center;}
.foot_put .ft_ad{top:33px;right:273px;padding:0 17px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
.foot_put .ft_ad a{font-size:13px;line-height:18px;margin:0 5px;display:inline-block;}
.foot_put .ft_ad a:hover{color:#1590ff;}
.foot_put .ft_ad i{font-size:20px;color:#07b075;}	
.foot_put .ft_help{top:30px;right:0;}
.foot_put .ft_help em{font-size:13px;display:block;}
.foot_put .ft_help i{font-family:tahoma;font-size:16px;font-weight:bold;color:#07b075;letter-spacing:0;text-decoration:none;}

/* fx_box */
.fx_box{position:fixed;top:100px;right:-1px;z-index:10000;}
.fx_box{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}			
.fx_box.fx_box-close {right:-167px;}
.fx_box.fx_box-close #closebox .open{position:absolute;top:-1px;right:165px;}
.fx_box.fx_box-close .topup{position:absolute;top:40px;right:165px;}
.fx_box .closebox{cursor:pointer;}
.fx_box .closebox .close{position:absolute;top:0;right:0;}
.fx_box .closebox .close i{padding:7px;}
.fx_box .closebox .open{position:absolute;top:-1px;right:-165px;}
.fx_box .closebox .open{font-size:12px;line-height:14px;width:40px;height:40px;text-align:center;color:#fff;background:#08b075;border:1px solid #079161;display:inline-block;}
.fx_box .closebox .open{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}			
.fx_box .closebox .open i{display:block;font-size:14px;padding-top:6px;}
.fx_box{width:80px;padding:15px;background:#fff;border:1px solid #dddddd;}
.fx_box .box_conten{font-size:12px;line-height:15px;}
.fx_box .box_conten a{padding:10px 0;color:#8c8c8c;display:block;}
.fx_box .box_conten a:hover,
.fx_box .box_conten a:hover em{color:#07b075;text-decoration:none}
.fx_box .box_conten a i{font-size:14px;padding-bottom:6px;display:block;color:#626262;}
.fx_box .box_conten em{font-size:11px;color:#8c8c8c;display:block;}
.fx_box .box_conten p{border-top:1px solid #e5e5e5;padding:4px 0;}
.fx_box .box_conten p:first-child{border-top:0px solid #e5e5e5;}
.fx_box .topgo{position:absolute;bottom:-40px;right:0;}			
.fx_box .topgo{font-size:12px;width:100%;text-align:center;}
.fx_box .topgo i{display:block;}
.fx_box .topup{position:absolute;top:40px;right:-165px;}
.fx_box .topup{font-size:12px;line-height:14px;width:40px;height:40px;text-align:center;color:#fff;background:#08b075;border:1px solid #079161;display:inline-block;}
.fx_box .topup{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease; transition:all 0.3s ease;}
.fx_box .topup i{display:block;font-size:14px;padding-top:6px;}
.fx_box .topup a{color:#fff;}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/*--------------------------------------------------------------------------------------------------------*/

/* container : main */
.main{background:#f7f7f9;padding:20px 0;}
.main section{display:inline-block; background:#fff;position:relative;border-width:0 1px 1px 1px;border-style:solid;border-color:transparent #efeff1 #dedee0 #efeff1;}
.main section{width:327px;padding:0;margin:0 4px 8px 0;overflow: hidden;}
.main .btngo{position:absolute;top:0;right:0;text-align:center;}
.main .btngo a{min-width:30px;height:30px;line-height:30px;color:#fff;background:#c7c7c7;display:inline-block;}
.main .btngo a:hover{background:#6a6869;text-decoration:none;}
.main .group{text-align:center;padding:30px;position:relative;/*cursor:pointer;*/}
.main .group:hover{/*background: #f2f2f2;*/}
.main .group .react img{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;}
.main .group:hover .react img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.main .group:hover .txt03{text-decoration:underline}
.main .video_wrap {padding-bottom:10px;}
.main .img_wrap{margin:0 0 10px 0;}
.main .img_wrap img{width:100%;padding:0 0 21px 0;}
.main .img_wrap_2 img{width:100%;transition:all 0.2s linear 0s;padding:0 0 21px 0;}
.main .img_wrap_2 img:hover {transform:scale(1.1,1.1);cursor:pointer;}
.main .txt_wrap{text-align:left;}
.main .txt_wrap .txt01{padding:10px 0;display:inline-block;border-bottom:1px solid #b2b2b2; color:#333;font-weight:bold;}
.main .txt_wrap .txt02{font-size:18px;line-height:20px;padding:10px 0;color:#000;}
.main .txt_wrap .news a{font-size:14px;line-height:20px;display:block;margin-top:10px;}
.main .txt_wrap .news a:hover{text-decoration:none}
.main .txt_wrap .news a:hover span{text-decoration:underline;}
.main .txt_wrap .news a:first-child{font-size:18px;line-height:25px;color:#000;margin-bottom:24px;}
.main .txt_wrap .news a em{font-size:12px;letter-spacing:0px;color:#888;display:block;margin-top:-5px;}
.main .group.btn_banner{padding:0;text-align:left;height:81px;cursor:default;}
.main .group.btn_banner:hover{background:transparent;}
.main .group.btn_banner > div{width:163px;height:81px;position:absolute;top:0;overflow:hidden;}
.main .group.btn_banner > div span{font-size:13px;color:#333;line-height:18px;margin:24px 0 0 54px;display:inline-block;}
.main .group.btn_banner > div span>em{font-size:12px;color:#565656;letter-spacing:0;}
.main .group.btn_banner .bn_01{left:0;border-right:1px solid #d5d5d5;}
.main .group.btn_banner .bn_02{right:0;}
.main .main_right {position:absolute;top:50px;right:0;width:328px;min-height:1140px;margin:0;}
.main .main_right .box {position:relative;margin-top:8px;padding:30px;border-width:0 1px 1px 1px;border-style:solid;border-color:transparent #efeff1 #dedee0 #efeff1;background:#fff;}

/*--------------------------------------------------------------------------------------------------------*/

/*notice*/
.main section.main_noti {position:relative;overflow:hidden;width:602px;height:76px;padding:0 30px;}
.main_noti .noti_tit {display:inline-block;vertical-align:top;line-height:50px;}
.main_noti .noti_tit h3 {display:inline-block;font-weight:bold;font-size:14px;color:#000;letter-spacing:-2px;}
.main_noti .noti_tit .more {display:inline-block;vertical-align:middle;margin-left:6px;line-height:50px;color:#888;}
.main_noti a.noti_tit:hover {text-decoration:none;}
.main_noti .noti_list {display:inline-block;padding-left:35px;}
.main_noti .noti_list ul {padding:8px 0;}
.main_noti .noti_list li {line-height:30px;}
.main_noti .noti_list li .noti_subj {display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;/*width:380px*/width:406px;padding-right:25px;font-weight:bold;font-size:13px;color:#000;}
.main_noti .noti_list li .noti_date {display:inline-block;font-family:tahoma;color:#c8c8c8;}
.main_noti .noti_controller .btn {padding:0;margin:0;border:0;line-height:0;background:none;font-size:16px;cursor:pointer;outline:0;}
.main_noti .noti_controller .prev {position:absolute;top:9px;right:30px;}
.main_noti .noti_controller .next {position:absolute;bottom:9px;right:30px;}

/* main_01 */
.main .main_01 .group{cursor:default;min-height:110px;}
.main .main_01 .group:hover{background:transparent;}
.main .main_01 .btngo{font-weight:bold;}

/* main_02 */
.main .main_02{min-height:170px;}

/* main category */
.main_category section {width:662px;height:280px;min-height:280px;overflow:hidden;}
.main_category .group {padding:20px;text-align:left;}
.main_category .tab {vertical-align:middle;width:664px;height:40px;text-align:center;}
.main_category .tab ul {display:inline-block;vertical-align:middle;width:100%;}
.main_category .tab li {display:inline;float:left;width:110.3333px;}
.main_category .tab span {display:block;height:39px;/*padding:0 25px;*/margin:0;margin-right:-1px;border-top:#ccc solid 1px;border-left:#ccc solid 1px;border-right:#ccc solid 1px;border-bottom:#bbb solid 1px;background:#f5f5f5;background:-webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);background:-moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);background:-ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);background:-o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);background:linear-gradient(top, #ffffff 0%, #f9f9f9 100%);color:#4b4c4e;box-shadow:inset 0 -1px 0 #ebebeb;font-weight:bold;letter-spacing:-1px;line-height:39px;text-align:center;cursor:default;}
.main_category .tab li.on span {border-top:#4575df solid 4px;background:#f5f5f5;background:-webkit-linear-gradient(top, #f9f9f9 0%, #ffffff 100%);background:-moz-linear-gradient(top, #f9f9f9 0%, #ffffff 100%);background:-ms-linear-gradient(top, #f9f9f9 0%, #ffffff 100%);background:-o-linear-gradient(top, #f9f9f9 0%, #ffffff 100%);background:linear-gradient(top, #f9f9f9 0%, #ffffff 100%);text-decoration:none;color:#4575df;}
.main_category .tab span:hover {border-top:#4575df solid 4px;border-bottom:#ccc solid 1px;background:#f5f5f5;background:-webkit-linear-gradient(top, #f9f9f9 0%, #ffffff 100%);background:-moz-linear-gradient(top, #f9f9f9 0%, #ffffff 100%);background:-ms-linear-gradient(top, #f9f9f9 0%, #ffffff 100%);background:-o-linear-gradient(top, #f9f9f9 0%, #ffffff 100%);background:linear-gradient(top, #f9f9f9 0%, #ffffff 100%);text-decoration:none;}
.main_category .btn {margin:0 4px 8px 4px;cursor:pointer;display:inline-block;vertical-align:middle;height:40px;width:300px;border:none;border-radius:4px;background:#f8f8f8;font-size:13px;color:#565656;letter-spacing:-1px;line-height:40px;text-align:center;}
.main_category .btn:hover {border:none;background:#dedede;color:#252d3a;text-decoration:none;}

/* main_03 */
.main .main_03{min-height:170px;}
.main .main_03 .group{border-top:1px solid #e5e5e5;}
.main .main_03 .group:first-child{border:0px;}
.main .main_03 .txt_wrap .txt01{padding:0px 0 10px 0;}

/* main_04 */
.main .main_04{min-height:425px;}

/* main_r_search */
.main .main_r_search h3 {font-weight:bold;font-size:18px;color:#172863;}
.main .main_r_search {height:240px;background:#fff;}
.main .main_r_search.box {margin-top:0;}
.main .main_r_search .form {display:inline-block;vertical-align:middle;width:100%;margin-top:12px;border-radius:10px;}
.main .main_r_search .form .f_wrap {display:inline-block;vertical-align:middle;width:100%;padding:4px 0;}
.main .main_r_search .form .f_field {display:inline-block;vertical-align:middle;float:left;position:relative;width:100%;}
.main .main_r_search .form .f_field .ff_title {position:absolute;left:0;top:0;color:#333;text-align:left;line-height:26px;}
.main .main_r_search .form .f_field .ff_wrap {position:relative;display:block;margin-left:90px;}
.main .main_r_search .form .f_field input {display:inline-block;vertical-align:middle;width:100%;height:22px;margin:0;padding:0;border:none;border-radius:4px;color:#888;font:13px 'Open Sans','맑은 고딕','Malgun Gothic' ;letter-spacing:-0.5px;line-height:24px;text-align:left;text-indent:6px;border-top:#d5d5d5 solid 1px;border-left:#d2d2d2 solid 1px;border-right:#d2d2d2 solid 1px;border-bottom:#b9b9b9 solid 1px;background:#f8f8f8;}
.main .main_r_search .form .f_field select {display:inline-block;vertical-align:middle;width:100%;height:24px;margin:0;padding:0;border:none;border-radius:4px;color:#888;font:13px 'Open Sans','맑은 고딕','Malgun Gothic' ;letter-spacing:-0.5px;line-height:26px;text-align:left;text-indent:6px;border-top:#d5d5d5 solid 1px;border-left:#d2d2d2 solid 1px;border-right:#d2d2d2 solid 1px;border-bottom:#b9b9b9 solid 1px;background:#f8f8f8;}
.main .main_r_search .form .btn_wrap {margin-top:14px;}
.main .main_r_search .form .btn {width:100%;display:inline-block;vertical-align:middle;height:35px;padding:0px 12px;font-weight:bold;font-size:15px;letter-spacing:-1px;line-height:33px;border:none;border-radius:4px;background: #172863;color:#fff;text-align:center;cursor:pointer;}
.main .main_r_search .quick_link {margin-top:10px;}
.main .main_r_search .quick_link a {font-size:12px;}

/* main_r_01 */
.main .main_r_banner {position:absolute;top:0;right:0;margin:0;width:328px;background:#4575df;border:none;}
.main .main_r_banner.group {height:50px;padding:0;}
.main .main_r_banner i {position:absolute;top:14px;left:30px;font-size:24px;color:#fff;}
.main .main_r_banner .txt04 a {display:inline-block;padding:0 0 0 75px;color:#fff;font-size:12px;line-height:52px;}
.main .main_r_01 {height:210px;}

/* main_r_02 */
.main .main_r_02 {height:110px;}

/* main_r_03 */
.main .main_r_03 .txt_wrap span{display:block;}
.main .main_r_03 .txt_wrap em{padding-right:5px;}
.main .main_r_03 .txt_wrap .txt02{line-height:23px;padding:15px 0 10px 0;}
.main .main_r_03 .txt_wrap .txt02 span{font-family:'Open Sans','맑은 고딕','Malgun Gothic','나눔 고딕','Nanum Gothic','dotum';}
.main .main_r_03 .txt_wrap .txt02 span{font-size:14px;letter-spacing:0px;padding-left:3px;}
.main .main_r_03 .txt_wrap .txt02 a{color:#000;}
.main .main_r_03 .txt_wrap .txt02 i{font-size:14px;color:#565656;margin-left:5px;}
.main .main_r_03 .txt_wrap .txt03{line-height:23px;padding-top:4px;}
.main .main_r_03 .img_wrap{height:100px;overflow:hidden;}

/* main_cs */
.main .main_r_cs.box {text-align:left;padding:20px 30px;}
.main .main_r_cs {height:86px;font-size:14px;line-height:16px;letter-spacing:0;}
.main .main_r_cs span {display:inline-block;padding-bottom:10px;font-size:14px;font-weight:bold;letter-spacing:-2px;color:#000;}
.main .main_r_cs em {display:inline-block;font-family:tahoma;font-size:24px;letter-spacing:0;color:#07b075;}

/* main_visual */
.main .main_visual .flex-control-nav {position:absolute;top:25px;right:27px;z-index:1;}
.main .main_visual .flex-control-nav li {position:relative;margin: 0 4px;display:inline-block;zoom:1;*display:inline;}
.main .main_visual .flex-control-paging li a {width:10px;height:10px;display:block;background:#808085;border:1px solid #77777c;cursor:pointer;text-indent:-9999px;-webkit-border-radius: 1px;-moz-border-radius: 1px; -o-border-radius: 1px;border-radius:1px;}
.main .main_visual .flex-control-paging li a:hover {border:1px solid #489eec;background:#55acef;}
.main .main_visual .flex-control-paging li a.flex-active {border:1px solid #489eec;background:#55acef;}
.main .main_visual{width:662px;height:350px;min-height:350px;position:relative;overflow:hidden;display:block;}
.main .main_visual li{float:left;position:relative;}
.main .main_visual .img_wrap{margin:0px;padding:0;}
.main .main_visual .img_wrap{width:662px;height:350px;display:block;}
.main .main_visual .txt_wrap{position:absolute;top:42px;left:45px;}
.main .main_visual .txt_wrap{width:418px;}
.main .main_visual .txt_wrap .txt01{font-size:15px;padding:0;letter-spacing:-2px;color:#333;border:0px;font-weight:normal;}
.main .main_visual .txt_wrap .txt02{font-family:'맑은고딕', Malgun Gothic, Arial, Dotum, sans-serif;font-weight:bold;font-size:28px;padding:0 0 14px 0;letter-spacing:-3px;color:#333; line-height:40px;}
.main .main_visual .txt_wrap .txt_s {font-size:12px; vertical-align:baseline;}
.main .main_visual .txt_wrap .font_eng {font-family:'Open Sans', Arial, sans-serif; letter-spacing:-0.5px;}
.main .main_visual .txt_wrap .txt03{font-size:14px;line-height:20px;}
.main .main_visual .txt_wrap .txt03_2{font-size:14px;line-height:20px;padding:0 0 10px 0;}
.main .main_visual .txt_wrap .txt04{font-size:13px;margin-top:33px; display:block;}
.main .main_visual .txt_wrap .txt04 a{text-decoration:underline}
.main .main_visual .txt_wrap .txt04 a:hover{color:#000;}
.main .main_visual .txt_wrap .txt04_2{font-size:13px;margin-top:120px;display:block;}
.main .main_visual .txt_wrap .txt04_2 a{text-decoration:underline}
.main .main_visual .txt_wrap .txt04_2 a.blank{text-decoration:underline;display:inline-block;padding:0 47px 0 0;}
.main .main_visual .txt_wrap .txt04_2 a:hover{color:#000;}

/*ie7*/
*:first-child+html .main section{margin-right:6px;}
*:first-child+html .main .main_right{ margin:0 0px 0px 0;}

/*--------------------------------------------------------------------------------------------------------*/

/* container : sub */
/* sub_conten */
.sub_conten .fix_wrap{padding:50px 0;}
.sub_conten .fix_wrap > div{padding:0; margin:0;}
.sub_conten .conten_nav,.sub_conten .conten_page{display:inline-block;position:relative;}
.sub_conten .conten_nav{width:220px;}
.sub_conten .conten_page{width:777px;}

/* conten_nav */
.conten_nav > div{width:160px;}
.conten_nav .title{font-size:18px;padding-bottom:25px;color:#222;border-bottom:2px solid #55acef;}
.conten_nav .menu{margin:20px 0 50px 0;line-height:30px;}
.conten_nav .menu p{position:relative;}
.conten_nav .menu p i{position:absolute;top:9px;right:0;font-size:10px;display:none;}
.conten_nav .menu p:hover i{color:#1590ff;display:block;}
.conten_nav .menu p a{width:100%;display:inline-block;letter-spacing:-1.5px;}
.conten_nav .menu p:hover a{color:#1590ff;text-decoration:none;}
.conten_nav .menu p.on a{color:#1590ff;}
.conten_nav .menu p.on i{color:#1590ff;display:block;}
.conten_nav .nav_ad{font-size:13px;line-height:16px;color:#8c8c8c;border-top:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;}
.conten_nav .nav_ad a{color:#767676;display:inline-block;}
.conten_nav .nav_ad p:hover a{color:#f74d4a;text-decoration:none}
.conten_nav .nav_ad p:hover i{color:#f9716e;}
.conten_nav .nav_ad i{font-size:16px;margin:2px 15px;}
.conten_nav .nav_ad p{padding:14px 0;border-top:1px solid #e4e4e4;}
.conten_nav .nav_ad p:first-child{border-top:0px solid #e4e4e4;}

/* conten_page_place */
.conten_page_place{position:absolute; top:28px;right:5px; font-size:12px;}
.conten_page_place i{padding:0 5px;}
.conten_page_place .gap{width:1px;height:10px;margin:7px 4px 0 9px; background:#ccc; display:inline-block;}
.conten_page_place .txt_wrp{color:#999;}
.conten_page_place .txt_wrp em{color:#565656;}
.conten_page_place .print{color:#2c9bff;cursor:pointer;}
.conten_page_place .print > i{color:#44a6ff;}

/*--------------------------------------------------------------------------------------------------------*/

/* conten_page */
.conten_page .page_title{font-size:22px;line-height:22px;color:#333;padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #c6c6c6;}
.conten_page .page_title_cmt {font-size:14px; color:#555; letter-spacing:-1; }
.conten_page .page_title p{font-size:18px; line-height:26px; padding-top:15px;}
.conten_page .page_title p.requ {font-size:13px;}
.conten_page .page_title p.s_txt {font-size:16px; line-height:24px;}

/* Info */
.conten_page .Info .info04_left{ float:left;}
.conten_page .Info .info04_right { float:right; width:400px; padding-top:50px;  padding-right:20px; }
.conten_page .Info .info04_right dd { display:inline; }
.conten_page .Info p{padding-bottom:10px;}
.conten_page .Info .img_wrp{padding:20px 0 20px 0;}
.conten_page .img_centro { text-align:center; }
.info04_table  th { padding:5px; width:400px; border:1px solid #999; text-align:center; background-color:#ccc; }
.info04_table  td { padding:5px; width:400px; border:1px solid #999; text-align:center; }


/*--------------------------------------------------------------------------------------------------------*/
/* 게시판 및 각종 버튼 */
/*--------------------------------------------------------------------------------------------------------*/

/* hidden 처리 */
hr,caption{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
.hide{position:absolute;top:-9999px;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
.font9 {  text-decoration:none; font-weight:normal; font-family: "돋움", "돋움체", "Verdana"; font-size: 12px; color:#666666; line-height:25px; }
a.font9 {  text-decoration:none; font-weight:normal; font-family: "돋움", "돋움체", "Verdana"; font-size: 12px; color:#666666; line-height:25px;  }
.font10_gray {  text-decoration:none; font-weight:normal; font-family: "돋움", "돋움체", "Verdana"; font-size: 13px; color:#666666; line-height:120%; }
a.font10_gray {  text-decoration:none; font-weight:normal; font-family: "돋움", "돋움체", "Verdana"; font-size: 13px; color:#666666; line-height:120%;  }
.font11 {  text-decoration:none; font-weight:bold; font-family: "돋움", "돋움체", "Verdana"; font-size: 11pt; color:#555588; }
a.font11 {  text-decoration:none; font-weight:bold; font-family: "돋움", "돋움체", "Verdana"; font-size: 11pt; color:#555588; }
.font11_bk {  text-decoration:none; font-weight:bold; font-family: "돋움", "돋움체", "Verdana"; font-size: 11pt; color:#222222; }
a.font11_bk {  text-decoration:none; font-weight:bold; font-family: "돋움", "돋움체", "Verdana"; font-size: 11pt; color:#222222; }
.font11_gray {  text-decoration:none; font-weight:bold; font-family: "돋움", "돋움체", "Verdana"; font-size: 11pt; color:#666666; }
a.font11_gray {  text-decoration:none; font-weight:bold; font-family: "돋움", "돋움체", "Verdana"; font-size: 11pt; color:#666666; }
.font14 {  text-decoration:none; font-weight:bold; font-family: "돋움", "돋움체", "Verdana"; font-size: 14pt; color:#555588; }
a.font14 {  text-decoration:none; font-weight:bold; font-family: "돋움", "돋움체", "Verdana"; font-size: 14pt; color:#555588; }
.font_white {  color:#ffffff; }
a.font_white {  color:#ffffff; }

/* 달력 */
p.calheader{height:30px; line-height:30px; text-align:center; repeat-x left top;}
p.calheader select{font-weight:bold;}
p.calheader select#cal2{margin:5px 0 0 10px;}
p.calheader strong{font-size:14px; color:#333; font-weight:bold; vertical-align:middle;}
p.calheader button.cprev{width:4px; height:7px; vertical-align:middle; }
p.calheader button.cnext{width:4px; height:7px; vertical-align:middle; }
p.calheader span.prev a {display:inline-block; width:21px; height:19px; vertical-align:middle; }
p.calheader span.next a {display:inline-block; width:21px; height:19px; vertical-align:middle; }
div.calendar{border-bottom:1px solid #e2e2e2;}
div.calendar table thead th{height:20px; font-size:11px; color:#666; font-weight:bold; text-align:center; line-height:20px;}
div.calendar table tbody td{height:20px; font-size:11px; color:#666; text-align:center; line-height:20px;}
div.calendar table tbody td.sun{color:#e02102;}
div.calendar table tbody td.sat{color:#1453cf;}
div.calendar table tbody td.gray{color:#ffffff; }
div.calendar table tbody td strong.today{display:inline-block; width:16px; border:1px solid #1453cf; color:#fff; background:#4c77ec;}
p.calClose {text-align:right; vertical-align:top;} 
p.calClose a {display:inline-block; height:18px; padding:1px 18px 0 0; font-size:11px; color:#a7a7a7; line-height:19px; vertical-align:middle; text-align:right; background:url(/img/btn_calclose.gif) no-repeat right top;}
div#carLayer{position:relative; z-index:111;}
div#carLayer iframe#calFrame{position:absolute; left:0; top:3px; z-index:999; width:199px; height:194px; border:0; background:#fff;}
#paging{text-align:center; padding:10px; }
.paging a,
.paging strong{ position:relative; display:inline; margin-right:1px; padding:3px 6px 6px 6px; text-decoration:none; border:1px solid #ffffff; line-height:normal; font:bold 12px Verdana,Sans-Serif; width:26px;}
.paging strong{color:#FF0000 !important; border:1px solid #cccccc;  background:#FFFFFF;}
.paging a:focus:hover{ background:#ffffff; text-decoration:underline; border:1px solid #cccccc; font:bold 12px Lucida Sans, Lucida Grande, Lucida Sans Unicode,Verdana,Sans-Serif; color:#000000}
.paging .pre, .paging .next{font-weight:normal; display:inline; color:#333333; border:1px solid #333333; background:#ffffff; position:relative; top:-1px; font-size:12px; font-family:Lucida Sans, Lucida Grande, Lucida Sans Unicode,Verdana,Gulim,"나눔고딕",Nanum Gothic, Dotum,helvetica,Arial,Sans-Serif; width:84px;}
.input_btn {font-size:12px;font-weight:bold;text-decoration:none;width:120px;height:30px;padding:3px 3px 3px 3px;}
.input_btn_normal	{ background-color:#4c5461; color:#FFFFFF; border:1px solid #333333; }
.input_btn_red		{ background-color:#e21e26; color:#FFFFFF; border:1px solid #e21e26; }
.input_btn_blue		{ background-color:#1e26e2; color:#FFFFFF; border:1px solid #1e26e2; }
.input_btn_white	{ background-color:#ffffff; color:#333333; border:1px solid #b2b4c0; }
.input_select { height:28px; border:solid 1px #CCCCCC; font-family:NanumGothic, Dotum,Gulim,helvetica,Arial,Sans-Serif; color:#222222; background:#FFFFFF; padding:4px 4px 0px 4px; line-height:180%; }
.input_select:hover { height:27px; border:solid 2px #FF3300;  font-family:NanumGothic, Dotum,Gulim,helvetica,Arial,Sans-Serif; color:#222222; background:#FFFFFF; padding:3px 3px 0px 3px; line-height:180%; }
.input_select:focus { height:27px; border:solid 2px #FF3300; font-family:NanumGothic, Dotum,Gulim,helvetica,Arial,Sans-Serif; color:#222222; background:#FFFFFF; padding:3px 3px 0px 3px; line-height:180%; }
.input_select:active { height:27px; border:solid 2px #FF3300; font-family:NanumGothic, Dotum,Gulim,helvetica,Arial,Sans-Serif; color:#222222; background:#FFFFFF; padding:3px 3px 0px 3px; line-height:180%; }
.input { height:18px; border:solid 1px #CCCCCC; font-size:12px; font-family:NanumGothic, Dotum,Gulim,helvetica,Arial,Sans-Serif; color:#222222; background:#FFFFFF; padding:4px 4px 0px 4px;margin:0 5px 0 0;}
.input:hover { height:17px; border:solid 2px #FF3300; font-size:12px; font-family:NanumGothic, Dotum,Gulim,helvetica,Arial,Sans-Serif; color:#222222; background:#FFFFFF; padding:3px 3px 0px 3px; }
.input:focus { height:17px; border:solid 2px #FF3300; font-size:12px; font-family:NanumGothic, Dotum,Gulim,helvetica,Arial,Sans-Serif; color:#222222; background:#FFFFFF; padding:3px 3px 0px 3px; }
.input:active { height:17px; border:solid 2px #FF3300; font-size:12px; font-family:NanumGothic, Dotum,Gulim,helvetica,Arial,Sans-Serif; color:#222222; background:#FFFFFF; padding:3px 3px 0px 3px; }
.board_input { height:18px; border:solid 1px #CCCCCC; font-size:12px; font-family:NanumGothic, Dotum,Gulim,helvetica,Arial,Sans-Serif; color:#222222; background:#FFFFFF; padding:4px 4px 0px 4px; }
.board_input:hover { height:17px; border:solid 2px #FF3300; font-size:12px; font-family:NanumGothic, Dotum,Gulim,helvetica,Arial,Sans-Serif; color:#222222; background:#FFFFFF; padding:3px 3px 0px 3px; }
.board_input:focus { height:17px; border:solid 2px #FF3300; font-size:12px; font-family:NanumGothic, Dotum,Gulim,helvetica,Arial,Sans-Serif; color:#222222; background:#FFFFFF; padding:3px 3px 0px 3px; }
.board_input:active { height:17px; border:solid 2px #FF3300; font-size:12px; font-family:NanumGothic, Dotum,Gulim,helvetica,Arial,Sans-Serif; color:#222222; background:#FFFFFF; padding:3px 3px 0px 3px; }
.input_txtarea { border:solid 1px #CCCCCC; font-size:12px; font-family:NanumGothic, Dotum,Gulim,helvetica,Arial,Sans-Serif; color:#222222; background:#FFFFFF; padding:4px 4px 0px 4px;  }
.input_txtarea:hover { border:solid 2px #FF3300; font-size:12px; font-family:NanumGothic, Dotum,Gulim,helvetica,Arial,Sans-Serif; color:#222222; background:#FFFFFF; padding:3px 3px 0px 3px;  }
.input_txtarea:focus { border:solid 2px #FF3300; font-size:12px; font-family:NanumGothic, Dotum,Gulim,helvetica,Arial,Sans-Serif; color:#222222; background:#FFFFFF; padding:3px 3px 0px 3px;  }
.input_txtarea:active { border:solid 2px #FF3300; font-size:12px; font-family:NanumGothic, Dotum,Gulim,helvetica,Arial,Sans-Serif; color:#222222; background:#FFFFFF; padding:3px 3px 0px 3px; }
.webedit { border:solid 1px #CCCCCC; font-size:12px; font-family:NanumGothic, Dotum,Gulim,helvetica,Arial,Sans-Serif; color:#222222; background:#FFFFFF; padding:4px 4px 0px 4px;  }
.webedit:hover { border:solid 2px #FF3300; font-size:12px; font-family:NanumGothic, Dotum,Gulim,helvetica,Arial,Sans-Serif; color:#222222; background:#FFFFFF; padding:3px 3px 0px 3px;  }
.webedit:focus { border:solid 2px #FF3300; font-size:12px; font-family:NanumGothic, Dotum,Gulim,helvetica,Arial,Sans-Serif; color:#222222; background:#FFFFFF; padding:3px 3px 0px 3px;  }
.webedit:active { border:solid 2px #FF3300; font-size:12px; font-family:NanumGothic, Dotum,Gulim,helvetica,Arial,Sans-Serif; color:#222222; background:#FFFFFF; padding:3px 3px 0px 3px; }
.login_input { ime-mode:disabled; width:170px; height:18px; border:1px solid #d2d2d2; background-color:#f7f7f7; font-size:11pt; color:#6d5d52; padding:4px 4px 0px 4px; }
.login_input:hover { ime-mode:disabled; width:170px; height:17px; border:2px solid #FF3300; background-color:#ffffff; color:#333333; font-weight:bold; padding:3px 3px 0px 3px; }
.login_input:focus { ime-mode:disabled; width:170px; height:17px; border:2px solid #FF3300; background-color:#ffffff; color:#333333; font-weight:bold; padding:3px 3px 0px 3px; }
.login_input:active { ime-mode:disabled; width:170px; height:17px; border:2px solid #FF3300; background-color:#ffffff; color:#333333; font-weight:bold; padding:3px 3px 0px 3px; }

/* 각종 버튼 */
.btn_gray_small { font-size:8pt; font-family:'돋움','돋움체' color:#222222; cursor:pointer;background-color:#f2f2f2; border:solid #999999 1px;}
.btn_red_small { font-size:8pt; font-family:'돋움','돋움체' color:#ffffff; cursor:pointer;background-color:#ff2222; border:solid #999999 1px;}
.btn_gray_s { font-size:9pt; color:#222222; height:24px; cursor:pointer;background-color:#f2f2f2; border:solid #999999 1px;}
.btn_black_s { font-size:9pt; color:#FFFFFF; height:24px; cursor:pointer;background-color:#222222; border:0px;  border:solid #777777 1px; }
.btn_blue_s { font-size:9pt; color:#FFFFFF; height:24px; cursor:pointer;background-color:#0000DD; border:0px;  border:solid #9999ff 1px;  }
.btn_white_s { font-size:9pt; color:#666666; font-weight:bold; font-family: '굴림',Gulim,'돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif; height:24px; cursor:pointer;background-color:#ffffff; border:solid #999999 1px;}
.btn_red_s { font-size:9pt; color:#FFFFFF; height:24px;cursor:pointer; background-color:#ff2222; border:0px; border:solid #ff9999 1px; }
.btn_white_m { line-height:16px;font-weight:bold;font-size:12px;color:#222222; width:80px;height:28px;cursor:pointer;background-color:#ffffff; border:solid #777777 1px;}
.btn_white_m_b { line-height:16px; font-size:12px;color:#222222; width:80px;height:28px;cursor:pointer;background-color:#ffffff; border:solid #777777 1px;}
.btn_blue_m { line-height:16px;font-weight:bold;font-size:12px;color:#ffffff; width:80px;height:28px;cursor:pointer;background-color:#2222ff; border:0px;}
.btn_red_m { line-height:16px;font-weight:bold;font-size:12px;color:#ffffff; width:80px;height:28px;cursor:pointer;background-color:#ff2222; border:0px;}
.btn_white_b { line-height:16px;font-weight:bold;font-size:12px;color:#222222; width:120px;height:31px;cursor:pointer;background-color:#ffffff; border:solid #777777 1px;}
.btn_gray_b { line-height:16px;font-weight:bold;font-size:12px;color:#222222; width:120px;height:31px;cursor:pointer;background-color:#f2f2f2; border:solid #cccccc 1px;}
.btn_gray_b2 { line-height:16px;font-weight:bold;font-size:12px;color:#222222; min-width:150px;height:31px;cursor:pointer;background-color:#f2f2f2; border:solid #cccccc 1px;}
.btn_red_b { line-height:16px;font-weight:bold;font-size:12px;color:#FFFFFF; width:120px;height:31px;cursor:pointer; background-color:#fd8607; border:0px; }
.btn_red_b2 { line-height:16px;font-weight:bold;font-size:12px;color:#FFFFFF; min-width:150px;height:31px;cursor:pointer; background-color:#ff2222; border:0px; }
.btn_blue_b { line-height:16px;font-weight:bold;font-size:12px;color:#FFFFFF; width:120px;height:31px;cursor:pointer; background-color:#17cabf; border:0px; }
.btn_green_b { line-height:16px;font-weight:bold;font-size:12px;color:#FFFFFF; width:120px;height:31px;cursor:pointer; background-color:#02a2ed; border:0px; }
.btn_white_n { line-height:16px;font-weight:bold;font-size:12px;color:#222222; height:35px;cursor:pointer;background-color:#ffffff; border:solid #777777 1px;}
.btn_gray_n { line-height:16px;font-weight:bold;font-size:12px;color:#222222; height:35px;cursor:pointer;background-color:#f2f2f2; border:solid #cccccc 1px;}
.btn_red_n { line-height:16px;font-weight:bold;font-size:12px;color:#FFFFFF; height:35px;cursor:pointer; background-color:#ff2222; border:0px; }
.btn_blue_n { line-height:16px;font-weight:bold;font-size:12px;color:#FFFFFF; height:35px;cursor:pointer; background-color:#2222ff; border:0px; }
.btn_pay_red_s { font-size:12px; color:#FFFFFF; letter-spacing:-1px; font-family:'Open Sans',Helvetica,'Apple SD Gothic Neo','arial',Sans-serif; background-color:#ff2222; height:22px; border:0px; padding:0 4px 0 2px; cursor:pointer; }
.btn_pay_red_s:hover { font-size:12px; color:#ee0000; letter-spacing:-1px; font-family:'Open Sans',Helvetica,'Apple SD Gothic Neo','arial',Sans-serif; background-color:#FF9999; height:22px; border:0px; padding:0 4px 0 2px; cursor:pointer; }
.btn_pay_black_s { font-size:12px; color:#FFFFFF; letter-spacing:-1px; font-family:'Open Sans',Helvetica,'Apple SD Gothic Neo','arial',Sans-serif; background-color:#000000; height:22px; border:0px; padding:0 4px 0 2px; cursor:pointer; }
.btn_pay_black_s:hover { font-size:12px; color:#444444; letter-spacing:-1px; font-family:'Open Sans',Helvetica,'Apple SD Gothic Neo','arial',Sans-serif; background-color:#d9d9d9; height:22px; border:0px; padding:0 4px 0 2px; cursor:pointer; }
.btn_radius_2 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;  } 
.btn_radius_3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;  } 
.btn_radius_5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;  } 
.btn_radius_10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;  } 
.btn_radius_15 { -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px;  } 
.txt_sub_title			{ height:30px; font-family: '굴림',Gulim,'돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif; color:#ffffff; text-decoration:none; font-weight:bold;size:12pt; background-color:#FF4433; }
a.txt_sub_title:link		{ height:30px; font-family: '굴림',Gulim,'돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif; color:#ffffff; text-decoration:none; font-weight:bold;size:12pt; background-color:#FF4433; }
a.txt_sub_title:visited { height:30px; font-family: '굴림',Gulim,'돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif; color:#ffffff; text-decoration:none; font-weight:bold;size:12pt; background-color:#FF4433; }
a.txt_sub_title:hover	{ height:30px; font-family: '굴림',Gulim,'돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif; color:#ffffff; text-decoration:none; font-weight:bold;size:12pt; background-color:#FF4433; }
a.txt_sub_title:active	{ height:30px; font-family: '굴림',Gulim,'돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif; color:#ffffff; text-decoration:none; font-weight:bold;size:12pt; background-color:#FF4433; }
.bbs_main_list li { float:left; display:inline; padding:0px; }
.bbs_button li { float:right; display:inline; text-align:right; padding:5px; }

/* common */
.img.tc {text-align:center;}
.img.p30 {padding:30px 0;}
.img.pb30 {padding-bottom:30px;}
.tit.t1 {font-size:26px; margin:50px 0 10px; text-align:center; letter-spacing:-2px;}
.btn.t1 {cursor:pointer; display:inline-block; vertical-align:middle; height:35px; padding:0px 40px; border-top:#cecece solid 1px; border-left:#c8c8c8 solid 1px; border-right:#c8c8c8 solid 1px; border-bottom:#979797 solid 1px; border-radius:4px; background:#f5f5f5; font:14px '맑은고딕', Malgun Gothic, Dotum, sans-serif; font-weight:bold; color:#000; letter-spacing:-1px; line-height:33px; text-align:center;}
.btn.t1.focus {color:#fff; border-color:#07b075; background:#07b075;}
.btn.middle {padding:0 50px; height:40px; line-height:38px; font-size:16px;}
.btn.full {width:100%; height:45px; line-height:43px; font-size:18px;}
.cbtn_wrap {display:inline-block; vertical-align:middle; width:100%; margin-top:30px; text-align:center;}

/* partner, result, webtoon */
.s_tab {padding-top:10px;}
.s_tab ul {width:100%; overflow:hidden;}
.s_tab ul li {box-sizing:border-box; width:auto; display:inline-block; float:left; height:40px; line-height:38px; padding:0 20px; font-size:16px; font-weight:bold; text-align:center; color:#aaa; border:1px solid #aaa; cursor:pointer;}
.s_tab ul li + li {border-left:none;}
.s_tab ul li.on {color:#fff; border-color:#4575df; background-color:#4575df;}
.s_tab ul.col2 li {width:50%;}.s_tab ul.col3 li {width:33.3333%;}.s_tab ul.col4 li {width:25%;}.s_tab ul.col5 li {width:20%;} ul.col6 li {width:16.6666%;}
.s_tab.t1 {width:100%; overflow:hidden; padding-top:10px;}
.s_tab.t1 ul {text-align:center}
.s_tab.t1 ul li {display:inline-block; padding:0 20px; background:url('../../company/images/logos/div_line.gif') left 7px no-repeat;}
.s_tab.t1 ul li span {display:inline-block; font-size:16px; color:#888; font-weight:600; line-height:1.2; padding:0 2px 6px; cursor:pointer;}
.s_tab.t1 ul li.first {background:none;}
.s_tab.t1 ul li.on span {color:#333; border-bottom:1px #333 solid;}
.s_tab.t1 ul li:hover a span {color:#333;}
.s_tab.t1 li.on span {color:#4575df; border-bottom:1px #4575df solid;}
.partner {display:inline-block; vertical-align:middle; width:100%; overflow:hidden;}
.partner h3 {width:100%; margin-top:30px; font-weight:bold; font-size:20px; color:#232323; text-transform:uppercase;}
.partner ul {margin-top:30px; overflow:hidden; border-top:1px solid #ddd; border-left:#ddd solid 1px;}
.partner li {display:inline; float:left; position:relative; overflow:hidden; width:25%; /*height:100px;*/ background:#fff;}
.partner li:hover .cp_over {display:inline-block; top:0px; opacity:0.85;}
.partner .cp_box {height:100%; border-right:#ddd solid 1px; border-bottom:#ddd solid 1px; line-height:110px; height:110px; text-align:center; /*margin:-1px 0 0 -1px;*/}
.partner .cp_box img {display:inline-block; vertical-align:middle; max-width:100%;}
.partner .cp_box img.adjust {height:80px;}
.partner .cp_over {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; width:100%; height:100%; background:#4575df; line-height:0px; opacity:0; transition:0.25s;}
.partner .cp_over strong {display:inline-block; vertical-align:middle; width:100%; /*height:30px;*/ margin-top:40px; font-size:16px; color:#fff; letter-spacing:-1px; line-height:30px;}
.partner .cp_over span {display:inline-block; vertical-align:middle; width:100%; height:20px; font-size:12px; color:#b6bfdf; letter-spacing:0px; line-height:20px;}
.partner .cp_txt {margin-top:30px;}
.partner .result {border:none;}
.partner .result li {width:33.3333%;}
.partner .result .cp_box {height:40px;line-height:40px;font-size:13px;color:#888;border-color:#fff;background:#f8f8f8;}
.partner .result .major .cp_box {font-weight:bold; color:#000;}
.webtoon .webtoon_img {margin-top:30px; text-align:center;}

/* tabs */
.program_list {display:inline-block; overflow:hidden; margin-bottom:30px;}
.program_list li {float:left;width:255px;margin:2px;}
.program_list li button {cursor:pointer;display:inline-block;vertical-align:middle;width:100%;height:40px;border:none;border-radius:4px;font-size:13px;color:#565656;letter-spacing:-1px;line-height:40px;text-align:center;background:#f3f3f3;outline:0;}
/*.program_list li:nth-child(even) > button {background:#dedede;}*/
.program_list li button:hover {border:none;background:#dedede;color:#252d3a;text-decoration:none;}
.program_list li.on button {text-decoration:underline;font-weight:bold;color:#fff;background:#4575df;}
.program_cont {text-align:center;}

/* movies */
.gallery_list {overflow:hidden; margin-top:35px; /*child를 안쓸시 margin-left:-15px;*/}
.gallery_list li {float:left; width:50%;}
.gallery_list li a:hover {text-decoration:none;}
.gallery_list li figure {border:1px solid #e0e0e0; margin:0 0 15px 15px;}
.gallery_list li:nth-child(odd) figure {margin-left:0;}
.gallery_list li figure img {width:100%; height:200px;}
.gallery_list li figcaption {height:46px; padding:20px; background:#fbfbfb;}
.gallery_list li figcaption span {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.gallery_list li figcaption .tit {font-weight:bold; font-size:18px;}
.gallery_list li figcaption .txt {margin-top:6px; font-size:13px;}

/* item list */
.item_list {display:inline-block; overflow:hidden; position:relative; width:100%; margin-top:20px;}
.item_list > li {position:relative; float:left; width:auto; padding-top:30px;}
.item_list > li.odd {padding-left:16.6667%;}
.item_list > li.pt0 {padding-top:0;}
.item_list > li.pt60 {padding-top:60px;}
.item_list li figure {padding:0 30px; text-align:center;}
.item_list li figure.line {border-right:2px dotted #ccc;}
.item_list.col2 > li {width:345px; padding-left:80px;}
.item_list.col3 > li {width:33.3333%;}
.item_list.col3  > li:nth-child(3n+1) {clear:left;}
.item_list.col4 > li {width:25%;}
.item_list.col4  > li:nth-child(4n+1) {clear:left;}
.item_list a:hover {text-decoration:none;}
.item_list .item_tit {display:block; padding:20px 0 10px 0; font-weight:bold; font-size:16px; line-height:22px; text-align:center; color:#000; word-wrap:break-word;}
.item_list .item_tit.t1 {padding:0; text-align:left; line-height:28px;}
.item_list .item_stit {display:block; /*min-height:60px;*/ font-family:tahoma; font-size:13px; text-align:center; line-height:18px; color:#979797;}
.item_list li.icon {position:relative; padding-left:30px;}
.item_list li.icon .ico {display:inline-block; position:absolute; top:6px; left:0;}
.item_list.col4 .item_stit {/*min-height:80px;*/} 
.item_list > li p.type1 {padding:10px 0px;}
.item_list .deco {position:relative; display:inline-block; width:110px; height:110px; text-align:center; background:#edf0f0; border-radius:50%;}
.item_list .deco img {position:absolute; top:31px; left:31px; width:48px; height:48px;}
.item_list > li.t2 .item_tit {color:#0e3384;}
.item_list > li.t2 .deco {background:#0e3384;}
.item_list > li > ul {overflow:hidden; width:auto; padding-top:10px;}
.item_list > li > ul > li {font-size:14px; line-height:24px; float:none; width:auto; color:#979797; padding:0; text-align:left;}

.box_list_wrap {display:inline-block; width:777px; margin-top:30px; text-align:center;}
.box_list {display:inline-block; overflow:hidden; position:relative; width:auto;}
.box_list > li {position:relative; float:left; padding:0 40px;}
.box_list > li .right_arrow {position:absolute; top:44%; left:-40px; margin-top:-25px; width:80px;}
.box_list > li .right_arrow i {color:#07b075; font-size:50px;}
.box_list > li .right_arrow span {display:block; padding-top:10px; font-size:12px; line-height:16px;}
.box_list .box {padding:20px; border-top:#dfdfdf solid 1px; border-left:#dfdfdf solid 1px; border-right:#dfdfdf solid 1px; border-bottom:#c6c6c6 solid 1px; background:#f9f9f9; box-shadow:inset 0px -1px 0px #fff,0px 1px 1px #f0f0f0;}
.box_list .box_tit {display:block; padding-bottom:10px; font-weight:bold; font-size:16px; line-height:22px; text-align:center; color:#000; word-wrap:break-word;}
.box_list .box_stit {display:block; font-family:tahoma; font-size:13px; text-align:center; line-height:18px; color:#979797;}

/* 문의안내 */
.contact_widget {overflow:hidden;}
.contact_widget li {float:left; width:100%; padding-top:20px;}
.contact_widget i {vertical-align:middle; float:left; font-size:24px;}
.contact_widget h6 {font-size:14px;margin-bottom:10px; color:#232323;font-weight:bold;letter-spacing:0.1px;}
.contact_txt span {color:#888;font-size:14px;margin-bottom:3px;padding-bottom:22px;}
.contact_txt {margin-bottom:22px;padding-left:50px;}

/* sub-content */
.text.t1 {margin:30px 0 10px; font-size:18px; line-height:30px; letter-spacing:-1px; color:#555;}
.text.bold, .text .bold {font-weight:bold;}
.text.cg, .text .cg {color:#07b075;}
.text.cb, .text .cb {color:#4575df;}
.text.line, .text .line {text-decoration:underline; color:#000;}
.area {display:inline-block; vertical-align:middle; width:100%;}
.area .col2 {display:inline-block; vertical-align:middle; float:left; width:50%;}
.area .box {padding:0 10px;}

/* history */
.conten_page .Info .history p {padding:0;}
.history {margin-top:-30px;}
.history li {width:100%;}
.history li .year {width:20%;}
.history li .histxt {width:75%;}
.history li .histxt .txt .month {width:5%;}
.history li .histxt .txt .history {width:95%;}
.history li {border-bottom:1px solid #ececec; overflow:hidden; padding:30px 0;}
.history li.end {border-bottom:0px solid #ddd;}
.history li .year {width:100px; float:left; text-align:right; font-size:30px; color:#4575df; font-family:'tahoma'; font-weight:normal; padding-bottom:0;}
.history li .histxt {width:640px; float:right; color:#777; overflow:hidden}
.history li .histxt .txt {overflow:hidden; margin-bottom:10px;}
.history li .histxt .txt:last-child {margin-bottom:0;}
.history li .histxt .txt .month {width:30px; float:left; font-family:tahoma; font-weight:normal; color:#aaa}
.history li .histxt .txt .cont {width:auto; float:left;}
.history li .histxt .txt .cont .img {margin-top:10px;}

/* table */
.tbl {width:100%; margin-top:20px; border-bottom:1px solid #a7acb4; border-collapse:separate; border-spacing:0; line-height:26px; text-align:center;}
.tbl caption {overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0;}
.tbl thead th, .tbl thead td {background-color:#f7f9fa; color:#1a345e;}
.tbl tbody th {background-color:#f7f9fa; color:#1a345e; padding-left:20px; padding-right:20px;}
.tbl th {padding:9px 10px 9px 10px; border-top:1px solid #e1e3e6; border-left:1px solid #e1e3e6; vertical-align:middle;}
.tbl td {padding:9px 20px 9px 20px; border-top:1px solid #e1e3e6; border-left:1px solid #e1e3e6;}
.tbl.type_thead {border-top:2px solid #323e51;}
.tbl.type_thead thead tr:first-child th {border-top:none; text-align:center; padding:10px 0 9px 0;}
.tbl.type_thead tr:first-child td,.tbl.type_thead tr:first-child th {border-top:1px solid #bec2c8;}
.tbl .first_cell {border-left:none;}
.tbl .t_left {text-align:left;}
.tbl .tc_green {color:#07b075;}


/* 프로그램 설치안내 가이드 */
.fade {opacity:0; -webkit-transition:opacity .15s linear;transition:opacity .15s linear}
.fade.in {opacity:1;}
.dimmed {position:fixed;left:0;top:0;bottom:0;right:0;background:#000;z-index:100000;}
.dimmed.fade {opacity:0;filter:alpha(opacity=0);}
.dimmed.in {opacity:0.5;filter:alpha(opacity=50);}
.modal {position:fixed;top:0;right:0;bottom:0;left:0;z-index:100001;display:none;overflow:auto;overflow-y:hidden;}
.modal-dialog {z-index:10000;right:auto;left:50%;width:600px;margin-left:auto;margin-right:auto;padding:20px;font-family:'Open Sans','맑은 고딕','Malgun Gothic','dotum';}
.modal.fade .modal-dialog {
	-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);
	-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;}
.modal.in .modal-dialog {-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}
.modal-inner {position:relative;font-size:14px;line-height:1.428571429;background-color:#fff;border-radius:6px;border:1px solid rgba(0,0,0,0.2;);box-shadow:0 5px 15px rgba(0,0,0,0.5);outline:0;background-clip:padding-box;}
.modal-header {min-height:16.428571429px;padding:15px;border-bottom:1px solid #e5e5e5;background:#f8f8f8;border-top-left-radius:6px;border-top-right-radius:6px;}
.modal-header .close {cursor:pointer;float:right;/*margin-top:-2px;*/padding:0;font-size:28px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity: 0.2;filter: alpha(opacity=20);border:0;background:transparent;}
.modal-header h4 {font-size:18px;}
.modal-title {margin:0;line-height:1.428571429;}
.modal-content {position:relative;padding:20px;}
.modal-content p,.modal-content ol {margin:0 0 10px;}
.modal-footer {margin-top:15px;padding:19px 20px 20px;text-align:center;border-top:1px solid #e5e5e5;}
.modal-footer:after {clear:both;}
.modal-footer .btn+.btn {margin-bottom:0;margin-left:5px;}
.modal-footer .btn-group .btn+.btn {margin-left:-1px;}
.modal-footer .btn-block+.btn-block {margin-left:0;}
.modal .btn {display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;text-decoration:none;}
.modal .btn:focus {outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.modal .btn:hover,.btn:focus {color:#333;text-decoration:none;}
.modal .btn:active,.btn.active {background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);}
.modal .btn-default {color:#333;border-color:#ccc;background-color:#fff;}
.modal .btn-default:hover,.btn-default:focus,.btn-default:active {color:#333;border-color:#adadad;background-color:#ebebeb;}
.modal .btn-blue {color:#fff;border-color:transparent;background-color:#4575df;}
.modal .btn-blue:hover,.modal .btn-blue:focus,.modal .btn-blue:active {color:#fff;text-decoration:underline;}