@charset "utf-8";

.cf{ }
.cf:after{clear:both; content:""; display:block}

/* INPUT */
textarea, input, select{vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline:0; vertical-align:middle;}
textarea{resize:vertical; box-sizing:border-box; font-size:1em;}
textarea[contenteditable]{-webkit-appearance:none}
input[type="text"], input[type="password"], input[type="tel"], input[type="name"], input[type="email"], textarea{font-size:1em; font-weight:300; background:#fff; border-radius:5px; border:1px solid #d1d1d1; padding:10px}
input[type="checkbox"] {width:14px; height:14px; vertical-align:middle; box-sizing:border-box; border:1px solid #e1e1e1; background:#fff; border-radius:3px; cursor:pointer;}
input[type="radio"]{cursor:pointer;}
input[type="button"], button{tap-highlight-color:transparent; border:0; outline:0; cursor:pointer;}
/*input[type="button"]:hover, button:hover{opacity: 0.8}*/
select{font-size:1em; font-weight:300; border:1px solid #d1d1d1; border-radius:5px; color:#111; padding:10px; padding-right:20px; appearance:none; -webkit-appearance:none; -moz-appearance:none; position:relative; box-sizing:border-box; background:url(/images/sub/aw_down_bk.png) no-repeat 90% center #fff;}
select::-ms-expand{display:none;}

/*select{font-size:1em; font-weight:300; border:1px solid #d1d1d1; border-radius:5px; color:#111; padding:10px; padding-right:20px; appearance:none; -webkit-appearance:none; -moz-appearance:none; position:relative; box-sizing:border-box; background:url(/images/sub/aw_down_bk.png) no-repeat 90% center #fff;}
select::-ms-expand{display:none;}*/

.frm_select {height:40px;font-size:16px; font-weight:300;}

.frm_select1 {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}


button{cursor:pointer; border:none;}

/* FONT SETTING */
.f_center{text-align:center !important;}
.f_left{text-align:left !important;}

.f_blue{color:#014099 !important}
.f_wgray{color:#9d9d9d !important}
.f_dgray{color:#606060 !important}
.f_org{color:#ff7200 !important}
.f_red{color:#e22126 !important}
.f_b_red{color:#e22126 !important; font-weight:600 !important;}
.f_dpink {color: #dd298e !important;}
.f_yellow{color:#ffea00 !important;}
.f_violet{color:#943690 !important;}

.c_green{display:inline-block; width:24px; height:24px; margin-bottom:7px;  background-color:#159600; color:#fff; border-radius: 12px; text-align:center; padding-top:1px;}
.c_blue1{display:inline-block; width:24px; height:24px; margin-bottom:7px; background-color:#0367B3; color:#fff; border-radius: 12px; text-align:center; padding-top:1px;}
.c_red1{display:inline-block; width:24px; height:24px; margin-bottom:7px; background-color:#F63617; color:#fff; border-radius: 12px; text-align:center; padding-top:1px;}
.c_sky{display:inline-block; width:24px; height:24px; margin-bottom:7px; background-color:#30A9DE; color:#fff; border-radius: 12px; text-align:center; padding-top:1px;}

/* BTN SETTING */
.btn{font-size:1em;border-radius:5px; box-sizing:border-box; padding:10px; display:inline-block; font-weight:300; line-height:100%;height:40px;}
.btn:hover{opacity:0.8; transition-duration:0.3s;}

.btn2{font-size:1em;padding:15px 10px; display:inline-block; font-weight:300; line-height:34px; height:34px;}
.btn2:hover{opacity:0.8; transition-duration:0.3s;}

.btn3{font-size:1em;padding:0px 10px; display:inline-block; font-weight:300; line-height:34px; height:34px;}
.btn3:hover{opacity:0.8; transition-duration:0.3s;}

.btn.xsmall{font-size:13px; padding:3px 5px; font-weight:300;}
.btn.small{padding:7px 10px; font-weight:300;}
.btn.medium{padding:15px 55px 15px 50px; font-weight:300;}
.btn.full{padding:12px; width:100%; font-weight:300; text-align:center;}

.bg_gray{background:#c9c9c9 !important;}
.bg_blue1{background:#ced7f9 !important;}

.btn.blue{background:#014099; color:#fff;}
.btn.dblue{background:#00508d; color:#fff; border:1px solid #003d6b;}
.btn.green{background:#007e91; color:#fff; border:1px solid #006574;}
.btn.grey{background:#c9c9c9; color:#666;}
.btn.dgrey{background:#3f3f3f; color:#fff;}
.btn.orange{background:#ff840b; color:#fff;}
.btn.yellow{background:#ffc000; color:#fff;}
.btn.w_line{background:none; border:1px solid #fff; color:#fff;}
.btn.g_line{background:none; border:1px solid #e5e5e5; color:#666;}
.btn.dg_line{background:none; border:1px solid #666; color:#666;}
.btn.bk_line{background:none; border:1px solid #000; color:#000;}

.btn_style02{background-color:#1bbae3;border:0;padding:10px 25px;font-size:16px;cursor:pointer;color:#fff; border-radius: 3px;}
.btn_style02_2{margin-bottom: 15px; background-color:#1bbae3;border:0;padding:10px 15px;font-size:14px;cursor:pointer;color:#fff; display: block; border-radius: 3px; font-weight: 500;}
.btn_style04{background-color:#4e4e4e;border:0;padding:8px 15px;font-size:13px;cursor:pointer;color:#8d8d8d;color:#fff; border-radius: 3px;}
.btn_style05{background-color:#4e4e4e;border:0;padding:10px 25px;font-size:16px;cursor:pointer;color:#8d8d8d;color:#fff; border-radius: 3px;}
.btn_style06{background-color:#014099;border:0;padding:20px 90px;font-size:18px;cursor:pointer;color:#8d8d8d;color:#fff; border-radius: 3px;}

.btn_download{border:0;padding:10px 15px 10px 40px;font-size:16px;cursor:pointer;color:#fff;background:#1bbae3 url(../images/contents/download_ic_01.png) 15px center no-repeat; border-radius: 3px; font-weight: 500; text-align: center;}
.btn_download02{border:0;padding:8px  15px 8px 30px;font-size:14px;cursor:pointer;color:#fff;background:#ec008c url(../images/board/icon_download.png) 15px 9px no-repeat}
.btn_download03{border:0;padding:15px 15px 15px 35px;font-size:16px;cursor:pointer;color:#fff;background:#ec008c url(../images/board/icon_download.png) 20px 18px no-repeat}

.btn_newentry{border:0;padding:8px 15px 8px 30px;font-size:13px;cursor:pointer;color:#fff;background:#1bbae3 url(../images/adstar/new/sub08/icon_newentry.png) 10px 10px no-repeat}
.btn_cloneentry{border:1px solid #ec008c;padding:8px 15px 8px 30px;font-size:13px;cursor:pointer;color:#ec008c;background:#fff url(../images/adstar/new/sub08/icon_cloneentry.png) 10px 10px no-repeat}

.btn_edit{border:none; padding:10px 15px 10px 27px;font-size:16px;cursor:pointer;color:#fff;background: url(../images/board/icon_edit.png) 10px center no-repeat;background-color:#3f3f3f; border-radius: 3px;}
.btn_del{border:none; padding:10px 15px 10px 27px;font-size:16px;cursor:pointer;color:#fff;background: url(../images/board/icon_del.png) 10px center no-repeat;background-color:#1bbae3; border-radius: 3px;}

.btn_application {border: none; padding: 20px 90px; font-size: 20px; background: #1bbae3; border-radius: 3px; color: #fff; cursor: pointer; line-height: 1; }
.btn_send {border: none; padding: 21px 65px; font-size: 18px; background: #1bbae3; border-radius: 3px; color: #fff; cursor: pointer; line-height: 1;}

.btn_count {background-color:#1bbae3; border:0; border-radius: 3px; padding:5px 15px; font-size:14px; cursor:pointer; color:#fff;}

/*PAGING*/
.paging{text-align:center; margin-top:60px; position:relative;}
.paging ul{display:inline-block;}
.paging li{float:left; margin:0px 2px; width:30px; height:30px; box-sizing:border-box;}
.paging li a{display:block; height:100%; background:#fff; border:1px solid #d1d1d1; border-radius:3px; line-height:28px; box-sizing:border-box; font-size:0.92em; color:#666;}
.paging li.on a{background:#014099; border:1px solid #014099; color:#fff; font-weight:400;}

/* MARGIN */
.mt5{margin-top:5px;}
.mt10 {margin-top: 10px;}
.mt20{margin-top:20px;}
.mt30 {margin-top: 30px;}
.mb10{margin-bottom:10px;}
.mb40{margin-bottom:40px;}

.pb70{padding-bottom:70px; !important;}

/* PADDING */
.pl20{padding-left:20px;}
.p50 {padding:50px;}

/* WIDTH */
.w100ps{width:100% !important;}
.w45ps{width:45% !important;}
.w30ps{width:30% !important;}
.w140px{width:140px !important;}
.w120px{width:120px !important;}
.w100px{width:100px !important;}
.w80px{width:80px !important;}
.w60px{width:60px !important;}
.w50px{width:50px !important;}

.icon_notice{font-size:13px;line-height:18px;color:#fff;font-weight:500;background-color:#ff7200;border-radius:3px;padding:2px 5px;margin:0 5px 0 0;}
.icon_answer{font-size:13px;line-height:18px;color:#fff;font-weight:500;background:url(../images/common/ic_answer_w.png) no-repeat 5px center #3f3f3f;border-radius:3px;padding:2px 5px 2px 18px;margin:0 5px 0 0;}
.icon_data{font-size:13px;line-height:18px;color:#fff;font-weight:500;background-color:#808080;border-radius:3px;padding:2px 5px;margin:0 5px 0 0;}




.mobile{display: none !important}
.block-pc{display: block}
.pc{display: block;}

img {max-width:100%;}

/* CSS Document */
.container{width:1300px; margin:0 auto; position:relative;}
.container:after{content:''; display:block; clear:both;}
.sub_container{width:1300px; margin:0 auto; padding:80px 0 150px; position:relative;}
.sub_container:after{content:''; display:block; clear:both;}

.sub_contents{padding:60px 0; border-bottom:1px dashed #d1d1d1; position:relative;}
.sub_contents:last-child{padding-bottom:0; border-bottom:0;}

.sub_title {position:relative; width:100%; /*padding:0 0 30px 0*/ font-size:3em; font-weight:500; color:#333; text-align:center; padding-bottom:20px;}

.inner{position:relative;width:1300px; margin:0 auto;}
.inner:after{content:''; display:block; clear:both;}

.ellipsis{text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word; overflow:hidden;}

#header{width:100%; height:78px; padding:0px; box-sizing:border-box; position:absolute; top:0px; left:0; background:#fff; z-index:200; overflow:hidden;}
#header .logo{float:left; margin-top:9px;}
#header .logo a img {height:60px;}
#header .gnb{float:right; margin-right:0px;}
#header .gnb li{float:left;}
#header .gnb li.on{background-color:#f5f5f5;}
#header .gnb li a{display:block; padding:30px; font-size:1.486em; font-weight:400;}
#header .gnb li a strong{font-weight:500;}
#header .gnb li.point a{color:#014099;}
#header .gnb li.point.on{background:#f5f8fb;}
#header .gnb .depth02{width:100%; height:182px;}
#header .gnb .depth02 li{float:inherit; text-align:center;}
#header .gnb .depth02 li a{font-size:16px; padding:0; margin-bottom:15px; color:#000;}
#header .gnb .depth02 li a:hover{color:#014099; font-weight:500;}
#header .r_menu{position:absolute; top:0; right:80px; line-height:78px;}
#header .r_menu li{float:left; padding:0 10px; position:relative;}
#header .r_menu li a{font-size:0.929em; color:#767676;}

#header .nav_icon{width:40px; height:40px; margin:19px 0; float:right; display:none;}
#header .nav_icon img{width:100%;}
#header .m_nav_wrap{width:100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; right:0; bottom:0;z-index:9999; display:none;}
#header .m_nav{width:85%; height:100%; float:right; max-width:500px; background:#fff; position:relative;}
#header .m_nav .m_nav_close{width:22px; height:22px; position:absolute; top:20px; left:-35px; cursor:pointer;}
#header .m_nav .m_nav_close img{width:100%;}
#header .m_nav .m_nav_top{background:#014099;}
#header .m_nav .m_nav_top .text{padding:15px; line-height:30px; padding-left:55px; color:#fff; font-weight:500; background:url(/images/common/ic_mobile_ci.png) no-repeat 15px center; background-size:30px; border-bottom:1px solid #3466ad;}
#header .m_nav .m_nav_top li{float:left; width:33.33%; border-right:1px solid #3466ad; box-sizing:border-box;}
#header .m_nav .m_nav_top li:last-child{border-right:0;}
#header .m_nav .m_nav_top li a{display:block; color:#fff; padding:10px; text-align:center;}
#header .m_gnb .m_depth01{display:block; padding:15px; border-bottom:1px solid #e0e0e0; position:relative; font-size:1.12em;}
#header .m_gnb .m_depth01:after{content:''; width:7px; height:4px; background:url(/images/common/aw_down_bk.png) no-repeat center; position:absolute; top:22px; right:15px;}
#header .m_gnb .m_depth01.on:after{content:''; width:7px; height:4px; background:url(/images/common/aw_up_bk.png) no-repeat center; position:absolute; top:22px; right:15px;}
#header .m_snb{display:none;}
#header .m_snb .m_depth02{display:block; background:#f3f3f3; padding:10px 20px; border-bottom:1px solid #e0e0e0; position:relative;}
#header .m_snb .m_depth02:after{content:''; width:7px; height:4px; background:url(/images/common/aw_down_g.png) no-repeat center; position:absolute; top:18px; right:20px;}
#header .m_snb .m_depth02.on:after{content:''; width:7px; height:4px; background:url(/images/common/aw_up_g.png) no-repeat center; position:absolute; top:18px; right:20px;}
#header .m_snb .m_depth02.aw_none:after{display:none !important;}
#header .m_snb .m_depth03{padding:10px 20px; background:#f9f9f9; border-bottom:1px solid #e0e0e0; display:none;}
#header .m_snb .m_depth03 li{margin-bottom:10px; padding-left:20px; position:relative;}
#header .m_snb .m_depth03 li:after{content:''; width:3px; height:3px; border-radius:3px; background:#014099; position:absolute; top:8px; left:10px;}
#header .m_snb .m_depth03 li:last-child{margin-bottom:0;}
#header .m_snb .m_depth03 a{color:#666;}


/*#header .m_gnb .m_depth01.aw_none a{background:none;}
#header .m_gnb .m_depth01.aw_none a{background:none !important;}
#header .m_gnb .m_depth02{padding:15px 20px; border-top:1px solid #e7e7e7; background:#f5f5f5;}
#header .m_gnb .m_depth02 li{margin-bottom:10px;}
#header .m_gnb .m_depth02 li:last-child{margin-bottom:0;}
#header .m_gnb .m_depth02 li a{background:none; padding:0; padding-left:16px; position:relative; font-size:1em; font-size:1em; font-weight:300;}
#header .m_gnb .m_depth02 li a:after{content:''; display:block; width:5px; height:2px; background:#123491; position:absolute; left:5px; top:9px;}*/


/* SUB */
.sub_visual{padding-top:78px;}
.sub_visual .sub00_visual{background:url(/images/sub/sub02_visual.jpg) no-repeat center; background-size:cover;}
.sub_visual .sub01_visual{background:url(/images/sub/sub01_visual.jpg) no-repeat center; background-size:cover;}
.sub_visual .sub02_visual{background:url(/images/sub/sub02_visual.jpg) no-repeat center; background-size:cover;}
.sub_visual .sub03_visual{background:url(/images/sub/sub03_visual.jpg) no-repeat center; background-size:cover;}
.sub_visual .sub04_visual{background:url(/images/sub/sub04_visual.jpg) no-repeat center; background-size:cover;}
.sub_visual .sub05_visual{background:url(/images/sub/sub05_visual.jpg) no-repeat center; background-size:cover;}
.sub_visual .sub06_visual{background:url(/images/sub/sub01_visual.jpg) no-repeat center; background-size:cover;}
.sub_visual .sub07_visual{background:url(/images/sub/sub01_visual.jpg) no-repeat center; background-size:cover;}
.sub_visual .sub08_visual{background:url(/images/sub/sub01_visual.jpg) no-repeat center; background-size:cover;}
.sub_visual .sub_visual_txt{text-align:center; padding-top:85px; height:280px; box-sizing:border-box;}
.sub_visual .sub_visual_txt h1{font-size:3.571em; font-weight:700; color:#fff; line-height:1em;}
.sub_visual .sub_visual_txt p{font-family: 'Montserrat', sans-serif; font-size:1.571em; font-weight:200; color:#e5e5e5; line-height:1.5em; margin-top:20px;}

.sub_nav{width:100%; border-bottom:1px solid #d1d1d1;}
.sub_nav .sub_nav_in{width:1300px; margin:0 auto; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; box-sizing:border-box;}
.sub_nav li{float:left; border-right:1px solid #d1d1d1; width:250px; position:relative; padding:0px;}
.sub_nav li:after{content:''; width:7px; height:4px; background:url(/images/sub/aw_down_bk.png) no-repeat center; position:absolute; top:50%; right:20px; margin-top:-2px;}
.sub_nav li.aw_none:after{display:none !important;}
.sub_nav li.home{width:auto; height:60px;}
.sub_nav li.home:after, .sub_nav li .subNav_link li:after{display:none;}
.sub_nav li.home a{padding:0px 20px;}
.sub_nav li a{display:block; font-size:1.143em; line-height:60px; padding:0 20px;}
.sub_nav li .subNav_link{width:100%; position:absolute; top:60px; left:-1px; border:1px solid #d1d1d1; display:none; z-index:100;}
.sub_nav li .subNav_link li{border-right:0; border-bottom:1px solid #d1d1d1;}
.sub_nav li .subNav_link li:last-child{border-bottom:0;}
.sub_nav li .subNav_link li a{background:#f9f9f9; color:#3f3f3f; line-height:50px; font-size:1em; transition:0.3s;}
.sub_nav li .subNav_link li a:hover{background:#014099; color:#fff;}

.sub_b_tit{text-align:center; line-height:1em; font-size:2.5em; font-weight:700;}
.sub_b_tit span{font-weight:300;}
.sub_s_tit{font-size:1.571em; font-weight:700; padding:10px 0 20px; position:relative;}
.sub_s_tit .point{font-weight:300; font-size:0.636em; color:#ff7200; position:absolute; bottom:20px; right:0;}

.sub_tabmenu{text-align:center;}
.sub_tabmenu ul{display:inline-block; border-radius:5px; overflow:hidden;}
.sub_tabmenu li{float:left; width:200px; text-align:center;}
.sub_tabmenu li a{display:block; line-height:50px; background:#e8e8e8; color:#878787; font-size:1.286em;}
.sub_tabmenu li.on a{background:#014099; color:#fff; font-weight:500;}

/* Basic */
.stxt {font-size:18px; line-height:1.65em; color:#232323; letter-spacing:-0.02em;}
.stit {font-size:4.3em; font-weight:100; text-align:center; margin:2.2em auto 0.8em; letter-spacing:-0.05em;}
.stxt_point{color:#003876; font-weight:400; font-size:1.2em; text-align:center;}
.stit2{font-size:1.6em; font-weight:600; color: #003876; line-height:110%;margin-top:3em; /* margin-bottom:1em; padding-bottom:0.4em;  width: 280px;  border-bottom: 1px solid #c7c7c7;  */}
.stit2 br{display:none}
.stit2 span{display:inline-block; margin-bottom:1em; padding-bottom:0.4em;  padding-right:3em; border-bottom: 1px solid #c7c7c7; }

.tb_st_02{width:100%; border-spacing:5px !important; border-collapse: separate; font-size:1.2em; line-height:120%;}
.tb_st_02 thead {/* border-bottom:#FFF 2px solid; color:#FFF; */}
.tb_st_02 thead th {padding:12px 5px; color:#FFF; background:#003876; font-weight:500;}
.tb_st_02 tbody th{padding: 20px 10px ;background:#f7f7f7;border:#003876 1px solid; color:#333; text-align:Center; font-weight:500;}
.tb_st_02 tbody td {padding: 20px 10px ;background:#f7f7f7;border:#003876 1px solid;color:#000;word-break:keep-all;}
.tb_st_02 td.bg01 {background-color:#f4f8fd}

@media all and (max-width:850px) {
	.stit{font-size:2.1em; margin:2em auto 0.6em;}
}
@media all and (max-width:550px) {
	.stit{font-size:2em; margin:1.8em auto 0.5em;}

	.tb_st_02{font-size:1.0em; line-height:120%;}
}

.txt_b {font-weight:600;}
.txt_u {text-decoration:underline;}

.bg01 {background-color:#f4f8fd}

.ul_st01 {padding:10px 20px;}
.ul_st01 li {padding:0px 10px;list-style:none;position:relative;line-height:22px;margin-bottom:10px;}
.ul_st01 li:before{content:"";width:3px;height:3px;border-radius:100%;background-color:#003876;position:Absolute;left:0;top:0.65em;}


.top_textbox{padding:50px; background:#f9f9f9; border:1px solid #e9e9e9; font-size:1.286em; border-radius:5px;}

.location .afis_map{width:60%; height:480px; float:left;}
.location .afis_map .map_box{width:100%; height:100%;}
.location .afis_map .root_daum_roughmap .wrap_map{height:calc(100% - 32px);}
.location .info{width:40%; float:left; padding:10px 0 0 50px; box-sizing:border-box;}
.location .info dl{margin-bottom:40px;}
.location .info dl:last-child{margin-bttom:0;}
.location .info dt{font-weight:500; font-size:1.286em; color:#014099; padding-bottom:15px;}
.location .info dd{margin-bottom:10px; line-height:1.5em; color:#666;}
.location .info dd:last-of-type{margin-bottom:0;}
.location .info dd.ic_adr{padding-left:20px; background:url(/images/sub/ic_location01.png) no-repeat left 4px;}
.location .info dd.ic_tel{padding-left:20px; background:url(/images/sub/ic_location02.png) no-repeat left 4px;}
.location .info dd.ic_fax{padding-left:20px; background:url(/images/sub/ic_location03.png) no-repeat left 4px;}
.location .info dd.ic_mail{padding-left:20px; background:url(/images/sub/ic_location04.png) no-repeat left 4px;}
/*.intro .intro_img{width:50%; float:left;}
.intro .intro_img img{width:100%;}*/
.intro .intro_txt{box-sizing:border-box;}
.intro .intro_txt .intro_top_txt{font-size:1.714em; padding-top:0; line-height:1.2em;}
.intro .intro_txt .intro_top_txt span{font-weight:500;}
.intro .intro_txt .intro_bt_txt{padding-top:30px; font-size:1.143em; line-height:1.5em;}
.intro .intro_txt .intro_bt_txt_eng{margin-top:30px; border-top:1px dashed #d1d1d1;}
.intro .intro_tbl{margin-top:20px;}
.intro .intro_tbl th, .intro .intro_tbl td{border:1px solid #d1d1d1; padding:10px; text-align:center;}
.intro .intro_tbl thead th{background:#f5f8fb;}
.intro .intro_tbl tbody th{font-weight:500; color:#333;}
.intro .intro_tbl tbody td{color:#666;}

.greeting_wrap{padding:100px 0 150px;}
.greeting_container{width:1300px; margin:0 auto;}
/*.greeting_top{background:url(../images/sub/afis_bg.png) no-repeat right center #f9f9f9;}
.greeting_top .greeting_top_txt{width:50%; padding:80px 0;}*/
.greeting_top .greeting_top_txt h2{color:#014099; line-height:1.2em; font-size:2.143em; font-weight:600}
.greeting_top .greeting_top_txt .line{display:inline-block; width:40px; height:2px; background:#014099; margin:30px 0;}
.greeting_top .greeting_top_txt p{font-size:1.286em; line-height:1.5em; text-align:justify;}
.greeting_txt{padding-bottom:50px; font-size:1.143em; color:#3f3f3f; line-height:1.5em; text-align:justify;}
.greeting_sign{text-align:right; font-size:1.143em; color:#666; padding-right:170px; background:url(../images/sub/afis_sign.png) no-repeat right center;}
.greeting_sign b{display:block; font-size:1.375em; padding-top:5px; color:#000;}

/* BOARD_LIST */
.bo_search{text-align:center;}
.bo_search.under{margin-top:80px;}
.bo_search ul{display:inline-block;}
.bo_search li{float:left; margin:0 3px;}
.bo_search li.bo_sch_slt{width:120px;}
.bo_search li.bo_sch_ipt{width:300px;}
.bo_search li.bo_sch_btn{width:80px;}
.bo_search li input, .bo_search li select, .bo_search li button{width:100%;}
.bo_search li button, .bo_search li input[type="button"], .bo_search li input[type="submit"]{border:1px solid #014099;}
.bo_search.class_search{text-align:inherit;}
.bo_search.class_search .class_array li input{width:auto;}

.bbs_ltype{margin-top:30px;}
.bbs_ltype {border-collapse:collapse;width:100%;border:1px solid #000;border-width:1px 0 0 0;font-size:14px;line-height:20px;text-align:center}
.bbs_ltype thead th {padding:15px 10px 15px 10px;color:#000;font-weight:500;border:0;/*background-color:#f9f9f9*/;border-bottom:1px solid #d1d1d1;}
.bbs_ltype tbody td{padding:15px 10px 15px 10px;color:#575757;border:1px solid #e6e6e6;border-width:0 0 1px 0}
.bbs_ltype tbody td.subject{text-align:left;white-space:normal;color:#000}
.bbs_ltype tbody td.subject a{color:#000}

#footer {background:#232323 !important;}
#footer .ft_banner{border-top:1px solid #e0e0e0; padding:0 60px; position:relative;}
#footer .rolling_banner{}
#footer .rolling_banner .swiper-slide{text-align:center; padding:25px 0;}
#footer .rolling_banner .swiper-slide a{display:inline-block;}
#footer .rolling_banner .swiper-slide img{max-width:100%;}
#footer .swiper-button-prev{width:16px; height:28px; background:url(../images/common/aw_rollBn_prev.png) no-repeat center; top:50%; margin-top:-14px; left:35px;}
#footer .swiper-button-next{width:16px; height:28px; background:url(../images/common/aw_rollBn_next.png) no-repeat center; top:50%; margin-top:-14px; right:35px;}
#footer .copy{border-top:1px solid #e0e0e0; padding:40px 0 70px;}
#footer .copy .ft_logo{float:left;}
#footer .privacy {display:inline-block;background:#fff; padding:0 5px;border-radius:3px}
#footer .copy .info{float:left; color:#b8b8b8; padding-left:40px;}
#footer .copy .info h4{padding-top:5px; margin-bottom:15px;}
#footer .copy .info h4 a{display:inline-block; margin-left:5px;}
#footer .copy .info li{float:left; margin-left:30px; position:relative;}
#footer .copy .info li:after{content:''; width:1px; height:12px; background:#c7c7c7; position:absolute; top:3px; left:-15px;}
#footer .copy .info li.adress{margin-left:0;}
#footer .copy .info li.adress:after{display:none;}
#footer .copy .info p{margin-top:5px;}
#footer .family{float:right; position:absolute; right:0px;}
#footer .family .family_btn{width:320px; height:30px; text-align:left; font-weight:300; padding:8px 20px 10px; position:relative; cursor:pointer;}
#footer .family .family_btn span.aw{position:absolute; top:50%; right:20px; transform:translateY(-50%);}
#footer .family .family_link{width:100%; position:absolute; left:0; bottom:30px; border-radius:5px; border:1px solid #e0e0e0; background:#fff; box-sizing:border-box; z-index:200; display:none;}
#footer .family .family_link li{padding:0 10px; text-align:center; transition:0.3s;}
#footer .family .family_link li:hover{background:#e0e0e0;}
#footer .family .family_link a{padding:7px; display:block;border-bottom:1px dashed #e0e0e0;}
#footer .family .family_link li:last-child a{border-bottom:0;}

#footer .copy .sns {margin-top:20px;}
#footer .copy .sns li{float:left; margin-left:10px; position:relative;}
#footer .copy .sns li:first-child {margin-left:0px;}
#footer .copy .sns li:after{display:none;}
/*
#footer {background:#232323 !important;}
#footer .ft_banner{border-top:1px solid #e0e0e0; padding:0 60px; position:relative;}
#footer .rolling_banner{}
#footer .rolling_banner .swiper-slide{text-align:center; padding:25px 0;}
#footer .rolling_banner .swiper-slide a{display:inline-block;}
#footer .rolling_banner .swiper-slide img{max-width:100%;}
#footer .swiper-button-prev{width:16px; height:28px; background:url(../images/common/aw_rollBn_prev.png) no-repeat center; top:50%; margin-top:-14px; left:35px;}
#footer .swiper-button-next{width:16px; height:28px; background:url(../images/common/aw_rollBn_next.png) no-repeat center; top:50%; margin-top:-14px; right:35px;}
#footer .copy{border-top:1px solid #e0e0e0; padding:40px 0 70px;}
#footer .copy .ft_logo{float:left;}
#footer .privacy {display:inline-block;background:#fff; padding:0 5px;border-radius:3px}
#footer .copy .info{float:left; color:#b8b8b8; padding-left:40px;}
#footer .copy .info h4{padding-top:5px; margin-bottom:15px; color:#fff;}
#footer .copy .info h4 a{display:inline-block; margin-left:5px;}
#footer .copy .info li{float:left; margin-left:30px; position:relative;}
#footer .copy .info li:after{content:''; width:1px; height:12px; background:#c7c7c7; position:absolute; top:3px; left:-15px;}
#footer .copy .info li.adress{margin-left:0;}
#footer .copy .info li.adress:after{display:none;}
#footer .copy .info p{margin-top:5px;color:#696969}
#footer .family{float:right; position:relative;}
#footer .family .family_btn{width:340px; height:40px; text-align:left; font-weight:300; padding:12px 20px 10px; position:relative; cursor:pointer;}
#footer .family .family_btn span.aw{position:absolute; top:50%; right:20px; transform:translateY(-50%);}
#footer .family .family_link{width:100%; position:absolute; left:0; bottom:00px; border-radius:5px; border:1px solid #e0e0e0; background:#fff; box-sizing:border-box; z-index:200; display:none;}
#footer .family .family_link li{padding:0 10px; text-align:center; transition:0.3s;}
#footer .family .family_link li:hover{background:#e0e0e0;}
#footer .family .family_link a{padding:10px; display:block;border-bottom:1px dashed #e0e0e0;}
#footer .family .family_link li:last-child a{border-bottom:0;}
*/

/* hidden, visible */
.visible-sm{display:none;}



.myclass_list{border-bottom:1px solid #d1d1d1; padding:30px;}
.myclass_list:first-of-type{border-top:1px solid #000;}
.myclass_list .list_top .badge{display:inline-block; padding:3px 5px; border-radius:3px; font-size:0.929em; box-sizing:border-box;}
.myclass_list .list_top .badge.badge01{background:#3f3f3f; border:1px solid #3f3f3f; color:#fff;}
.myclass_list .list_top .badge.badge02{background:#fff; border:1px solid #e0e0e0; color:#878787;}
.myclass_list .list_top h2{font-size:2em; line-height:1.2em; margin-top:10px; font-weight:700;}
.myclass_list .list_info{margin-top:20px;}
.myclass_list .list_info dt, .myclass_list .list_info dd{float:left;}
.myclass_list .list_info dt{font-weight:500; margin-right:10px;}
.myclass_list .list_info dd{margin-right:60px; position:relative;}
.myclass_list .list_info dd:last-child{margin-right:0;}
.myclass_list .list_info dd:after{content:''; width:1px; height:12px; background:#d1d1d1; position:absolute; top:4px; right:-30px;}
.myclass_list .list_info dd:last-child::after{display:none;}
.myclass_list .list_info dd.assess span{margin-right:7px; display:inline-block;}
.myclass_list .list_info dd.assess span:last-child{margin-right:0;}
.myclass_list .list_btn{border-radius:5px; margin-top:20px; overflow:hidden;}
.myclass_list .list_btn li{float:left; width:25%; text-align:center; border-right:1px solid #fff; box-sizing:border-box;}
.myclass_list .list_btn.tab3 li{width:33.33%;}
.myclass_list .list_btn.tab5 li{width:20%;}
.myclass_list .list_btn li:last-child{border-right:0;}
.myclass_list .list_btn li a{line-height:50px; font-size:1.143em; display:block; background:#e8e8e8; color:#666; transition:0.3s;}
.myclass_list .list_btn li a span.new_icon{line-height:0;}
.myclass_list .list_btn li a:hover{background:#014099; color:#fff;}
.myclass_list .list_btn li.on a{background:#014099; color:#fff;}
.myclass_list .certificate_btn{margin-top:20px; text-align:right;}
.myclass_sch{margin-bottom:60px;}


.classView_info{background:#f9f9f9; border:1px solid #e9e9e9; border-radius:5px; padding:30px;}
.classView_info .classView_img{float:left; width:40%; padding-right:30px; box-sizing:border-box;}
.classView_info .classView_img img{width:100%;}
.classView_info .classView_con{float:left; width:60%; padding-left:30px; box-sizing:border-box;}
.classView_info .classView_con .txt{font-size:1.143em; color:#3f3f3f; line-height:1.5em; margin-bottom:30px;}
.classView_info .classView_con .txt li a{color:#014099;}
.classView_info .classView_con .class_subject{margin-bottom:20px; padding:20px 0;}
.classView_info .classView_con .class_subject h2{}
.classView_info.no_img .classView_con{float:inherit; padding-left:0; width:100%;}
.classView_info .classView_text p{font-size:1.143em; margin-bottom:30px; line-height:1.5em;}
.teacher_info{margin-top:40px;}

/* responsive */
@media screen and (max-width:1600px) {
	#header .nav_pc{display:none;}
	#header .nav_icon{display:block;}
}

@media screen and (max-width:1460px) {
	.container{width:100%; box-sizing:border-box;}
	.sub_container{width:100%; box-sizing:border-box;}

	.inner {width:100%}

	/* SUB */
	.sub_nav .sub_nav_in{width:100%;}

	.greeting_container{width:100%; box-sizing:border-box; padding:0 30px;}
	/*.greeting_top{background-size:60% 100%;}*/
	.greeting_top .greeting_top_txt{box-sizing:border-box;}

	#footer .copy{padding:40px 30px 70px;}
	#footer .copy .ft_logo{display:none;}
	#footer .copy .info{padding-left:0;}
}

@media screen and (max-width:1200px) {
	body{padding:0;}
	
	.container{padding:0 30px;}
	.sub_container{padding:100px 30px 150px;}

	/* SUB */
	.sub_nav .sub_nav_in{width:100%; border-left:0; border-right:0;}

	.greeting_wrap{padding:100px 30px 150px;}

	.mainPop_class .mainPop_list{width:calc(33.33% - 20px); margin-right:30px;}


	#header{padding:0 30px; box-sizing:border-box;}
	

	#left_scroll{display:none;}
	#quick{display:none;}
	
	#footer .copy{padding:50px 0;}
	
}


@media screen and (max-width:1100px) {
	.sub_container{padding:80px 30px 120px;}

	/* SUB */	
	.sub_contents{padding:50px 0;}
	
	.greeting_wrap{padding:80px 0 120px;}

	.class_wrap .class_info{width:calc(50% - 10px);}
	.class_wrap .class_info:nth-child(2n){margin-right:0;}
	.class_wrap .class_info .img{height:200px;}
	.class_btn_area{margin-top:30px;}
	
	.class_subject{padding:20px; margin-bottom:50px;}
	.classView_info{padding:20px;}
	.classView_info .classView_img{padding-right:20px;}
	.classView_info .classView_con{padding-left:20px;}
	.teacher_info{margin-top:30px;}
	/*.teacher_info .teacher_img{padding-right:20px;}
	.teacher_info .teacher_con{padding-left:20px;}*/
	.class_tbl{margin-top:30px;}
	
	.class_ipt{margin-top:50px;}
	
	.review_top{padding:50px 30px;}
	.review_list{margin-top:50px;}
	
	.myclass_list .list_info dd{margin-right:40px;}
	.myclass_list .list_info dd:after{right:-20px;}

	#footer .copy .info{float:inherit; text-align:center;}
	#footer .copy .info ul{display:inline-block;}
	#footer .copy .info li{margin-left:20px;}
	#footer .copy .info li:after{left:-10px;}
	#footer .family{position:relative;text-align:center;float:inherit;margin:0 auto;margin-top:10px;width:320px;}
/*	#footer .family{float:inherit; width:180px; margin:0 auto; margin-top:30px;}*/
}

@media screen and (max-width:800px){
	.container{padding:0 20px;}
	.sub_container{padding:60px 20px 90px;}

	.sub_contents{padding:40px 0;}

	/* SUB */
	.sub_visual .sub_visual_txt{padding-top:100px;}
	.sub_visual .sub_visual_txt h1{font-size:3em;}
	.sub_visual .sub_visual_txt p{margin-top:10px;}

	.location .afis_map{width:100%;}
	.location .info{width:100%; padding:30px 10px 0;}
	/*.intro .intro_img{width:100%;}
	.intro .intro_txt{width:100%; padding:30px 10px 0;}*/
	.greeting_wrap{padding:60px 0 90px;}
	.greeting_container{padding:0 20px;}
	/*.greeting_top{background:#f9f9f9;}
	.greeting_top .greeting_top_txt{width:100%;}*/
	.greeting_txt{padding-bottom:30px;}

	.bbs_ltype{margin-top:20px;}
	.bbs_ltype {text-align:left}
	.bbs_ltype thead th, .bbs_ltype thead, .bbs_ltype colgroup{display:none}
	.bbs_ltype tbody tr{display:block;padding:15px 10px 15px 10px;border:1px solid #e6e6e6;border-width:0 0 1px 0}
	.bbs_ltype tbody td{padding:10px 5px 0 0;color:#8a8a8a;border:1px solid #e6e6e6;border-width:0 0 0 0}
	.bbs_ltype tbody td:after{content:' |';color:#e0e0e0}
	.bbs_ltype tbody td:first-child:after{content:''}
	.bbs_ltype tbody td:last-child:after{content:''}
	.bbs_ltype tbody td.check{padding-top:0px;}
	.bbs_ltype tbody td.subject{font-size:16px;line-height:24px;font-weight:500;padding:0 0 0 0;display:block}
	.bbs_ltype tbody td.subject:after{content:''}
	.bbs_ltype tbody td.num{display:none}		

	.myclass_list{padding:20px 15px;}
	.myclass_list .list_top h2{font-size:1.8em;}
	.myclass_list .list_info{margin-top:15px;}
	.myclass_list .list_info dt, .myclass_list .list_info dd{margin-bottom:5px;}
	.myclass_list .list_info dt{width:60px; margin-right:0;}
	.myclass_list .list_info dd{width:calc(100% - 60px); margin-right:0;}
	.myclass_list .list_info dd:after{display:none;}
	.myclass_list .list_btn{margin-top:15px;}
	.myclass_list .list_btn.tab5 li a{font-size:1em;}
	.myclass_list .certificate_btn{margin-top:15px;}
	.myclass_sch{margin-bottom:40px;}

	.classView_info .classView_img{width:100%; padding-right:0;}
	.classView_info .classView_con{width:100%; padding-left:0; margin-top:20px;}
	.classView_info .classView_con .txt{margin-bottom:20px;}
	.classView_info .classView_text p{margin-bottom:20px;}

	#header{padding:10px;}
	#header .logo{margin-top:0;}
	#header .nav_icon{margin-top:7px;}
	
	#footer .copy{padding:30px 0;}
	#footer .copy .info li.adress{float:inherit; margin-bottom:5px;}
	#footer .copy .info li:nth-child(2){margin-left:0;}
	#footer .copy .info li:nth-child(2)::after{display:none;}

	#footer .copy .sns {margin-top:20px;}
	#footer .copy .sns li{float:left; margin-left:10px; position:relative;}
	#footer .copy .sns li:nth-child(2){margin-left:10px;}


	/* base */
	.paging{margin-top:40px;}

}

@media screen and (max-width:768px) {
	#header{padding:10px 15px;}
	#header .nav_icon {padding-top:0px;}
}


@media screen and (max-width:640px){
	.container{padding:0 15px;}
	.sub_container{padding:40px 15px 60px;}
	
	#header{/*height:62px; padding:15px;*/}
	#header .logo{width:70%; margin-top:0px;}
	#header .logo img{/*width:100%;*/}
	#header .nav_icon{width:32px; height:32px; margin-top:14px;}

	.sub_contents{padding:30px 0;}

	/* BOARD_LIST */
	.bo_search li{margin:0 2px;}
	.bo_search li select, .bo_search li input, .bo_search button{padding:7px;}
	.bo_search li.bo_sch_slt{width:80px;}
	.bo_search li.bo_sch_ipt{width:180px;}
	.bo_search li.bo_sch_btn{width:50px;}	

	/* SUB */
	.sub_visual{padding-top:62px;}
	.sub_visual .sub_visual_txt{padding-top:50px; height:150px;}
	.sub_visual .sub_visual_txt h1{font-size:2.4em;}
	.sub_visual .sub_visual_txt p{font-size:1.2em; margin-top:5px;}
	
	.sub_nav li.home{display:none;}
	.sub_nav li{width:50%; box-sizing:border-box;}
	.sub_nav li:after{right:10px;}
	.sub_nav li a{padding:0 10px; line-height:45px; font-size:1em;}
	.sub_nav li:last-child{border-right:0;}
	.sub_nav li .subNav_link{top:45px;}
	.sub_nav li .subNav_link li{width:100%;}
	.sub_nav li .subNav_link li a{line-height:45px;}

	.location .afis_map{height:300px;}
	.location .info{padding:20px 10px 0;}
	.location .info dl{margin-bottom:20px;}
	.location .info dt{font-size:1.143em; padding-bottom:10px;}
	.location .info dd{margin-bottom:5px;}
	/*.intro .intro_txt{padding:20px 0 0;}*/
	.intro .intro_txt .intro_top_txt{font-size:1.286em;}
	.intro .intro_txt .intro_bt_txt{padding-top:20px; font-size:1em;}
	.intro .intro_txt .intro_bt_txt_eng{margin-top:20px;}
	.intro .intro_tbl colgroup{display:none;}
	.greeting_wrap{padding:40px 0 60px;}
	.greeting_container{padding:0 15px;}
	/*.greeting_top .greeting_top_txt{padding:20px 0;}*/
	.greeting_top .greeting_top_txt h2{font-size:1.429em;}
	.greeting_top .greeting_top_txt .line{width:30px; margin:15px 0;}
	.greeting_top .greeting_top_txt p{font-size:1em;}
	.greeting_txt{font-size:1em; padding-bottom:20px;}
	.greeting_sign{font-size:1em; background-size:120px; padding-right:130px;}


	#footer .ft_banner{padding:0 30px;}
	#footer .rolling_banner .swiper-slide{padding:15px 0;}
	#footer .swiper-button-next{right:15px;}
	#footer .swiper-button-prev{left:15px;}
	#footer .copy .info li{float:inherit;}
	#footer .copy .info li.adress{float:inherit; margin-bottom:3px;}
	#footer .copy .info li.tel, #footer .copy .info li.fax{display:inline-block;}
	#footer .copy .info li.mail{margin-top:3px; margin-left:0;}
	#footer .copy .info li.mail:after{display:none;}
	#footer .family{margin-top:20px;}
	
	#footer .copy .sns {margin-top:20px;}
	#footer .copy .sns li{float:left; margin-left:10px; position:relative;}
	#footer .copy .sns li:nth-child(2){margin-left:10px;}

	/* hidden, visible */
	.hidden-sm{display:none;}
	.visible-sm{display:block;}
	
	/* base */
	.paging{margin-top:30px;}

	.myclass_list{padding:20px 0;}
	.myclass_list .list_top h2{font-size:1.4em; margin-top:5px;}
	.myclass_list .list_info dd small{display:block;}
	.myclass_list .list_btn li{width:50%; border-bottom:1px solid #fff;}
	.myclass_list .list_btn li:nth-child(2n){border-right:0;}
	.myclass_list .list_btn li a{line-height:40px; font-size:1em;}
	.myclass_list .list_btn li a span.new_icon{vertical-align:middle;}
	.myclass_list .list_btn.tab5 li{width:50%;}
	.myclass_list .list_btn.tab5 li:first-child{width:100%; border-right:0;}
	.myclass_list .list_btn.tab5 li:nth-child(2n){border-right:1px solid #fff;}
	.myclass_list .list_btn.tab5 li:nth-child(3){border-right:0;}
	.myclass_list .certificate_btn{text-align:center;}
	.myclass_list .certificate_btn button, .myclass_list .certificate_btn input[type="button"]{width:100%;}
	.myclass_sch{margin-bottom:30px;}

	.classView_info{padding:15px;}
	.classView_info .classView_con{margin-top:10px;}
	.classView_info .classView_con .txt{margin-bottom:15px; font-size:1em;}
	.classView_info .classView_con .class_subject{padding:10px 0; margin-bottom:10px;}
	.classView_info .classView_text p{margin-bottom:15px; font-size:1em;}

}

@media screen and (max-width:480px) {

	#footer .copy .info h4 a{max-width:110px; margin:0 auto; margin-top:10px;}
}